Suggest details

REMEMBER.txt

@@ -32,3 +32,4 @@ https://github.com/capacitor-community/barcode-scanner
 ionic generate page startscan
 
 ionic generate page suggest
+ionic generate page suggestdetails

src/app/app-routing.module.ts

@@ -222,6 +222,10 @@ const routes: Routes = [
     path: 'suggest',
     loadChildren: () => import('./pages/suggest/suggest.module').then(m => m.SuggestPageModule)
   },
+  {
+    path: 'suggestdetails',
+    loadChildren: () => import('./pages/suggestdetails/suggestdetails.module').then(m => m.SuggestdetailsPageModule)
+  },
 
 ];
 @NgModule({

src/app/components/suggestedlist/suggestedlist.component.html

@@ -1,5 +1,5 @@
 
-  <div class="video" *ngFor="let item of familySuggestData">
+  <div class="video" *ngFor="let item of familySuggestData" (click)="getSuggestedDetails(item)">
     <div class="left">
       <div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/jobs/'+item.banner+''"></div>
 

src/app/components/suggestedlist/suggestedlist.component.ts

@@ -1,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import {SessionDataProviderService} from "../../store/session-data-provider.service";
 import {WrenchService} from "../../services/wrench.service";
+import {Router} from "@angular/router";
 
 @Component({
   selector: 'app-suggestedlist',
@@ -9,8 +10,10 @@ import {WrenchService} from "../../services/wrench.service";
 })
 export class SuggestedlistComponent implements OnInit {
 
-  constructor(public sessionDataProviderService: SessionDataProviderService,
-                    private wrenchService: WrenchService) { }
+  constructor(
+                    public sessionDataProviderService: SessionDataProviderService,
+                    private wrenchService: WrenchService,
+                    private router: Router,) { }
 
   ngOnInit() {
     this.getFamilySuggestList();
@@ -41,4 +44,8 @@ export class SuggestedlistComponent implements OnInit {
         }
     );
   }
+
+  getSuggestedDetails(item){
+    this.router.navigate(['suggestdetails'],{state: item});
+  }
 }

src/app/pages/familylogin/familylogin.page.scss

@@ -50,7 +50,7 @@ ion-content {
   }
 
   ion-button {
-    --border-radius: 10px;
+    --border-radius: 40px;
     margin-top: 1.5rem;
     height: 50px;
   }

src/app/pages/forgot/forgot.page.html

@@ -29,7 +29,7 @@
     <ion-label class="simp_lbl">Enter your registered email</ion-label>
 
     <ion-item lines="none">
-      <ion-input type="email" placeholder="Your username"  [(ngModel)]='username'></ion-input>
+      <ion-input type="email" placeholder="Your username" maxlength="25" [(ngModel)]='username'></ion-input>
     </ion-item>
 
     <ion-button (click)="onEnterEmail()" expand="block">
@@ -45,7 +45,7 @@
     <ion-label class="simp_lbl">Code has been sent to the your registered email</ion-label>
 
     <ion-item lines="none">
-      <ion-input type="text" placeholder="Enter Code"  [(ngModel)]='reset_pin'></ion-input>
+      <ion-input type="text" placeholder="Enter Code"  maxlength="10" [(ngModel)]='reset_pin'></ion-input>
     </ion-item>
 
     <ion-button (click)="onCompleteReset()" expand="block">

src/app/pages/forgot/forgot.page.scss

@@ -36,7 +36,7 @@ ion-content {
   }
 
   ion-button {
-    --border-radius: 10px;
+    --border-radius: 40px;
     margin-top: 2.5rem;
     height: 50px;
   }

src/app/pages/register/register.page.scss

@@ -29,7 +29,7 @@ ion-content {
   }
 
   ion-button {
-    --border-radius: 10px;
+    --border-radius: 40px;
     margin-top: 2.5rem;
     height: 50px;
   }