codewizardshq · net8floz · Jan 31, 2020 · Jan 30, 2020 · Jan 30, 2020 · Jan 31, 2020
diff --git a/package.json b/package.json
@@ -5,7 +5,8 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint"
+    "lint": "vue-cli-service lint",
+    "serve:prod": "vue-cli-service serve --mode production"
   },
   "dependencies": {
     "axios": "^0.19.0",
@@ -14,6 +15,7 @@
     "serialize-javascript": "^2.1.2",
     "vue": "^2.6.10",
     "vue-codemirror": "^4.0.6",
+    "vue-highlightjs": "^1.3.3",
     "vue-marquee-text-component": "^1.1.1",
     "vue-moment": "^4.1.0",
     "vue-router": "^3.1.3",
@@ -37,7 +39,7 @@
     "sass": "^1.19.0",
     "sass-loader": "^8.0.0",
     "vue-cli-plugin-codemirror": "^0.0.6",
-    "vue-cli-plugin-vuetify": "^2.0.2",
+    "vue-cli-plugin-vuetify": "^2.0.3",
     "vue-template-compiler": "^2.6.10",
     "vuetify-loader": "^1.3.0"
   },

diff --git a/public/index.html b/public/index.html
@@ -1,45 +1,78 @@
 <!DOCTYPE html>
 <html>
-
   <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link href="https://fonts.googleapis.com/css?family=Barlow:400,700&display=swap" rel="stylesheet"> 
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
-    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
-    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
-    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
-    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
-    <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
-    <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
-    <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
-    <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
-    <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-    <link rel="manifest" href="/manifest.json">
-    <meta name="msapplication-TileColor" content="#ffffff">
-    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
-    <meta name="theme-color" content="#ffffff">
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <link
+      href="https://fonts.googleapis.com/css?family=Barlow:400,700&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css"
+    />
+    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png" />
+    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png" />
+    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png" />
+    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png" />
+    <link
+      rel="apple-touch-icon"
+      sizes="114x114"
+      href="/apple-icon-114x114.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="120x120"
+      href="/apple-icon-120x120.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="144x144"
+      href="/apple-icon-144x144.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="152x152"
+      href="/apple-icon-152x152.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="/apple-icon-180x180.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="192x192"
+      href="/android-icon-192x192.png"
+    />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <link rel="manifest" href="/manifest.json" />
+    <meta name="msapplication-TileColor" content="#ffffff" />
+    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png" />
+    <meta name="theme-color" content="#ffffff" />
     <title>CodeWizardsHQ CODE CHALLENGE</title>
   </head>
 
   <body>
     <noscript>
-      <strong>We're sorry but vue_app doesn't work properly without JavaScript enabled. Please enable it to
-        continue.</strong>
+      <strong
+        >We're sorry but vue_app doesn't work properly without JavaScript
+        enabled. Please enable it to continue.</strong
+      >
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->
 
     <script>
-      if (location.hostname != "localhost" && location.protocol != 'https:') {
-        location.href = 'https:' + window.location.href.substring(window.location.protocol.length);
+      if (location.hostname != "localhost" && location.protocol != "https:") {
+        location.href =
+          "https:" +
+          window.location.href.substring(window.location.protocol.length);
       }
     </script>
   </body>
-
-</html>
+</html>
diff --git a/src/App.vue b/src/App.vue
@@ -1,33 +1,9 @@
 <template>
-  <v-app>
-    <CWHQ-bar />
-    <app-bar />
-    <quiz-bar />
-    <v-content>
-      <!-- <v-container> -->
-      <router-view />
-      <!-- </v-container> -->
-    </v-content>
-    <leaderboard-bar />
-    <snackbar />
-  </v-app>
+  <router-view />
 </template>
 
 <script>
-import AppBar from "@/components/AppBar";
-import QuizBar from "@/components/QuizBar";
-import Snackbar from "@/components/Snackbar";
-import CWHQBar from "@/components/CWHQBar";
-import LeaderboardBar from "@/components/LeaderboardBar";
-
 export default {
-  name: "App",
-  components: {
-    AppBar,
-    QuizBar,
-    Snackbar,
-    CWHQBar,
-    LeaderboardBar
-  }
+  name: "App"
 };
 </script>
diff --git a/src/api/auth.js b/src/api/auth.js
@@ -94,7 +94,12 @@ async function resetPassword(token, password) {
   );
 }
 
+async function doesUsernameExist(username) {
+  return await request(routes.userapi_user_exists(username));
+}
+
 export default {
+  doesUsernameExist,
   logout,
   login,
   autoLogin,

diff --git a/src/api/routes.js b/src/api/routes.js
@@ -15,6 +15,9 @@ export default {
   userapi_refresh: route("/api/v1/users/token/refresh", "POST"),
   userapi_forgot_password: route("/api/v1/users/forgot", "POST"),
   userapi_reset_password: route("/api/v1/users/reset-password", "POST"),
+  userapi_user_exists: username => {
+    return route(`/api/v1/users/${username}/exists`);
+  },
   questionsapi_rank_reset: route("/api/v1/questions/reset", "DELETE"),
   questionsapi_answer_next_question: route("/api/v1/questions/answer", "POST"),
   questionsapi_answer_final_question: route("/api/v1/questions/final", "POST"),

diff --git a/src/api/voting.js b/src/api/voting.js
@@ -5,6 +5,16 @@ async function getBallot() {
   return request(routes.voting_ballot);
 }
 
+async function cast(answerId, email) {
+  return request(routes.voting_cast(answerId), { data: { email } });
+}
+
+async function confirm(token) {
+  return request(routes.voting_confirm, { data: { token } });
+}
+
 export default {
-  getBallot
+  getBallot,
+  cast,
+  confirm
 };
diff --git a/src/components/HelpPopOver.vue b/src/components/HelpPopOver.vue
diff --git a/src/components/QuizBar.vue b/src/components/QuizBar.vue
diff --git a/src/components/AppBar.vue → src/components/Toolbars/AppBar.vue b/src/components/AppBar.vue → src/components/Toolbars/AppBar.vue
@@ -8,7 +8,7 @@
     class="pl-4"
   >
     <div class="text-center" style="width: 100%;">
-      <router-link :to="{ name: 'home' }">
+      <router-link :to="{ name: 'redirect' }">
         <img src="/images/logo-small.png" class="mt-2" :height="imageHeight" />
       </router-link>
     </div>

diff --git a/src/components/CWHQBar.vue → src/components/Toolbars/CWHQBar.vue b/src/components/CWHQBar.vue → src/components/Toolbars/CWHQBar.vue
diff --git a/src/components/LeaderboardBar.vue → src/components/Toolbars/LeaderboardBar.vue b/src/components/LeaderboardBar.vue → src/components/Toolbars/LeaderboardBar.vue
@@ -1,5 +1,6 @@
 <template>
   <v-toolbar
+    elevation="0"
     color="white"
     :height="height"
     :min-height="height"