Commit 2dfe12987636712eb4bb2d505895920ebb860d12
1 parent
e1ae85f8a3
Exists in
master
and in
1 other branch
Cambio en la vista del modal de precios y condiciones.
Showing
1 changed file
with
46 additions
and
42 deletions
Show diff stats
src/views/modal-precio-condicion.html
| ... | ... | @@ -56,51 +56,55 @@ |
| 56 | 56 | </div> |
| 57 | 57 | </div> |
| 58 | 58 | <div class="col"> |
| 59 | - <div class="row border-bottom py-1"> | |
| 59 | + <div class="row py-1"> | |
| 60 | 60 | <div class="col text-center font-weight-bold">Plazos</div> |
| 61 | 61 | </div> |
| 62 | - <div ng-if="!editingPlazo" class="row align-items-center justify-content-end py-2"> | |
| 63 | - <div | |
| 64 | - class="col-lg-9 col-9 text-center" | |
| 65 | - ng-repeat="plazo in plazos"> | |
| 66 | - {{plazo.dias}}, | |
| 62 | + <div class="row"> | |
| 63 | + <div class="col"> | |
| 64 | + <table class="table table-sm table-striped"> | |
| 65 | + <thead> | |
| 66 | + <tr> | |
| 67 | + <th colspan="2">Dias</th> | |
| 68 | + </tr> | |
| 69 | + </thead> | |
| 70 | + <tbody> | |
| 71 | + <tr ng-repeat="(i, plazo) in plazos" ng-show="plazo.activo"> | |
| 72 | + <td align="center" ng-class="{'pt-2': i > 0}"> | |
| 73 | + <span | |
| 74 | + ng-show="i > 0" | |
| 75 | + ng-bind="plazo.dias"> | |
| 76 | + </span> | |
| 77 | + <input | |
| 78 | + ng-show="i == 0" | |
| 79 | + type="text" | |
| 80 | + class="form-control form-control-sm text-center" | |
| 81 | + ng-model="plazo.dias" | |
| 82 | + limite-numeros-max="3" | |
| 83 | + ng-keyup="validateMinMax(plazo, 0, 365)" | |
| 84 | + select-on-click | |
| 85 | + teclado-virtual | |
| 86 | + foca-tipo-input | |
| 87 | + solo-positivos> | |
| 88 | + </td> | |
| 89 | + <td> | |
| 90 | + <button | |
| 91 | + ng-show="i === 0" | |
| 92 | + class="btn btn-primary" | |
| 93 | + ng-click="addPlazo()"> | |
| 94 | + <span class="fa fa-save"></span> | |
| 95 | + </button> | |
| 96 | + <button | |
| 97 | + ng-show="i > 0" | |
| 98 | + class="btn btn-default" | |
| 99 | + ng-click="deletePlazo(i)"> | |
| 100 | + <span class="fa fa-trash"></span> | |
| 101 | + </button> | |
| 102 | + </td> | |
| 103 | + </tr> | |
| 104 | + </tbody> | |
| 105 | + </table> | |
| 67 | 106 | </div> |
| 68 | - <div class="col-lg-9 col-9 text-center" ng-if="plazos.length == 0"> | |
| 69 | - No hay plazos cargados. | |
| 70 | - </div> | |
| 71 | - <div class="col-lg-3 col-3"> | |
| 72 | - <button class="btn btn-sm text-center" ng-click="editPlazo()"> | |
| 73 | - <span ng-class="{'fa-pencil': plazos.length > 0, 'fa-plus': plazos.length == 0}" class="fa"></span> | |
| 74 | - </button> | |
| 75 | - </div> | |
| 76 | - </div> | |
| 77 | - <div ng-if="editingPlazo" class="row align-items-center justify-content-end py-2"> | |
| 78 | - <div class="col-2 col-sm-2 px-2" ng-repeat="plazo in plazos" ng-show="plazos.length > 0"> | |
| 79 | - <input | |
| 80 | - type="text" | |
| 81 | - class="form-control form-control-sm text-center" | |
| 82 | - ng-model="plazo.dias" | |
| 83 | - limite-numeros-max="3" | |
| 84 | - ng-keyup="validateMinMax(plazo, 0, 365)" | |
| 85 | - select-on-click | |
| 86 | - teclado-virtual | |
| 87 | - foca-tipo-input | |
| 88 | - solo-positivos> | |
| 89 | - </div> | |
| 90 | - <div class="col-lg-2 col-2 text-center"> | |
| 91 | - <button | |
| 92 | - class="btn btn-outline-debo" | |
| 93 | - ng-click="addMorePlazos()" | |
| 94 | - ng-disabled="plazos.length == 4"> | |
| 95 | - <span class="fa fa-plus"></span> | |
| 96 | - </button> | |
| 97 | - </div> | |
| 98 | - <div class="col-lg-2 col-2 text-center"> | |
| 99 | - <button class="btn btn-primary"> | |
| 100 | - <span class="fa fa-save"></span> | |
| 101 | - </button> | |
| 102 | - </div> | |
| 103 | - </div> | |
| 107 | + </div> | |
| 104 | 108 | </div> |
| 105 | 109 | </div> |
| 106 | 110 | </div> |