[enh] Display YNH version in footer. Need body padding improvments. #316

src/css/style.less

@@ -217,6 +217,26 @@ button {
 }
 
 
+/*
+ * Page footer
+ *
+ */
+.page-footer {
+    .clearfix;
+    .make-row(12);
+    margin: 20px 0;
+    padding-top: 20px;
+    border-top: 1px solid #eee;
+    color: #999;
+    font-size: 0.9em;
+    text-align: right;
+    a {
+        color: #666;
+        &:hover,
+        &:focus {text-decoration: underline;}
+    }
+}
+
 /*
  * The pop up dialog
  *

src/index.html

@@ -54,6 +54,10 @@
             <div id="slideTo" style="display: none; z-index: 100;"></div>
 
         </div><!--/#slider-container-->
+
+        <footer class="page-footer">
+            <p id="yunohost-version"></p>
+        </footer>
     </div>
 
     <div id="modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">

src/js/yunohost/main.js

@@ -70,6 +70,11 @@
             // Store url
             sam.store.set('url', window.location.hostname + '/yunohost/api');
 
+            // Get YunoHost version
+            this.api('/version', function(versions) {
+                $('#yunohost-version').html(y18n.t('footer_version', [versions.yunohost]));
+            });
+
             // Flash messages
             var flashMessage = $('#flashMessage');
             $('#toggle-btn', flashMessage).click(function(e) {

src/locales/en.json

@@ -120,6 +120,7 @@
     "everyone_has_access": "Everyone has access.",
     "filesystem": "Filesystem",
     "firewall": "Firewall",
+    "footer_version" : "Powered by <a href='https://yunohost.org'>YunoHost</a> %s.",
     "form_input_example" : "Example: %s",
     "free": "Free",
     "fs_type": "FS Type",