From 79ffafcc178296d74e751b5eecd1d5b37d149bd1 Mon Sep 17 00:00:00 2001 From: Matt Gibson Date: Mon, 8 Mar 2021 15:17:42 -0600 Subject: [PATCH] Inform send in vault (#876) * Add first pass info card to Vault view * Make send-info title a link * Make access links open new tab * Separate Vault card message from access message * Add period to card end * Final wording. Change Bitwarden Send links to point to Send tab --- src/app/app.module.ts | 2 ++ src/app/send/access.component.html | 4 ++-- src/app/vault/send-info.component.html | 15 +++++++++++++++ src/app/vault/send-info.component.ts | 7 +++++++ src/app/vault/vault.component.html | 1 + src/locales/en/messages.json | 23 +++++++++++++++++++++++ 6 files changed, 50 insertions(+), 2 deletions(-) create mode 100644 src/app/vault/send-info.component.html create mode 100644 src/app/vault/send-info.component.ts diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 79011626f4..2224e4d76e 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -167,6 +167,7 @@ import { CiphersComponent } from './vault/ciphers.component'; import { CollectionsComponent } from './vault/collections.component'; import { FolderAddEditComponent } from './vault/folder-add-edit.component'; import { GroupingsComponent } from './vault/groupings.component'; +import { SendInfoComponent } from './vault/send-info.component'; import { ShareComponent } from './vault/share.component'; import { VaultComponent } from './vault/vault.component'; @@ -382,6 +383,7 @@ registerLocaleData(localeZhTw, 'zh-TW'); SelectCopyDirective, SendAddEditComponent, SendComponent, + SendInfoComponent, SettingsComponent, ShareComponent, SsoComponent, diff --git a/src/app/send/access.component.html b/src/app/send/access.component.html index a36836b252..0f0aa7c39b 100644 --- a/src/app/send/access.component.html +++ b/src/app/send/access.component.html @@ -74,9 +74,9 @@

{{'sendAccessTaglineProductDesc' | i18n}}
{{'sendAccessTaglineLearnMore' | i18n}} Bitwarden Send + href="https://www.bitwarden.com/products/send?source=web-vault" target="_blank">Bitwarden Send {{'sendAccessTaglineOr' | i18n}} {{'sendAccessTaglineSignUp' | i18n}} + href="https://vault.bitwarden.com/#/register" target="_blank">{{'sendAccessTaglineSignUp' | i18n}} {{'sendAccessTaglineTryToday' | i18n}}

diff --git a/src/app/vault/send-info.component.html b/src/app/vault/send-info.component.html new file mode 100644 index 0000000000..7de84bf788 --- /dev/null +++ b/src/app/vault/send-info.component.html @@ -0,0 +1,15 @@ +
+
+ + Bitwarden Send +
+
+ {{'sendVaultCardProductDesc' | i18n}} + {{'sendVaultCardLearnMore' | + i18n}}, + {{'sendVaultCardSee' | i18n}} + {{'sendVaultCardHowItWorks' | i18n}}, + {{'sendVaultCardOr' | i18n}} + {{'sendVaultCardTryItNow' | i18n}}. +
+
diff --git a/src/app/vault/send-info.component.ts b/src/app/vault/send-info.component.ts new file mode 100644 index 0000000000..74fd1d972e --- /dev/null +++ b/src/app/vault/send-info.component.ts @@ -0,0 +1,7 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-send-info', + templateUrl: 'send-info.component.html', +}) +export class SendInfoComponent { } diff --git a/src/app/vault/vault.component.html b/src/app/vault/vault.component.html index 838f17f921..ec8e015ea1 100644 --- a/src/app/vault/vault.component.html +++ b/src/app/vault/vault.component.html @@ -47,6 +47,7 @@ +
{{'updateBrowser' | i18n}} diff --git a/src/locales/en/messages.json b/src/locales/en/messages.json index c6cf55eed8..27805bd27d 100644 --- a/src/locales/en/messages.json +++ b/src/locales/en/messages.json @@ -3704,6 +3704,29 @@ "message": "Learn more about", "description": "This will be used as part of a larger sentence, broken up to include links. The full sentence will read '**Learn more about** Bitwarden Send or sign up to try it today.'" }, + "sendVaultCardProductDesc": { + "message": "Share text or files directly with anyone." + }, + "sendVaultCardLearnMore": { + "message": "Learn more", + "description": "This will be used as part of a larger sentence, broken up to include links. The full sentence will read '**Learn more**, see how it works, or try it now. '" + }, + "sendVaultCardSee": { + "message": "see", + "description": "This will be used as part of a larger sentence, broken up to include links. The full sentence will read 'Learn more, **see** how it works, or try it now.'" + }, + "sendVaultCardHowItWorks": { + "message": "how it works", + "description": "This will be used as part of a larger sentence, broken up to include links. The full sentence will read 'Learn more, see **how it works**, or try it now.'" + }, + "sendVaultCardOr": { + "message": "or", + "description": "This will be used as part of a larger sentence, broken up to include links. The full sentence will read 'Learn more, see how it works, **or** try it now.'" + }, + "sendVaultCardTryItNow": { + "message": "try it now", + "description": "This will be used as part of a larger sentence, broken up to include links. The full sentence will read 'Learn more, see how it works, or **try it now**.'" + }, "sendAccessTaglineOr": { "message": "or", "description": "This will be used as part of a larger sentence, broken up to include links. The full sentence will read 'Learn more about Bitwarden Send **or** sign up to try it today.'"