share and web vault to tools. cleanup messages

src/_locales/en/messages.json

@@ -182,27 +182,9 @@
   "bitWebVault": {
     "message": "Bitwarden Web Vault"
   },
-  "bitWebVaultInfo": {
-    "message": "Manage your items from any web browser with the Bitwarden web vault."
-  },
-  "bitIosVault": {
-    "message": "Bitwarden iOS Vault"
-  },
-  "bitIosVaultInfo": {
-    "message": "Manage your items from your mobile devices with the Bitwarden iOS vault."
-  },
-  "bitAndrVault": {
-    "message": "Bitwarden Android Vault"
-  },
-  "bitAndrVaultInfo": {
-    "message": "Manage your items from your mobile devices with the Bitwarden Android vault."
-  },
   "importItems": {
     "message": "Import Items"
   },
-  "importItemsInfo": {
-    "message": "Quickly bulk import your items from other password management applications."
-  },
   "select": {
     "message": "Select"
   },
@@ -528,17 +510,14 @@
   "exportMasterPassword": {
     "message": "Enter your master password to export your vault data."
   },
-  "exportVaultInfo": {
-    "message": "Export your vault data in .csv format so that you can easily modify it or move it elsewhere."
-  },
   "shared": {
     "message": "Shared"
   },
   "shareVault": {
     "message": "Share Your Vault"
   },
-  "shareVaultInfo": {
+  "shareVaultConfirmation": {
-    "message": "Create an organization to securely share your items with other users."
+    "message": "Bitwarden allows you to share your vault with others by using an organization account. Would you like to visit the bitwarden.com website to learn more?"
   },
   "learnMore": {
     "message": "Learn more"

src/popup/settings/settings.component.html

@@ -82,6 +82,11 @@
                 <div class="row-main">{{'shareVault' | i18n}}</div>
                 <i class="fa fa-chevron-right fa-lg row-sub-icon"></i>
             </a>
+            <a class="box-content-row box-content-row-flex text-default" href="#"
+               appStopClick appBlurClick (click)="webVault()">
+                <div class="row-main">{{'bitWebVault' | i18n}}</div>
+                <i class="fa fa-chevron-right fa-lg row-sub-icon"></i>
+            </a>
         </div>
     </div>
     <div class="box list">

src/popup/settings/settings.component.ts

@@ -120,7 +120,18 @@ export class SettingsComponent implements OnInit {
     }
 
     async share() {
-        // TODO
+        this.analytics.eventTrack.next({ action: 'Clicked Share Vault' });
+        const confirmed = await this.platformUtilsService.showDialog(
+            this.i18nService.t('shareVaultConfirmation'), this.i18nService.t('shareVault'),
+            this.i18nService.t('yes'), this.i18nService.t('cancel'));
+        if (confirmed) {
+            BrowserApi.createNewTab('https://help.bitwarden.com/article/what-is-an-organization/');
+        }
+    }
+
+    async webVault() {
+        this.analytics.eventTrack.next({ action: 'Clicked Web Vault' });
+        BrowserApi.createNewTab('https://vault.bitwarden.com');
     }
 
     import() {