pass reset page

src/app/pages/family/family.page.html

@@ -10,7 +10,7 @@
   <div class="ion-padding">
     <div class="flex">
       <ion-label class="bold_text">Family Account</ion-label>
-      <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>
+<!--      <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
     </div>
 
     <div class="row">
@@ -98,7 +98,7 @@
 
       <div *ngIf="suggestion_total == 0">
         <ion-card>
-          <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />
+          <img alt="WrecnhBoard" src="https://www.wrenchboard.com/assets/images/apps/no-pending.jpg" />
           <ion-card-header>
             <ion-card-title>No Pending</ion-card-title>
             <ion-card-subtitle>You have 0 pending suggestions</ion-card-subtitle>

src/app/pages/family/family.page.scss

@@ -107,8 +107,8 @@ ion-content {
         display: flex;
 
         .men_image {
-          height: 50px;
-          width: 50px;
+          height: auto;
+          min-width: 50px;
           border-radius: 100%;
         }
 

src/app/pages/myfiles/myfiles.page.html

@@ -68,14 +68,14 @@
     <div *ngIf="tabs =='uploadnew'" class="lesson">
 
       <ion-card>
-        <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />
+        <img alt="Silhouette of mountains" src="https://www.wrenchboard.com/assets/images/apps/upload.jpg" />
         <ion-card-header>
           <ion-card-title>Upload Files</ion-card-title>
           <ion-card-subtitle>Add files to your resources</ion-card-subtitle>
         </ion-card-header>
 
         <ion-card-content>
-          Here's a small text description for the card content. Nothing more, nothing less.
+          You can upload files from your web account.
         </ion-card-content>
       </ion-card>
 

src/app/pages/resetpass/resetpass.page.html

@@ -1,6 +1,6 @@
 
 <ion-content>
-  <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/p4.jpg)'">
+  <div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/password.jpg)'">
     <div class="ion-padding">
       <ion-icon slot="start" name="arrow-back" class="back" (click)="onBack()"></ion-icon>
     </div>
@@ -9,7 +9,46 @@
   <div class="ion-padding">
     <div class="flex">
       <ion-label class="bold_text">Reset Password</ion-label>
-      <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>
+<!--      <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
+    </div>
+
+    <div  class="lesson">
+
+
+
+      <ion-card>
+<!--        <ion-card-header>-->
+<!--          <ion-card-title>Card Title</ion-card-title>-->
+<!--          <ion-card-subtitle>Card Subtitle</ion-card-subtitle>-->
+<!--        </ion-card-header>-->
+
+        <ion-card-content>
+          <ion-label class="simp_lbl">Enter your current password</ion-label>
+          <ion-item lines="none">
+            <ion-input type="password" placeholder="Current Password"  [(ngModel)]='curr_pass'></ion-input>
+          </ion-item>
+
+          <ion-label class="simp_lbl">Enter your new password</ion-label>
+
+          <ion-item lines="none">
+            <ion-input type="password" placeholder="New Password"  [(ngModel)]='new_pass'></ion-input>
+          </ion-item>
+
+          <ion-label class="simp_lbl">Confirm your new password</ion-label>
+
+          <ion-item lines="none">
+            <ion-input type="password" placeholder="Confirm New Password"  [(ngModel)]='confirm_new_pass'></ion-input>
+          </ion-item>
+
+          <ion-button (click)="onResetPass()" color="warning" expand="block">
+            Reset Password
+          </ion-button>
+        </ion-card-content>
+      </ion-card>
+
+
+
+
     </div>
 
 <!--    <div class="row">-->

src/app/pages/resetpass/resetpass.page.scss

@@ -347,6 +347,21 @@ ion-content {
     }
   }
 
+  ion-item {
+    --background: #f7f7f7;
+    border-radius: 10px;
+    margin-bottom: 24px;
+
+    ion-input {
+      --padding-start: 10px;
+      font-family: "regular";
+      height: 50px;
+    }
+
+    ion-icon {
+      font-size: 22px;
+    }
+  }
 
 
   .bold_text {

src/app/pages/resetpass/resetpass.page.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import {Component, OnInit, ViewChild} from '@angular/core';
 import {NavController} from "@ionic/angular";
 import {Router} from "@angular/router";
 
@@ -9,6 +9,9 @@ import {Router} from "@angular/router";
 })
 export class ResetpassPage implements OnInit {
 
+  @ViewChild('curr_pass') curr_pass;
+  @ViewChild('new_pass') new_pass;
+  @ViewChild('confirm_new_pass') confirm_new_pass;
 
   tabs = 'about';
 
@@ -24,8 +27,8 @@ export class ResetpassPage implements OnInit {
     this.navctr.back();
   }
 
-  onMentor() {
-    this.router.navigate(['mentor']);
+  onResetPass() {
+  //  this.router.navigate(['mentor']);
   }
 
   onEnroll() {