filtroDistinte.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. <md-dialog aria-label="Ricerca coordinate bancarie" style="height:800px;width:900px" layout="column">
  2. <md-toolbar class="small-toolbar">
  3. <div class="md-toolbar-tools">
  4. <h3>Filtri ricerca distinte banca</h3>
  5. <span flex></span>
  6. <md-icon ng-click="cancelDialog()" md-font-icon="fa-times" class="fa button-icon" style="color:white;margin-left:24px">
  7. <md-tooltip>Chiudi</md-tooltip>
  8. </md-icon>
  9. </div>
  10. </md-toolbar>
  11. <md-content layout="column" style="padding-left:14px;padding-right:14px;margin-top:10px" flex>
  12. <form name="form" ng-submit="eseguiRicerca()" flex>
  13. <div layout="column" flex>
  14. <md-input-container flex>
  15. <label>Tipologie</label>
  16. <md-select multiple ng-model="tipologieSelezionate" placeholder="Tipologie" flex>
  17. <md-option ng-repeat="tipologia in filtriTipologie" ng-value="tipologia.id">{{tipologia.label}}</md-option>
  18. </md-select>
  19. </md-input-container>
  20. <md-input-container flex>
  21. <label>Provenienza</label>
  22. <md-select ng-model="filter.provenienza" placeholder="Provenienza">
  23. <md-option></md-option>
  24. <md-option ng-repeat="item in provenienza" value="{{item}}">{{item}}</md-option>
  25. </md-select>
  26. </md-input-container>
  27. <div layout="row">
  28. <div layout="row" flex>
  29. <md-checkbox ng-model="filter.flagAbilitaDaDataCreazione" aria-label="Abilita da data creazione" ></md-checkbox>
  30. <md-input-container flex>
  31. <label>Da data creazione</label>
  32. <md-datepicker ng-model="filter.daDataCreazione" ng-disabled="!filter.flagAbilitaDaDataCreazione"></md-datepicker>
  33. </md-input-container>
  34. </div>
  35. <div layout="row" flex>
  36. <md-checkbox ng-model="filter.flagAbilitaADataCreazione" aria-label="Abilita data creazione" ></md-checkbox>
  37. <md-input-container flex>
  38. <label>A data creazione</label>
  39. <md-datepicker ng-model="filter.aDataCreazione" ng-disabled="!filter.flagAbilitaADataCreazione"></md-datepicker>
  40. </md-input-container>
  41. </div>
  42. </div>
  43. <div layout="row">
  44. <div layout="row" flex>
  45. <md-checkbox ng-model="filter.flagAbilitaDaDataValuta" aria-label="Abilita da data valuta" ></md-checkbox>
  46. <md-input-container flex>
  47. <label>Da data valuta</label>
  48. <md-datepicker ng-model="filter.daDataValuta" ng-disabled="!filter.flagAbilitaDaDataValuta"></md-datepicker>
  49. </md-input-container>
  50. </div>
  51. <div layout="row" flex>
  52. <md-checkbox ng-model="filter.flagAbilitaADataValuta" aria-label="Abilita a data valuta" ></md-checkbox>
  53. <md-input-container flex>
  54. <label>A data valuta</label>
  55. <md-datepicker ng-model="filter.aDataValuta" ng-disabled="!filter.flagAbilitaADataValuta"></md-datepicker>
  56. </md-input-container>
  57. </div>
  58. </div>
  59. <div layout="row">
  60. <md-input-container flex>
  61. <label>N. distinta banca da</label>
  62. <input ng-model="filter.daDistinta" maxlength="9" ng-keypress="onlyDigit($event,20)">
  63. </md-input-container>
  64. <md-input-container flex>
  65. <label>a</label>
  66. <input ng-model="filter.aDistinta" maxlength="9" ng-keypress="onlyDigit($event,20)">
  67. </md-input-container>
  68. <md-input-container flex>
  69. <label>Da importo</label>
  70. <input ng-model="filter.daImporto" ng-keypress="checkDigit($event,20)" ng-blur="checkImporto($event)">
  71. </md-input-container>
  72. <md-input-container flex>
  73. <label>A importo</label>
  74. <input ng-model="filter.aImporto" ng-keypress="checkDigit($event,20)" ng-blur="checkImporto($event)">
  75. </md-input-container>
  76. </div>
  77. </div>
  78. <div layout="row">
  79. <md-input-container flex>
  80. <label>Nome supporto CBI</label>
  81. <input ng-model="filter.nomeSupportoCBI" type="text" >
  82. </md-input-container>
  83. <md-input-container flex>
  84. <label>Conto ordinante</label>
  85. <input ng-model="filter.contoOrdinante">
  86. </md-input-container>
  87. </div>
  88. <div layout="row">
  89. <md-input-container flex>
  90. <label>Stato distinta</label>
  91. <md-select ng-model="filter.statoDisposizione" aria-label="Stato distinta" flex>
  92. <md-option></md-option>
  93. <md-option ng-repeat="item in getStatiDistinta()" value="{{item}}">{{item}}</md-option>
  94. </md-select>
  95. </md-input-container>
  96. </div>
  97. <div flex layout-gt-sm="row" layout="column" style="max-height:48px" layout-align="center center">
  98. <md-button type="submit" aria-label="Ricerca" class="md-raised md-primary" title="Esegui la ricerca" >
  99. <md-icon md-font-icon="fa-check" class="fa" aria-label="Ricerca"></md-icon>
  100. Conferma
  101. </md-button>
  102. <md-button type="button" ng-click="resetFilter()" class="md-raised md-danger" title="Pulisci filtro" >
  103. <md-icon md-font-icon="fa-times" class="fa" aria-label="Pulisci filtro"></md-icon>
  104. Pulisci filtro
  105. </md-button>
  106. </form>
  107. </md-content>
  108. </md-dialog>