66 lines
1.7 KiB
JavaScript
66 lines
1.7 KiB
JavaScript
(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);
|