replace tools with password generator
This commit is contained in:
parent
e31d8dd702
commit
2ad34c5119
|
@ -190,6 +190,10 @@
|
||||||
"passGen": {
|
"passGen": {
|
||||||
"message": "Password Generator"
|
"message": "Password Generator"
|
||||||
},
|
},
|
||||||
|
"generator": {
|
||||||
|
"message": "Generator",
|
||||||
|
"description": "Short for 'Password Generator'."
|
||||||
|
},
|
||||||
"passGenInfo": {
|
"passGenInfo": {
|
||||||
"message": "Automatically generate strong, unique passwords for your logins."
|
"message": "Automatically generate strong, unique passwords for your logins."
|
||||||
},
|
},
|
||||||
|
|
|
@ -9,7 +9,7 @@
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<button type="submit" appBlurClick [disabled]="form.loading">
|
<button type="submit" appBlurClick [disabled]="form.loading">
|
||||||
<span [hidden]="form.loading">{{'save' | i18n}}</span>
|
<span [hidden]="form.loading">{{'save' | i18n}}</span>
|
||||||
<i class="fa fa-spinner fa-spin" [hidden]="!form.loading"></i>
|
<i class="fa fa-spinner fa-lg fa-spin" [hidden]="!form.loading"></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
|
@ -9,7 +9,7 @@
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<button type="submit" appBlurClick [disabled]="form.loading">
|
<button type="submit" appBlurClick [disabled]="form.loading">
|
||||||
<span [hidden]="form.loading">{{'submit' | i18n}}</span>
|
<span [hidden]="form.loading">{{'submit' | i18n}}</span>
|
||||||
<i class="fa fa-spinner fa-spin" [hidden]="!form.loading"></i>
|
<i class="fa fa-spinner fa-lg fa-spin" [hidden]="!form.loading"></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
|
@ -9,7 +9,7 @@
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<button type="submit" appBlurClick [disabled]="form.loading">
|
<button type="submit" appBlurClick [disabled]="form.loading">
|
||||||
<span [hidden]="form.loading">{{'login' | i18n}}</span>
|
<span [hidden]="form.loading">{{'login' | i18n}}</span>
|
||||||
<i class="fa fa-spinner fa-spin" [hidden]="!form.loading"></i>
|
<i class="fa fa-spinner fa-lg fa-spin" [hidden]="!form.loading"></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
|
@ -9,7 +9,7 @@
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<button type="submit" appBlurClick [disabled]="form.loading">
|
<button type="submit" appBlurClick [disabled]="form.loading">
|
||||||
<span [hidden]="form.loading">{{'submit' | i18n}}</span>
|
<span [hidden]="form.loading">{{'submit' | i18n}}</span>
|
||||||
<i class="fa fa-spinner fa-spin" [hidden]="!form.loading"></i>
|
<i class="fa fa-spinner fa-lg fa-spin" [hidden]="!form.loading"></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
*ngIf="selectedProviderType != null && selectedProviderType !== providerType.Duo &&
|
*ngIf="selectedProviderType != null && selectedProviderType !== providerType.Duo &&
|
||||||
selectedProviderType !== providerType.OrganizationDuo">
|
selectedProviderType !== providerType.OrganizationDuo">
|
||||||
<span [hidden]="form.loading">{{'continue' | i18n}}</span>
|
<span [hidden]="form.loading">{{'continue' | i18n}}</span>
|
||||||
<i class="fa fa-spinner fa-spin" [hidden]="!form.loading"></i>
|
<i class="fa fa-spinner fa-lg fa-spin" [hidden]="!form.loading"></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
|
@ -117,14 +117,14 @@ export const routerTransition = trigger('routerTransition', [
|
||||||
transition('tabs => add-cipher, ciphers => add-cipher', inSlideUp),
|
transition('tabs => add-cipher, ciphers => add-cipher', inSlideUp),
|
||||||
transition('add-cipher => tabs, add-cipher => ciphers', outSlideDown),
|
transition('add-cipher => tabs, add-cipher => ciphers', outSlideDown),
|
||||||
|
|
||||||
transition('generator => generator-history', inSlideLeft),
|
transition('generator => generator-history, tabs => generator-history', inSlideLeft),
|
||||||
transition('generator-history => generator', outSlideRight),
|
transition('generator-history => generator, generator-history => tabs', outSlideRight),
|
||||||
|
|
||||||
transition('add-cipher => generator, edit-cipher => generator, tabs => generator', inSlideUp),
|
transition('add-cipher => generator, edit-cipher => generator', inSlideUp),
|
||||||
transition('generator => add-cipher, generator => edit-cipher, generator => tabs', outSlideDown),
|
transition('generator => add-cipher, generator => edit-cipher', outSlideDown),
|
||||||
|
|
||||||
transition('tabs => export', inSlideUp),
|
transition('tabs => export', inSlideLeft),
|
||||||
transition('export => tabs', outSlideDown),
|
transition('export => tabs', outSlideRight),
|
||||||
|
|
||||||
transition('tabs => lock', inSlideDown),
|
transition('tabs => lock', inSlideDown),
|
||||||
transition('lock => tabs', outSlideUp),
|
transition('lock => tabs', outSlideUp),
|
||||||
|
|
|
@ -21,7 +21,6 @@ import { TabsComponent } from './tabs.component';
|
||||||
import { ExportComponent } from './tools/export.component';
|
import { ExportComponent } from './tools/export.component';
|
||||||
import { PasswordGeneratorComponent } from './tools/password-generator.component';
|
import { PasswordGeneratorComponent } from './tools/password-generator.component';
|
||||||
import { PasswordGeneratorHistoryComponent } from './tools/password-generator-history.component';
|
import { PasswordGeneratorHistoryComponent } from './tools/password-generator-history.component';
|
||||||
import { ToolsComponent } from './tools/tools.component';
|
|
||||||
import { AddEditComponent } from './vault/add-edit.component';
|
import { AddEditComponent } from './vault/add-edit.component';
|
||||||
import { CiphersComponent } from './vault/ciphers.component';
|
import { CiphersComponent } from './vault/ciphers.component';
|
||||||
import { CurrentTabComponent } from './vault/current-tab.component';
|
import { CurrentTabComponent } from './vault/current-tab.component';
|
||||||
|
@ -151,10 +150,10 @@ const routes: Routes = [
|
||||||
data: { state: 'tabs_vault' },
|
data: { state: 'tabs_vault' },
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: 'tools',
|
path: 'generator',
|
||||||
component: ToolsComponent,
|
component: PasswordGeneratorComponent,
|
||||||
canActivate: [AuthGuardService],
|
canActivate: [AuthGuardService],
|
||||||
data: { state: 'tabs_tools' },
|
data: { state: 'tabs_generator' },
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: 'settings',
|
path: 'settings',
|
||||||
|
|
|
@ -28,7 +28,6 @@ import { TabsComponent } from './tabs.component';
|
||||||
import { ExportComponent } from './tools/export.component';
|
import { ExportComponent } from './tools/export.component';
|
||||||
import { PasswordGeneratorComponent } from './tools/password-generator.component';
|
import { PasswordGeneratorComponent } from './tools/password-generator.component';
|
||||||
import { PasswordGeneratorHistoryComponent } from './tools/password-generator-history.component';
|
import { PasswordGeneratorHistoryComponent } from './tools/password-generator-history.component';
|
||||||
import { ToolsComponent } from './tools/tools.component';
|
|
||||||
import { AddEditComponent } from './vault/add-edit.component';
|
import { AddEditComponent } from './vault/add-edit.component';
|
||||||
import { CiphersComponent } from './vault/ciphers.component';
|
import { CiphersComponent } from './vault/ciphers.component';
|
||||||
import { CurrentTabComponent } from './vault/current-tab.component';
|
import { CurrentTabComponent } from './vault/current-tab.component';
|
||||||
|
@ -96,7 +95,6 @@ import { IconComponent } from 'jslib/angular/components/icon.component';
|
||||||
StopClickDirective,
|
StopClickDirective,
|
||||||
StopPropDirective,
|
StopPropDirective,
|
||||||
TabsComponent,
|
TabsComponent,
|
||||||
ToolsComponent,
|
|
||||||
TwoFactorOptionsComponent,
|
TwoFactorOptionsComponent,
|
||||||
TwoFactorComponent,
|
TwoFactorComponent,
|
||||||
ViewComponent,
|
ViewComponent,
|
||||||
|
|
|
@ -69,7 +69,7 @@
|
||||||
<div class="row-main">{{'importItems' | i18n}}</div>
|
<div class="row-main">{{'importItems' | i18n}}</div>
|
||||||
<i class="fa fa-chevron-right fa-lg row-sub-icon"></i>
|
<i class="fa fa-chevron-right fa-lg row-sub-icon"></i>
|
||||||
</a>
|
</a>
|
||||||
<a class="box-content-row box-content-row-flex text-default" href="#">
|
<a class="box-content-row box-content-row-flex text-default" routerLink="/export">
|
||||||
<div class="row-main">{{'exportVault' | i18n}}</div>
|
<div class="row-main">{{'exportVault' | i18n}}</div>
|
||||||
<i class="fa fa-chevron-right fa-lg row-sub-icon"></i>
|
<i class="fa fa-chevron-right fa-lg row-sub-icon"></i>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
@ -13,8 +13,8 @@
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li routerLinkActive="active">
|
<li routerLinkActive="active">
|
||||||
<a routerLink="tools" title="{{'tools' | i18n}}">
|
<a routerLink="generator" title="{{'passGen' | i18n}}">
|
||||||
<i class="fa fa-wrench fa-2x"></i>{{'tools' | i18n}}
|
<i class="fa fa-refresh fa-2x"></i>{{'generator' | i18n}}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li routerLinkActive="active">
|
<li routerLinkActive="active">
|
||||||
|
|
|
@ -1,8 +1,9 @@
|
||||||
<form (ngSubmit)="submit()">
|
<form (ngSubmit)="submit()">
|
||||||
<header>
|
<header>
|
||||||
<div class="left">
|
<div class="left">
|
||||||
<button appBlurClick type="button" (click)="close()">
|
<button type="button" appBlurClick (click)="close()">
|
||||||
{{'close' | i18n}}
|
<span class="header-icon"><i class="fa fa-chevron-left"></i></span>
|
||||||
|
<span>{{'back' | i18n}}</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="center">
|
<div class="center">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<header>
|
<header>
|
||||||
<div class="left">
|
<div class="left">
|
||||||
<button type="button" appBlurClick (click)="close()">{{closeText}}</button>
|
<button type="button" appBlurClick (click)="close()" *ngIf="showSelect">{{'cancel' | i18n}}</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="center">
|
<div class="center">
|
||||||
<span class="title">{{'passGen' | i18n}}</span>
|
<span class="title">{{'passGen' | i18n}}</span>
|
||||||
|
|
|
@ -21,8 +21,6 @@ import {
|
||||||
templateUrl: 'password-generator.component.html',
|
templateUrl: 'password-generator.component.html',
|
||||||
})
|
})
|
||||||
export class PasswordGeneratorComponent extends BasePasswordGeneratorComponent {
|
export class PasswordGeneratorComponent extends BasePasswordGeneratorComponent {
|
||||||
closeText: string;
|
|
||||||
|
|
||||||
private cipherState: CipherView;
|
private cipherState: CipherView;
|
||||||
|
|
||||||
constructor(passwordGenerationService: PasswordGenerationService, analytics: Angulartics2,
|
constructor(passwordGenerationService: PasswordGenerationService, analytics: Angulartics2,
|
||||||
|
@ -36,7 +34,6 @@ export class PasswordGeneratorComponent extends BasePasswordGeneratorComponent {
|
||||||
await super.ngOnInit();
|
await super.ngOnInit();
|
||||||
this.cipherState = await this.stateService.get<CipherView>('addEditCipher');
|
this.cipherState = await this.stateService.get<CipherView>('addEditCipher');
|
||||||
this.showSelect = this.cipherState != null;
|
this.showSelect = this.cipherState != null;
|
||||||
this.closeText = this.showSelect ? this.i18nService.t('cancel') : this.i18nService.t('close');
|
|
||||||
}
|
}
|
||||||
|
|
||||||
select() {
|
select() {
|
||||||
|
|
|
@ -1,23 +0,0 @@
|
||||||
<header>
|
|
||||||
<div class="left">
|
|
||||||
<app-pop-out></app-pop-out>
|
|
||||||
</div>
|
|
||||||
<div class="center">
|
|
||||||
<span class="title">{{'tools' | i18n}}</span>
|
|
||||||
</div>
|
|
||||||
<div class="right"></div>
|
|
||||||
</header>
|
|
||||||
<content>
|
|
||||||
<div class="box">
|
|
||||||
<div class="box-content">
|
|
||||||
<a routerLink="/generator" class="box-content-row box-content-row-flex text-default">
|
|
||||||
<div class="row-main">{{'passGen' | i18n}}</div>
|
|
||||||
<i class="fa fa-chevron-right row-sub-icon"></i>
|
|
||||||
</a>
|
|
||||||
<a routerLink="/export" class="box-content-row box-content-row-flex text-default">
|
|
||||||
<div class="row-main">{{'exportVault' | i18n}}</div>
|
|
||||||
<i class="fa fa-chevron-right row-sub-icon"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</content>
|
|
|
@ -1,7 +0,0 @@
|
||||||
import { Component } from '@angular/core';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-tools',
|
|
||||||
templateUrl: 'tools.component.html',
|
|
||||||
})
|
|
||||||
export class ToolsComponent { }
|
|
|
@ -9,7 +9,7 @@
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<button type="submit" appBlurClick [disabled]="form.loading">
|
<button type="submit" appBlurClick [disabled]="form.loading">
|
||||||
<span [hidden]="form.loading">{{'save' | i18n}}</span>
|
<span [hidden]="form.loading">{{'save' | i18n}}</span>
|
||||||
<i class="fa fa-spinner fa-spin" [hidden]="!form.loading"></i>
|
<i class="fa fa-spinner fa-lg fa-spin" [hidden]="!form.loading"></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
Loading…
Reference in New Issue