informe-general-unidad.html
5.6 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
<div class="modal-header py-1">
    <div class="row w-100">
        <div class="col-12"><h5 class="modal-title">Informe general por unidad de reparto</h5></div>
        <div class="col-12" ng-hide="buscar">
            Filtros: Fecha desde: {{params.fechaDesde | date: 'dd/MM/yyyy'}},
            Fecha hasta: {{params.fechaHasta | date: 'dd/MM/yyyy'}}
            <span ng-if="params.sector">, Sector: {{params.sector.NOMBRE}}</span>
            <span ng-if="params.diferenciarProductos">, Productos diferenciados</span>
            <span ng-if="params.diferenciarMeses">, Meses diferenciados</span>
        </div>
    </div>
</div>
<div class="modal-body" id="modal-body">
    <div class="input-group row"
        ng-show="buscar">
        <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small>
        <div class="col-md-4 col-8 input-group mb-3">
            <div class="input-group-prepend">
                <button
                    class="input-group-text"
                    type="button"
                    ng-click="datepickerOpen = true"
                >
                    <i class="fa fa-calendar"></i>
                </button>
            </div>
            <input
                class="form-control form-control-sm"
                id="inlineFormInputGroup"
                type="text"
                ng-model="params.fechaDesde"
                ng-required="true"
                uib-datepicker-popup="dd/MM/yyyy"
                show-button-bar="false"
                is-open="datepickerOpen"
                on-open-focus="false"
                ng-focus="datepickerOpen = true"
                datepicker-options="dateOptions"
            />
        </div>
        <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small>
        <div class="col-md-4 col-8 input-group mb-3">
            <div class="input-group-prepend">
                <button
                    class="input-group-text"
                    type="button"
                    ng-click="datepicker2Open = true"
                >
                    <i class="fa fa-calendar"></i>
                </button>
            </div>
            <input
                class="form-control form-control-sm"
                id="inlineFormInputGroup"
                type="text"
                ng-model="params.fechaHasta"
                ng-required="true"
                uib-datepicker-popup="dd/MM/yyyy"
                show-button-bar="false"
                is-open="datepicker2Open"
                on-open-focus="false"
                ng-focus="datepicker2Open = true"
            />
        </div>
        <small class="col-md-2 col-4 text-left my-1">Sector</small>
        <div class="col-md-4 col-8 input-group mb-3">
            <input
                class="form-control form-control-sm"
                id="inlineFormInputGroup"
                type="text"
                ng-model="params.sector.NOMBRE"
                ng-required="true"
                ng-keypress="seleccionarSector($event.keyCode)"
            />
            <button 
                ng-show="params.sector.NOMBRE.length >= 1"
                type="button" 
                class="clear-input" 
                ng-click="clearSector()"
                >
                    <i class="fa fa-times"></i>
            </button>            
            <div class="input-group-append">
                <div class="input-group-append" ng-hide="ingreso">
                    <button
                        ladda="searchLoading"
                        data-spinner-color="#FF0000"
                        class="btn btn-outline-secondary"
                        type="button"
                        ng-click="seleccionarSector(13)">
                        <i class="fa fa-search" aria-hidden="true"></i>
                    </button>
                </div>
            </div>
        </div>
        <small class="col-md-4 col-8 text-left my-1">Diferenciar productos</small>
        <div class="col-md-2 col-4 input-group mb-2">
            <div class="custom-control custom-checkbox ml-auto">
                <input
                    type="checkbox"
                    class="custom-control-input"
                    ng-model="params.diferenciarProductos"
                    id="customCheck1">
                <label class="custom-control-label" for="customCheck1"></label>
            </div>
        </div>
        <small class="col-md-4 col-8 text-left my-1">Detallar por mes</small>
        <div class="col-md-2 col-4 input-group mb-2">
            <div class="custom-control custom-checkbox ml-auto">
                <input
                    type="checkbox"
                    class="custom-control-input"
                    ng-model="params.diferenciarMeses"
                    id="customCheck2">
                <label class="custom-control-label" for="customCheck2"></label>
            </div>
        </div>
    </div>
    <div 
        ng-if="!buscar"
        class="row">
        <div class="col-12">
            <div 
                class="gridInforme"
                ui-grid="gridOptions"
                ui-grid-exporter
                ui-grid-resize-columns
                ></div>
        </div>
    </div>
</div>
<div class="modal-footer py-1">
    <button
        ladda="generando"
        class="btn btn-sm btn-secondary"
        type="button"
        ng-click="generarInforme()"
        ng-show="buscar">Generar</button>
    <button 
        class="btn btn-sm btn-secondary"
        type="button"
        ng-click="cancel()"
        ng-show="buscar">Salir</button>
    <button
        class="btn btn-sm btn-secondary"
        type="button"
        ng-click="volver()"
        ng-hide="buscar">Volver</button>
</div>