Some css modifications
This commit is contained in:
Senad Uka
@@ -2,13 +2,20 @@
|
||||
padding: 40px 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.controller_selection {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
|
||||
#bucket_image {
|
||||
width: 50%;
|
||||
cursor: pointer;
|
||||
@media all and (orientation: portrait) {
|
||||
#bucket_image {
|
||||
width: 90%;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (orientation: landscape) {
|
||||
#bucket_image {
|
||||
width: 40%;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -8,88 +8,88 @@
|
||||
</div>
|
||||
|
||||
<div class="modal-body">
|
||||
<select name="time_of_day" id="time_of_day">
|
||||
<option value="00:00" selected={{ timeSelected "00:00" }}>00:00</option>
|
||||
<option value="00:30" selected={{ timeSelected "00:30" }}>00:30</option>
|
||||
<option value="01:00" selected={{ timeSelected "01:00" }}>01:00</option>
|
||||
<option value="01:30" selected={{ timeSelected "01:30" }}>01:30</option>
|
||||
<option value="02:00" selected={{ timeSelected "02:00" }}>02:00</option>
|
||||
<option value="02:30" selected={{ timeSelected "02:30" }}>02:30</option>
|
||||
<option value="03:00" selected={{ timeSelected "03:00" }}>03:00</option>
|
||||
<option value="03:30" selected={{ timeSelected "03:30" }}>03:30</option>
|
||||
<option value="04:00" selected={{ timeSelected "04:00" }}>04:00</option>
|
||||
<option value="04:30" selected={{ timeSelected "04:30" }}>04:30</option>
|
||||
<option value="05:00" selected={{ timeSelected "05:00" }}>05:00</option>
|
||||
<option value="05:30" selected={{ timeSelected "05:30" }}>05:30</option>
|
||||
<option value="06:00" selected={{ timeSelected "06:00" }}>06:00</option>
|
||||
<option value="06:30" selected={{ timeSelected "06:30" }}>06:30</option>
|
||||
<option value="07:00" selected={{ timeSelected "07:00" }}>07:00</option>
|
||||
<option value="07:30" selected={{ timeSelected "07:30" }}>07:30</option>
|
||||
<option value="08:00" selected={{ timeSelected "08:00" }}>08:00</option>
|
||||
<option value="08:30" selected={{ timeSelected "08:30" }}>08:30</option>
|
||||
<option value="09:00" selected={{ timeSelected "09:00" }}>09:00</option>
|
||||
<option value="09:30" selected={{ timeSelected "09:30" }}>09:30</option>
|
||||
<option value="10:00" selected={{ timeSelected "10:00" }}>10:00</option>
|
||||
<option value="10:30" selected={{ timeSelected "10:30" }}>10:30</option>
|
||||
<option value="11:00" selected={{ timeSelected "11:00" }}>11:00</option>
|
||||
<option value="11:30" selected={{ timeSelected "11:30" }}>11:30</option>
|
||||
<option value="12:00" selected={{ timeSelected "12:00" }}>12:00</option>
|
||||
<option value="12:30" selected={{ timeSelected "12:30" }}>12:30</option>
|
||||
<option value="13:00" selected={{ timeSelected "13:00" }}>13:00</option>
|
||||
<option value="13:30" selected={{ timeSelected "13:30" }}>13:30</option>
|
||||
<option value="14:00" selected={{ timeSelected "14:00" }}>14:00</option>
|
||||
<option value="14:30" selected={{ timeSelected "14:30" }}>14:30</option>
|
||||
<option value="15:00" selected={{ timeSelected "15:00" }}>15:00</option>
|
||||
<option value="15:30" selected={{ timeSelected "15:30" }}>15:30</option>
|
||||
<option value="16:00" selected={{ timeSelected "16:00" }}>16:00</option>
|
||||
<option value="16:30" selected={{ timeSelected "16:30" }}>16:30</option>
|
||||
<option value="17:00" selected={{ timeSelected "17:00" }}>17:00</option>
|
||||
<option value="17:30" selected={{ timeSelected "17:30" }}>17:30</option>
|
||||
<option value="18:00" selected={{ timeSelected "18:00" }}>18:00</option>
|
||||
<option value="18:30" selected={{ timeSelected "18:30" }}>18:30</option>
|
||||
<option value="19:00" selected={{ timeSelected "19:00" }}>19:00</option>
|
||||
<option value="19:30" selected={{ timeSelected "19:30" }}>19:30</option>
|
||||
<option value="20:00" selected={{ timeSelected "20:00" }}>20:00</option>
|
||||
<option value="20:30" selected={{ timeSelected "20:30" }}>20:30</option>
|
||||
<option value="21:00" selected={{ timeSelected "21:00" }}>21:00</option>
|
||||
<option value="21:30" selected={{ timeSelected "21:30" }}>21:30</option>
|
||||
<option value="22:00" selected={{ timeSelected "22:00" }}>22:00</option>
|
||||
<option value="22:30" selected={{ timeSelected "22:30" }}>22:30</option>
|
||||
<option value="23:00" selected={{ timeSelected "23:00" }}>23:00</option>
|
||||
<option value="23:30" selected={{ timeSelected "23:30" }}>23:30</option>
|
||||
</select>
|
||||
<div>
|
||||
|
||||
<input type="checkbox" id="day_1" name="day_1" value="2" class="day_checkbox" checked="{{ dayChecked '2' }}" />
|
||||
<label for="day_1">Ponedjeljak</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" id="day_2" name="day_2" value="3" class="day_checkbox" checked="{{ dayChecked '3' }}" />
|
||||
<label for="day_2">Utorak</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" id="day_3" name="day_3" value="4" class="day_checkbox" checked="{{ dayChecked '4' }}" />
|
||||
<label for="day_3">Srijeda</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" id="day_4" name="day_4" value="5" class="day_checkbox" checked="{{ dayChecked '5' }}" />
|
||||
<label for="day_4">Četvrtak</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" id="day_5" name="day_5" value="6" class="day_checkbox" checked="{{ dayChecked '6' }}" />
|
||||
<label for="day_5">Petak</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" id="day_6" name="day_6" value="7" class="day_checkbox" checked="{{ dayChecked '7' }}" />
|
||||
<label for="day_6">Subota</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" id="day_7" name="day_7" value="1" class="day_checkbox" checked="{{ dayChecked '1' }}" />
|
||||
<label for="day_7">Nedjelja</label>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="form-group">
|
||||
<select name="time_of_day" id="time_of_day" class="form-control">
|
||||
<option value="00:00" selected={{ timeSelected "00:00" }}>00:00</option>
|
||||
<option value="00:30" selected={{ timeSelected "00:30" }}>00:30</option>
|
||||
<option value="01:00" selected={{ timeSelected "01:00" }}>01:00</option>
|
||||
<option value="01:30" selected={{ timeSelected "01:30" }}>01:30</option>
|
||||
<option value="02:00" selected={{ timeSelected "02:00" }}>02:00</option>
|
||||
<option value="02:30" selected={{ timeSelected "02:30" }}>02:30</option>
|
||||
<option value="03:00" selected={{ timeSelected "03:00" }}>03:00</option>
|
||||
<option value="03:30" selected={{ timeSelected "03:30" }}>03:30</option>
|
||||
<option value="04:00" selected={{ timeSelected "04:00" }}>04:00</option>
|
||||
<option value="04:30" selected={{ timeSelected "04:30" }}>04:30</option>
|
||||
<option value="05:00" selected={{ timeSelected "05:00" }}>05:00</option>
|
||||
<option value="05:30" selected={{ timeSelected "05:30" }}>05:30</option>
|
||||
<option value="06:00" selected={{ timeSelected "06:00" }}>06:00</option>
|
||||
<option value="06:30" selected={{ timeSelected "06:30" }}>06:30</option>
|
||||
<option value="07:00" selected={{ timeSelected "07:00" }}>07:00</option>
|
||||
<option value="07:30" selected={{ timeSelected "07:30" }}>07:30</option>
|
||||
<option value="08:00" selected={{ timeSelected "08:00" }}>08:00</option>
|
||||
<option value="08:30" selected={{ timeSelected "08:30" }}>08:30</option>
|
||||
<option value="09:00" selected={{ timeSelected "09:00" }}>09:00</option>
|
||||
<option value="09:30" selected={{ timeSelected "09:30" }}>09:30</option>
|
||||
<option value="10:00" selected={{ timeSelected "10:00" }}>10:00</option>
|
||||
<option value="10:30" selected={{ timeSelected "10:30" }}>10:30</option>
|
||||
<option value="11:00" selected={{ timeSelected "11:00" }}>11:00</option>
|
||||
<option value="11:30" selected={{ timeSelected "11:30" }}>11:30</option>
|
||||
<option value="12:00" selected={{ timeSelected "12:00" }}>12:00</option>
|
||||
<option value="12:30" selected={{ timeSelected "12:30" }}>12:30</option>
|
||||
<option value="13:00" selected={{ timeSelected "13:00" }}>13:00</option>
|
||||
<option value="13:30" selected={{ timeSelected "13:30" }}>13:30</option>
|
||||
<option value="14:00" selected={{ timeSelected "14:00" }}>14:00</option>
|
||||
<option value="14:30" selected={{ timeSelected "14:30" }}>14:30</option>
|
||||
<option value="15:00" selected={{ timeSelected "15:00" }}>15:00</option>
|
||||
<option value="15:30" selected={{ timeSelected "15:30" }}>15:30</option>
|
||||
<option value="16:00" selected={{ timeSelected "16:00" }}>16:00</option>
|
||||
<option value="16:30" selected={{ timeSelected "16:30" }}>16:30</option>
|
||||
<option value="17:00" selected={{ timeSelected "17:00" }}>17:00</option>
|
||||
<option value="17:30" selected={{ timeSelected "17:30" }}>17:30</option>
|
||||
<option value="18:00" selected={{ timeSelected "18:00" }}>18:00</option>
|
||||
<option value="18:30" selected={{ timeSelected "18:30" }}>18:30</option>
|
||||
<option value="19:00" selected={{ timeSelected "19:00" }}>19:00</option>
|
||||
<option value="19:30" selected={{ timeSelected "19:30" }}>19:30</option>
|
||||
<option value="20:00" selected={{ timeSelected "20:00" }}>20:00</option>
|
||||
<option value="20:30" selected={{ timeSelected "20:30" }}>20:30</option>
|
||||
<option value="21:00" selected={{ timeSelected "21:00" }}>21:00</option>
|
||||
<option value="21:30" selected={{ timeSelected "21:30" }}>21:30</option>
|
||||
<option value="22:00" selected={{ timeSelected "22:00" }}>22:00</option>
|
||||
<option value="22:30" selected={{ timeSelected "22:30" }}>22:30</option>
|
||||
<option value="23:00" selected={{ timeSelected "23:00" }}>23:00</option>
|
||||
<option value="23:30" selected={{ timeSelected "23:30" }}>23:30</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div>
|
||||
|
||||
<input type="checkbox" id="day_1" name="day_1" value="2" class="day_checkbox form_control" checked="{{ dayChecked '2' }}" />
|
||||
<label for="day_1">Ponedjeljak</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" id="day_2" name="day_2" value="3" class="day_checkbox form_control" checked="{{ dayChecked '3' }}" />
|
||||
<label for="day_2">Utorak</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" id="day_3" name="day_3" value="4" class="day_checkbox form_control" checked="{{ dayChecked '4' }}" />
|
||||
<label for="day_3">Srijeda</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" id="day_4" name="day_4" value="5" class="day_checkbox form_control" checked="{{ dayChecked '5' }}" />
|
||||
<label for="day_4">Četvrtak</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" id="day_5" name="day_5" value="6" class="day_checkbox form_control" checked="{{ dayChecked '6' }}" />
|
||||
<label for="day_5">Petak</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" id="day_6" name="day_6" value="7" class="day_checkbox form_control" checked="{{ dayChecked '7' }}" />
|
||||
<label for="day_6">Subota</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" id="day_7" name="day_7" value="1" class="day_checkbox form_control" checked="{{ dayChecked '1' }}" />
|
||||
<label for="day_7">Nedjelja</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -7,13 +7,12 @@
|
||||
{{#with last_sensor_reading}} <strong> {{ temperatureValue }} °C, {{ humidityValue }} % </strong> {{/with}}
|
||||
</div>
|
||||
<div class="text-center">
|
||||
Automatsko zaljevanje: <strong>{{ pretty_days config.automaticDaysOfWeek }} {{ pretty_time config.automaticDaysOfWeek config.automaticTimeOfDay }}</strong> <button id="run_settings" class="btn btn-default"> <i class="fa fa-wrench"></i> </button>
|
||||
Automatsko zaljevanje:<br /> <strong>{{ pretty_days config.automaticDaysOfWeek }} {{ pretty_time config.automaticDaysOfWeek config.automaticTimeOfDay }}</strong> <button id="run_settings" class="btn btn-default"> <i class="fa fa-wrench"></i> </button>
|
||||
</div>
|
||||
{{/with}}
|
||||
<div>
|
||||
<button id="water_now" class="{{ water_now_button_class }}">Zalij sada</button>
|
||||
<button id="stop_water_now" class="{{ stop_button_class }}">Prekini zalijevanje</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user