update slider && default on modal

client/.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": [
+    ["env", {
+      "modules": false,
+      "targets": {
+        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
+      }
+    }],
+    "stage-2"
+  ],
+  "plugins": ["transform-vue-jsx", "transform-runtime"]
+}

client/.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

client/.eslintignore

@@ -0,0 +1,4 @@
+/build/
+/config/
+/dist/
+/*.js

client/.eslintrc.js

@@ -0,0 +1,50 @@
+// https://eslint.org/docs/user-guide/configuring
+
+module.exports = {
+  root: true,
+  parserOptions: {
+    parser: 'babel-eslint'
+  },
+  env: {
+    browser: true,
+  },
+  // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
+  // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
+  extends: ['plugin:vue/essential', 'airbnb-base'],
+  // required to lint *.vue files
+  plugins: [
+    'vue'
+  ],
+  // check if imports actually resolve
+  settings: {
+    'import/resolver': {
+      webpack: {
+        config: 'build/webpack.base.conf.js'
+      }
+    }
+  },
+  // add your custom rules here
+  rules: {
+    // don't require .vue extension when importing
+    'import/extensions': ['error', 'always', {
+      js: 'never',
+      vue: 'never'
+    }],
+    // disallow reassignment of function parameters
+    // disallow parameter object manipulation except for specific exclusions
+    'no-param-reassign': ['error', {
+      props: true,
+      ignorePropertyModificationsFor: [
+        'state', // for vuex state
+        'acc', // for reduce accumulators
+        'e' // for e.returnvalue
+      ]
+    }],
+    // allow optionalDependencies
+    'import/no-extraneous-dependencies': ['error', {
+      optionalDependencies: ['test/unit/index.js']
+    }],
+    // allow debugger during development
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+  }
+}

client/.gitignore

@@ -0,0 +1,14 @@
+.DS_Store
+node_modules/
+/dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln

client/.postcssrc.js

@@ -0,0 +1,10 @@
+// https://github.com/michael-ciniawsky/postcss-load-config
+
+module.exports = {
+  "plugins": {
+    "postcss-import": {},
+    "postcss-url": {},
+    // to edit target browsers: use "browserslist" field in package.json
+    "autoprefixer": {}
+  }
+}

client/package.json

@@ -11,11 +11,12 @@
     "build": "node build/build.js"
   },
   "dependencies": {
-    "axios": "^0.18.0",
+    "axios": "^0.18.1",
-    "bulma": "^0.7.4",
+    "bulma": "^0.7.5",
-    "vue": "^2.5.2",
+    "bulma-slider": "^2.0.0",
-    "vue-router": "^3.0.1",
+    "vue": "^2.6.11",
-    "vuex": "^3.1.0"
+    "vue-router": "^3.1.6",
+    "vuex": "^3.1.3"
   },
   "devDependencies": {
     "autoprefixer": "^7.1.2",
@@ -36,33 +37,33 @@
     "eslint-friendly-formatter": "^3.0.0",
     "eslint-import-resolver-webpack": "^0.8.3",
     "eslint-loader": "^1.7.1",
-    "eslint-plugin-import": "^2.7.0",
+    "eslint-plugin-import": "^2.20.1",
     "eslint-plugin-vue": "^4.0.0",
     "extract-text-webpack-plugin": "^3.0.0",
     "file-loader": "^1.1.4",
     "friendly-errors-webpack-plugin": "^1.6.1",
     "html-webpack-plugin": "^2.30.1",
-    "node-notifier": "^5.1.2",
+    "node-notifier": "^5.4.3",
-    "node-sass": "^4.11.0",
+    "node-sass": "^4.13.1",
-    "optimize-css-assets-webpack-plugin": "^3.2.0",
+    "optimize-css-assets-webpack-plugin": "^3.2.1",
     "ora": "^1.2.0",
-    "portfinder": "^1.0.13",
+    "portfinder": "^1.0.25",
     "postcss-import": "^11.0.0",
     "postcss-loader": "^2.0.8",
     "postcss-url": "^7.2.1",
-    "rimraf": "^2.6.0",
+    "rimraf": "^2.7.1",
-    "sass-loader": "^7.1.0",
+    "sass-loader": "^7.3.1",
-    "semver": "^5.3.0",
+    "semver": "^5.7.1",
     "shelljs": "^0.7.6",
     "uglifyjs-webpack-plugin": "^1.1.1",
     "url-loader": "^0.5.8",
     "vue-loader": "^13.3.0",
     "vue-style-loader": "^3.1.2",
-    "vue-template-compiler": "^2.5.2",
+    "vue-template-compiler": "^2.6.11",
     "webpack": "^3.6.0",
     "webpack-bundle-analyzer": "^2.9.0",
     "webpack-dev-server": "^2.9.1",
-    "webpack-merge": "^4.1.0"
+    "webpack-merge": "^4.2.2"
   },
   "engines": {
     "node": ">= 6.0.0",

client/src/components/Teammood.vue

@@ -3,29 +3,37 @@
     <section class="hero has-text-centered is-success is-fullheigh">
       <div class="hero-body">
         <h1 class="title">Teammood</h1>
+        <h2 class="Subtitle">Bienvenue {{$store.getters.name}}</h2>
       </div>
     </section>
     <div class="section has-text-centered">
       <div class="container">
-        <div class="field">
+        <div class="field is-grouped-centered">
           <div class="control">
-            <input
+            <label class="label">Humeur</label>
-              title="Humeur"
+            <input title="humeur" v-model="humeur" id="humeur" class="slider  is-fullwidth is-medium is-success is-circle" step="1" min="0" max="5"  type="range">
-              autofocus
+            <output for="humeur">{{humeur}}</output>
-              class="input"
-              v-on:keyup.enter="checkchaine()"
-              name="chaine-input"
-              v-model="chaine"
-              type="text"
-            >
           </div>
+          <div class="control">
+            <label class="label">stress</label>
+            <input title="stress" v-model="stress" id="stress"  class="slider  is-fullwidth is-medium is-success is-circle" step="1" min="0" max="5"  type="range">
+            <output for="stress">{{stress}}</output>
+          </div>
+          <div class="control">
+            <label class="label">fatigue</label>
+            <input title="fatigue" v-model="fatigue" id="fatigue"  class="slider  is-fullwidth is-medium is-success is-circle" step="1" min="0" max="5"  type="range">
+          <output for="fatigue">{{fatigue}}</output>
+          </div>
+
+
+
         </div>
-        <div class="field field is-grouped is-grouped-centered">
+        <div class="field  is-grouped is-grouped-centered">
           <div class="control">
-            <button class="button is-success" v-on:click="toto">valider</button>
+            <button class="button is-success" v-on:click="">valider</button>
           </div>
           <div class="control">
-            <button class="button is-success" v-on:click="toto">changer Nom</button>
+            <button class="button is-success" v-on:click="showModalname=true">modifier votre Nom</button>
           </div>
         </div>
       </div>
@@ -52,19 +60,24 @@ export default {
   },
   data() {
     return {
-      chaine: '',
+      humeur: 3,
+      stress: 2,
+      fatigue:3,
       showModalname: false,
       showModal: false,
       modalmessage:''
     };
   },
   methods: {
+
   },
   mounted() {
-    if(!this.$store.getters.name){
-      this.showModalname=true
-    }
 
+    
+
+    if(!this.$store.getters.name){
+      this.showModalname=true;
+    }
   },
 };
 </script>

client/src/main.js

@@ -5,7 +5,7 @@ import App from './App';
 import router from './router';
 import store from './store';
 import './../node_modules/bulma/css/bulma.css';
-
+import './../node_modules/bulma-slider/dist/css/bulma-slider.min.css';
 Vue.config.productionTip = false;
 /* eslint-disable no-new */
 new Vue({

client/src/router/index.js

@@ -1,7 +1,7 @@
 import Vue from 'vue';
 import Router from 'vue-router';
 import ping from '@/components/ping';
-import chainetv from '@/components/Teammood';
+import Teammood from '@/components/Teammood';
 import store from '@/store';
 import { EventBus } from '../utils';
 

client/src/store/index.js

@@ -2,7 +2,7 @@
 
 import Vue from 'vue';
 import Vuex from 'vuex';
-import { fetchchaine, fetchemission, authenticate } from '../api';
+import { fetchchaine, fetchemission } from '../api';
 import { isValidJwt, EventBus } from '../utils';
 
 Vue.use(Vuex);