[enh] Add footer links on panel.

portal/assets/css/ynh-style.css

@@ -4,7 +4,8 @@
    2 = Apps
    3 = User
    4 = Form
-   5 = Colors
+   5 = Footer
+   6 = Colors
    ========================================================================== */
 
 /* ==========================================================================
@@ -574,8 +575,53 @@ input:disabled {
   }
 }
 
+
 /* ==========================================================================
-   5 = Colors
+   5 = Footer
+   ========================================================================== */
+
+.footer {
+  display: inline-block;
+  width: auto;
+}
+  .footer nav {
+    margin: 0 1em;
+    padding: 0.25em;
+    border-top: 1px solid #666;
+    font-size: 0.9em;
+  }
+  
+  .footer a {
+    display: inline-block;
+    vertical-align: top;
+    color: #999;
+  }
+  .footer a:before {
+    content: "•";
+    display: inline-block;
+    vertical-align: top;
+    padding: 0 0.5em 0 0.25em;
+    color: #666;
+  }
+  .footer a:first-child:before {content: none;}
+
+  .footer a:hover,
+  .footer a:active {
+    color: #fff;
+    text-decoration: none;
+  }
+
+@media screen and (max-width: 480px) {
+  .footer a {
+    display: block;
+  }
+  .footer a:before {
+    content: none;
+  }
+}
+
+/* ==========================================================================
+   6 = Colors
    ========================================================================== */
 
 .listing-apps .purplebg {

portal/assets/css/ynhpanel.css

@@ -3,10 +3,10 @@
    1 = Font Face Base 64
    2 = Apps
    3 = User
-   4 = Color
+   4 = Footer
-   5 = Animation
+   5 = Color
-   6 = Media queries Mobile
+   6 = Animation
-   7 = Media queries Tablet
+   7 = Media queries
    ========================================================================== */
 
 html.ynh-panel-active {
@@ -491,7 +491,50 @@ body {/*overflow-y: scroll;*/}
 
 
 /* ==========================================================================
-   4 = Color
+   4 = Footer
+   ========================================================================== */
+
+#ynhoverlay .footer {
+  display: inline-block;
+  width: auto;
+}
+  #ynhoverlay .footer nav {
+    margin: 0 1em;
+    padding: 0.25em;
+    border-top: 1px solid #666;
+    font-size: 0.9em;
+  }
+  
+  #ynhoverlay .footer a {
+    display: inline-block;
+    vertical-align: top;
+    color: #999;
+  }
+  #ynhoverlay .footer a:before {
+    content: "•";
+    display: inline-block;
+    vertical-align: top;
+    padding: 0 0.5em 0 0.25em;
+    color: #666;
+  }
+  #ynhoverlay .footer a:first-child:before {content: none;}
+
+  #ynhoverlay .footer a:hover,
+  #ynhoverlay .footer a:active {
+    color: #fff;
+    text-decoration: none;
+  }
+@media screen and (max-width: 480px) {
+  #ynhoverlay .footer a {
+    display: block;
+  }
+  #ynhoverlay .footer a:before {
+    content: none;
+  }
+}
+
+/* ==========================================================================
+   5 = Color
    ========================================================================== */
 
 #ynhoverlay .listing-apps  {
@@ -627,7 +670,7 @@ body {/*overflow-y: scroll;*/}
 }
 
 /* ==========================================================================
-   5 = Animation
+   6 = Animation
    ========================================================================== */
 
 /*SlidetoLeft*/
