stared to use mithril

script/calendarPage.js

@@ -0,0 +1,130 @@
+(function() {
+'use strict';
+
+var statsView = {};
+
+statsView.controller = function(){
+    var games = m.prop([]);
+    return m.request({method: "GET", url: "/api/resultats.json"})
+           .then(games)
+           .then(window.resultParser.getStats);
+};
+
+statsView.getStatRow = function(teamStats){
+    var formatStat = function(n){
+        return teamStats.gamePlayed === 0 ? '-' : n;
+    };
+    return m('tr', [
+        m('td', teamStats.team),
+        m('td', teamStats.gamePlayed),
+        m('td', formatStat(teamStats.victories)),
+        m('td', formatStat(teamStats.defeats)),
+        m('td', formatStat(teamStats.draws)),
+        m('td', formatStat(teamStats.pointsFor)),
+        m('td', formatStat(teamStats.pointsAgaint)),
+        m('td', formatStat(teamStats.pointsFor - teamStats.pointsAgaint)),
+        m('td', "? ")
+    ]);
+};
+
+statsView.mainTable = function(stats){
+    return m('table.uk-table.uk-table-hover.uk-table-striped',[
+        m('thead', m('tr', [
+            m('th', 'Équipes'),
+            m('th', 'PJ'),
+            m('th', 'V'),
+            m('th', 'D'),
+            m('th', 'N'),
+            m('th', 'PP'),
+            m('th', 'PC'),
+            m('th', 'DIF'),
+            m('th', 'PTS')
+        ])),
+        m('tbody', _.map(stats, statsView.getStatRow))
+    ]);
+};
+
+statsView.legend = function(){
+    var items = ["PJ : Parties joués", "V : Victoire",  "D : Défaite",
+                 "N : Nul", "PP : Points pour", "PC : Points contre",
+                 "DIF : Diférenciel","PTS : Points"];
+    return  m('ul.uk-subnav.uk-subnav-line.uk-flex-center',[
+                _.map(items, function(itm){
+                    return m('li', itm);
+                })
+            ]);
+};
+
+statsView.view = function(stats){
+    return  m('div.uk-grid',
+                m('div.uk-width-1-1',[
+                    m('h2', 'Classement 2016'),
+                    statsView.mainTable(stats()),
+                    statsView.legend()
+                ]));
+
+};
+
+
+var schedulView = {};
+window.schedulView = schedulView;
+
+schedulView.controller = function(){
+    var games = m.prop([]);
+    return m.request({method: "GET", url: "/api/resultats.json"})
+           .then(games)
+           .then(window.resultParser.getNightGames);
+};
+
+schedulView._getTeamTag = function(teamName){
+    var teamColor = teams.getTeamColor(teamName);
+    return [
+        m('i.fa.fa-flag', {style: {color: teamColor}}),
+        m('span', ' ' + teamName)
+    ];
+};
+schedulView._asGamePoints = function(points){
+    return !_.isNumber(points) ? '-' : points + '';
+};
+
+schedulView._gameRow = function(game){
+    return m('tr',[
+        m('td', game.time),
+        m('td', schedulView._getTeamTag(game.home)),
+        m('td', schedulView._asGamePoints(game.home_points)),
+        m('td', 'vs'),
+        m('td', schedulView._getTeamTag(game.away)),
+        m('td', schedulView._asGamePoints(game.away_points))
+    ]);
+};
+
+schedulView._gameView = function(gameNight){
+    return m('div', [m('h3', gameNight.date),
+        m('table.uk-table.uk-table-hover.uk-table-condensed.uk-table-striped',
+            m('tbody',[
+                _.map(gameNight.games, schedulView._gameRow),
+            ])
+        )
+    ]);
+
+};
+
+schedulView.view = function(games){
+    return m('div.uk-grid',
+               m('div.uk-width-3-5',
+                _.concat([m('h2', 'Calendrier 2016')], _.map(games(), schedulView._gameView))));
+};
+
+
+window.calendarPage = {};
+
+window.calendarPage.view  = function(){
+    return [m.component(window.topNavBar),
+            m('div.uk-grid',
+                m('div.uk-width-3-5.uk-push-1-5',[
+                    m.component(statsView),
+                    m.component(schedulView)])),
+            m.component(window.footer)];
+};
+
+}).call(this);