ui modals report

This commit is contained in:
Alessandro
2019-01-17 10:07:30 +01:00
parent 5229ca1798
commit 2cfeab53c1
3 changed files with 288 additions and 3 deletions
@@ -3,13 +3,120 @@
<button class="close" slot="header-buttons" @click="close()"><i class="fa fa-remove"></i></button>
<div class="modal-report-body-header">
<label>{{'modal_report_select_column_body_title' | localize("Scegli le colonne che vuoi visualizzare:")}}</label>
<div>
<div class="modal-report-select-column-checkbox">
<input type="checkbox" value="1" id="modalReportSelectAll" name="" />
<label for="modalReportSelectAll"></label>
</div>
<label for="modalReportSelectAll" class="modal-report-select-column-checkbox-label">{{'modal_report_select_column_select_all' | localize("Seleziona tutte")}}</label>
</div>
</div>
<div class="modal-report-body-center">
<div class="modal-report-body-center-row">
<div>
<div class="modal-report-select-column-checkbox">
<input type="checkbox" value="1" id="modalReportSelectColumnCheckbox" name="" />
<label for="modalReportSelectColumnCheckbox"></label>
<input type="checkbox" value="1" id="modalReportProgramName" name="" />
<label for="modalReportProgramName"></label>
</div>
<label for="modalReportSelectColumnCheckbox" class="modal-report-select-column-checkbox-label">{{'modal_report_select_column_select_all' | localize("Seleziona tutte")}}</label>
<label for="modalReportProgramName" class="modal-report-select-column-checkbox-label">{{'modal_report_select_column_program_name' | localize("Nome programma")}}</label>
</div>
<div>
<div class="modal-report-select-column-checkbox">
<input type="checkbox" value="1" id="modalReportDate" name="" />
<label for="modalReportDate"></label>
</div>
<label for="modalReportDate" class="modal-report-select-column-checkbox-label">{{'modal_report_select_column_date' | localize("Data")}}</label>
</div>
<div>
<div class="modal-report-select-column-checkbox">
<input type="checkbox" value="1" id="modalReportDeviation" name="" />
<label for="modalReportDeviation"></label>
</div>
<label for="modalReportDeviation" class="modal-report-select-column-checkbox-label">{{'modal_report_select_column_deviation' | localize("Scostamento")}}</label>
</div>
</div>
<div class="modal-report-body-center-row">
<div>
<div class="modal-report-select-column-checkbox">
<input type="checkbox" value="1" id="modalReportDimensions" name="" />
<label for="modalReportDimensions"></label>
</div>
<label for="modalReportDimensions" class="modal-report-select-column-checkbox-label">{{'modal_report_select_column_dimensions' | localize("Dimensioni")}}</label>
</div>
<div>
<div class="modal-report-select-column-checkbox">
<input type="checkbox" value="1" id="modalReportEffectiveTime" name="" />
<label for="modalReportEffectiveTime"></label>
</div>
<label for="modalReportEffectiveTime" class="modal-report-select-column-checkbox-label">{{'modal_report_select_column_effective_time' | localize("Tempo effettivo")}}</label>
</div>
<div>
<div class="modal-report-select-column-checkbox">
<input type="checkbox" value="1" id="modalReportQuality" name="" />
<label for="modalReportQuality"></label>
</div>
<label for="modalReportQuality" class="modal-report-select-column-checkbox-label">{{'modal_report_select_column_quality' | localize("Qualità")}}</label>
</div>
</div>
<div class="modal-report-body-center-row">
<div>
<div class="modal-report-select-column-checkbox">
<input type="checkbox" value="1" id="modalReportQuantity" name="" />
<label for="modalReportQuantity"></label>
</div>
<label for="modalReportQuantity" class="modal-report-select-column-checkbox-label">{{'modal_report_select_column_quantity' | localize("Quantità")}}</label>
</div>
<div>
<div class="modal-report-select-column-checkbox">
<input type="checkbox" value="1" id="modalReportAverageTime" name="" />
<label for="modalReportAverageTime"></label>
</div>
<label for="modalReportAverageTime" class="modal-report-select-column-checkbox-label">{{'modal_report_select_column_average_time' | localize("Tempo medio")}}</label>
</div>
<div>
<div class="modal-report-select-column-checkbox">
<input type="checkbox" value="1" id="modalReportOperatorName" name="" />
<label for="modalReportOperatorName"></label>
</div>
<label for="modalReportOperatorName" class="modal-report-select-column-checkbox-label">{{'modal_report_select_column_operator_name' | localize("Nome operatore")}}</label>
</div>
</div>
<div class="modal-report-body-center-row">
<div>
<div class="modal-report-select-column-checkbox">
<input type="checkbox" value="1" id="modalReportStartNow" name="" />
<label for="modalReportStartNow"></label>
</div>
<label for="modalReportStartNow" class="modal-report-select-column-checkbox-label">{{'modal_report_select_column_start_now' | localize("Ora inizio")}}</label>
</div>
<div>
<div class="modal-report-select-column-checkbox">
<input type="checkbox" value="1" id="modalReportTheoreticalTime" name="" />
<label for="modalReportTheoreticalTime"></label>
</div>
<label for="modalReportTheoreticalTime" class="modal-report-select-column-checkbox-label">{{'modal_report_select_column_theoretical_time' | localize("Tempo teorico")}}</label>
</div>
<div>
<div class="modal-report-select-column-checkbox">
<input type="checkbox" value="1" id="modalReportShift" name="" />
<label for="modalReportShift"></label>
</div>
<label for="modalReportShift" class="modal-report-select-column-checkbox-label">{{'modal_report_select_column_shift' | localize("Turno")}}</label>
</div>
</div>
<div class="modal-report-body-center-row">
<div>
<div class="modal-report-select-column-checkbox">
<input type="checkbox" value="1" id="modalReportEndTime" name="" />
<label for="modalReportEndTime"></label>
</div>
<label for="modalReportEndTime" class="modal-report-select-column-checkbox-label">{{'modal_report_select_column_end_time' | localize("Ora fine")}}</label>
</div>
</div>
</div>
<div class="modal-report-body-footer">
<button class="btn btn-primary">{{'modal_report_select_column_btn_cancel' | localize("Annulla")}}</button>
<button class="btn btn-success">{{'modal_report_select_column_btn_confirm' | localize("Conferma")}}</button>
</div>
</modal>
</template>