tabellaFlussiNonSeda.html 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <md-toolbar layout="row" class="md-toolbar-tools md-whiteframe-4dp small-toolbar" >
  2. <span flex></span>
  3. <h5>Tabella gestione flussi SDD non aderenti SEDA</h5>
  4. <span flex></span>
  5. <md-button ng-click="ctrl.nuovoElemento($event)" aria-label="Inserisci nuovo elemento" class="hilight" style="margin-left:8px" layout="row">
  6. <md-icon md-font-icon="fa-plus" class="fa"></md-icon>
  7. Nuovo
  8. <md-tooltip>Inserisci elemento</md-tooltip>
  9. </md-button>
  10. </md-toolbar>
  11. <div layout="row" flex="100" style="width:100%">
  12. <md-list id="list" flex>
  13. <md-subheader layout="row">
  14. <div flex="100" layout="row" id="header">
  15. <div style="width:20px">&nbsp;</div>
  16. <div ng-style="ctrl.getColumnWidth(0)">
  17. Tipologia
  18. </div>
  19. <div ng-style="ctrl.getColumnWidth(1)">
  20. Nome supporto flusso SDD
  21. </div>
  22. <div ng-style="ctrl.getColumnWidth(2)">
  23. Non aderente SEDA
  24. </div>
  25. <div ng-style="ctrl.getColumnWidth(3)">
  26. Descrizione
  27. </div>
  28. <div style="width:48px">&nbsp;</div>
  29. </div>
  30. </md-subheader>
  31. <div class="virtualRepeatVerticalUsage" id="container" ng-style="ctrl.getListHeight()" ng-style="ctrl.getMaxListWidth()">
  32. <md-virtual-repeat-container id="vertical-container" ng-style="ctrl.getMaxListWidth()">
  33. <div class="md-1-line hilight" md-on-demand md-virtual-repeat="data in ctrl.infiniteItems" md-item-size="40" style="height:40px" ng-style="ctrl.getMaxListWidth()">
  34. <div class="md-1-line" style="min-height:40px;padding-left:42px" layout="row" ng-class="{'odd-row':$index%2==1,'even-row':$index%2==0, 'selectedRow': ctrl.selectedIndex===$index}"
  35. layout-align="start center">
  36. <div flex layout="row" layout-align="start center" ng-click="ctrl.editElemento($index, $event)">
  37. <div style="width:0;height:40px"></div>
  38. <div ng-style="ctrl.getColumnWidth(0)"><span >{{ctrl.decodeTipologia(data.tipologia)}}</span></div>
  39. <div ng-style="ctrl.getColumnWidth(1)"><span>{{data.nomeSupporto}}</span></div>
  40. <div ng-style="ctrl.getColumnWidth(2)"><md-checkbox ng-model="data.nonAderenteSeda" disabled="disabled" style="margin-top:16px"></md-checkbox></div>
  41. <div ng-style="ctrl.getColumnWidth(3)"><span>{{data.descrizione}}</span></div>
  42. <div style="width:48px">
  43. <i class="fa fa-trash icon-button" ng-click="ctrl.eliminaElemento($index,$event)"></i>
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  48. </md-virtual-repeat-container>
  49. </div>
  50. </md-list>
  51. </div>