facebook login v1

Author: TanfuuLu

src/app/app.routes.ts

@@ -12,6 +12,9 @@ import { AddChapterComponent } from './story/add-chapter/add-chapter.component';
 import { Component } from '@angular/core';
 import { UserReplyComponent } from './social/user-reply/user-reply.component';
 import { RefreshComponentComponent } from './refresh-component/refresh-component.component';
+import { ReadChapterComponent } from './story/read-chapter/read-chapter.component';
+import { ForgetPasswordComponent } from './authenticate/forget-password/forget-password.component';
+import { VerifyscreenComponent } from './authenticate/verifyscreen/verifyscreen.component';
 
 export const routes: Routes = [
    {
@@ -23,6 +26,9 @@ export const routes: Routes = [
    {
       path: 'login', component: LoginComponent
    },
+   {
+      path: 'forget-password', component:ForgetPasswordComponent
+   },
    {
       path: 'newfeeds', component: NewfeedsUserComponent
    },
@@ -37,20 +43,26 @@ export const routes: Routes = [
       component: UserReplyComponent
    },
    {
-      path: 'add-story', component: AddStoryComponent,
+      path: 'verify-email', component: VerifyscreenComponent
+   },
+   {
+      path: 'writer/:id/add-story', component: AddStoryComponent,
 
    },
    {
-      path: 'story-info', component: StoryInformationComponent
+      path: 'story/:storyId/story-info', component: StoryInformationComponent
    },
    {
       path: 'view-profile/:id', component: ViewProfileComponent,
 
    },
    {
-      path: 'add-chapter', component: AddChapterComponent
+      path: 'story/:storyId/add-chapter', component: AddChapterComponent
    },
    {
       path: 'Refresh', component: RefreshComponentComponent
+   },
+   {
+      path: 'story/:storyId/chapter/:chapterId', component:ReadChapterComponent
    }
 ];

src/app/authenticate/forget-password/forget-password.component.html

@@ -0,0 +1,51 @@
+<div class="bg-cover w-screen h-screen min-w-fit min-h-fit z-10 bg-[url('/img/background_web.png')]">
+    <div class="flex justify-center" id="website_name">
+      <h1 class="text-white font-Italiana text-4xl p-3 tracking-[.25em]">
+        MEMOIRIST
+      </h1>
+    </div>
+    <div id="website_quotes bg-black">
+      <div class="flex justify-center">
+        <p class="text-white font-Italiana text-xl">
+          "A memoirist knows life is a book,
+        </p>
+      </div>
+      <div class="flex justify-center">
+        <p class="text-white font-Italiana text-xl">
+          but its true meaning lies in the pages they choose to share."
+        </p>
+      </div>
+    </div>
+    <div class="text-white p-1 flex justify-center">
+      <div class="border-none rounded-2xl w-fit h-fit p-5 bg-black bg-opacity-90">
+        <div class="flex justify-center font-bold text-lg m-1">
+          <h5>Forgot Password</h5>
+        </div>
+        <div class="">
+          <form [formGroup]="requestForm">
+            <div>
+              <label class="font-bold text-xs">Verifycation Code:</label>
+              <input type="password" id="password"  formControlName="code"
+                class="text-white block bg-stone-800 border-none rounded " size="35" />
+            </div>
+            <div>
+              <label class="font-bold text-xs " for="confirmPassword">New Password:</label>
+              <input type="password" id="confirmPassword" formControlName="newPassword" 
+                class="text-white block bg-stone-800 border-none rounded" size="35" />
+            </div>
+            
+            <div class="bg-white rounded-xl flex justify-center my-3">
+              <button class="font-bold text-black border-none m-1" type="submit" (click)="submitForm()"
+                >
+                Change Password
+              </button>
+            </div>
+            <div class="font-bold">
+              <a routerLink="/login" routerLinkActive="active">Login</a>
+            </div>
+          </form>
+        </div>
+  
+      </div>
+    </div>
+  </div>