Added local language support for date/time

Local language support for date/time. We can use this variable for
futher deployment of local language support. Also aligned time at right
side of screen.
This commit is contained in:
dutchdevil83 2017-01-16 11:04:39 +01:00
parent 0ce9c8b21b
commit 53ed5bf9db
5 changed files with 12934 additions and 8 deletions

View File

@ -10,6 +10,7 @@
[[domoboard]]
time = False # True/False: show time in top bar
date = False # True/False: show date in top bar
language = "gb" # Change this to display date/time in local language and format
google_maps_api_key = X # Google Maps Embed API key
# Add Navbar items here. The key is the navbar link name. The first value is the URI name, second value can be any font awesome logo to be displayed.
@ -33,11 +34,11 @@
[[top_tiles]]
Temperatuur tuin = 31, fire
Temperatuur auto = 22, car
Stroomverbruik TV = 13, plug, Usage
Stroomverbruik TV = 13, plug, Usage, Watt
Temperatuur Eindhoven = 54, fire
Temperatuur tuin BMP = 55, fire
Totaal Playstation = 25, plug, Usage
Totaal slaapkamer lamp = 12, plug, CounterToday
Totaal Playstation = 25, plug, Usage, Watt
Totaal slaapkamer lamp = 12, plug, CounterToday, kWh
Temperatuur raspberry = 1, car
[[line_charts]]
Temperatuur Slaapkamer = 14, month, temp
@ -53,6 +54,7 @@
Close Garage door = 567, pushoff
Scene Home = 4, scene
Group kitchen lights = 5, group
Thermostaat_slider = 71, setpoint_slider, 18, 28
[[power_usage]]
Totaal slaapkamer lamp = 12
Totaal playstation = 71

File diff suppressed because it is too large Load Diff

View File

@ -10,15 +10,17 @@
<script src="/static/js/custom.js"></script>
<!-- bootstrap-slider -->
<script type="text/javascript" src="/static/js/bootstrap-slider.js"></script>
<script type="text/javascript" src="static/js/moment.min.js"></script>
<script type="text/javascript" src="static/js/moment-with-locales.js"></script>
{% if configValues["domoboard"].get("time") == "True" %}
<script>
$(document).ready(function() {
var interval = setInterval(function() {
var momentNow = moment();
$('#date-part').html(momentNow.format('DD MMMM YYYY'));
$('#time-part').html(momentNow.format('HH:mm'));
$('#date-part').html(momentNow.locale(local_language).format('dddd D MMMM YYYY'));
$('#time-part').html(momentNow.format('HH:mm'));
}, 100);
{% if configValues["domoboard"].get("date") == "True" %}
$('#date-part').removeClass('hide_date');
@ -46,5 +48,16 @@ $(document).ready(function() {
setInterval(checkVersion, 43200000);
});
</script>
<script>
var a=document.querySelectorAll("a[href^='/']");
for(var i=0;i<a.length;i++)
{
a[i].onclick=function()
{
window.location=this.getAttribute("href");
return false
}
}
</script>
</body>
</html>

View File

@ -62,6 +62,7 @@
var flask_server = "{{ request.url_root[:-1] }}";
var csrf_token = "{{ _csrf_token }}";
var googleMapEmbedKey = "{{ configValues["domoboard"].get("google_maps_api_key") }}"
var local_language = "{{ configValues["domoboard"].get("language") }}"
var version = "{{ version }}";
</script>
<script type="text/javascript" src="/static/js/domoboard.js"></script>

View File

@ -61,7 +61,7 @@
<div class="nav toggle navbar-collapse" id="defaultNavbar1">
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
</div>
<div class="show_date" style="cursor: pointer; margin-left: -70px; min-height: 51px;" id="time-part"></div>
<div class="show_date" style="cursor: pointer; float: right; margin-left: -70px; min-height: 51px;" id="time-part"></div>
<div class="hide_date" style="cursor: pointer; padding-left: 2px;" id="date-part"></div>
<div id="version_div" class="hide_update">
<button type="button" class="btn btn-success" data-toggle="modal" data-target="#upgradeModal">