From 68dae498743eeb96d4724b1741b276e5c1574307 Mon Sep 17 00:00:00 2001
From: Luigi <fluigipanettieri@gmail.com>
Date: Thu, 16 May 2019 10:37:16 -0300
Subject: [PATCH] Boton de detalles

---
 src/views/modal-detalles.html | 131 +++++++++++++++++++++++++-----------------
 1 file changed, 77 insertions(+), 54 deletions(-)

diff --git a/src/views/modal-detalles.html b/src/views/modal-detalles.html
index 358ed98..fb1e9ab 100644
--- a/src/views/modal-detalles.html
+++ b/src/views/modal-detalles.html
@@ -4,10 +4,8 @@
 <div class="modal-body" id="modal-body">
     <form name="formObservaciones">
         <div class="row">
-            <div class="col-12 col-md-2 mb-3">
-                <label class="form-control-sm p-0">Observaciones:</label>
-            </div>
-            <div class="col-12 col-md-10 mb-3">
+            <div class="col"><label class="form-control-sm p-0">Observaciones:</label></div>
+            <div class="col-10">
                 <textarea
                     teclado-virtual
                     rows="5"
@@ -15,54 +13,79 @@
                     class="form-control form-control-sm"
                     foca-focus="focused == 9"
                     ng-focus="focused = 9"
-                    ng-required="true"></textarea>
-            </div>
-            <div class="col-12 col-md-2">
-                <label class="form-control-sm p-0">Monto cubierto:</label>
+                    ng-required="true">
+                </textarea>
             </div>
-            <div class="col-12 col-md-5 input-group mb-2">
-                <div class="input-group-prepend">
-                    <div class="input-group-text form-control form-control-sm">$</div>
+        </div>
+        <div class="row my-3">
+            <div class="col-12 col-md-5">
+                <div class="row">
+                    <div class="col">                    
+                        <label class="form-control-sm p-0">Monto cubierto:</label>
+                    </div> 
+                    <div class="col-6 col-md-7 input-group input-group-sm mb-3">
+                            <div class="input-group-prepend">
+                                <span class="input-group-text" id="size">$</span>
+                            </div>
+                            <input
+                            foca-tipo-input
+                            teclado-virtual
+                            class="form-control "
+                            placeholder="Importe"
+                            ng-model="detalles.importe"
+                            ng-keypress="next($event.keyCode)"
+                            ng-required="true"
+                            foca-focus="focused == 6"
+                            ng-focus="focused = 6"
+                            aria-describedby="size"/>
+                    </div> 
                 </div>
-                <input
-                    foca-tipo-input
-                    teclado-virtual
-                    class="form-control form-control-sm"
-                    placeholder="Importe"
-                    ng-model="detalles.importe"
-                    ng-keypress="next($event.keyCode)"
-                    ng-required="true"
-                    foca-focus="focused == 6"
-                    ng-focus="focused = 6"/>
             </div>
-            <div class="col-md-5" ng-if="!mobile">
-                <input
-                    type="file"
-                    class="form-control-file"
-                    ng-file-model="detalles.files"
-                    multiple
-                    accept=".jpg,.png">
-                <small>Solo .jpg y .png - Tamaño máximo 150mb</small>
-            </div>
-            <div class="col-6 mb-2" ng-if="mobile">
-                <button
-                type="button"
-                ng-if="mobile"
-                class="form-control form-control-sm"
-                ng-click="seleccionarFoto()">
-                Seleccione imagen</button>
-            </div>
-            <div class="col-6 mb-2" ng-if="mobile">
-                <button
-                type="button"
-                ng-if="mobile"
-                class="form-control form-control-sm"
-                ng-click="tomarFoto()">
-                Tome imagen
-                </button>
-            </div>
-            <div class="col-12" ng-if="mobile">
-                <small>Solo .jpg y .png - Tamaño máximo 150mb</small>
+            <div class="col-12 col-md-7">
+                <div class="row">
+                    <!-- Botones PC -->
+                    <div class="col-md-5 col-12 text-right">
+                        <label class=" btn btn-outline-debo" ng-if="!mobile">
+                            <input
+                                type="file"
+                                ng-file-model="detalles.files"
+                                multiple
+                                accept=".jpg,.png">
+                            <small>Elegir Archivos </small>
+                        </label>
+                    </div>
+                    <div class="col-md-7 col-12 mt-1" ng-if=' 1 == detalles.files.length '>
+                        <span class="text-left" ng-repeat="(key, file) in detalles.files">{{file.name | limitTo: 15}}</span>
+                    </div>
+                    <div class="col-md-7 col-12 align-items-center" ng-if="detalles.files.length > 1">
+                            <small class="text-left ">{{detalles.files.length}} Archivos </small>
+                        </div>
+                    <div class="col text-center"> 
+                        <small class="text-muted"> Solo .jpg y .png - Tamaño máximo 150mb</small>
+                    </div>
+                    <!-- Botones MOBILE -->
+                    <div class="col-12 mb-2 col-md-6" ng-if="mobile">
+                        <button
+                            type="button"
+                            ng-if="mobile"
+                            class="form-control form-control-sm btn-outline-debo"
+                            ng-click="seleccionarFoto()">
+                            Seleccione imagen
+                        </button>
+                    </div>
+                    <div class="col-12 mb-2 col-md-6" ng-if="mobile">
+                        <button
+                        type="button"
+                        ng-if="mobile"
+                        class="form-control form-control-sm"
+                        ng-click="tomarFoto()">
+                        Tome imagen
+                        </button>
+                    </div>
+                    <div class="col-12" ng-if="mobile">
+                        <small class="text-muted">Solo .jpg y .png - Tamaño máximo 150mb</small>
+                    </div>
+                </div>
             </div>
         </div>
     </form>
@@ -93,14 +116,14 @@
 </div>
 <div class="modal-footer">
     <button
+        class="btn btn-secondary"
+        type="button"
+        ng-click="cancel()"
+    >Cancelar</button>
+    <button
         class="btn btn-primary"
         type="button"
         ng-click="aceptar()"
         ng-disabled="!formObservaciones.$valid"
     >Aceptar</button>
-    <button
-        class="btn btn-secondary"
-        type="button"
-        ng-click="cancel()"
-    >Cancelar</button>
 </div>
-- 
1.9.1