[PM-328] Move Send to Tools (#5104)

* Move send in libs/common * Move send in libs/angular * Move send in browser * Move send in cli * Move send in desktop * Move send in web
2025-12-19 09:43:23 +00:00 · 2023-03-29 16:23:37 +02:00
parent e645688f8a
commit e238ea20a9
105 changed files with 328 additions and 321 deletions
--- a/apps/web/src/app/tools/send/send.component.ts
+++ b/apps/web/src/app/tools/send/send.component.ts
@@ -0,0 +1,108 @@
+import { Component, NgZone, ViewChild, ViewContainerRef } from "@angular/core";
+
+import { ModalService } from "@bitwarden/angular/services/modal.service";
+import { SendComponent as BaseSendComponent } from "@bitwarden/angular/tools/send/send.component";
+import { BroadcasterService } from "@bitwarden/common/abstractions/broadcaster.service";
+import { EnvironmentService } from "@bitwarden/common/abstractions/environment.service";
+import { I18nService } from "@bitwarden/common/abstractions/i18n.service";
+import { LogService } from "@bitwarden/common/abstractions/log.service";
+import { PlatformUtilsService } from "@bitwarden/common/abstractions/platformUtils.service";
+import { SearchService } from "@bitwarden/common/abstractions/search.service";
+import { PolicyService } from "@bitwarden/common/admin-console/abstractions/policy/policy.service.abstraction";
+import { SendView } from "@bitwarden/common/tools/send/models/view/send.view";
+import { SendApiService } from "@bitwarden/common/tools/send/services/send-api.service.abstraction";
+import { SendService } from "@bitwarden/common/tools/send/services/send.service.abstraction";
+import { Icons } from "@bitwarden/components";
+
+import { AddEditComponent } from "./add-edit.component";
+
+const BroadcasterSubscriptionId = "SendComponent";
+
+@Component({
+  selector: "app-send",
+  templateUrl: "send.component.html",
+})
+export class SendComponent extends BaseSendComponent {
+  @ViewChild("sendAddEdit", { read: ViewContainerRef, static: true })
+  sendAddEditModalRef: ViewContainerRef;
+  noItemIcon = Icons.Search;
+
+  constructor(
+    sendService: SendService,
+    i18nService: I18nService,
+    platformUtilsService: PlatformUtilsService,
+    environmentService: EnvironmentService,
+    ngZone: NgZone,
+    searchService: SearchService,
+    policyService: PolicyService,
+    private modalService: ModalService,
+    private broadcasterService: BroadcasterService,
+    logService: LogService,
+    sendApiService: SendApiService
+  ) {
+    super(
+      sendService,
+      i18nService,
+      platformUtilsService,
+      environmentService,
+      ngZone,
+      searchService,
+      policyService,
+      logService,
+      sendApiService
+    );
+  }
+
+  async ngOnInit() {
+    await super.ngOnInit();
+    await this.load();
+
+    // Broadcaster subscription - load if sync completes in the background
+    this.broadcasterService.subscribe(BroadcasterSubscriptionId, (message: any) => {
+      this.ngZone.run(async () => {
+        switch (message.command) {
+          case "syncCompleted":
+            if (message.successfully) {
+              await this.load();
+            }
+            break;
+        }
+      });
+    });
+  }
+
+  ngOnDestroy() {
+    this.broadcasterService.unsubscribe(BroadcasterSubscriptionId);
+  }
+
+  async addSend() {
+    if (this.disableSend) {
+      return;
+    }
+
+    const component = await this.editSend(null);
+    component.type = this.type;
+  }
+
+  async editSend(send: SendView) {
+    const [modal, childComponent] = await this.modalService.openViewRef(
+      AddEditComponent,
+      this.sendAddEditModalRef,
+      (comp) => {
+        comp.sendId = send == null ? null : send.id;
+        // eslint-disable-next-line rxjs-angular/prefer-takeuntil, rxjs/no-async-subscribe
+        comp.onSavedSend.subscribe(async () => {
+          modal.close();
+          await this.load();
+        });
+        // eslint-disable-next-line rxjs-angular/prefer-takeuntil, rxjs/no-async-subscribe
+        comp.onDeletedSend.subscribe(async () => {
+          modal.close();
+          await this.load();
+        });
+      }
+    );
+
+    return childComponent;
+  }
+}