Send layout & search

src/app/send/send.component.ts

@@ -0,0 +1,126 @@
+import {
+    Component,
+    NgZone,
+    OnInit,
+} from '@angular/core';
+
+import {
+    ActivatedRoute ,
+    Router,
+} from '@angular/router';
+
+import { EnvironmentService } from 'jslib/abstractions/environment.service';
+import { I18nService } from 'jslib/abstractions/i18n.service';
+import { PlatformUtilsService } from 'jslib/abstractions/platformUtils.service';
+import { SearchService } from 'jslib/abstractions/search.service';
+import { SendService } from 'jslib/abstractions/send.service';
+
+import { ModalComponent } from 'jslib/angular/components/modal.component';
+import { SendComponent as BaseSendComponent } from 'jslib/angular/components/send/send.component';
+
+import { BroadcasterService } from 'jslib/angular/services/broadcaster.service';
+
+import { SendType } from 'jslib/enums/sendType';
+import { SendView } from 'jslib/models/view/sendView';
+
+enum Action {
+    None = '',
+    Add = 'add',
+    Edit = 'edit',
+    View = 'view',
+}
+
+@Component({
+    selector: 'app-send',
+    templateUrl: 'send.component.html',
+})
+export class SendComponent extends BaseSendComponent implements OnInit {
+    sendId: string;
+    modal: ModalComponent = null;
+    action: Action = Action.None;
+
+    constructor(sendService: SendService, i18nService: I18nService,
+        platformUtilsService: PlatformUtilsService, environmentService: EnvironmentService,
+        broadcasterService: BroadcasterService, ngZone: NgZone,
+        private router: Router, private route: ActivatedRoute, searchService: SearchService) {
+        super(sendService, i18nService, platformUtilsService,
+              environmentService, broadcasterService, ngZone, searchService);
+    }
+
+    async load(filter: (send: SendView) => boolean = null) {
+        this.loading = true;
+        this.sends = await this.sendService.getAllDecrypted();
+
+        this.route.queryParams.subscribe(async (params) => {
+            if (params == null) {
+                this.selectedAll = true;
+                await this.reload();
+            } else {
+                const sendView = new SendView();
+                if (params.sendId) {
+                    sendView.id = params.sendId;
+                    if (params.action === 'edit') {
+                        this.editSend(sendView);
+                    } else if (params.action === 'view') {
+                        // TODO: this
+                        // this.viewSend(sendView);
+                    }
+                } else if (params.action === 'add') {
+                    this.addSend();
+                } else {
+                    if (params.files) {
+                        sendView.type = SendType.File;
+                        this.filter = (s) => {
+                            return filter(s) && s.text != null;
+                        };
+                        this.filter(sendView);
+                    } else if (params.text) {
+                        sendView.type = SendType.Text;
+                        this.filter = (s) => {
+                            return filter(s) && s.file != null;
+                        };
+                        this.filter(sendView);
+                    } else {
+                        this.selectAll();
+                    }
+                }
+            }
+        });
+
+        this.loading = false;
+        this.loaded = true;
+    }
+
+    addSend() {
+        if (this.action === Action.Add) {
+            return;
+        }
+
+        this.action = Action.Add;
+        this.sendId = null;
+        this.go();
+    }
+
+    editSend(send: SendView) {
+        if (this.action === Action.Edit && this.sendId === send.id) {
+            return;
+        }
+        this.action = Action.Edit;
+        this.sendId = send.id;
+        this.go();
+    }
+
+    private go(queryParams: any = null) {
+        if (queryParams == null) {
+            queryParams = {
+                id: this.sendId,
+                action: this.action,
+            };
+        }
+        this.router.navigate([], {
+            relativeTo: this.route,
+            queryParams: queryParams,
+            replaceUrl: true,
+        });
+    }
+}