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.

example.conf

@@ -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 Playstation = 25, plug, Usage, Watt
-    Totaal slaapkamer lamp = 12, plug, CounterToday
+    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

templates/footer.html

@@ -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>

templates/header.html

@@ -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>

templates/navbar.html

@@ -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">