[enh] Display YunoHost packages versions.

src/js/app.js

@@ -1726,7 +1726,11 @@ var app = Sammy('#main', function (sam) {
                             // Remove useless interface
                             delete monitorData.network.usage.lo;
 
-                            c.view('tools/tools_monitoring', monitorData);
+                            // Get YunoHost versions too
+                            c.api('/version', function(versions) {
+                                monitorData.versions = versions;
+                                c.view('tools/tools_monitoring', monitorData);
+                            });
                         });
 
                     });
@@ -1886,6 +1890,14 @@ var app = Sammy('#main', function (sam) {
 
     });
 
+    // Security feed
+    sam.get('#/tools/versions', function (c) {
+        c.api('/version', function(versions) {
+            c.view('tools/tools_versions', {'versions' : versions});
+        });
+    });
+
+
     /**
      * Backup
      *

src/locales/en.json

@@ -146,6 +146,7 @@
     "domain_select" : "Select domain",
 
     "monitoring" : "Monitoring",
+    "versions" : "Versions",
     "hostname" : "Hostname",
     "os" : "OS",
     "uptime" : "Uptime",

src/views/tools/tools_list.ms

@@ -19,6 +19,10 @@
         <span class="fa-chevron-right pull-right"></span>
         <h2 class="list-group-item-heading">{{t 'tools_security_feed'}}</h2>
     </a>
+    <a href="#/tools/versions" class="list-group-item slide clearfix">
+        <span class="pull-right fa-chevron-right"></span>
+        <h2 class="list-group-item-heading">{{t 'versions'}}</h2>
+    </a>
     <a href="#/tools/monitor" class="list-group-item slide clearfix">
         <span class="pull-right fa-chevron-right"></span>
         <h2 class="list-group-item-heading">{{t 'monitoring'}}</h2>

src/views/tools/tools_monitoring.ms

@@ -23,6 +23,20 @@
     </div>
 </div>
 
+<div class="panel panel-default">
+    <div class="panel-heading">
+        <h2 class="panel-title"><span class="fa-fw fa-cogs"></span> {{t 'versions'}}</h2>
+    </div>
+    <div class="panel-body">
+        <dl class="dl-horizontal">
+            {{#each versions}}
+            <dt>{{@key}}</dt>
+            <dd>{{.}}</dd>
+            {{/each}}
+        </dl>
+    </div>
+</div>
+
 <div class="panel-group" id="accordion">
 
     <div class="panel panel-default">

src/views/tools/tools_versions.ms

@@ -0,0 +1,22 @@
+<div class="btn-breadcrumb">
+    <a href="#/" ><i class="fa-home"></i><span class="sr-only">{{t 'home'}}</span></a>
+    <a href="#/tools">{{t 'tools'}}</a>
+    <a href="#/tools/versions">{{t 'versions'}}</a>
+</div>
+
+<div class="separator"></div>
+
+<div class="panel panel-default">
+    <div class="panel-heading">
+        <h2 class="panel-title"><span class="fa-fw fa-cogs"></span> {{t 'versions'}}</h2>
+    </div>
+    <div class="panel-body">
+        <dl class="dl-horizontal">
+            {{#each versions}}
+            <dt>{{@key}}</dt>
+            <dd>{{.}}</dd>
+            {{/each}}
+        </dl>
+        <a href="#/update" class="btn btn-success pull-right">{{t 'system_update'}}</a>
+    </div>
+</div>