Adding ccna4 preview questions.

src/router.ts

@@ -19,13 +19,12 @@ export const pageStore = readable<ActiveRoute>(undefined, (set) => {
     router.resolve();
 });
 
-import VaultsMobile from "./views/Overview.svelte";
-import VaultsDesktop from "./views/Overview.svelte";
+import Overview from "./views/Overview.svelte";
 
 router.on("/", (params) => {
     setComponent({
-        desktop: VaultsDesktop as typeof SvelteComponent,
-        mobile: VaultsMobile as typeof SvelteComponent,
+        desktop: Overview as typeof SvelteComponent,
+        mobile: Overview as typeof SvelteComponent,
         params
     })
 })

src/stores.ts

@@ -3,16 +3,20 @@ import { Question, Exam } from "./data";
 
 import CCNA2 from "../ccna2.json";
 import CCNA3 from "../ccna3.json";
+import CCNA4 from "../ccna4.json";
 import TestData from "../data-test.json";
 
 const tests = new Map<string, Exam>();
+tests.set("ccna4", CCNA4);
 tests.set("ccna3", CCNA3);
 tests.set("ccna2", CCNA2);
 tests.set("test", TestData)
 
-let test = new URL(window.location.href).searchParams.get("exam");
+const DEFAULT = "ccna4";
 
-const dataVersion = tests.has(test) ? test : "ccna3";
+let test = new URL(window.location.href).searchParams.get("exam") || DEFAULT;
+
+const dataVersion = tests.has(test) ? test : DEFAULT;
 const Data = tests.get(dataVersion);
 
 console.log("Running exam:", dataVersion);
@@ -20,6 +24,8 @@ console.log("Running exam:", dataVersion);
 const runsShould = 3;
 
 class QuestionManager {
+    version: string = dataVersion;
+
     activeQuestion = writable<{
         correct: () => void;
         wrong: () => void;

src/views/Overview.svelte

@@ -1,7 +1,8 @@
 <script>
     import QuestionManager from "../stores";
     const {
-        progress
+        progress,
+        version
     } = QuestionManager;
 
     import Question from "./Question.svelte"
@@ -19,11 +20,19 @@
     footer>div {
         background-color: var(--primary);
     }
+
+    .version {
+        position: fixed;
+        bottom :1.5rem;
+        left: .5rem;
+    }
 </style>
 <div class="container" style="overflow-x: hidden">
     <Question />
 </div>
 
+<div class="version">{version}</div>
+
 <footer class="elv-24">
-    <div style={"width:" + $progress + "%;" }>{$progress}%</div>
+    <div style={"width:" + $progress + "%;" }>{($progress).toFixed(2)}%</div>
 </footer>