informe-chofer.html 3.07 KB
<div class="modal-header py-1">
    <div class="row w-100">
        <div class="col-12"><h5 class="modal-title">Informe de choferes</h5></div>
        <div class="col-12" ng-hide="buscar">
            Filtros: Fecha desde: {{fechaDesde | date: 'dd/MM/yyyy'}},
            Fecha hasta: {{fechaHasta | date: 'dd/MM/yyyy'}}
        </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="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="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>
    </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>