fill out desktop template and submit()

libs/auth/src/angular/login/login.component.html

@@ -100,7 +100,7 @@
 
       <!-- Link to Password Hint page -->
       <a
-        class="tw-mt-2"
+        class="tw-mt-2 tw-font-semibold"
         routerLink="/hint"
         (mousedown)="goToHint()"
         (click)="saveEmailSettings()"
@@ -108,6 +108,7 @@
       >
     </div>
 
+    <!-- TODO-rr-bw: will we still be handling captcha? -->
     <!-- Captcha iframe -->
     <div [hidden]="!showCaptcha()">
       <iframe id="hcaptcha_iframe" height="80" sandbox="allow-scripts allow-same-origin"></iframe>
@@ -218,4 +219,46 @@
   <!-------------------------------------------
     Desktop UI State 2: Master Password Entry
   -------------------------------------------->
+
+  <ng-container *ngIf="validatedEmail">
+    <div class="tw-grid tw-gap-4">
+      <div>
+        <!-- Master Password input -->
+        <bit-form-field class="!tw-mb-1">
+          <bit-label>{{ "masterPassword" | i18n }}</bit-label>
+          <input type="password" formControlName="masterPassword" bitInput />
+          <button type="button" bitIconButton bitSuffix bitPasswordInputToggle></button>
+        </bit-form-field>
+
+        <!-- Link to Password Hint page -->
+        <a
+          class="tw-font-semibold"
+          routerLink="/hint"
+          (mousedown)="goToHint()"
+          (click)="saveEmailSettings()"
+        >
+          {{ "getMasterPasswordHint" | i18n }}
+        </a>
+      </div>
+
+      <!-- Button to Login with Master Password -->
+      <button type="submit" bitButton bitFormButton block buttonType="primary">
+        <span> {{ "loginWithMasterPassword" | i18n }} </span>
+      </button>
+
+      <ng-container *ngIf="showLoginWithDevice && showPasswordless">
+        <div class="tw-text-center">{{ "or" | i18n }}</div>
+
+        <button
+          type="button"
+          bitButton
+          block
+          buttonType="secondary"
+          (click)="startAuthRequestLogin()"
+        >
+          <span><i class="bwi bwi-mobile"></i> {{ "loginWithDevice" | i18n }}</span>
+        </button>
+      </ng-container>
+    </div>
+  </ng-container>
 </form>