syncing from menu and vault reload

src/app/app.component.ts

@@ -61,9 +61,6 @@ export class AppComponent implements OnInit {
                     case 'logout':
                         this.logOut(message.expired);
                         break;
-                    case 'doneLoggingOut':
-                        this.doneLoggingOut(message.expired);
-                        break;
                     case 'locked':
                         break;
                     case 'unlocked':
@@ -92,10 +89,6 @@ export class AppComponent implements OnInit {
             this.passwordGenerationService.clear(),
         ]);
 
-        this.doneLoggingOut(expired);
-    }
-
-    private doneLoggingOut(expired: boolean) {
         this.authService.logOut(() => {
             this.analytics.eventTrack.next({ action: 'Logged Out' });
             if (expired) {

src/app/vault/vault.component.ts

@@ -15,6 +15,9 @@ import {
     Router,
 } from '@angular/router';
 
+import { ToasterService } from 'angular2-toaster';
+import { Angulartics2 } from 'angulartics2';
+
 import { ModalComponent } from '../modal.component';
 
 import { BroadcasterService } from '../services/broadcaster.service';
@@ -60,7 +63,8 @@ export class VaultComponent implements OnInit {
     constructor(private route: ActivatedRoute, private router: Router, private location: Location,
         private componentFactoryResolver: ComponentFactoryResolver, private i18nService: I18nService,
         private broadcasterService: BroadcasterService, private changeDetectorRef: ChangeDetectorRef,
-        private ngZone: NgZone, private syncService: SyncService) {
+        private ngZone: NgZone, private syncService: SyncService, private analytics: Angulartics2,
+        private toasterService: ToasterService) {
     }
 
     async ngOnInit() {
@@ -91,6 +95,18 @@ export class VaultComponent implements OnInit {
                     case 'openPasswordGenerator':
                         await this.openPasswordGenerator(false);
                         break;
+                    case 'syncVault':
+                        try {
+                            await this.syncService.fullSync(true);
+                            this.toasterService.popAsync('success', null, this.i18nService.t('syncingComplete'));
+                            this.analytics.eventTrack.next({ action: 'Synced Full' });
+                        } catch {
+                            this.toasterService.popAsync('error', null, this.i18nService.t('syncingFailed'));
+                        }
+                        break;
+                    case 'syncCompleted':
+                        await this.load();
+                        break;
                     default:
                         detectChanges = false;
                         break;
@@ -102,54 +118,52 @@ export class VaultComponent implements OnInit {
             });
         });
 
-        while (this.syncService.syncInProgress) {
+        if (!this.syncService.syncInProgress) {
-            await new Promise((resolve) => setTimeout(resolve, 200));
+            await this.load();
         }
-
-        this.route.queryParams.subscribe(async (params) => {
-            await this.load(params);
-        });
     }
 
-    async load(params?: { [key: string]: any }) {
+    async load() {
-        await this.groupingsComponent.load();
+        this.route.queryParams.subscribe(async (params) => {
+            await this.groupingsComponent.load();
 
-        if (params == null) {
+            if (params == null) {
-            this.groupingsComponent.selectedAll = true;
+                this.groupingsComponent.selectedAll = true;
-            await this.ciphersComponent.load();
+                await this.ciphersComponent.load();
-            return;
+                return;
-        }
-
-        if (params.cipherId) {
-            const cipherView = new CipherView();
-            cipherView.id = params.cipherId;
-            if (params.action === 'edit') {
-                this.editCipher(cipherView);
-            } else {
-                this.viewCipher(cipherView);
             }
-        } else if (params.action === 'add') {
-            this.addCipher();
-        }
 
-        if (params.favorites) {
+            if (params.cipherId) {
-            this.groupingsComponent.selectedFavorites = true;
+                const cipherView = new CipherView();
-            await this.filterFavorites();
+                cipherView.id = params.cipherId;
-        } else if (params.type) {
+                if (params.action === 'edit') {
-            const t = parseInt(params.type, null);
+                    this.editCipher(cipherView);
-            this.groupingsComponent.selectedType = t;
+                } else {
-            await this.filterCipherType(t);
+                    this.viewCipher(cipherView);
-        } else if (params.folderId) {
+                }
-            this.groupingsComponent.selectedFolder = true;
+            } else if (params.action === 'add') {
-            this.groupingsComponent.selectedFolderId = params.folderId;
+                this.addCipher();
-            await this.filterFolder(params.folderId);
+            }
-        } else if (params.collectionId) {
+
-            this.groupingsComponent.selectedCollectionId = params.collectionId;
+            if (params.favorites) {
-            await this.filterCollection(params.collectionId);
+                this.groupingsComponent.selectedFavorites = true;
-        } else {
+                await this.filterFavorites();
-            this.groupingsComponent.selectedAll = true;
+            } else if (params.type) {
-            await this.ciphersComponent.load();
+                const t = parseInt(params.type, null);
-        }
+                this.groupingsComponent.selectedType = t;
+                await this.filterCipherType(t);
+            } else if (params.folderId) {
+                this.groupingsComponent.selectedFolder = true;
+                this.groupingsComponent.selectedFolderId = params.folderId;
+                await this.filterFolder(params.folderId);
+            } else if (params.collectionId) {
+                this.groupingsComponent.selectedCollectionId = params.collectionId;
+                await this.filterCollection(params.collectionId);
+            } else {
+                this.groupingsComponent.selectedAll = true;
+                await this.ciphersComponent.load();
+            }
+        });
     }
 
     viewCipher(cipher: CipherView) {

src/locales/en/messages.json

@@ -664,13 +664,19 @@
   "changeEmailConfirmation": {
     "message": "You can change your email address on the bitwarden.com web vault. Do you want to visit the website now?"
   },
-  "webVault": {
+  "goToWebVault": {
-    "message": "Web Vault"
+    "message": "Go To Web Vault"
   },
   "getMobileApp": {
     "message": "Get Mobile App"
   },
   "getBrowserExtension": {
     "message": "Get Browser Extension"
+  },
+  "syncingComplete": {
+    "message": "Syncing complete"
+  },
+  "syncingFailed": {
+    "message": "Syncing failed"
   }
 }

src/main/menu.main.ts

@@ -259,7 +259,7 @@ export class MenuMain {
                     },
                     { type: 'separator' },
                     {
-                        label: this.i18nService.t('webVault'),
+                        label: this.i18nService.t('goToWebVault'),
                         click() {
                             shell.openExternal('https://vault.bitwarden.com');
                         }