first commit

src/app/pages/login/login.component.html

@@ -0,0 +1,96 @@
+<div class="content ml-2 signinContainer overflow-hidden">
+  <div class="logo">
+    <img
+      src="../../../assets/img/logo.png"
+      class="img-fluid"
+      height="150"
+      width="150"
+      alt="logo"
+      style="width: 200px; height: 200px"
+    />
+  </div>
+
+  <section class="forms">
+    <form (ngSubmit)="signin()" [formGroup]="loginForm" novalidate>
+      <div class="forms__inputBox">
+        <input
+          type="email"
+          formControlName="companyEmail"
+          id="companyEmail"
+          autocomplete="off"
+          required
+        />
+        <label for="companyEmail">Email</label>
+
+        <div class="signinForms--error">
+          <ng-container
+            *ngIf="
+              formControls.companyEmail.errors?.required &&
+              formControls.companyEmail?.touched
+            "
+          >
+            <div id="emailError" aria-live="assertive">
+              <i class="bi bi-x"> </i>
+              <span>Email Required</span>
+            </div>
+          </ng-container>
+
+          <ng-container *ngIf="formControls.companyEmail.errors?.pattern">
+            <div id="emailError" aria-live="assertive">
+              <i class="bi bi-exclamation-octagon"></i>
+              <span>Please enter a valid email</span>
+            </div>
+          </ng-container>
+        </div>
+      </div>
+      <div class="forms__inputBox">
+        <input
+          type="password"
+          [type]="hide ? 'password' : 'text'"
+          formControlName="password"
+          id="password"
+          data-cy="signin-password"
+          autocomplete="off"
+          required
+        />
+        <i
+          [class]="hide ? 'bi bi-eye-slash' : 'bi bi-eye'"
+          (click)="hide = !hide"
+        ></i>
+        <label for="password">Password</label>
+
+        <div class="signinForms--error">
+          <ng-container
+            *ngIf="
+              formControls.password.errors?.required &&
+              formControls.password?.touched
+            "
+          >
+            <div id="passwordError" aria-live="assertive">
+              <i class="bi bi-x"></i>
+              <span>Password Required</span>
+            </div>
+          </ng-container>
+
+          <ng-container *ngIf="formControls.password.errors?.minlength">
+            <div id="passwordError" aria-live="assertive">
+              <i class="bi bi-exclamation-octagon"></i>
+              <span>Password must be at least 6 characters</span>
+            </div>
+          </ng-container>
+        </div>
+      </div>
+    </form>
+
+    <div class="forgotPassw">
+      <p>
+        Forgot Password?
+        <a routerLink="/request-reset-password">Reset password </a>
+      </p>
+    </div>
+  </section>
+
+  <div class="signinBtn">
+    <button (click)="signin()" data-cy="signin-button">Sign In</button>
+  </div>
+</div>