Check if user is verified

Author: rohitrp

client/src/app/_services/auth.service.ts

@@ -54,15 +54,22 @@ export class AuthService {
     return user.token;
   }
 
+  public isUserVerified() {
+    const user = JSON.parse(localStorage.getItem('user'));
+
+    if (!user) {
+      return '';
+    }
+
+    return user.verifiedMobile;
+  }
 
   public generateOtp(){
     return this.http.post(
       `${this.apiBaseUrl}/users/otp`,{}
     );
   }
 
-  
-
   public verifyOtp(otp){
     const params = {
       otp: otp
@@ -74,8 +81,6 @@ export class AuthService {
     );
   }
 
-  
-
   public getUserDetails() {
     return this.http.get(
       `${this.apiBaseUrl}/users/details`

client/src/app/app.component.html

@@ -2,7 +2,7 @@
   <div id="navbar">
     <app-navbar></app-navbar>
   </div>
-  <div id="otp-banner" *ngIf="!user.verifiedMobile">
+  <div id="otp-banner" *ngIf="authService.isAuthenticated() && !authService.isUserVerified()">
     <div class="columns is-centered has-text-centered">
       <div class="column is-2" *ngIf="!otpGenerated">
         <a class="button is-primary" (click)="generateOtp()">Click here to verify your Mobile Number</a>

client/src/app/app.component.ts

@@ -15,37 +15,39 @@ export class AppComponent {
 
   constructor(
     private seoService: SEOService,
-    private authService: AuthService
+    public authService: AuthService
   ) {
     this.seoService.addSeoData();
   }
 
-  generateOtp(){
+  generateOtp() {
     this.authService.generateOtp()
       .subscribe(
         (res) => {
-          this.otpGenerated= true;
-          
+          this.otpGenerated = true;
+
         }
       )
   }
-  verifyOtp(){
+  verifyOtp() {
     this.authService.verifyOtp(this.otp)
       .subscribe(
         (res) => {
-          this.user.verifiedMobile =  true;
+          this.user.verifiedMobile = true;
         }
       )
 
   }
   ngOnInit(): void {
     //Called after the constructor, initializing input properties, and the first call to ngOnChanges.
     //Add 'implements OnInit' to the class.
-    this.authService.getUserDetails()
-      .subscribe(
-        (res) => {
-          this.user = res;
-        }
-      )
+    if (this.authService.isAuthenticated()) {
+      this.authService.getUserDetails()
+        .subscribe(
+          (res) => {
+            this.user = res;
+          }
+        )
+    }
   }
 }

client/src/app/shelters/shelter-card/shelter-card.component.html

@@ -8,7 +8,7 @@
         <div class="columns">
           <div class="column is-4">
             <p *ngIf="shelter['official']" class="has-text-success">
-              <i class="fa fa-check"></i>&nbsp;Official Government Shelter
+              <i class="fa fa-check-circle"></i>&nbsp;Official Government Shelter
             </p>
             <p class="title">
               {{ shelter.name }}
@@ -32,6 +32,9 @@
           <div class="column is-4">
             <div class="content">
               <p>Approx <span class="has-text-weight-bold">{{shelter['distance']}} kms</span> away</p>
+              <p *ngIf="authService.isUserVerified()" class="has-text-info">
+                <i class="fa fa-check-circle"></i>&nbsp;Posted by a verified user
+              </p>
             </div>
           </div>
         </div>

client/src/app/shelters/shelter-card/shelter-card.component.ts

@@ -3,6 +3,7 @@ import { Shelter } from '../shelter';
 import { SheltersService } from 'src/app/_services/shelters.service';
 import { AlertService } from 'src/app/_services/alert.service';
 import * as $ from 'jquery';
+import { AuthService } from 'src/app/_services/auth.service';
 
 @Component({
   selector: 'app-shelter-card',
@@ -41,7 +42,8 @@ export class ShelterCardComponent implements OnInit {
 
   constructor(
     private shelterService: SheltersService,
-    private alertService: AlertService
+    private alertService: AlertService,
+    public authService: AuthService
   ) { }
 
   ngOnInit() {

client/src/app/shelters/shelter-info/shelter-info.component.html

@@ -8,15 +8,20 @@
             <div class="columns">
               <div class="column is-4">
                 <p *ngIf="shelter['official']" class="has-text-success">
-                  <i class="fa fa-check"></i>&nbsp;Official Government Shelter
+                  <i class="fa fa-check-circle"></i>&nbsp;Official Government Shelter
                 </p>
+                <p *ngIf="authService.isUserVerified()" class="has-text-info">
+                  <i class="fa fa-check-circle"></i>&nbsp;Posted by a verified user
+                </p>
+                <br>
                 <p class="title">
                   {{ shelter.name }}
                 </p>
                 <p class="subtitle">
                   {{ shelter.contact }}
                 </p>
-                <p class="has-text-weight-bold has-text-grey">Updated on {{shelter.lastUpdated | date: 'mediumDate'}} | {{shelter.lastUpdated | date: 'shortTime'}}</p>
+                <p class="has-text-weight-bold has-text-grey">Updated on {{shelter.lastUpdated | date: 'mediumDate'}} |
+                  {{shelter.lastUpdated | date: 'shortTime'}}</p>
 
               </div>
               <div class="column is-4">

client/src/app/shelters/shelter-info/shelter-info.component.ts

@@ -6,6 +6,7 @@ import { environment } from 'src/environments/environment';
 import { SheltersService } from 'src/app/_services/shelters.service';
 import { Shelter } from '../shelter';
 import { AlertService } from 'src/app/_services/alert.service';
+import { AuthService } from 'src/app/_services/auth.service';
 
 @Component({
   selector: 'app-shelter-info',
@@ -29,7 +30,8 @@ export class ShelterInfoComponent implements OnInit {
   constructor(
     private route: ActivatedRoute,
     private shelterService: SheltersService,
-    private alertService: AlertService
+    private alertService: AlertService,
+    public authService: AuthService
   ) { }
 
   distance(place) {

server/api/users/util/userFunctions.js

@@ -38,6 +38,7 @@ async function getUserDetails(user) {
     return {
         user: {
             email: user.email,
+            verifiedMobile: user.verifiedMobile,
             token: createToken(user)
         }
     }