From 2dfe12987636712eb4bb2d505895920ebb860d12 Mon Sep 17 00:00:00 2001
From: mpuebla <mpuebla@focasoftware.com>
Date: Fri, 31 May 2019 15:19:56 -0300
Subject: [PATCH] Cambio en la vista del modal de precios y condiciones.

---
 src/views/modal-precio-condicion.html | 88 ++++++++++++++++++-----------------
 1 file changed, 46 insertions(+), 42 deletions(-)

diff --git a/src/views/modal-precio-condicion.html b/src/views/modal-precio-condicion.html
index 47b4187..839dd04 100644
--- a/src/views/modal-precio-condicion.html
+++ b/src/views/modal-precio-condicion.html
@@ -56,51 +56,55 @@
                 </div>
             </div>
             <div class="col">
-                <div class="row border-bottom py-1">
+                <div class="row py-1">
                     <div class="col text-center font-weight-bold">Plazos</div>
                 </div>
-                <div ng-if="!editingPlazo" class="row align-items-center justify-content-end py-2">
-                    <div 
-                        class="col-lg-9 col-9 text-center"
-                        ng-repeat="plazo in plazos">
-                        {{plazo.dias}},
+                <div class="row">
+                    <div class="col">
+                        <table class="table table-sm table-striped">
+                            <thead>
+                                <tr>
+                                    <th colspan="2">Dias</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr ng-repeat="(i, plazo) in plazos" ng-show="plazo.activo">
+                                    <td align="center" ng-class="{'pt-2': i > 0}">
+                                        <span
+                                            ng-show="i > 0"
+                                            ng-bind="plazo.dias">
+                                        </span>
+                                        <input
+                                            ng-show="i == 0"
+                                            type="text"
+                                            class="form-control form-control-sm text-center"
+                                            ng-model="plazo.dias"
+                                            limite-numeros-max="3"
+                                            ng-keyup="validateMinMax(plazo, 0, 365)"
+                                            select-on-click
+                                            teclado-virtual
+                                            foca-tipo-input
+                                            solo-positivos>
+                                    </td>
+                                    <td>
+                                        <button
+                                            ng-show="i === 0"
+                                            class="btn btn-primary"
+                                            ng-click="addPlazo()">
+                                            <span class="fa fa-save"></span>
+                                        </button>
+                                        <button
+                                            ng-show="i > 0"
+                                            class="btn btn-default"
+                                            ng-click="deletePlazo(i)">
+                                            <span class="fa fa-trash"></span>
+                                        </button>
+                                    </td>  
+                                </tr>
+                            </tbody>
+                        </table>
                     </div>
-                    <div class="col-lg-9 col-9 text-center" ng-if="plazos.length == 0">
-                            No hay plazos cargados.
-                    </div>
-                    <div class="col-lg-3 col-3">
-                        <button class="btn btn-sm text-center" ng-click="editPlazo()">
-                            <span ng-class="{'fa-pencil': plazos.length > 0, 'fa-plus': plazos.length == 0}" class="fa"></span>
-                        </button>
-                    </div>
-                </div>
-                <div ng-if="editingPlazo" class="row align-items-center justify-content-end py-2">
-                    <div class="col-2 col-sm-2 px-2" ng-repeat="plazo in plazos" ng-show="plazos.length > 0">                        
-                        <input
-                            type="text"
-                            class="form-control form-control-sm text-center"
-                            ng-model="plazo.dias"
-                            limite-numeros-max="3"
-                            ng-keyup="validateMinMax(plazo, 0, 365)"
-                            select-on-click
-                            teclado-virtual
-                            foca-tipo-input
-                            solo-positivos>
-                    </div>
-                    <div class="col-lg-2 col-2 text-center">
-                        <button
-                            class="btn btn-outline-debo" 
-                            ng-click="addMorePlazos()"
-                            ng-disabled="plazos.length == 4">
-                            <span class="fa fa-plus"></span>
-                        </button>
-                    </div>
-                    <div class="col-lg-2 col-2 text-center">
-                        <button class="btn btn-primary">
-                            <span class="fa fa-save"></span>
-                        </button>
-                    </div>
-                </div>
+                </div>                
             </div>
         </div>
     </div>
-- 
1.9.1