Commit 68dae498743eeb96d4724b1741b276e5c1574307
1 parent
e409f6c42f
Exists in
master
Boton de detalles
Showing
1 changed file
with
77 additions
and
54 deletions
Show diff stats
src/views/modal-detalles.html
| ... | ... | @@ -4,10 +4,8 @@ |
| 4 | 4 | <div class="modal-body" id="modal-body"> |
| 5 | 5 | <form name="formObservaciones"> |
| 6 | 6 | <div class="row"> |
| 7 | - <div class="col-12 col-md-2 mb-3"> | |
| 8 | - <label class="form-control-sm p-0">Observaciones:</label> | |
| 9 | - </div> | |
| 10 | - <div class="col-12 col-md-10 mb-3"> | |
| 7 | + <div class="col"><label class="form-control-sm p-0">Observaciones:</label></div> | |
| 8 | + <div class="col-10"> | |
| 11 | 9 | <textarea |
| 12 | 10 | teclado-virtual |
| 13 | 11 | rows="5" |
| ... | ... | @@ -15,54 +13,79 @@ |
| 15 | 13 | class="form-control form-control-sm" |
| 16 | 14 | foca-focus="focused == 9" |
| 17 | 15 | ng-focus="focused = 9" |
| 18 | - ng-required="true"></textarea> | |
| 19 | - </div> | |
| 20 | - <div class="col-12 col-md-2"> | |
| 21 | - <label class="form-control-sm p-0">Monto cubierto:</label> | |
| 16 | + ng-required="true"> | |
| 17 | + </textarea> | |
| 22 | 18 | </div> |
| 23 | - <div class="col-12 col-md-5 input-group mb-2"> | |
| 24 | - <div class="input-group-prepend"> | |
| 25 | - <div class="input-group-text form-control form-control-sm">$</div> | |
| 19 | + </div> | |
| 20 | + <div class="row my-3"> | |
| 21 | + <div class="col-12 col-md-5"> | |
| 22 | + <div class="row"> | |
| 23 | + <div class="col"> | |
| 24 | + <label class="form-control-sm p-0">Monto cubierto:</label> | |
| 25 | + </div> | |
| 26 | + <div class="col-6 col-md-7 input-group input-group-sm mb-3"> | |
| 27 | + <div class="input-group-prepend"> | |
| 28 | + <span class="input-group-text" id="size">$</span> | |
| 29 | + </div> | |
| 30 | + <input | |
| 31 | + foca-tipo-input | |
| 32 | + teclado-virtual | |
| 33 | + class="form-control " | |
| 34 | + placeholder="Importe" | |
| 35 | + ng-model="detalles.importe" | |
| 36 | + ng-keypress="next($event.keyCode)" | |
| 37 | + ng-required="true" | |
| 38 | + foca-focus="focused == 6" | |
| 39 | + ng-focus="focused = 6" | |
| 40 | + aria-describedby="size"/> | |
| 41 | + </div> | |
| 26 | 42 | </div> |
| 27 | - <input | |
| 28 | - foca-tipo-input | |
| 29 | - teclado-virtual | |
| 30 | - class="form-control form-control-sm" | |
| 31 | - placeholder="Importe" | |
| 32 | - ng-model="detalles.importe" | |
| 33 | - ng-keypress="next($event.keyCode)" | |
| 34 | - ng-required="true" | |
| 35 | - foca-focus="focused == 6" | |
| 36 | - ng-focus="focused = 6"/> | |
| 37 | 43 | </div> |
| 38 | - <div class="col-md-5" ng-if="!mobile"> | |
| 39 | - <input | |
| 40 | - type="file" | |
| 41 | - class="form-control-file" | |
| 42 | - ng-file-model="detalles.files" | |
| 43 | - multiple | |
| 44 | - accept=".jpg,.png"> | |
| 45 | - <small>Solo .jpg y .png - Tamaño máximo 150mb</small> | |
| 46 | - </div> | |
| 47 | - <div class="col-6 mb-2" ng-if="mobile"> | |
| 48 | - <button | |
| 49 | - type="button" | |
| 50 | - ng-if="mobile" | |
| 51 | - class="form-control form-control-sm" | |
| 52 | - ng-click="seleccionarFoto()"> | |
| 53 | - Seleccione imagen</button> | |
| 54 | - </div> | |
| 55 | - <div class="col-6 mb-2" ng-if="mobile"> | |
| 56 | - <button | |
| 57 | - type="button" | |
| 58 | - ng-if="mobile" | |
| 59 | - class="form-control form-control-sm" | |
| 60 | - ng-click="tomarFoto()"> | |
| 61 | - Tome imagen | |
| 62 | - </button> | |
| 63 | - </div> | |
| 64 | - <div class="col-12" ng-if="mobile"> | |
| 65 | - <small>Solo .jpg y .png - Tamaño máximo 150mb</small> | |
| 44 | + <div class="col-12 col-md-7"> | |
| 45 | + <div class="row"> | |
| 46 | + <!-- Botones PC --> | |
| 47 | + <div class="col-md-5 col-12 text-right"> | |
| 48 | + <label class=" btn btn-outline-debo" ng-if="!mobile"> | |
| 49 | + <input | |
| 50 | + type="file" | |
| 51 | + ng-file-model="detalles.files" | |
| 52 | + multiple | |
| 53 | + accept=".jpg,.png"> | |
| 54 | + <small>Elegir Archivos </small> | |
| 55 | + </label> | |
| 56 | + </div> | |
| 57 | + <div class="col-md-7 col-12 mt-1" ng-if=' 1 == detalles.files.length '> | |
| 58 | + <span class="text-left" ng-repeat="(key, file) in detalles.files">{{file.name | limitTo: 15}}</span> | |
| 59 | + </div> | |
| 60 | + <div class="col-md-7 col-12 align-items-center" ng-if="detalles.files.length > 1"> | |
| 61 | + <small class="text-left ">{{detalles.files.length}} Archivos </small> | |
| 62 | + </div> | |
| 63 | + <div class="col text-center"> | |
| 64 | + <small class="text-muted"> Solo .jpg y .png - Tamaño máximo 150mb</small> | |
| 65 | + </div> | |
| 66 | + <!-- Botones MOBILE --> | |
| 67 | + <div class="col-12 mb-2 col-md-6" ng-if="mobile"> | |
| 68 | + <button | |
| 69 | + type="button" | |
| 70 | + ng-if="mobile" | |
| 71 | + class="form-control form-control-sm btn-outline-debo" | |
| 72 | + ng-click="seleccionarFoto()"> | |
| 73 | + Seleccione imagen | |
| 74 | + </button> | |
| 75 | + </div> | |
| 76 | + <div class="col-12 mb-2 col-md-6" ng-if="mobile"> | |
| 77 | + <button | |
| 78 | + type="button" | |
| 79 | + ng-if="mobile" | |
| 80 | + class="form-control form-control-sm" | |
| 81 | + ng-click="tomarFoto()"> | |
| 82 | + Tome imagen | |
| 83 | + </button> | |
| 84 | + </div> | |
| 85 | + <div class="col-12" ng-if="mobile"> | |
| 86 | + <small class="text-muted">Solo .jpg y .png - Tamaño máximo 150mb</small> | |
| 87 | + </div> | |
| 88 | + </div> | |
| 66 | 89 | </div> |
| 67 | 90 | </div> |
| 68 | 91 | </form> |
| ... | ... | @@ -93,14 +116,14 @@ |
| 93 | 116 | </div> |
| 94 | 117 | <div class="modal-footer"> |
| 95 | 118 | <button |
| 119 | + class="btn btn-secondary" | |
| 120 | + type="button" | |
| 121 | + ng-click="cancel()" | |
| 122 | + >Cancelar</button> | |
| 123 | + <button | |
| 96 | 124 | class="btn btn-primary" |
| 97 | 125 | type="button" |
| 98 | 126 | ng-click="aceptar()" |
| 99 | 127 | ng-disabled="!formObservaciones.$valid" |
| 100 | 128 | >Aceptar</button> |
| 101 | - <button | |
| 102 | - class="btn btn-secondary" | |
| 103 | - type="button" | |
| 104 | - ng-click="cancel()" | |
| 105 | - >Cancelar</button> | |
| 106 | 129 | </div> |