131 lines
3.9 KiB
JavaScript
131 lines
3.9 KiB
JavaScript
define(['m', '_', 'util', 'resultParser', 'views/topNavBar', 'views/footer'], function (m, _ , util, resultParser, topNavBar, footer) {
|
|
var mainPageLogo = {};
|
|
|
|
mainPageLogo.view = function(){
|
|
return m('div.uk-grid', [
|
|
m('div.uk-width-1-3.uk-push-1-3', [
|
|
m('div.uk-cover-background', {style: 'height: 500px; background-size: 500px; background-image: url(images/phenix_logo.png);'})
|
|
])
|
|
]);
|
|
};
|
|
|
|
var mainPageNews = {};
|
|
|
|
mainPageNews.view = function(){
|
|
return m('div.uk-panel.uk-panel-box',[
|
|
m('div.uk-panel-badge.uk-badge', [
|
|
m('i.fa.fa-newspaper-o')
|
|
]),
|
|
m('h3.uk-panel-title', 'Nouvelles')
|
|
], util.loremIpsum());
|
|
};
|
|
|
|
var nextGameDaySchedule = {};
|
|
|
|
nextGameDaySchedule.controller = function(){
|
|
var games = m.prop([]);
|
|
return m.request({method: "GET", url: "/api/resultats.json"})
|
|
.then(games)
|
|
.then(resultParser.getNightGames)
|
|
.then(function(nightGames){
|
|
return nightGames[0].games;
|
|
});
|
|
};
|
|
|
|
nextGameDaySchedule._getTableHead = function(){
|
|
return m('thead', m('tr', [
|
|
m('td', 'Date'),
|
|
m('td', 'Heure'),
|
|
m('td', 'Visiteur'),
|
|
m('td', 'Receveur')
|
|
]));
|
|
};
|
|
|
|
nextGameDaySchedule._getGamesRow = function(game){
|
|
return m('tr', [
|
|
m('td', game.date),
|
|
m('td', game.time),
|
|
m('td', game.away),
|
|
m('td', game.home)
|
|
]);
|
|
};
|
|
|
|
nextGameDaySchedule._getGamesRows = function(games){
|
|
return _.map(games(), nextGameDaySchedule._getGamesRow);
|
|
};
|
|
|
|
nextGameDaySchedule.view = function(games){
|
|
return m('table.uk-table.uk-table-hover.uk-table-striped.uk-table-condensed',[
|
|
nextGameDaySchedule._getTableHead(),
|
|
m('tbody',
|
|
nextGameDaySchedule._getGamesRows(games)
|
|
)]);
|
|
};
|
|
|
|
var mainPageSchedule = {};
|
|
|
|
mainPageSchedule.view = function(){
|
|
return m('div.uk-panel.uk-panel-box',[
|
|
m('div.uk-panel-badge.uk-badge', [
|
|
m('i.fa.fa-clock-o')
|
|
]),
|
|
m('h3.uk-panel-title', 'Horaire'),
|
|
m.component(nextGameDaySchedule)
|
|
]);
|
|
};
|
|
|
|
var mainMap = {};
|
|
|
|
mainMap.getMap = function(){
|
|
var iframeUrl = "http://www.openstreetmap.org/export/embed.html?bbox=-73.55889558792114%2C45.53089890181621%2C-73.55181455612183%2C45.53426212742867&layer=mapnik";
|
|
var externalLink = "http://www.openstreetmap.org/#map=18/45.53258/-73.55536";
|
|
var iframeParams = {
|
|
style: {border: '1px solid black', 'min-height': '300px'},
|
|
width: '100%',
|
|
height: '100%',
|
|
frameborder: 0,
|
|
scrolling: 'no',
|
|
marginheight: 0,
|
|
src: iframeUrl
|
|
};
|
|
return [
|
|
m('iframe', iframeParams),
|
|
m('br'),
|
|
m('small', m('a', {href: externalLink}, 'Voir la carte'))
|
|
];
|
|
};
|
|
|
|
mainMap.view = function(){
|
|
return m('div.uk-panel.uk-panel-box',[
|
|
m('div.uk-panel-badge.uk-badge', [
|
|
m('i.fa.fa-map-o')
|
|
]),
|
|
m('h3.uk-panel-title', 'Parc Walter-Stewart'),
|
|
mainMap.getMap()
|
|
]);
|
|
};
|
|
|
|
var mainPageBottom = {};
|
|
|
|
mainPageBottom.view = function(){
|
|
return m('div.uk-grid',[
|
|
m('div.uk-width-1-5'),
|
|
m('div.uk-width-1-5', mainPageNews.view()),
|
|
m('div.uk-width-1-5', mainPageSchedule.view()),
|
|
m('div.uk-width-1-5', mainMap.view())
|
|
]);
|
|
};
|
|
|
|
var mainPage = {};
|
|
|
|
mainPage.view = function(){
|
|
return [topNavBar.view(),
|
|
mainPageLogo.view(),
|
|
mainPageBottom.view(),
|
|
footer.view()
|
|
];
|
|
};
|
|
|
|
return mainPage;
|
|
});
|