From bed4a1fb3214515ba548d397c1e8c7c136a2e221 Mon Sep 17 00:00:00 2001
From: "kload@kload.fr" <kload@kload.fr>
Date: Sun, 17 Nov 2013 13:36:38 +0100
Subject: [PATCH] Update apps_fr.md

---
 apps_fr.md | 59 ++++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 57 insertions(+), 2 deletions(-)

diff --git a/apps_fr.md b/apps_fr.md
index 74168029..0db51f8f 100644
--- a/apps_fr.md
+++ b/apps_fr.md
@@ -1,3 +1,58 @@
-#Nouvelle page
+#Apps
 
-test
\ No newline at end of file
+---
+
+<div class="panel-group" id="app-accordion"></div>
+
+<script type="text/template" id="app-template">
+  <div class="panel panel-default">
+    <div class="panel-heading">
+      <div class="panel-title">
+        <a data-toggle="collapse" data-parent="#app-accordion" href="#app_{app_id}">{app_name} <em><small>({app_id})</small></em></a>
+      </div>
+    </div>
+    <div class="panel-collapse collapse app_{app_id}">
+      <div class="panel-body">
+        <p><strong>Description</strong>: {app_description}</p>
+        <p><strong>Dernière mise à jour (UTC)</strong>: {app_update}</p>
+        <p><strong>Mainteneur</strong>: {app_maintainer} <small class="text-muted">({app_mail})</small></p>
+        <p><strong>Git</strong>: {app_git} <small class="text-muted">({app_branch})</small></p>
+        <a href="#/app_{app_id}" target="_blank" class="btn btn-default">Documentation</a>
+    </div>
+  </div>
+</script>
+
+<script>
+function timeConverter(UNIX_timestamp) {
+    var a = new Date(UNIX_timestamp*1000);
+    var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
+    var year = a.getFullYear();
+    var month = months[a.getMonth()];
+    var date = a.getDate();
+    var hour = a.getHours();
+    var min = a.getMinutes();
+    if (hour == 0) { hour = '00'; }
+    if (min == 0) { min = '00'; }
+    var time = date+' '+month+' '+year+' at '+hour+':'+min;
+    return time;
+}
+
+$(document).ready(function () {
+  $.getJSON('http://app.yunohost.org/list.json', function(app_list) {
+    console.log(app_list);
+    $.each(app_list, function(app_id, infos) {
+      html = $('#app-template').html()
+             .replace(/{app_id}/g, app_id)
+             .replace(/{app_name}/g, infos.manifest.name)
+             .replace('{app_description}', infos.manifest.description.fr)
+             .replace('{app_maintainer}', infos.manifest.developer.name)
+             .replace('{app_mail}', infos.manifest.developer.email)
+             .replace('{app_git}', infos.git.url)
+             .replace('{app_branch}', infos.git.branch)
+             .replace('{app_update}', timeConverter(infos.lastUpdate));
+      $('#app-accordion').append(html);
+      $('.app_'+ app_id).attr('id', 'app_'+ app_id);
+    });
+  });
+});
+</script>
\ No newline at end of file