From 9c2e06ea55b0086d6b82d423fb4d58f4a4195504 Mon Sep 17 00:00:00 2001 From: Ludovic Herbelin Date: Thu, 17 Dec 2020 00:35:33 +0100 Subject: [PATCH] Updated styles for user profile --- .eslintrc.js | 3 +- README.md | 7 ----- src/views/Profile.vue | 67 +++++++++++++++++++++++++++++++++---------- 3 files changed, 54 insertions(+), 23 deletions(-) diff --git a/.eslintrc.js b/.eslintrc.js index 8ad90db..bb8398b 100755 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -12,6 +12,7 @@ module.exports = { }, rules: { 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', - 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off' + 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off', + "no-mixed-spaces-and-tabs": 0, // disable rule } } diff --git a/README.md b/README.md index d62f376..a930f45 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,3 @@ -<<<<<<< HEAD ## Installation First, make a copy the `.env.sample` and name it `.env` at the root of the thingy-client-orange folder. @@ -6,12 +5,6 @@ Then fill up the needed parameters. ### Docker installation -======= -# .env file -do not forget to set the `.env` file based on `.env.sample` - -# container installation ->>>>>>> a10f384bf25e63eb34665e99f7fb17fa3fb8afb0 - `docker build -t thingy-client-orange .` - then `docker-compose up` in the thingy-api-orange root folder diff --git a/src/views/Profile.vue b/src/views/Profile.vue index cd76316..4fc3637 100755 --- a/src/views/Profile.vue +++ b/src/views/Profile.vue @@ -4,26 +4,62 @@

{{profile.name}}

-

Location : {{profile.location}}

-

Bio : {{profile.bio}}

+

Location :: {{profile.location}}

+

Bio : {{profile.bio}}

You are not connected

Dashboard

-

Number of quizzes done

-
{{ nb_quizzes }}
-

Number of questions answered

-
{{ nb_answers }}
-

Number of correct answers

-
{{ nb_correct_answers }}
-

Number of wrong answers

-
{{ nb_wrong_answers }}
-

Percent of correct answers

-
{{ percent_of_correct_answer }}%
-

Average reaction time

-
{{ avg_reaction_time }} seconds
+
+
+ Number of quizzes done +
+
+ {{ nb_quizzes }} +
+
+
+
+ Number of questions answered +
+
+ {{ nb_answers }} +
+
+
+
+ Number of correct answers +
+
+ {{ nb_correct_answers }} +
+
+
+
+ Number of wrong answers +
+
+ {{ nb_wrong_answers }} +
+
+
+
+ Percent of correct answers +
+
+ {{ percent_of_correct_answer }}% +
+
+
+
+ Average reaction time +
+
+ {{ avg_reaction_time|round }} seconds +
+
@@ -39,7 +75,7 @@ export default { nb_correct_answers: 0, nb_wrong_answers: 0, percent_of_correct_answer: 0, - avg_reaction_time: 0 + avg_reaction_time: Math.round(1.2123123 * 10) / 10, }; }, methods: { @@ -74,6 +110,7 @@ export default { this.nb_wrong_answers = data["nb_wrong_answers"]; this.percent_of_correct_answer = data["percent_of_correct_answer"]; this.avg_reaction_time = data["avg_reaction_time"]; + this.avg_reaction_time = Math.round(this.avg_reaction_time * 10) / 10; }) .catch((err) => console.log(err)); }