Add vibration when something is wrong

.firebase/hosting.ZGlzdFxsbXMtYXBwLW5ldw.cache

@@ -25,7 +25,6 @@ assets/custom-icons/delete.svg,1591670050596,ecb168e66062b855ec3d8be4fe8d1df786c
 assets/custom-icons/discuss.svg,1591670017330,41c4b861e256a256cba57c925e9958aa43f0296fecb0da38aaeb8cbee210f15e
 assets/custom-icons/document.svg,1592290789477,d5f9aee8b6a06ce794719fe4e074f944b9a0110fb7204e3f1ee91ad327defab6
 assets/custom-icons/down-arrow.svg,1591691050636,47f2b5d048be7bb7d04ece942053923e5caaa76df6b738313c7cf2ff3dc4f57c
-assets/custom-icons/download.svg,1591670052533,3b4b194581220038e6235224923bd4c990e2c8609865c946ffa5cc24e7c13f9f
 assets/custom-icons/duel.svg,1592309435728,dcbb4dffba44a0e57a2cce161f27ea9c5c42ea3e4c5cfbc3b3fbfaa5c2f9affb
 assets/custom-icons/edit.svg,1591670025299,0a3c0ddf3e300c7f40214542758e7cb95907ba45f366dcf0cf5bbe7473aed3b5
 assets/custom-icons/flask.svg,1591670029174,ec753ec598159f42d7c1b5e8bdaf2768475e20308bbe1f9321b2b9b6ca3bc727
@@ -62,12 +61,13 @@ assets/icons/icon-384x384.png,1591723765605,e28ae36bf6b6f9c9a5eb8716806f3077d293
 assets/icons/icon-512x512.png,1591723765605,cb62ee904d0aa462c04667e945abbefe928c1c874d9a919ec237f3ebc1822dc9
 assets/icons/icon-72x72.png,1591723765606,215a8d62891dff36be3e0a554c28e627bbd34dea95aca21b718414452b581dce
 assets/icons/icon-96x96.png,1591723765606,5dbec692238f9b1305461df3fe87c910306d95db26941804b8929cd0d99bd508
-index.html,1592812676958,e1c73a61c71d5a52d7c99e6692ede105566e6a32551ef0e65d57c6639d5cac9b
-3rdpartylicenses.txt,1592812664073,d27e55275dcda3ed3bc3eb999269407011cf9c9afe9ddc3967da4edd98909d57
-ngsw.json,1592812676983,9865a2fa283ca82774be3c76f9f1464296709a70c55121123ac067b0481d8a7d
-safety-worker.js,1592812676985,9c834b5821056aa4ef323fa5def3ee00de16296003e10df0507113e7b859228a
-styles.b49991c93601241d9fc5.css,1592812664073,04e80bd134276602afe8e8c3413181eec3770de18545c1e8f498856bbc8e7329
-worker-basic.min.js,1592812676985,9c834b5821056aa4ef323fa5def3ee00de16296003e10df0507113e7b859228a
-ngsw-worker.js,1592812676984,40433abc9774bdb2aa53890310f0ca5017fe5b764eaa087ba509ab1ab8ea7be3
-main-es5.4fe0d7f366514f3a54e0.js,1592812673566,007515900e268b2beccb243affd905d0658cd843828a9a16f381eb11b56db73d
-main-es2015.4fe0d7f366514f3a54e0.js,1592812675222,b1a929b13b3c18e608654e5eb3ee84a18d6c246ffa47fe43866f5b343a8a4980
+index.html,1592924868487,d30d3a7a7f254af6caacd1511ad99f296279b19eaedd272e1c337e4d1c25ab01
+3rdpartylicenses.txt,1592924851894,e4fc234794d45f364ca90de0f9acabec62e88864c210cfbfbd793a9af3ebedb2
+ngsw.json,1592924868520,d3b696bc227985223cdb4eb4cce0b75601d23b1efbfdc75f725fd98500b7ca26
+safety-worker.js,1592924868522,9c834b5821056aa4ef323fa5def3ee00de16296003e10df0507113e7b859228a
+styles.b49991c93601241d9fc5.css,1592924851894,04e80bd134276602afe8e8c3413181eec3770de18545c1e8f498856bbc8e7329
+worker-basic.min.js,1592924868522,9c834b5821056aa4ef323fa5def3ee00de16296003e10df0507113e7b859228a
+assets/custom-icons/download.svg,1592896568115,7c7c5b5be6ccf394d33dbaf2dbf99df2151df9c7e85ee5700c6d79fa0b8e2dd7
+ngsw-worker.js,1592924868521,40433abc9774bdb2aa53890310f0ca5017fe5b764eaa087ba509ab1ab8ea7be3
+main-es2015.d8adeabc34256c750321.js,1592924866714,7900620c670f77fd32ff903494f51794c637ca92862a4692b93c8e0489466fe6
+main-es5.d8adeabc34256c750321.js,1592924864026,c948c6e912a5c61f25d01a3f4339044853aa3f0f507df719345b97170b6805a3

src/app/tabs/courses/quiz/quiz.component.html

@@ -48,7 +48,7 @@
                 [ngClass]="{'correct' : question.userAnswer === question.correctAnswer && question.userAnswer === option.id,
                 'wrong': question.userAnswer !== 0 && question.userAnswer !== question.correctAnswer && question.userAnswer === option.id,
                 'show-correct': question.userAnswer !== 0 && question.userAnswer !== question.correctAnswer && question.correctAnswer === option.id }"
-                (click)="question.userAnswer = option.id">
+                (click)="question.userAnswer = option.id; isAnswerWrong(question.correctAnswer, question.userAnswer)">
                     <label> {{ j + 1 }}. {{ option.text }} </label>
                     <div class="icon-holder">
                         <svg-icon [applyClass]="true" class="icon wrong-icon" src="assets/custom-icons/close-circle.svg"></svg-icon>

src/app/tabs/courses/quiz/quiz.component.ts

@@ -129,4 +129,12 @@ export class QuizComponent implements OnInit {
         this.location.back();
     }
 
+
+    isAnswerWrong(correctAnswer: number, userAnswer: number) {
+        if (correctAnswer !== userAnswer) {
+            console.log("Called");
+            window.navigator.vibrate(1000);
+        }
+    }
+
 }