Luigi / foca-modal-detalles

Download as
Browse Code »

Commit 68dae498743eeb96d4724b1741b276e5c1574307

Authored by Luigi
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
Diff comments   View file @ 68dae49
1 <div class="modal-header"> 1 <div class="modal-header">
2 <h3 class="modal-title">Ingrese detalles</h3> 2 <h3 class="modal-title">Ingrese detalles</h3>
3 </div> 3 </div>
4 <div class="modal-body" id="modal-body"> 4 <div class="modal-body" id="modal-body">
5 <form name="formObservaciones"> 5 <form name="formObservaciones">
6 <div class="row"> 6 <div class="row">
7 <div class="col-12 col-md-2 mb-3"> 7 <div class="col"><label class="form-control-sm p-0">Observaciones:</label></div>
8 <label class="form-control-sm p-0">Observaciones:</label> 8 <div class="col-10">
9 </div>
10 <div class="col-12 col-md-10 mb-3">
11 <textarea 9 <textarea
12 teclado-virtual 10 teclado-virtual
13 rows="5" 11 rows="5"
14 ng-model="detalles.observacion" 12 ng-model="detalles.observacion"
15 class="form-control form-control-sm" 13 class="form-control form-control-sm"
16 foca-focus="focused == 9" 14 foca-focus="focused == 9"
17 ng-focus="focused = 9" 15 ng-focus="focused = 9"
18 ng-required="true"></textarea> 16 ng-required="true">
19 </div> 17 </textarea>
20 <div class="col-12 col-md-2">
21 <label class="form-control-sm p-0">Monto cubierto:</label>
22 </div> 18 </div>
23 <div class="col-12 col-md-5 input-group mb-2"> 19 </div>
24 <div class="input-group-prepend"> 20 <div class="row my-3">
25 <div class="input-group-text form-control form-control-sm">$</div> 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 </div> 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 </div> 43 </div>
38 <div class="col-md-5" ng-if="!mobile"> 44 <div class="col-12 col-md-7">
39 <input 45 <div class="row">
40 type="file" 46 <!-- Botones PC -->
41 class="form-control-file" 47 <div class="col-md-5 col-12 text-right">
42 ng-file-model="detalles.files" 48 <label class=" btn btn-outline-debo" ng-if="!mobile">
43 multiple 49 <input
44 accept=".jpg,.png"> 50 type="file"
45 <small>Solo .jpg y .png - Tamaño máximo 150mb</small> 51 ng-file-model="detalles.files"
46 </div> 52 multiple
47 <div class="col-6 mb-2" ng-if="mobile"> 53 accept=".jpg,.png">
48 <button 54 <small>Elegir Archivos </small>
49 type="button" 55 </label>
50 ng-if="mobile" 56 </div>
51 class="form-control form-control-sm" 57 <div class="col-md-7 col-12 mt-1" ng-if=' 1 == detalles.files.length '>
52 ng-click="seleccionarFoto()"> 58 <span class="text-left" ng-repeat="(key, file) in detalles.files">{{file.name | limitTo: 15}}</span>
53 Seleccione imagen</button> 59 </div>
54 </div> 60 <div class="col-md-7 col-12 align-items-center" ng-if="detalles.files.length > 1">
55 <div class="col-6 mb-2" ng-if="mobile"> 61 <small class="text-left ">{{detalles.files.length}} Archivos </small>
56 <button 62 </div>
57 type="button" 63 <div class="col text-center">
58 ng-if="mobile" 64 <small class="text-muted"> Solo .jpg y .png - Tamaño máximo 150mb</small>
59 class="form-control form-control-sm" 65 </div>
60 ng-click="tomarFoto()"> 66 <!-- Botones MOBILE -->
61 Tome imagen 67 <div class="col-12 mb-2 col-md-6" ng-if="mobile">
62 </button> 68 <button
63 </div> 69 type="button"
64 <div class="col-12" ng-if="mobile"> 70 ng-if="mobile"
65 <small>Solo .jpg y .png - Tamaño máximo 150mb</small> 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 </div> 89 </div>
67 </div> 90 </div>
68 </form> 91 </form>
69 <div class="row" ng-if="!mobile"> 92 <div class="row" ng-if="!mobile">
70 <div class="col-md-3" ng-repeat="(key, file) in detalles.files"> 93 <div class="col-md-3" ng-repeat="(key, file) in detalles.files">
71 <img ng-src="{{file.url}}" alt="" class="col-md-12 p-0"> 94 <img ng-src="{{file.url}}" alt="" class="col-md-12 p-0">
72 <button 95 <button
73 type="button" 96 type="button"
74 class="btn btn-delete-image btn-danger rounded-circle position-absolute p-0" 97 class="btn btn-delete-image btn-danger rounded-circle position-absolute p-0"
75 title="Eliminar" 98 title="Eliminar"
76 ng-click="eliminarImg(key)"> 99 ng-click="eliminarImg(key)">
77 <i class="fa fa-times" aria-hidden="true"></i> 100 <i class="fa fa-times" aria-hidden="true"></i>
78 </button> 101 </button>
79 </div> 102 </div>
80 </div> 103 </div>
81 <div class="row" ng-if="mobile"> 104 <div class="row" ng-if="mobile">
82 <div class="col-12 d-flex justify-content-between" ng-repeat="(key, file) in detalles.files"> 105 <div class="col-12 d-flex justify-content-between" ng-repeat="(key, file) in detalles.files">
83 <strong ng-bind="file.name"></strong> 106 <strong ng-bind="file.name"></strong>
84 <button 107 <button
85 type="button" 108 type="button"
86 class="btn p-0" 109 class="btn p-0"
87 title="Eliminar" 110 title="Eliminar"
88 ng-click="eliminarImg(key)"> 111 ng-click="eliminarImg(key)">
89 <i class="fa fa-times" aria-hidden="true"></i> 112 <i class="fa fa-times" aria-hidden="true"></i>
90 </button> 113 </button>
91 </div> 114 </div>
92 </div> 115 </div>
93 </div> 116 </div>