From 92c349a1354240d70b6a2992dd44f4a92575cce7 Mon Sep 17 00:00:00 2001
From: Dennis Schoepf <dennis@schoepf.co>
Date: Tue, 3 Aug 2021 19:19:06 +0200
Subject: [PATCH] Handle anon participants

---
 index.html      |  2 +-
 src/logger.ts   |  9 ++++++++-
 src/ui/intro.ts | 26 +++++++++++++++++++++-----
 3 files changed, 30 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 029c429..6125f0f 100644
--- a/index.html
+++ b/index.html
@@ -167,7 +167,7 @@
         <div id="intro-step3">
           <h1>General Questions</h1>
           <p>Please provide some additional information about you below:</p>
-          <label for="name">
+          <label id="name-label" for="name">
             Your name
             <input type="text" id="intro-name" name="name" placeholder="e.g. Max" />
           </label>
diff --git a/src/logger.ts b/src/logger.ts
index 41b1c19..67f2a30 100644
--- a/src/logger.ts
+++ b/src/logger.ts
@@ -58,7 +58,13 @@ export class Logger {
     }
   }
 
-  public logPersonalData(name: string, age: number, background: string, experience: string) {
+  public logPersonalData(
+    name: string,
+    age: number,
+    background: string,
+    experience: string,
+    anonymous: boolean
+  ) {
     const uid = store.getState().uid;
 
     this.database.ref(uid).set({
@@ -66,6 +72,7 @@ export class Logger {
       age,
       background,
       experience,
+      anonymous,
     });
   }
 
diff --git a/src/ui/intro.ts b/src/ui/intro.ts
index daf8541..0e6ce29 100644
--- a/src/ui/intro.ts
+++ b/src/ui/intro.ts
@@ -125,7 +125,12 @@ export class Intro {
       const background = this.backgroundRef.value;
       const experience = this.experienceRef.value;
 
-      if (!name || !age || !background || experience === 'Choose an option...') {
+      if (
+        (this.anonymous ? false : !name) ||
+        !age ||
+        !background ||
+        experience === 'Choose an option...'
+      ) {
         this.errorRef.style.display = 'block';
         return;
       } else {
@@ -158,11 +163,15 @@ export class Intro {
       this.sendGeneralQuestionAnswers();
     }
 
+    if (currentStep === 5) {
+      this.sendKnowledgeQuestionAnswers();
+    }
+
     store.setState((state) => ({ currentIntroStep: state.currentIntroStep + 1 }));
   }
 
   private sendDemographicData(name: string, age: number, background: string, experience: string) {
-    logger.logPersonalData(name, age, background, experience);
+    logger.logPersonalData(name, age, background, experience, this.anonymous);
   }
 
   private sendGeneralQuestionAnswers() {
@@ -179,13 +188,20 @@ export class Intro {
       this.fb10.value,
     ];
 
-    console.log(answers);
     logger.logQuestions(answers);
   }
 
-  private sendKnowledgeQuestionAnswers() {}
+  private sendKnowledgeQuestionAnswers() {
+    const answers = [];
 
-  private hideNameInput() {}
+    logger.logQuestions(answers, true);
+  }
+
+  private hideNameInput() {
+    this.nameRef.style.display = 'none';
+    const label = document.querySelector('#name-label') as HTMLElement;
+    label.style.display = 'none';
+  }
 
   private showStep() {
     if (this.currentStep === 1) {