ordinante.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <md-dialog aria-label="Gestione banche" style="height:665px;min-height:665px;width:620px" layout="column">
  2. <md-toolbar class="small-toolbar" layout="row">
  3. <div class="md-toolbar-tools small-toolbar">
  4. <h3>Anagrafica ordinante</h3>
  5. <span flex></span>
  6. <md-icon ng-click="cancelDialog()" md-font-icon="fa-times" class="fa button-icon" style="color:white">
  7. <md-tooltip>Chiudi</md-tooltip>
  8. </md-icon>
  9. </div>
  10. </md-toolbar>
  11. <md-dialog-content style="min-height:550px">
  12. <ng-form name="form">
  13. <div class="md-dialog-content" layout-gt-xs="column" layout="row">
  14. <div layout-gt-xs="row" layout="column">
  15. <md-input-container style="width:66%">
  16. <label>Società ordinante</label>
  17. <input type="text" maxlength="96" ng-model="ordinante.ordinante" ng-required="true" md-autofocus >
  18. </md-input-container>
  19. <md-input-container style="width:33%">
  20. <label>Codice bonifici postali</label>
  21. <input type="text" maxlength="3" ng-model="ordinante.codiceSocietaBancoPosta">
  22. </md-input-container>
  23. </div>
  24. <div layout-gt-xs="row" layout="column">
  25. <md-input-container flex>
  26. <label>Codice fiscale / Partita IVA</label>
  27. <input type="text" maxlength="16" ng-model="ordinante.codiceFiscale" ng-blur="controllaCF()" ng-required="true">
  28. </md-input-container>
  29. <md-input-container flex>
  30. <label>Codice SIA</label>
  31. <input type="text" maxlength="5" ng-model="ordinante.codiceSia" ng-required="true" required="required">
  32. </md-input-container>
  33. <md-input-container flex>
  34. <label>Firma emittente</label>
  35. <input type="text" maxlength="20" ng-model="ordinante.firmaEmittente">
  36. </md-input-container>
  37. </div>
  38. <div layout-gt-xs="row" layout="column">
  39. <md-input-container flex>
  40. <label>Indirizzo</label>
  41. <input type="text" maxlength="30" ng-model="ordinante.indirizzo" >
  42. </md-input-container>
  43. <md-input-container flex>
  44. <label>Comune</label>
  45. <input type="text" maxlength="30" ng-model="ordinante.comune" >
  46. </md-input-container>
  47. </div>
  48. <div layout-gt-xs="row" layout="column">
  49. <md-input-container style="width:15%">
  50. <label>Cap</label>
  51. <input type="text" maxlength="5" ng-model="ordinante.cap" >
  52. </md-input-container>
  53. <md-input-container style="width:15%">
  54. <label>Prov</label>
  55. <input type="text" maxlength="2" ng-model="ordinante.provincia" style="width:100%">
  56. </md-input-container>
  57. <md-input-container style="width:25%">
  58. <label>Codice CUC</label>
  59. <input type="text" maxlength="35" ng-model="ordinante.codiceCucOrdinante" style="width:100%">
  60. </md-input-container>
  61. <md-input-container style="width:45%">
  62. <label>Idenfiicativo creditore</label>
  63. <input type="text" maxlength="35" ng-model="ordinante.identificativoCreditore" style="width:100%">
  64. </md-input-container>
  65. </div>
  66. <div layout-gt-xs="row" layout="column">
  67. <h5 class="title-label">Addebito bonifici postali domiciliati</h5>
  68. </div>
  69. <div layout-gt-xs="row" layout="column">
  70. <md-input-container style="width:20%">
  71. <label>Abi</label>
  72. <input type="text" maxlength="5" ng-model="ordinante.abi" ng-keypress="checkDigit($event, 5)">
  73. </md-input-container>
  74. <md-input-container style="width:20%">
  75. <label>Cab</label>
  76. <input type="text" maxlength="5" ng-model="ordinante.cab" ng-keypress="checkDigit($event, 5)" style="width:100%">
  77. </md-input-container>
  78. <md-input-container style="width:60%">
  79. <label>Conto</label>
  80. <input type="text" maxlength="12" ng-model="ordinante.conto" style="width:100%" pattern="[A-Z0-9]+" ng-change="ordinante.conto=ordinante.conto.toUpperCase()">
  81. </md-input-container>
  82. </div>
  83. </div>
  84. </ng-form>
  85. </md-dialog-content>
  86. <md-dialog-actions layout="row" >
  87. <span flex></span>
  88. <md-button type="submit" ng-click="confirmDialog()" aria-label="Chiudi" class="md-raised md-primary" title="Conferma" >
  89. <md-icon md-font-icon="fa-check" class="fa" aria-label="Conferma"></md-icon>
  90. Conferma
  91. </md-button>
  92. <md-button type="submit" ng-click="cancelDialog()" aria-label="Chiudi" class="md-raised md-warn" title="Annulla" >
  93. <md-icon md-font-icon="fa-check" class="fa" aria-label="Annulla"></md-icon>
  94. Annulla
  95. </md-button>
  96. </md-dialog-actions>
  97. </md-dialog>