foca-abm-vehiculos-item.html
8.09 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<div class="row">
    <foca-cabecera-facturador 
    titulo="'Vehículo'"
    fecha="now"
    class="mb-0 col-lg-12"
    ></foca-cabecera-facturador>
</div>
<div class="row">
    <div class="col-12 col-md-10 p-0 mt-4 border border-white rounded">
        <form name="formVehiculo" class="px-3">
            <input type="hidden" name="id" ng-model="sector.id" />
            <div class="row mt-3">
                <div class="form-group d-flex mb-2 col-md-6">
                    <label class="col-form-label col-md-4">Unidad</label>
                    <div class="input-group col-md-8 pl-0">
                        <input
                            class="form-control"
                            type="text"
                            teclado-virtual
                            ng-model="vehiculo.codigo"
                            foca-focus="focused == 1"
                            ng-focus="focused = 1"
                            ng-keypress="next($event.keyCode)"
                            ng-disabled="!nuevo"
                        />
                    </div>
                </div>
                <div class="form-group d-flex mb-2 col-md-6">
                    <label class="col-form-label col-md-4">Dominio tractor</label>
                    <div class="input-group col-md-8 pl-0">
                        <input
                            class="form-control"
                            type="text"
                            teclado-virtual
                            ng-model="vehiculo.tractor"
                            ng-required="true"
                            foca-focus="focused == 2"
                            ng-focus="focused = 2"
                            ng-keypress="next($event.keyCode)"
                        />
                    </div>
                </div>
                <div class="form-group d-flex mb-2 col-md-6">
                    <label class="col-form-label col-md-4">Dominio semi</label>
                    <div class="input-group col-md-8 pl-0">
                        <input
                            class="form-control"
                            type="text"
                            teclado-virtual
                            ng-model="vehiculo.semi"
                            ng-required="true"
                            foca-focus="focused == 3"
                            ng-focus="focused = 3"
                            ng-keypress="next($event.keyCode)"
                        />
                    </div>
                </div>
                <div class="form-group d-flex mb-2 col-md-6">
                    <label class="col-form-label col-md-4">Capacidad total</label>
                    <div class="input-group col-md-8 pl-0">
                        <input
                            class="form-control"
                            type="text"
                            teclado-virtual
                            ng-model="vehiculo.capacidad"
                            ng-required="true"
                            foca-focus="focused == 4"
                            ng-focus="focused = 4"
                            ng-keypress="guardar($event.keyCode)"
                        />
                    </div>
                </div>
            </div>
        </form>
        <div ng-show="!nuevo">
            <h5 class="pl-4 table-title">Cisternas</h5>
            <table class="table table-default table-hover table-sm table-abm table-striped mb-0">
                <thead>
                    <tr>
                        <th class="text-center px-4">Código</th>
                        <th class="text-center">Capacidad</th>
                        <th class="text-center">Unidad de Medida</th>
                        <th class="text-center">
                            <button 
                                class="btn btn-outline-debo boton-accion"
                                title="Agregar"
                                ng-click="editar('nuevo')">
                                <i class="fa fa-plus"></i>
                            </button>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-show="creando">
                        <td align="center">
                            <input
                                class="form-control text-uppercase foca-input ng-not-empty ng-valid ng-valid-required ng-touched"
                                ng-model="cisterna.codigo"
                                ng-keypress="next($event.keyCode)"
                                foca-focus="focused == 1"
                                ng-focus="focused = 1"
                                ng-disabled="!nuevoCisterna"
                                teclado-virtual
                            >
                        </td>
                        <td align="center">
                            <input
                                class="form-control text-uppercase foca-input ng-not-empty ng-valid ng-valid-required ng-touched" 
                                teclado-virtual
                                foca-tipo-input
                                ng-model="cisterna.capacidad"
                                ng-required="true"
                                ng-keypress="next($event.keyCode)"
                                foca-focus="focused == 2"
                                ng-focus="focused = 2"
                            >
                        </td>
                        <td align="center">
                            <div class="input-group">
                                <input 
                                    ng-model="cisterna.unidadMedida.NOM"
                                    class="form-control"
                                    readonly
                                />
                                <div class="input-group-append">
                                    <button
                                        ladda="searchLoading"
                                        class="btn btn-outline-secondary form-control"
                                        type="button"
                                        ng-click="seleccionarUnidadMedida()"
                                        foca-focus="focused == 3"
                                    >
                                        <i class="fa fa-search" aria-hidden="true"></i>
                                    </button>
                                </div>
                            </div>
                        </td>
                        <td align="center">
                            <button
                                class="btn btn-outline-dark boton-accion"
                                ng-click="agregarCisterna()"
                            >
                                <i class="fa fa-save"></i>
                            </button>
                        </td>
                    </tr>
                    <tr ng-repeat="(key, cisterna) in cisternas | filter:filtros"
                        ng-show="!cisterna.desactivado">
                        <td ng-bind="cisterna.codigo" class="text-center"></td>
                        <td ng-bind="cisterna.capacidad" class="text-center"></td>
                        <td ng-bind="cisterna.unidadMedida.NOM" class="text-center"></td>
                        <td class="text-center">
                            <button
                                class="btn btn-outline-dark boton-accion"
                                title="Editar"
                                ng-click="editar('',cisterna)"
                            >
                                <i class="fa fa-pencil"></i>
                            </button>
                            <button
                                class="btn btn-outline-dark boton-accion"
                                title="Eliminar"
                                ng-click="solicitarConfirmacionTabla(cisterna,$index)"
                            >
                                <i class="fa fa-trash"></i>
                            </button>
                        </td>
                    </tr>
                </body>
            </table>
        </div>
    </div>
</div>