Files
cms_thermo_active/Step/wwwroot/src/modules/create-maintenance.vue
T
2018-05-24 16:17:18 +02:00

48 lines
2.4 KiB
Vue

<template>
<modal type="create-maintenance" :title="'create_maintenance_lbl_title' | localize('Creazione intervento di manutenzione')">
<button class="close" slot="header-buttons"><i class="fa fa-remove"></i></button>
<div class="typology">
<label class="typology_lbl">{{'create_maintenance_lbl_typology' | localize("Tipologia")}}</label>
<div class="radiobutton">
<input type="radio" id="datefixed" name="radio-group" v-model="test" value="datefixed"><label for="datefixed">Data Fissa</label>
<input type="radio" id="time" name="radio-group" v-model="test" value="time"><label for="time">Temporale</label>
</div>
</div>
<div class="title">
<label class="title_lbl">{{'create_maintenance_lbl_title' | localize("Titolo")}}</label>
<input type="text">
</div>
<div class="description">
<label class="description_lbl">{{'create_maintenance_lbl_description' | localize("Descrizione")}}</label>
<textarea></textarea>
</div>
<div class="time" v-if="test == 'datefixed'">
<div class="date">
<label class="date_lbl">{{'create_maintenance_lbl_date' | localize("Data")}}</label>
<input type="date">
</div>
<div class="end_time">
<label class="end_time_lbl">{{'create_maintenance_lbl_end_time' | localize("Ora fine")}}</label>
<input type="time">
</div>
</div>
<div class="repeat" v-if="test == 'time'">
<label class="repeat_lbl">{{'create_maintenance_lbl_repeat' | localize("Ripeti ogni")}}</label>
<div class="repeat_input">
<input type="text">
<select>
<option>{{'create_maintenance_repeat_hour' | localize("ore")}}</option>
<option>{{'create_maintenance_repeat_day' | localize("giorni")}}</option>
<option>{{'create_maintenance_repeat_months' | localize("mesi")}}</option>
</select>
</div>
</div>
<footer>
<div class="pull-right">
<button class="btn">{{'create_maintenance_btn_cancel' | localize("Annulla")}}</button>
<button class="btn btn-success">{{'create_maintenance_btn_confirm' | localize("Conferma")}}</button>
</div>
</footer>
</modal>
</template>
<script src="./create-maintenance.ts" lang="ts"></script>