"copy" UI related things from chrome

projects/firefox/src/app/components/vault-create/new/new.component.ts

@@ -0,0 +1,34 @@
+import { Component, inject } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { Router } from '@angular/router';
+import { NavComponent, StorageService } from '@common';
+
+@Component({
+  selector: 'app-new',
+  imports: [FormsModule],
+  templateUrl: './new.component.html',
+  styleUrl: './new.component.scss',
+})
+export class NewComponent extends NavComponent {
+  password = '';
+
+  readonly #router = inject(Router);
+  readonly #storage = inject(StorageService);
+
+  toggleType(element: HTMLInputElement) {
+    if (element.type === 'password') {
+      element.type = 'text';
+    } else {
+      element.type = 'password';
+    }
+  }
+
+  async createVault() {
+    if (!this.password) {
+      return;
+    }
+
+    await this.#storage.createNewVault(this.password);
+    this.#router.navigateByUrl('/home/identities');
+  }
+}