logSicuraScheduler.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <md-toolbar layout="row" class="md-toolbar-tools md-whiteframe-4dp small-toolbar" >
  2. <span flex></span>
  3. <h5>Log servizio conversione <span hide-xs>flussi ed acquisizione esiti</span> <small>({{ctrl.maxItems}} elementi)</small></h5>
  4. <span flex></span>
  5. <md-input-container md-theme="toolbar" md-no-float class="md-hue-1" layout="row" layout-align="end center">
  6. <input type="text" ng-model="ctrl.inputFile" ng-change="ctrl.getLog()" aria-label="filtro ricerca" class="toolbar-search" ng-model-options="{debounce: 400}">
  7. <i class="fa fa-search"></i>
  8. </md-input-container>
  9. </md-toolbar>
  10. <div layout="row" flex="100" style="width:100%">
  11. <md-list id="list" flex>
  12. <md-subheader layout="row">
  13. <div flex="100" layout="row" id="header" ng-init="ctrl.orderField='-dataAcquisizione'">
  14. <md-button ng-click="ctrl.setOrderField('dataAcquisizione')" ng-style="ctrl.getColumnWidth(0)" tooltip="Data acquisizione">
  15. Data attività
  16. <md-icon md-font-icon="fa fa-sort" class="fa"></md-icon>
  17. </md-button>
  18. <md-button ng-click="ctrl.setOrderField('tipoAcquisizione')" ng-style="ctrl.getColumnWidth(1)" tooltip="Tipo attività">
  19. Tipo attività
  20. <i class="fa fa-sort"></i>
  21. </md-button>
  22. <md-button ng-click="ctrl.setOrderField('descrizioneEsito')" ng-style="ctrl.getColumnWidth(2)" tooltip="Descrizione esito">
  23. Descrizione esito
  24. <i class="fa fa-sort"></i>
  25. </md-button>
  26. <md-button ng-click="ctrl.setOrderField('inputFile')" ng-style="ctrl.getColumnWidth(3)" tooltip="Flusso in ingresso">
  27. Flusso in ingresso
  28. <i class="fa fa-sort"></i>
  29. </md-button>
  30. <md-button ng-click="ctrl.setOrderField('backupFile')" ng-style="ctrl.getColumnWidth(4)" tooltip="Flusso in uscita">
  31. Flusso in uscita
  32. <i class="fa fa-sort"></i>
  33. </md-button>
  34. </div>
  35. </md-subheader>
  36. <div layout="column">
  37. <div class="virtualRepeatVerticalUsage" id="container" ng-style="ctrl.getListHeight()" ng-style="ctrl.getMaxListWidth()">
  38. <md-virtual-repeat-container id="vertical-container" ng-style="ctrl.getMaxListWidth()">
  39. <div class="md-1-line hilight" md-on-demand md-virtual-repeat="data in ctrl.infiniteItems" md-item-size="25" style="margin-left:60px" ng-style="ctrl.getGridItemHeight()" ang-style="ctrl.getMaxListWidth()">
  40. <div ng-style="ctrl.getGridItemHeight()" ang-style="ctrl.getMaxListWidth()" layout="row" ng-click="ctrl.getLogDetail($index)"
  41. layout-align="start center"
  42. ng-class="{'status-ok':data.esito==1,'status-warning':data.esito==2,'status-error':data.esito==0,'selectedRow': ctrl.selectedIndex===$index}">
  43. <div style="width:0" ng-style="ctrl.getGridItemHeight()" ></div>
  44. <div ng-style="ctrl.getColumnWidth(0)"><span>{{data.dataAcquisizione.formatAsDateTime()}}</span></div>
  45. <div ng-style="ctrl.getColumnWidth(1)" style="word-wrap: break-word;word-break: break-all;"><span title="{{data.tipoAcquisizione}}">{{data.tipoAcquisizione}}</span></div>
  46. <div ng-style="ctrl.getColumnWidth(2)" style="word-wrap: break-word;word-break: break-all;">
  47. <span title="{{data.descrizioneEsito}}">
  48. {{data.descrizioneEsito}}
  49. <md-tooltip>{{data.descrizioneEsito}}</md-tooltip>
  50. </span>
  51. </div>
  52. <div ng-style="ctrl.getColumnWidth(3)" style="word-wrap: break-word;word-break: break-all;">
  53. <span title="{{data.inputFile}}">
  54. {{ctrl.onlyFilename(data.inputFile)}}
  55. </span>
  56. </div>
  57. <div ng-style="ctrl.getColumnWidth(4)" style="word-wrap: break-word;word-break: break-all;"><span title="{{data.backupFile}}">{{ctrl.onlyFilename(data.backupFile)}}</span></div>
  58. </div>
  59. </div>
  60. </md-virtual-repeat-container>
  61. </div>
  62. <md-content style="height:350px;margin-top:30px" >
  63. <md-toolbar layout="row" class="md-toolbar-tools md-whiteframe-4dp small-toolbar" style="position:sticky;top:-1px;">
  64. <h5 style="width:100%;text-align:center">Dettagli log</h5>
  65. <span flex></span>
  66. </md-toolbar>
  67. <div ng-bind-html="ctrl.logDetails.value|to_trusted" ng-if="ctrl.selectedIndex != -1"></div>
  68. </md-content>
  69. </div>
  70. </md-list>
  71. </div>