Send Sync Notifications (#799)

* enabled send and added send sync notifications

* updated jslib

src/app/app-routing.module.ts

@@ -153,11 +153,11 @@ const routes: Routes = [
                 canActivate: [UnauthGuardService],
                 data: { titleId: 'deleteAccount' },
             },
-            /*{
+            {
                 path: 'send/:sendId/:key',
                 component: AccessComponent,
                 data: { title: 'Bitwarden Send' },
-            },*/
+            },
         ],
     },
     {

src/app/layouts/navbar.component.html

@@ -8,9 +8,9 @@
                 <li class="nav-item" routerLinkActive="active">
                     <a class="nav-link" routerLink="/vault">{{'myVault' | i18n}}</a>
                 </li>
-                <!--<li class="nav-item" routerLinkActive="active">
+                <li class="nav-item" routerLinkActive="active">
                     <a class="nav-link" routerLink="/sends">Send</a>
-                </li>-->
+                </li>
                 <li class="nav-item" routerLinkActive="active">
                     <a class="nav-link" routerLink="/tools">{{'tools' | i18n}}</a>
                 </li>

src/app/send/send.component.ts

@@ -1,6 +1,7 @@
 import {
     Component,
     ComponentFactoryResolver,
+    NgZone,
     OnInit,
     ViewChild,
     ViewContainerRef,
@@ -20,6 +21,10 @@ import { I18nService } from 'jslib/abstractions/i18n.service';
 import { PlatformUtilsService } from 'jslib/abstractions/platformUtils.service';
 import { SendService } from 'jslib/abstractions/send.service';
 
+import { BroadcasterService } from 'jslib/angular/services/broadcaster.service';
+
+const BroadcasterSubscriptionId = 'SendComponent';
+
 @Component({
     selector: 'app-send',
     templateUrl: 'send.component.html',
@@ -49,11 +54,29 @@ export class SendComponent implements OnInit {
 
     constructor(private apiService: ApiService, private sendService: SendService,
         private i18nService: I18nService, private componentFactoryResolver: ComponentFactoryResolver,
-        private platformUtilsService: PlatformUtilsService, private environmentService: EnvironmentService) { }
+        private platformUtilsService: PlatformUtilsService, private environmentService: EnvironmentService,
+        private broadcasterService: BroadcasterService, private ngZone: NgZone) { }
 
     async ngOnInit() {
+        this.broadcasterService.subscribe(BroadcasterSubscriptionId, (message: any) => {
+            this.ngZone.run(async () => {
+                switch (message.command) {
+                    case 'syncCompleted':
+                        if (message.successfully) {
                             await this.load();
                         }
+                        break;
+                }
+            });
+        });
+
+        await this.load();
+    }
+
+    ngOnDestroy() {
+        this.broadcasterService.unsubscribe(BroadcasterSubscriptionId);
+    }
+
     async load(filter: (send: SendView) => boolean = null) {
         this.loading = true;
         const sends = await this.sendService.getAllDecrypted();