Files
website/script/views/rulesPage.js
T
2021-06-15 17:25:43 -04:00

73 lines
2.9 KiB
JavaScript

define(['m', '_', 'util', 'resultParser', 'views/topNavBar', 'views/footer'], function (m, _ , util, resultParser, topNavBar, footer) {
var rulesPage = {};
rulesPage.missionText = function(){
return "La ligue de balle Les Phénix a été fondée en 2004 afin "+
"d'offrir aux membres de la communauté gaie et lesbienne et à "+
"leurs amis hétéros l'opportunité de s'amuser et de pratiquer "+
"un sport dans une ambiance amicale et décontractée. "+
"L'ouverture d'esprit, la camaraderie et le plaisir de "+
"pratiquer un sport à l'extérieur caractérisent cette ligue.";
};
rulesPage.logo = function(){
var style = 'height: 250px; width: 250px; background-size: 250px; background-image: url(images/logosansfond.JPG);';
return m('div.uk-cover-background.uk-container-center', {style: style});
};
rulesPage.ruleSection = function(){
var urlASBM = 'http://www.asbm.ca/';
return [
m('h2', 'Règlements 2021'),
m('ul',[
m('li', m('h3', m('a', {href: 'files/reglements_de_terrain2019.pdf'},'Règles de jeu'))),
m('li', m('h3', m('a', {href: 'files/regles_procedures2019.pdf'},'Règles et procédures'))),
m('li', m('h3', m('a', {href: 'files/reglements_generaux.pdf'}, 'Règlements généraux'))),
m('li', m('h3', m('a', {href: 'files/inscription2019.pdf'}, 'Formulaire d\'inscription'))),
m('li', m('h3', m('a', {href: 'files/code_de_conduite_2019.pdf'}, 'code d\'éthique'))),
m('li', m('h3', m('a', {href: urlASBM}, 'Association des Sports de Balle à Montréal (ASBN)'))),
])
];
};
rulesPage.rules = function(){
return m('div.uk-width-large-2-3.uk-width-small-1-1',
m('div.uk-panel.uk-panel-box.uk-panel-box-secondary',
rulesPage.ruleSection()
)
);
};
rulesPage.logoAndRules = function(){
return m('div.uk-grid',[
m('div.uk-width-large-1-3.uk-width-small-1-1', rulesPage.logo()),
rulesPage.rules()
]
);
};
rulesPage.mission = function(){
return m('div.uk-panel.uk-panel-box.uk-panel-box-secondary', [
m('h2', 'Mission'),
m('p', rulesPage.missionText())
]);
};
rulesPage.view = function(){
return [
m.component(topNavBar),
m('div.uk-margin-top.uk-margin-bottom.uk-grid',
m('div.uk-width-large-3-5.uk-width-medium-4-5.uk-width-large-1-1.uk-container-center', [
rulesPage.logoAndRules(),
rulesPage.mission()
])),
m.component(footer)
];
};
return rulesPage;
});