stuff

script/views/playersPage.js

@@ -49,7 +49,7 @@ define(['m', '_', 'spritz', 'teams'], function (m, _ , spritz, teams) {
 
     playersSelectionBar.chooseScore = function(model){
         return  m('form.uk-grid', {style: {'margin-top': '1em'}},
-                    m('div.uk-width-1-6', m('label', m('b', 'Quote'))),
+                    m('div.uk-width-1-6', m('label', m('b', 'Cote'))),
                     m('div.uk-width-5-6',
                         m('div.uk-grid', [
                             playersSelectionBar.scoreInput(1, model.activatedScores),
@@ -57,8 +57,15 @@ define(['m', '_', 'spritz', 'teams'], function (m, _ , spritz, teams) {
                             playersSelectionBar.scoreInput(3, model.activatedScores),
                             playersSelectionBar.scoreInput(4, model.activatedScores),
                             playersSelectionBar.scoreInput(5, model.activatedScores)
-                    ]))
-                    );
+                    ])));
+    };
+
+    playersSelectionBar.searchBar = function(){
+        var icon = m('i.fa.fa-search', {'aria-hidden': true}, '');
+        return m('form.uk-grid', {style: {'margin-top': '1em'}},
+                    m('div.uk-width-1-1.', {style: 'text-align: right;'},
+                        m('label', m('b', icon, " Rechercher ")),
+                            m('input', {type: 'text'})));
     };
 
     playersSelectionBar.controller = function(model){
@@ -66,9 +73,12 @@ define(['m', '_', 'spritz', 'teams'], function (m, _ , spritz, teams) {
     };
 
     playersSelectionBar.view = function(model){
-        return  m('div', [
-            playersSelectionBar.chooseTeams(model),
-            playersSelectionBar.chooseScore(model)
+        return  m('div.uk-grid', [
+                    m('div.uk-width-1-2',
+                        playersSelectionBar.chooseTeams(model),
+                        playersSelectionBar.chooseScore(model)),
+                    m('div.uk-width-1-2',
+                        playersSelectionBar.searchBar(model))
         ]);
     };
 
@@ -267,11 +277,18 @@ define(['m', '_', 'spritz', 'teams'], function (m, _ , spritz, teams) {
         return model;
     };
 
+    playersPage.downloadButton = function(){
+        return m('button.uk-button.uk-button-success.uk-border-rounded',
+            m('i.fa.fa-download', {'aria-hidden': true}),
+            " Télécharger");
+    };
+
     playersPage.view = function(model){
         return  m('div.uk-grid.uk-margin-top.uk-margin-bottom',
                     m('div.uk-width-large-3-5.uk-width-small-1-1.uk-container-center', [
                         m.component(playersSelectionBar, model),
                         m.component(playersTable, model),
+                        playersPage.downloadButton()
                     ]));
     };