senaduka/old-tfm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Some css modifications

Browse Source
This commit is contained in:
Senad Uka
2016-03-20 07:54:20 +01:00
parent b2e619c2c9
commit 2317ad3e61
3 changed files with 94 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/client/app.less
View File

@@ -2,13 +2,20 @@
padding: 40px 15px; padding: 40px 15px;
text-align: center; text-align: center;
} }
.controller_selection { .controller_selection {
padding-top: 10px; padding-top: 10px;
} }
@media all and (orientation: portrait) {
#bucket_image { #bucket_image {
width: 50%; width: 90%;
cursor: pointer; cursor: pointer;
} }
}
@media all and (orientation: landscape) {
#bucket_image {
width: 40%;
cursor: pointer;
}
}

22
app/client/settings.html
View File

@@ -8,7 +8,8 @@
</div> </div>
<div class="modal-body"> <div class="modal-body">
<select name="time_of_day" id="time_of_day"> <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:00" selected={{ timeSelected "00:00" }}>00:00</option>
<option value="00:30" selected={{ timeSelected "00:30" }}>00:30</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:00" selected={{ timeSelected "01:00" }}>01:00</option>
@@ -58,38 +59,37 @@
<option value="23:00" selected={{ timeSelected "23:00" }}>23:00</option> <option value="23:00" selected={{ timeSelected "23:00" }}>23:00</option>
<option value="23:30" selected={{ timeSelected "23:30" }}>23:30</option> <option value="23:30" selected={{ timeSelected "23:30" }}>23:30</option>
</select> </select>
</div>
<div class="form-group">
<div> <div>
<input type="checkbox" id="day_1" name="day_1" value="2" class="day_checkbox" checked="{{ dayChecked '2' }}" /> <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> <label for="day_1">Ponedjeljak</label>
</div> </div>
<div> <div>
<input type="checkbox" id="day_2" name="day_2" value="3" class="day_checkbox" checked="{{ dayChecked '3' }}" /> <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> <label for="day_2">Utorak</label>
</div> </div>
<div> <div>
<input type="checkbox" id="day_3" name="day_3" value="4" class="day_checkbox" checked="{{ dayChecked '4' }}" /> <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> <label for="day_3">Srijeda</label>
</div> </div>
<div> <div>
<input type="checkbox" id="day_4" name="day_4" value="5" class="day_checkbox" checked="{{ dayChecked '5' }}" /> <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> <label for="day_4">Četvrtak</label>
</div> </div>
<div> <div>
<input type="checkbox" id="day_5" name="day_5" value="6" class="day_checkbox" checked="{{ dayChecked '6' }}" /> <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> <label for="day_5">Petak</label>
</div> </div>
<div> <div>
<input type="checkbox" id="day_6" name="day_6" value="7" class="day_checkbox" checked="{{ dayChecked '7' }}" /> <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> <label for="day_6">Subota</label>
</div> </div>
<div> <div>
<input type="checkbox" id="day_7" name="day_7" value="1" class="day_checkbox" checked="{{ dayChecked '1' }}" /> <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> <label for="day_7">Nedjelja</label>
</div> </div>
<div>
</div> </div>
</div> </div>

3
app/client/state.html
View File

@@ -7,13 +7,12 @@
{{#with last_sensor_reading}} <strong> {{ temperatureValue }} °C, {{ humidityValue }} % </strong> {{/with}} {{#with last_sensor_reading}} <strong> {{ temperatureValue }} °C, {{ humidityValue }} % </strong> {{/with}}
</div> </div>
<div class="text-center"> <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> </div>
{{/with}} {{/with}}
<div> <div>
<button id="water_now" class="{{ water_now_button_class }}">Zalij sada</button> <button id="water_now" class="{{ water_now_button_class }}">Zalij sada</button>
<button id="stop_water_now" class="{{ stop_button_class }}">Prekini zalijevanje</button> <button id="stop_water_now" class="{{ stop_button_class }}">Prekini zalijevanje</button>
</div> </div>
</div> </div>
</template> </template>