add new verification update

src/lib/services/app/mainApi.js

@@ -16,4 +16,10 @@ export async function fetchEnabledGrades() {
  });
 
  return await response.json();
+}
+
+export async function checkVerification(data){
+ return await fetch(`https://locker-api.cvapps.net/public/check-verification/${data}`, {
+ method: "get",
+ });
 }

src/routes/(app)/register/+page.svelte

@@ -1,19 +1,22 @@
 <script>
-
  import {fade} from 'svelte/transition';
  import {quartOut} from 'svelte/easing';
- import Show from "../lookup/views/show.svelte";
+
+ import {pageView} from "./store.js";
 
  import View1 from "./views/View1.svelte";
  import View2 from "./views/View2.svelte";
  import Status from './views/Status.svelte';
+
  let data;
 
- let selected = Status;
+ let selected;
+
+ $: if($pageView === 0) selected = Status;
+ $: if($pageView === 1) selected = View1;
+
+ $: if($pageView === 2) selected = View2;
 
- function handleMessage(event) {
- if(event.detail.page === 0) selected = View1;
- }
 
 
 </script>
@@ -41,7 +44,6 @@
 <div class="main" in:fade={{ delay: 0, duration: 700, easing: quartOut}}>
  <svelte:component
  data={data}
- on:message={handleMessage}
  this={selected}
  />
 </div>

src/routes/(app)/register/store.js

@@ -1,5 +1,9 @@
 import { writable } from 'svelte/store';
 
+// view the page will be on
+export const pageView = writable(0)
+
+
 export const registrationData = writable({});
 export const studentId1 = writable();
 export const studentId2 = writable();

src/routes/(app)/register/views/Status.svelte

@@ -4,15 +4,15 @@
  import {onMount} from "svelte";
  import { fade } from "svelte/transition";
  import { quartOut } from "svelte/easing";
+
  import {fetchEnabledGrades} from "$lib/services/app/mainApi.js";
+ import {pageView} from "../store.js";
 
- const dispatch = createEventDispatcher();
 
  const gradesStore = writable({});
 
-
  function next(){
- dispatch("message", {page: 0});
+ pageView.set(1);
  }
 
  onMount(async () => {
@@ -84,7 +84,7 @@
  </div>
  </div>
 
- <button class="submit" on:click={next}>Next</button>
+ <button class="submit" on:click={next}>Start Registration</button>
  </div>
  </div>
 </div>

src/routes/(app)/register/views/View1.svelte

@@ -3,7 +3,7 @@
  import {slide} from "svelte/transition";
  import {quartOut} from "svelte/easing";
  import {validateID} from "$lib/services/app/mainApi.js";
- import {singleLocker, studentId1, studentId2} from "../store.js";
+ import {singleLocker, studentId1, studentId2, pageView} from "../store.js";
 
  const dispatch = createEventDispatcher();
 
@@ -31,11 +31,8 @@
  input1.value = "";
  input1.placeholder = jsonResponse.error;
  } else if (response.ok) {
- studentId1.set(studentId1);
-
- // dispatch("message", {
- // data: await response.json(), //todo set this in the store
- // });
+ studentId1.set(student1);
+ pageView.set(2);
  }
  } catch (error) {
  input1.style.borderColor = "red";
@@ -87,10 +84,7 @@
 
  //once both all good, send the response
  if (status) {
- // dispatch("message", {
- // data: responses, //todo set this in the store
- // });
- alert("all good");
+ pageView.set(2);
  }
 
  }
@@ -289,7 +283,7 @@
 <div class="main" in:slide={{ delay: 250, duration: 600, easing: quartOut, axis: 'x' }}>
  <div class="login">
  <div class="login-cont">
- <div class="login-header">Register for a locker</div>
+ <div class="login-header">Verify IDs</div>
 
  <form class="login-form" on:keydown={handleKeyPress} on:submit={login}>
  <label>Student 1</label>