Added privacy policy accept input checkbox

web/src/views/SignUp.vue

@@ -101,7 +101,7 @@
                   hover:border-blue-700
                   focus:border-blue-700
                 "
-                placeholder="Enter full name."
+                placeholder="Enter full name. e.g. John Appleseed"
                 @blur="clearValidity('name')"
               >
               <p
@@ -474,6 +474,19 @@
                 placeholder="Your motivation text."
                 @blur="clearValidity('motivation')"
               />
+              <h1
+                class="
+                  text-left
+                  font-bold
+                  mb-2
+                  text-xl
+                  sm:text-2xl
+                  font-montserrat
+                "
+              >
+                <input type="checkbox" v-model.trim="privacy_check.val"> I accept <a class="text-pink-base hover:text-pink-base hover:no-underline" target="_blank" href="/privacy">CD-CODE privacy policy <span class="fa fa-external-link" /> </a>. *
+              </h1>
+
             </div>
             <p
               v-if="!motivation.isValid"
@@ -481,6 +494,9 @@
             >
               Motivation text must not be empty.
             </p>
+            <p v-if="!privacy_check.isValid" class="text-red-500">
+              Please accept the privacy policy.
+            </p>
             <p
               v-if="!formIsValid"
               class="font-bold text-red-400"
@@ -575,6 +591,10 @@ export default {
         val: [],
         isValid: true,
       },
+      privacy_check: {
+        val: false,
+        isValid: true,
+      },
       formIsValid: true,
       error: false,
       errorMsg: ``,
@@ -636,6 +656,10 @@ export default {
         this.motivation.isValid = false;
         this.formIsValid = false;
       }
+      if (!this.privacy_check.val) {
+        this.privacy_check.isValid = false;
+        this.formIsValid = false;
+      }
     },
     isValidHttpUrl() {
       let timer = null;