@@ -852,7 +895,7 @@ body {/*overflow-y: scroll;*/}
 }
 
 /* ==========================================================================
-   6 = Media Queries Mobile
+   7 = Media Queries
    ========================================================================== */
 
 @media screen and (max-width: 500px) {

portal/assets/js/ynhpanel.js

@@ -183,7 +183,15 @@ domReady(function(){
     Array.prototype.forEach.call(response.app, function(app, n){
       links.push('<li><a class="'+colors[n%colors.length]+' disableAjax" href="//'+app.url+'"><span class="first-letter" data-first-letter="'+ app.name.substr(0,2) +'"></span><span class="sourcePro">'+app.name+'</span></a></li>');
     });
-    overlay.innerHTML += '<div id="yuno-apps" class="wrapper apps"><ul class="ul-reset listing-apps col colNomarge sourceProBold">'+ links.join('') +'</ul></div>';
+    overlay.innerHTML += '<div id="yuno-apps" class="wrapper apps"><ul class="ul-reset listing-apps col colNomarge sourceProBold">'+ links.join("\n") +'</ul></div>';
+
+    // Add footer links
+    overlay.innerHTML += '<div id="yuno-footer" class="wrapper footer"><nav>' + "\n" +
+                          '<a class="link-profile-edit" href="/yunohost/sso/edit.html">'+ response.t_footerlink_edit +'</a>' + "\n" +
+                          '<a class="link-documentation" href="//yunohost.org/docs" target="_blank">'+ response.t_footerlink_documentation +'</a>' + "\n" +
+                          '<a class="link-documentation" href="//yunohost.org/support" target="_blank">'+ response.t_footerlink_support +'</a>' + "\n" +
+                          '<a class="link-admin" href="/yunohost/admin">'+ response.t_footerlink_administration +'</a>' + "\n" +
+                        '</nav></div>';
 
     // Add overlay to DOM
     var btn = document.getElementById('logo'),

portal/footer.ms

@@ -1,3 +1,12 @@
+  {{#connected}}
+  <div class="wrapper footer"><nav>
+    <a class="link-profile-edit" href="/yunohost/sso/edit.html">{{t_footerlink_edit}}</a>
+    <a class="link-documentation" href="//yunohost.org/docs" target="_blank">{{t_footerlink_documentation}}</a>
+    <a class="link-documentation" href="//yunohost.org/support" target="_blank">{{t_footerlink_support}}</a>
+    <a class="link-admin" href="/yunohost/admin">{{t_footerlink_administration}}</a>
+  </nav></div>
+  {{/connected}}
+
   </div>
   <script src="assets/js/global.js"></script>
 </body>

portal/info.html

@@ -14,9 +14,7 @@
 <div id="apps" class="wrapper apps">
   <ul class="ul-reset listing-apps col colNomarge sourceProBold">
   {{#app}}
-  <li>
+  <li><a href="https://{{url}}"><span class="first-letter"></span><span class="sourcePro">{{name}}</span></a></li>
-      <a href="https://{{url}}"><span class="first-letter"></span><span class="sourcePro">{{name}}</span></a>
-  </li>
   {{/app}}
   </ul>
 </div>

portal/locales/en.json

@@ -33,5 +33,9 @@
    "wrong_username_password": "Wrong username or password",
    "logged_out": "Logged out",
    "please_login": "Please log in to access to this content",
-   "please_login_from_portal": "Please log in from the portal"
+   "please_login_from_portal": "Please log in from the portal",
+   "footerlink_edit": "Edit my profile",
+   "footerlink_documentation": "Documentation",
+   "footerlink_support": "Support",
+   "footerlink_administration": "Administration"
 }

portal/locales/fr.json

@@ -33,5 +33,9 @@
    "wrong_username_password": "Nom d'utilisateur ou mot de passe incorrect",
    "logged_out": "Déconnecté",
    "please_login": "Veuillez vous identifier pour accéder à cette page",
-   "please_login_from_portal": "Veuillez vous identifiez depuis le portail"                                                  
+   "please_login_from_portal": "Veuillez vous identifiez depuis le portail",
+   "footerlink_edit": "Éditer mon profil", 
+   "footerlink_documentation": "Documentation",
+   "footerlink_support": "Support",
+   "footerlink_administration": "Administration"
 }