stared to use mithril

script/structure.js

@@ -0,0 +1,65 @@
+(function() {
+'use strict';
+
+var topNavBar = {};
+window.topNavBar = topNavBar;
+
+topNavBar._urlMapping = {
+    acceuil: 'Acceuil',
+    calendrier: 'Calendrier',
+    reglement: 'Règlement',
+    photos: 'Photos',
+    membre: 'Membre',
+    contact: 'Nous Joindre'
+};
+
+var facebookLink = function(){
+    return m('a[href="https://www.facebook.com/LigueDeBalleLesPhenix"]',
+               m('i.fa.fa-facebook-square')
+           );
+};
+
+topNavBar.controller = function(){
+    return {id: m.route.param("page")};
+};
+
+topNavBar._getUrlForId = function(id_){
+    return  '#/' + id_;
+};
+
+topNavBar._isActive = function(id_){
+    return id_ == m.route.param("page");
+};
+
+topNavBar._getItem = function(name, id){
+    var class_ = topNavBar._isActive(id) ? 'uk-active' : 'uk-parent';
+    var url = topNavBar._getUrlForId(id);
+    return m("li", {class: class_}, [m("a",{href: url},  name)]);
+};
+
+topNavBar.view = function(controller){
+    return m("nav.uk-navbar",
+              [m("div.uk-navbar-content.uk-navbar-center", [
+                  m("ul.uk-navbar-nav",
+                     m('li.uk-parent', facebookLink()),
+                    _.map(topNavBar._urlMapping, topNavBar._getItem)
+                    )
+    ])]);
+};
+
+var footer = {};
+window.footer = footer;
+
+footer.view = function(){
+    return m('footer.uk-grid.ph-footer', {style: {padding: '80px'}},
+        m('div.uk-container.uk-container-center.uk-text-center', [
+            m('div.uk-panel', 'Ligue de balle les Phénix... pour le plaisir de jouer!'),
+            m('ul.uk-subnav.uk-subnav-line.uk-flex-center',
+                m('li', m('a[href="mailto:info@ballephenix.com"]', 'info@ballephenix.com'))),
+            m('h1', facebookLink())
+        ])
+    );
+};
+
+
+}).call(this);