mirror of
https://github.com/bitwarden/browser.git
synced 2024-11-11 10:10:25 +01:00
[PM-8386] - Add section header to import page (#10153)
* first pass section header in import data component * change layout * fix desktop bg * revert chnage to default config * update translation key * revert change to background color
This commit is contained in:
Jordan Aasen
GitHub
parent
4c26ab5a9e
commit
fc55082148
@ -3136,8 +3136,8 @@
|
||||
"invalidFilePassword": {
|
||||
"message": "Invalid file password, please use the password you entered when you created the export file."
|
||||
},
|
||||
"importDestination": {
|
||||
"message": "Import destination"
|
||||
"destination": {
|
||||
"message": "Destination"
|
||||
},
|
||||
"learnAboutImportOptions": {
|
||||
"message": "Learn about your import options"
|
||||
@ -3693,6 +3693,9 @@
|
||||
"loading": {
|
||||
"message": "Loading"
|
||||
},
|
||||
"data": {
|
||||
"message": "Data"
|
||||
},
|
||||
"assign": {
|
||||
"message": "Assign"
|
||||
},
|
||||
|
||||
@ -1380,7 +1380,7 @@
|
||||
},
|
||||
"exportPasswordDescription": {
|
||||
"message": "This password will be used to export and import this file"
|
||||
},
|
||||
},
|
||||
"accountRestrictedOptionDescription": {
|
||||
"message": "Use your account encryption key, derived from your account's username and Master Password, to encrypt the export and restrict import to only the current Bitwarden account."
|
||||
},
|
||||
@ -2817,8 +2817,8 @@
|
||||
"invalidFilePassword": {
|
||||
"message": "Invalid file password, please use the password you entered when you created the export file."
|
||||
},
|
||||
"importDestination": {
|
||||
"message": "Import destination"
|
||||
"destination": {
|
||||
"message": "Destination"
|
||||
},
|
||||
"learnAboutImportOptions": {
|
||||
"message": "Learn about your import options"
|
||||
@ -3013,5 +3013,8 @@
|
||||
"example": "Work"
|
||||
}
|
||||
}
|
||||
},
|
||||
"data": {
|
||||
"message": "Data"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1506,8 +1506,8 @@
|
||||
"importEncKeyError": {
|
||||
"message": "Error decrypting the exported file. Your encryption key does not match the encryption key used export the data."
|
||||
},
|
||||
"importDestination": {
|
||||
"message": "Import destination"
|
||||
"destination": {
|
||||
"message": "Destination"
|
||||
},
|
||||
"learnAboutImportOptions": {
|
||||
"message": "Learn about your import options"
|
||||
@ -8622,6 +8622,9 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"data": {
|
||||
"message": "Data"
|
||||
},
|
||||
"purchasedSeatsRemoved": {
|
||||
"message": "purchased seats removed"
|
||||
}
|
||||
|
||||
@ -2,396 +2,419 @@
|
||||
{{ "personalOwnershipPolicyInEffectImports" | i18n }}
|
||||
</bit-callout>
|
||||
<form [formGroup]="formGroup" [bitSubmit]="submit" id="import_form_importForm">
|
||||
<bit-form-field [hidden]="isFromAC">
|
||||
<bit-label
|
||||
>{{ "importDestination" | i18n }}
|
||||
<a
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
appA11yTitle="{{ 'learnAboutImportOptions' | i18n }}"
|
||||
href="https://bitwarden.com/help/import-data/"
|
||||
>
|
||||
<i class="bwi bwi-question-circle" aria-hidden="true"></i>
|
||||
</a>
|
||||
</bit-label>
|
||||
<bit-select formControlName="vaultSelector">
|
||||
<bit-option
|
||||
*ngIf="!importBlockedByPolicy"
|
||||
[label]="'myVault' | i18n"
|
||||
value="myVault"
|
||||
icon="bwi-user"
|
||||
/>
|
||||
<bit-option
|
||||
*ngFor="let o of organizations$ | async"
|
||||
[value]="o.id"
|
||||
[label]="o.name"
|
||||
icon="bwi-business"
|
||||
/>
|
||||
</bit-select>
|
||||
</bit-form-field>
|
||||
<bit-section>
|
||||
<bit-section-header>
|
||||
<h2 class="tw-font-bold" bitTypography="h6">{{ "destination" | i18n }}</h2>
|
||||
</bit-section-header>
|
||||
<bit-card>
|
||||
<bit-form-field [hidden]="isFromAC">
|
||||
<bit-label>{{ "vault" | i18n }}</bit-label>
|
||||
<bit-select formControlName="vaultSelector">
|
||||
<bit-option
|
||||
*ngIf="!importBlockedByPolicy"
|
||||
[label]="'myVault' | i18n"
|
||||
value="myVault"
|
||||
icon="bwi-user"
|
||||
/>
|
||||
<bit-option
|
||||
*ngFor="let o of organizations$ | async"
|
||||
[value]="o.id"
|
||||
[label]="o.name"
|
||||
icon="bwi-business"
|
||||
/>
|
||||
</bit-select>
|
||||
</bit-form-field>
|
||||
<bit-form-field disableMargin>
|
||||
<bit-label>{{ organizationId ? ("collection" | i18n) : ("folder" | i18n) }}</bit-label>
|
||||
<bit-select formControlName="targetSelector">
|
||||
<ng-container *ngIf="!organizationId">
|
||||
<bit-option [value]="null" label="-- {{ 'selectImportFolder' | i18n }} --" />
|
||||
<bit-option
|
||||
*ngFor="let f of folders$ | async"
|
||||
[value]="f"
|
||||
[label]="f.name"
|
||||
icon="bwi-folder"
|
||||
/>
|
||||
</ng-container>
|
||||
<ng-container *ngIf="organizationId">
|
||||
<bit-option [value]="null" label="-- {{ 'selectImportCollection' | i18n }} --" />
|
||||
<bit-option
|
||||
*ngFor="let c of collections$ | async"
|
||||
[value]="c"
|
||||
[label]="c.name"
|
||||
icon="bwi-collection"
|
||||
/>
|
||||
</ng-container>
|
||||
</bit-select>
|
||||
<bit-hint>{{
|
||||
"importTargetHint"
|
||||
| i18n
|
||||
: (organizationId ? ("collection" | i18n | lowercase) : ("folder" | i18n | lowercase))
|
||||
}}</bit-hint>
|
||||
</bit-form-field>
|
||||
</bit-card>
|
||||
</bit-section>
|
||||
|
||||
<bit-form-field>
|
||||
<bit-label>{{ organizationId ? ("collection" | i18n) : ("folder" | i18n) }}</bit-label>
|
||||
<bit-select formControlName="targetSelector">
|
||||
<ng-container *ngIf="!organizationId">
|
||||
<bit-option [value]="null" label="-- {{ 'selectImportFolder' | i18n }} --" />
|
||||
<bit-option
|
||||
*ngFor="let f of folders$ | async"
|
||||
[value]="f"
|
||||
[label]="f.name"
|
||||
icon="bwi-folder"
|
||||
/>
|
||||
</ng-container>
|
||||
<ng-container *ngIf="organizationId">
|
||||
<bit-option [value]="null" label="-- {{ 'selectImportCollection' | i18n }} --" />
|
||||
<bit-option
|
||||
*ngFor="let c of collections$ | async"
|
||||
[value]="c"
|
||||
[label]="c.name"
|
||||
icon="bwi-collection"
|
||||
/>
|
||||
</ng-container>
|
||||
</bit-select>
|
||||
<bit-hint>{{
|
||||
"importTargetHint"
|
||||
| i18n: (organizationId ? ("collection" | i18n | lowercase) : ("folder" | i18n | lowercase))
|
||||
}}</bit-hint>
|
||||
</bit-form-field>
|
||||
|
||||
<bit-form-field class="tw-w-1/2">
|
||||
<bit-label>{{ "fileFormat" | i18n }}</bit-label>
|
||||
<bit-select formControlName="format">
|
||||
<bit-option value="" label="-- {{ 'select' | i18n }} --" />
|
||||
<bit-option
|
||||
class="tw-font-bold tw-text-muted tw-text-xs"
|
||||
value="-"
|
||||
label="{{ 'commonImportFormats' | i18n }}"
|
||||
disabled
|
||||
/>
|
||||
<bit-option *ngFor="let o of featuredImportOptions" [value]="o.id" [label]="o.name" />
|
||||
<ng-container *ngIf="importOptions && importOptions.length">
|
||||
<bit-option value="-" label="--------------------------------------" disabled />
|
||||
<bit-option *ngFor="let o of importOptions" [value]="o.id" [label]="o.name" />
|
||||
</ng-container>
|
||||
</bit-select>
|
||||
</bit-form-field>
|
||||
<bit-callout type="info" title="{{ getFormatInstructionTitle() }}" *ngIf="format">
|
||||
<ng-container *ngIf="format === 'bitwardencsv' || format === 'bitwardenjson'">
|
||||
See detailed instructions on our help site at
|
||||
<a target="_blank" rel="noreferrer" href="https://bitwarden.com/help/export-your-data/">
|
||||
https://bitwarden.com/help/export-your-data/</a
|
||||
>
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'lastpasscsv'">
|
||||
<p bitTypography="body1">
|
||||
{{ "seeDetailedInstructions" | i18n }}
|
||||
<a target="_blank" rel="noreferrer" href="https://bitwarden.com/help/import-from-lastpass/">
|
||||
https://bitwarden.com/help/import-from-lastpass/</a
|
||||
>
|
||||
</p>
|
||||
<bit-radio-group *ngIf="showLastPassToggle" formControlName="lastPassType">
|
||||
<bit-radio-button class="tw-block" id="import_bit-radio-button_lp-direct" value="direct">
|
||||
<bit-label>{{ "importDirectlyFromLastPass" | i18n }}</bit-label>
|
||||
</bit-radio-button>
|
||||
<bit-radio-button class="tw-block" id="import_bit-radio-button_lp-csv" value="csv">
|
||||
<bit-label>{{ "importFromCSV" | i18n }}</bit-label>
|
||||
</bit-radio-button>
|
||||
</bit-radio-group>
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'keepassxcsv'">
|
||||
Using the KeePassX desktop application, navigate to "Database" → "Export to CSV file" and
|
||||
save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'aviracsv'">
|
||||
In the Avira web vault, go to "Settings" → "My Data" → "Export data" and save the
|
||||
CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'blurcsv'">
|
||||
In the Blur web vault, click your username at the top and go to "Settings" → "Export
|
||||
Data", then click "Export CSV" for your "Accounts".
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'safeincloudxml'">
|
||||
Using the SaveInCloud desktop application, navigate to "File" → "Export" → "As XML"
|
||||
and save the XML file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'padlockcsv'">
|
||||
Using the Padlock desktop application, click the hamburger icon in the top left corner and
|
||||
navigate to "Settings" → "Export" button and save the file "As CSV".
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'keepass2xml'">
|
||||
Using the KeePass 2 desktop application, navigate to "File" → "Export" and select the
|
||||
"KeePass XML (2.x)" option.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'upmcsv'">
|
||||
Using the Universal Password Manager desktop application, navigate to "Database" →
|
||||
"Export" and save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'saferpasscsv'">
|
||||
Using the SaferPass browser extension, click the hamburger icon in the top left corner and
|
||||
navigate to "Settings". Click the "Export accounts" button to save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'meldiumcsv'">
|
||||
Using the Meldium web vault, navigate to "Settings". Locate the "Export data" function and
|
||||
click "Show me my data" to save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'keepercsv'">
|
||||
Log into the Keeper web vault (keepersecurity.com/vault). Click on your "account email" (top
|
||||
right) and select "Settings". Go to "Export" and find the "Export to .csv File" option. Click
|
||||
"Export" to save the CSV file.
|
||||
</ng-container>
|
||||
<!--
|
||||
<bit-section>
|
||||
<bit-section-header>
|
||||
<h2 class="tw-font-bold" bitTypography="h6">{{ "data" | i18n }}</h2>
|
||||
</bit-section-header>
|
||||
<bit-card>
|
||||
<bit-form-field class="tw-w-1/2">
|
||||
<bit-label>{{ "fileFormat" | i18n }}</bit-label>
|
||||
<bit-select formControlName="format">
|
||||
<bit-option value="" label="-- {{ 'select' | i18n }} --" />
|
||||
<bit-option
|
||||
class="tw-font-bold tw-text-muted tw-text-xs"
|
||||
value="-"
|
||||
label="{{ 'commonImportFormats' | i18n }}"
|
||||
disabled
|
||||
/>
|
||||
<bit-option *ngFor="let o of featuredImportOptions" [value]="o.id" [label]="o.name" />
|
||||
<ng-container *ngIf="importOptions && importOptions.length">
|
||||
<bit-option value="-" label="--------------------------------------" disabled />
|
||||
<bit-option *ngFor="let o of importOptions" [value]="o.id" [label]="o.name" />
|
||||
</ng-container>
|
||||
</bit-select>
|
||||
</bit-form-field>
|
||||
<bit-callout type="info" title="{{ getFormatInstructionTitle() }}" *ngIf="format">
|
||||
<ng-container *ngIf="format === 'bitwardencsv' || format === 'bitwardenjson'">
|
||||
See detailed instructions on our help site at
|
||||
<a target="_blank" rel="noreferrer" href="https://bitwarden.com/help/export-your-data/">
|
||||
https://bitwarden.com/help/export-your-data/</a
|
||||
>
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'lastpasscsv'">
|
||||
<p bitTypography="body1">
|
||||
{{ "seeDetailedInstructions" | i18n }}
|
||||
<a
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
href="https://bitwarden.com/help/import-from-lastpass/"
|
||||
>
|
||||
https://bitwarden.com/help/import-from-lastpass/</a
|
||||
>
|
||||
</p>
|
||||
<bit-radio-group *ngIf="showLastPassToggle" formControlName="lastPassType">
|
||||
<bit-radio-button
|
||||
class="tw-block"
|
||||
id="import_bit-radio-button_lp-direct"
|
||||
value="direct"
|
||||
>
|
||||
<bit-label>{{ "importDirectlyFromLastPass" | i18n }}</bit-label>
|
||||
</bit-radio-button>
|
||||
<bit-radio-button class="tw-block" id="import_bit-radio-button_lp-csv" value="csv">
|
||||
<bit-label>{{ "importFromCSV" | i18n }}</bit-label>
|
||||
</bit-radio-button>
|
||||
</bit-radio-group>
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'keepassxcsv'">
|
||||
Using the KeePassX desktop application, navigate to "Database" → "Export to CSV file"
|
||||
and save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'aviracsv'">
|
||||
In the Avira web vault, go to "Settings" → "My Data" → "Export data" and save
|
||||
the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'blurcsv'">
|
||||
In the Blur web vault, click your username at the top and go to "Settings" → "Export
|
||||
Data", then click "Export CSV" for your "Accounts".
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'safeincloudxml'">
|
||||
Using the SaveInCloud desktop application, navigate to "File" → "Export" → "As
|
||||
XML" and save the XML file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'padlockcsv'">
|
||||
Using the Padlock desktop application, click the hamburger icon in the top left corner and
|
||||
navigate to "Settings" → "Export" button and save the file "As CSV".
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'keepass2xml'">
|
||||
Using the KeePass 2 desktop application, navigate to "File" → "Export" and select the
|
||||
"KeePass XML (2.x)" option.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'upmcsv'">
|
||||
Using the Universal Password Manager desktop application, navigate to "Database" →
|
||||
"Export" and save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'saferpasscsv'">
|
||||
Using the SaferPass browser extension, click the hamburger icon in the top left corner and
|
||||
navigate to "Settings". Click the "Export accounts" button to save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'meldiumcsv'">
|
||||
Using the Meldium web vault, navigate to "Settings". Locate the "Export data" function and
|
||||
click "Show me my data" to save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'keepercsv'">
|
||||
Log into the Keeper web vault (keepersecurity.com/vault). Click on your "account email"
|
||||
(top right) and select "Settings". Go to "Export" and find the "Export to .csv File"
|
||||
option. Click "Export" to save the CSV file.
|
||||
</ng-container>
|
||||
<!--
|
||||
<ng-container *ngIf="format === 'keeperjson'">
|
||||
Log into the Keeper web vault (keepersecurity.com/vault). Click on your "account email" (top
|
||||
right) and select "Settings". Go to "Export" and find the "Export to .json File" option. Click
|
||||
"Export" to save the JSON file.
|
||||
</ng-container>
|
||||
-->
|
||||
<ng-container
|
||||
*ngIf="format === 'chromecsv' || format === 'operacsv' || format === 'vivaldicsv'"
|
||||
>
|
||||
<span *ngIf="format !== 'chromecsv'">
|
||||
The process is exactly the same as importing from Google Chrome.
|
||||
</span>
|
||||
See detailed instructions on our help site at
|
||||
<a target="_blank" rel="noreferrer" href="https://bitwarden.com/help/import-from-chrome/">
|
||||
https://bitwarden.com/help/import-from-chrome/</a
|
||||
>
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'firefoxcsv'">
|
||||
See detailed instructions on our help site at
|
||||
<a target="_blank" rel="noreferrer" href="https://bitwarden.com/help/import-from-firefox/">
|
||||
https://bitwarden.com/help/import-from-firefox/</a
|
||||
>.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'safaricsv'">
|
||||
See detailed instructions on our help site at
|
||||
<a target="_blank" rel="noreferrer" href="https://bitwarden.com/help/import-from-safari/">
|
||||
https://bitwarden.com/help/import-from-safari/</a
|
||||
>.
|
||||
</ng-container>
|
||||
<ng-container
|
||||
*ngIf="
|
||||
format === '1password1pux' ||
|
||||
format === '1password1pif' ||
|
||||
format === '1passwordwincsv' ||
|
||||
format === '1passwordmaccsv'
|
||||
"
|
||||
>
|
||||
See detailed instructions on our help site at
|
||||
<a target="_blank" rel="noreferrer" href="https://bitwarden.com/help/import-from-1password/">
|
||||
https://bitwarden.com/help/import-from-1password/</a
|
||||
>.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'passworddragonxml'">
|
||||
Using the Password Dragon desktop application, navigate to "File" → "Export" → "To
|
||||
XML". In the dialog that pops up select "All Rows" and check all fields. Click the "Export"
|
||||
button and save the XML file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'enpasscsv'">
|
||||
Using the Enpass desktop application, navigate to "File" → "Export" → "As CSV".
|
||||
Select "OK" to the warning alert and save the CSV file. Note that the importer only supports
|
||||
files exported while Enpass is set to the English language, so adjust your settings
|
||||
accordingly.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'enpassjson'">
|
||||
Using the Enpass 6 desktop application, click the menu button and navigate to "File" →
|
||||
"Export". Select the ".json" file format option and save the JSON file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'pwsafexml'">
|
||||
Using the Password Safe desktop application, navigate to "File" → "Export To" → "XML
|
||||
format..." and save the XML file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'dashlanecsv'">
|
||||
Log in to Dashlane, click on "My Account" → "Settings" → "Export file" and select
|
||||
"Export as a CSV file". This will download a zip archive containing various CSV files. Unzip
|
||||
the archive and import each CSV file individually.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'dashlanejson'">
|
||||
Dashlane no longer supports the JSON format. Only use this if you have an existing JSON for
|
||||
import. Use the CSV importer when creating new exports.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'msecurecsv'">
|
||||
Using the mSecure desktop application, navigate to "File" → "Export" → "CSV File..."
|
||||
and save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'stickypasswordxml'">
|
||||
Using the Sticky Password desktop application, navigate to "Menu" (top right) → "Export"
|
||||
→ "Export all". Select the unencrypted format XML option and save the XML file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'truekeycsv'">
|
||||
Using the True Key desktop application, click the gear icon (top right) and then navigate to
|
||||
"App Settings". Click the "Export" button, enter your password and save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'clipperzhtml'">
|
||||
Log into the Clipperz web application (clipperz.is/app). Click the hamburger menu icon in the
|
||||
top right to expand the navigation bar. Navigate to "Data" → "Export". Click the
|
||||
"download HTML+JSON" button to save the HTML file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'roboformcsv'">
|
||||
Using the RoboForm Editor desktop application, navigate to "RoboForm" (top left) →
|
||||
"Options" → "Account & Data" and click the "Export" button. Select all of your data,
|
||||
change the "Format" to "CSV file" and then click the "Export" button to save the CSV file.
|
||||
Note: RoboForm only allows you to export Logins. Other items will not be exported.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'passboltcsv'">
|
||||
Log into the Passbolt web vault and navigate to the "Passwords" listing. Select all of the
|
||||
passwords you would like to export and click the "Export" button at the top of the listing.
|
||||
Choose the "csv (lastpass)" export format and click the "Export" button.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'ascendocsv'">
|
||||
Using the Ascendo DataVault desktop application, navigate to "Tools" → "Export". In the
|
||||
dialog that pops up, select the "All Items (DVX, CSV)" option. Click the "Ok" button to save
|
||||
the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'passwordbossjson'">
|
||||
Using the Password Boss desktop application, navigate to "File" → "Export data" →
|
||||
"Password Boss JSON - not encrypted" and save the JSON file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'zohovaultcsv'">
|
||||
Log into the Zoho web vault (vault.zoho.com). Navigate to "Tools" → "Export Secrets".
|
||||
Select "All Secrets" and click the "Zoho Vault Format CSV" button. Highlight and copy the data
|
||||
from the textarea. Open a text editor like Notepad and paste the data. Save the data from the
|
||||
text editor as
|
||||
<code>zoho_export.csv</code>.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'splashidcsv'">
|
||||
Using the SplashID Safe desktop application, click on the SplashID blue lock logo in the top
|
||||
right corner. Navigate to "Export" → "Export as CSV" and save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'passkeepcsv'">
|
||||
Using the PassKeep mobile app, navigate to "Backup/Restore". Locate the "CSV Backup/Restore"
|
||||
section and click "Backup to CSV" to save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'gnomejson'">
|
||||
Make sure you have python-keyring and python-gnomekeyring installed. Save the
|
||||
<a target="_blank" rel="noreferrer" href="https://bit.ly/2GpOMTg"
|
||||
>GNOME Keyring Import/Export</a
|
||||
>
|
||||
python script to your desktop as <code>pw_helper.py</code>. Open terminal and run
|
||||
<code>chmod +rx Desktop/pw_helper.py</code> and then
|
||||
<code>python Desktop/pw_helper.py export Desktop/my_passwords.json</code>. Then upload the
|
||||
resulting <code>my_passwords.json</code> file here to Bitwarden.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'passwordagentcsv'">
|
||||
Using the Password Agent desktop application navigate to "File" → "Export", select the
|
||||
"Fields to export" button and check all of the fields, change the "Output format" to "CSV",
|
||||
and then click the "Start" button to save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'passpackcsv'">
|
||||
Log into the Passpack website vault and navigate to "Settings" → "Export", then click the
|
||||
"Download" button to save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'passmanjson'">
|
||||
Open your Passman vault and click on "Settings" in the bottom left corner. In the "Settings"
|
||||
window switch to the "Export credentials" tab and choose "JSON" as the export type. Enter your
|
||||
vault's passphrase and click the "Export" button to save the JSON file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'avastcsv'">
|
||||
Open the Avast Passwords desktop application and navigate to "Settings" → "Import/export
|
||||
data". Select the "Export" button for the "Export to CSV file" option to save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'avastjson'">
|
||||
Open the Avast Passwords desktop application and navigate to "Settings" → "Import/export
|
||||
data". Select the "Export" button for the "Export to JSON file" option to save the JSON file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'fsecurefsk'">
|
||||
Open the F-Secure KEY desktop application and navigate to "Settings" → "Export
|
||||
Passwords". Select the "Export" button, enter your master password, and save the FSK file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'kasperskytxt'">
|
||||
Open the Kaspersky Password Manager desktop application and navigate to "Settings" →
|
||||
"Import/Export". Locate the "Export to text file" section and select the "Export" button to
|
||||
save the TXT file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'remembearcsv'">
|
||||
Open the RememBear desktop application and navigate to "Settings" → "Account" →
|
||||
"Export". Enter your master password and select the "Export Anyway" button to save the CSV
|
||||
file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'passwordwallettxt'">
|
||||
Open the PasswordWallet desktop application and navigate to "File" → "Export" →
|
||||
"Visible entries to text file". Enter your password and select the "Ok" button to save the TXT
|
||||
file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'mykicsv'">
|
||||
Open the Myki desktop browser extension and navigate to "Advanced" → "Export Accounts"
|
||||
and then scan the QR code with your mobile device. Various CSV files will then be saved to
|
||||
your computer's downloads folder.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'securesafecsv'">
|
||||
Export your SecureSafe password safe to a CSV file with a comma delimiter.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'logmeoncecsv'">
|
||||
Open the LogMeOnce browser extension, then navigate to "Open Menu" → "Export To" and
|
||||
select "CSV File" to save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'blackberrycsv'">
|
||||
Open the BlackBerry Password Keeper application, then navigate to "Settings" →
|
||||
"Import/Export". Select "Export Passwords" and follow the instructions on screen to save the
|
||||
unencrypted CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'buttercupcsv'">
|
||||
Open the Buttercup desktop application and unlock your vault. Right click on your vault's icon
|
||||
and select "Export" to save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'codebookcsv'">
|
||||
Open the Codebook desktop application and log in. Navigate to "File" → "Export all", then
|
||||
click "Yes" on the dialog and save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'encryptrcsv'">
|
||||
Open the newest version of the Encryptr desktop application and allow all of your data to
|
||||
sync. Once syncing of your data is complete, the download icon in the top right corner will
|
||||
turn pink. Click the download icon and save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'yoticsv'">
|
||||
From the Yoti browser extension, click on "Settings", then "Export Saved Logins" and save the
|
||||
CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'psonojson'">
|
||||
Log in to the Psono web vault, click on the "Signed in as"-dropdown, select "Others". Go to
|
||||
the "Export"-tab and select the json type export and then click on Export.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'passkyjson'">
|
||||
Log in to "https://vault.passky.org" → "Import & Export" → "Export" in the Passky
|
||||
section. ("Backup" is unsupported as it is encrypted).
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'protonpass'">
|
||||
In the ProtonPass browser extension, go to Settings > Export. Export without PGP encryption
|
||||
and save the zip file.
|
||||
</ng-container>
|
||||
</bit-callout>
|
||||
<import-lastpass
|
||||
*ngIf="showLastPassOptions"
|
||||
[formGroup]="formGroup"
|
||||
(csvDataLoaded)="this.formGroup.controls.fileContents.setValue($event)"
|
||||
></import-lastpass>
|
||||
<div [hidden]="showLastPassOptions">
|
||||
<bit-form-field>
|
||||
<bit-label>{{ "selectImportFile" | i18n }}</bit-label>
|
||||
<div class="file-selector">
|
||||
<button bitButton type="button" buttonType="secondary" (click)="fileSelector.click()">
|
||||
{{ "chooseFile" | i18n }}
|
||||
</button>
|
||||
{{ this.fileSelected ? this.fileSelected.name : ("noFileChosen" | i18n) }}
|
||||
<ng-container
|
||||
*ngIf="format === 'chromecsv' || format === 'operacsv' || format === 'vivaldicsv'"
|
||||
>
|
||||
<span *ngIf="format !== 'chromecsv'">
|
||||
The process is exactly the same as importing from Google Chrome.
|
||||
</span>
|
||||
See detailed instructions on our help site at
|
||||
<a target="_blank" rel="noreferrer" href="https://bitwarden.com/help/import-from-chrome/">
|
||||
https://bitwarden.com/help/import-from-chrome/</a
|
||||
>
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'firefoxcsv'">
|
||||
See detailed instructions on our help site at
|
||||
<a
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
href="https://bitwarden.com/help/import-from-firefox/"
|
||||
>
|
||||
https://bitwarden.com/help/import-from-firefox/</a
|
||||
>.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'safaricsv'">
|
||||
See detailed instructions on our help site at
|
||||
<a target="_blank" rel="noreferrer" href="https://bitwarden.com/help/import-from-safari/">
|
||||
https://bitwarden.com/help/import-from-safari/</a
|
||||
>.
|
||||
</ng-container>
|
||||
<ng-container
|
||||
*ngIf="
|
||||
format === '1password1pux' ||
|
||||
format === '1password1pif' ||
|
||||
format === '1passwordwincsv' ||
|
||||
format === '1passwordmaccsv'
|
||||
"
|
||||
>
|
||||
See detailed instructions on our help site at
|
||||
<a
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
href="https://bitwarden.com/help/import-from-1password/"
|
||||
>
|
||||
https://bitwarden.com/help/import-from-1password/</a
|
||||
>.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'passworddragonxml'">
|
||||
Using the Password Dragon desktop application, navigate to "File" → "Export" →
|
||||
"To XML". In the dialog that pops up select "All Rows" and check all fields. Click the
|
||||
"Export" button and save the XML file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'enpasscsv'">
|
||||
Using the Enpass desktop application, navigate to "File" → "Export" → "As CSV".
|
||||
Select "OK" to the warning alert and save the CSV file. Note that the importer only
|
||||
supports files exported while Enpass is set to the English language, so adjust your
|
||||
settings accordingly.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'enpassjson'">
|
||||
Using the Enpass 6 desktop application, click the menu button and navigate to "File"
|
||||
→ "Export". Select the ".json" file format option and save the JSON file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'pwsafexml'">
|
||||
Using the Password Safe desktop application, navigate to "File" → "Export To" →
|
||||
"XML format..." and save the XML file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'dashlanecsv'">
|
||||
Log in to Dashlane, click on "My Account" → "Settings" → "Export file" and
|
||||
select "Export as a CSV file". This will download a zip archive containing various CSV
|
||||
files. Unzip the archive and import each CSV file individually.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'dashlanejson'">
|
||||
Dashlane no longer supports the JSON format. Only use this if you have an existing JSON
|
||||
for import. Use the CSV importer when creating new exports.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'msecurecsv'">
|
||||
Using the mSecure desktop application, navigate to "File" → "Export" → "CSV
|
||||
File..." and save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'stickypasswordxml'">
|
||||
Using the Sticky Password desktop application, navigate to "Menu" (top right) →
|
||||
"Export" → "Export all". Select the unencrypted format XML option and save the XML
|
||||
file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'truekeycsv'">
|
||||
Using the True Key desktop application, click the gear icon (top right) and then navigate
|
||||
to "App Settings". Click the "Export" button, enter your password and save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'clipperzhtml'">
|
||||
Log into the Clipperz web application (clipperz.is/app). Click the hamburger menu icon in
|
||||
the top right to expand the navigation bar. Navigate to "Data" → "Export". Click the
|
||||
"download HTML+JSON" button to save the HTML file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'roboformcsv'">
|
||||
Using the RoboForm Editor desktop application, navigate to "RoboForm" (top left) →
|
||||
"Options" → "Account & Data" and click the "Export" button. Select all of your
|
||||
data, change the "Format" to "CSV file" and then click the "Export" button to save the CSV
|
||||
file. Note: RoboForm only allows you to export Logins. Other items will not be exported.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'passboltcsv'">
|
||||
Log into the Passbolt web vault and navigate to the "Passwords" listing. Select all of the
|
||||
passwords you would like to export and click the "Export" button at the top of the
|
||||
listing. Choose the "csv (lastpass)" export format and click the "Export" button.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'ascendocsv'">
|
||||
Using the Ascendo DataVault desktop application, navigate to "Tools" → "Export". In
|
||||
the dialog that pops up, select the "All Items (DVX, CSV)" option. Click the "Ok" button
|
||||
to save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'passwordbossjson'">
|
||||
Using the Password Boss desktop application, navigate to "File" → "Export data"
|
||||
→ "Password Boss JSON - not encrypted" and save the JSON file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'zohovaultcsv'">
|
||||
Log into the Zoho web vault (vault.zoho.com). Navigate to "Tools" → "Export Secrets".
|
||||
Select "All Secrets" and click the "Zoho Vault Format CSV" button. Highlight and copy the
|
||||
data from the textarea. Open a text editor like Notepad and paste the data. Save the data
|
||||
from the text editor as
|
||||
<code>zoho_export.csv</code>.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'splashidcsv'">
|
||||
Using the SplashID Safe desktop application, click on the SplashID blue lock logo in the
|
||||
top right corner. Navigate to "Export" → "Export as CSV" and save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'passkeepcsv'">
|
||||
Using the PassKeep mobile app, navigate to "Backup/Restore". Locate the "CSV
|
||||
Backup/Restore" section and click "Backup to CSV" to save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'gnomejson'">
|
||||
Make sure you have python-keyring and python-gnomekeyring installed. Save the
|
||||
<a target="_blank" rel="noreferrer" href="https://bit.ly/2GpOMTg"
|
||||
>GNOME Keyring Import/Export</a
|
||||
>
|
||||
python script to your desktop as <code>pw_helper.py</code>. Open terminal and run
|
||||
<code>chmod +rx Desktop/pw_helper.py</code> and then
|
||||
<code>python Desktop/pw_helper.py export Desktop/my_passwords.json</code>. Then upload the
|
||||
resulting <code>my_passwords.json</code> file here to Bitwarden.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'passwordagentcsv'">
|
||||
Using the Password Agent desktop application navigate to "File" → "Export", select
|
||||
the "Fields to export" button and check all of the fields, change the "Output format" to
|
||||
"CSV", and then click the "Start" button to save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'passpackcsv'">
|
||||
Log into the Passpack website vault and navigate to "Settings" → "Export", then click
|
||||
the "Download" button to save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'passmanjson'">
|
||||
Open your Passman vault and click on "Settings" in the bottom left corner. In the
|
||||
"Settings" window switch to the "Export credentials" tab and choose "JSON" as the export
|
||||
type. Enter your vault's passphrase and click the "Export" button to save the JSON file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'avastcsv'">
|
||||
Open the Avast Passwords desktop application and navigate to "Settings" →
|
||||
"Import/export data". Select the "Export" button for the "Export to CSV file" option to
|
||||
save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'avastjson'">
|
||||
Open the Avast Passwords desktop application and navigate to "Settings" →
|
||||
"Import/export data". Select the "Export" button for the "Export to JSON file" option to
|
||||
save the JSON file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'fsecurefsk'">
|
||||
Open the F-Secure KEY desktop application and navigate to "Settings" → "Export
|
||||
Passwords". Select the "Export" button, enter your master password, and save the FSK file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'kasperskytxt'">
|
||||
Open the Kaspersky Password Manager desktop application and navigate to "Settings" →
|
||||
"Import/Export". Locate the "Export to text file" section and select the "Export" button
|
||||
to save the TXT file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'remembearcsv'">
|
||||
Open the RememBear desktop application and navigate to "Settings" → "Account" →
|
||||
"Export". Enter your master password and select the "Export Anyway" button to save the CSV
|
||||
file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'passwordwallettxt'">
|
||||
Open the PasswordWallet desktop application and navigate to "File" → "Export" →
|
||||
"Visible entries to text file". Enter your password and select the "Ok" button to save the
|
||||
TXT file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'mykicsv'">
|
||||
Open the Myki desktop browser extension and navigate to "Advanced" → "Export
|
||||
Accounts" and then scan the QR code with your mobile device. Various CSV files will then
|
||||
be saved to your computer's downloads folder.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'securesafecsv'">
|
||||
Export your SecureSafe password safe to a CSV file with a comma delimiter.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'logmeoncecsv'">
|
||||
Open the LogMeOnce browser extension, then navigate to "Open Menu" → "Export To" and
|
||||
select "CSV File" to save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'blackberrycsv'">
|
||||
Open the BlackBerry Password Keeper application, then navigate to "Settings" →
|
||||
"Import/Export". Select "Export Passwords" and follow the instructions on screen to save
|
||||
the unencrypted CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'buttercupcsv'">
|
||||
Open the Buttercup desktop application and unlock your vault. Right click on your vault's
|
||||
icon and select "Export" to save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'codebookcsv'">
|
||||
Open the Codebook desktop application and log in. Navigate to "File" → "Export all",
|
||||
then click "Yes" on the dialog and save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'encryptrcsv'">
|
||||
Open the newest version of the Encryptr desktop application and allow all of your data to
|
||||
sync. Once syncing of your data is complete, the download icon in the top right corner
|
||||
will turn pink. Click the download icon and save the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'yoticsv'">
|
||||
From the Yoti browser extension, click on "Settings", then "Export Saved Logins" and save
|
||||
the CSV file.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'psonojson'">
|
||||
Log in to the Psono web vault, click on the "Signed in as"-dropdown, select "Others". Go
|
||||
to the "Export"-tab and select the json type export and then click on Export.
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'passkyjson'">
|
||||
Log in to "https://vault.passky.org" → "Import & Export" → "Export" in the
|
||||
Passky section. ("Backup" is unsupported as it is encrypted).
|
||||
</ng-container>
|
||||
<ng-container *ngIf="format === 'protonpass'">
|
||||
In the ProtonPass browser extension, go to Settings > Export. Export without PGP
|
||||
encryption and save the zip file.
|
||||
</ng-container>
|
||||
</bit-callout>
|
||||
<import-lastpass
|
||||
*ngIf="showLastPassOptions"
|
||||
[formGroup]="formGroup"
|
||||
(csvDataLoaded)="this.formGroup.controls.fileContents.setValue($event)"
|
||||
></import-lastpass>
|
||||
<div [hidden]="showLastPassOptions">
|
||||
<bit-form-field>
|
||||
<bit-label>{{ "selectImportFile" | i18n }}</bit-label>
|
||||
<div class="file-selector">
|
||||
<button bitButton type="button" buttonType="secondary" (click)="fileSelector.click()">
|
||||
{{ "chooseFile" | i18n }}
|
||||
</button>
|
||||
{{ this.fileSelected ? this.fileSelected.name : ("noFileChosen" | i18n) }}
|
||||
</div>
|
||||
<input
|
||||
bitInput
|
||||
#fileSelector
|
||||
type="file"
|
||||
id="import_input_file"
|
||||
formControlName="file"
|
||||
(change)="setSelectedFile($event)"
|
||||
hidden
|
||||
class="tw-hidden"
|
||||
/>
|
||||
</bit-form-field>
|
||||
<bit-form-field disableMargin>
|
||||
<bit-label>{{ "orCopyPasteFileContents" | i18n }}</bit-label>
|
||||
<textarea
|
||||
id="import_textarea_fileContents"
|
||||
bitInput
|
||||
formControlName="fileContents"
|
||||
></textarea>
|
||||
</bit-form-field>
|
||||
</div>
|
||||
<input
|
||||
bitInput
|
||||
#fileSelector
|
||||
type="file"
|
||||
id="import_input_file"
|
||||
formControlName="file"
|
||||
(change)="setSelectedFile($event)"
|
||||
hidden
|
||||
class="tw-hidden"
|
||||
/>
|
||||
</bit-form-field>
|
||||
<bit-form-field>
|
||||
<bit-label>{{ "orCopyPasteFileContents" | i18n }}</bit-label>
|
||||
<textarea
|
||||
id="import_textarea_fileContents"
|
||||
bitInput
|
||||
formControlName="fileContents"
|
||||
></textarea>
|
||||
</bit-form-field>
|
||||
</div>
|
||||
</bit-card>
|
||||
</bit-section>
|
||||
</form>
|
||||
|
||||
@ -43,10 +43,14 @@ import {
|
||||
BitSubmitDirective,
|
||||
ButtonModule,
|
||||
CalloutModule,
|
||||
CardComponent,
|
||||
ContainerComponent,
|
||||
DialogService,
|
||||
FormFieldModule,
|
||||
IconButtonModule,
|
||||
RadioButtonModule,
|
||||
SectionComponent,
|
||||
SectionHeaderComponent,
|
||||
SelectModule,
|
||||
ToastService,
|
||||
} from "@bitwarden/components";
|
||||
@ -104,6 +108,10 @@ const safeProviders: SafeProvider[] = [
|
||||
ReactiveFormsModule,
|
||||
ImportLastPassComponent,
|
||||
RadioButtonModule,
|
||||
CardComponent,
|
||||
ContainerComponent,
|
||||
SectionHeaderComponent,
|
||||
SectionComponent,
|
||||
],
|
||||
providers: safeProviders,
|
||||
})
|
||||
|
||||
Loading…
Reference in New Issue
Block a user