forked from lthn/blockchain
7b4a6fa90a
* Status setting wallet (#1) * add disabled btn setting_wallet * add build html * fix update status wallet * add context copy seed_phrase * fix bug * fix wallet status * update * Create wallet * fix wallet login and add seed block in create wallet
62 lines
3.3 KiB
HTML
62 lines
3.3 KiB
HTML
<div class="content">
|
|
|
|
<div class="head">
|
|
<div class="breadcrumbs">
|
|
<span [routerLink]="['/main']">{{ 'BREADCRUMBS.ADD_WALLET' | translate }}</span>
|
|
<span>{{ 'BREADCRUMBS.CREATE_WALLET' | translate }}</span>
|
|
</div>
|
|
<button type="button" class="back-btn" [routerLink]="['/main']">
|
|
<i class="icon back"></i>
|
|
<span>{{ 'COMMON.BACK' | translate }}</span>
|
|
</button>
|
|
</div>
|
|
|
|
<form class="form-create" [formGroup]="createForm">
|
|
|
|
<div class="input-block">
|
|
<label for="wallet-name">{{ 'CREATE_WALLET.NAME' | translate }}</label>
|
|
<input type="text" id="wallet-name" formControlName="name" [attr.readonly]="walletSaved ? '' : null" [maxlength]="variablesService.maxWalletNameLength" (contextmenu)="variablesService.onContextMenu($event)">
|
|
<div class="error-block" *ngIf="createForm.controls['name'].invalid && (createForm.controls['name'].dirty || createForm.controls['name'].touched)">
|
|
<div *ngIf="createForm.controls['name'].errors['required']">
|
|
{{ 'CREATE_WALLET.FORM_ERRORS.NAME_REQUIRED' | translate }}
|
|
</div>
|
|
<div *ngIf="createForm.controls['name'].errors['duplicate']">
|
|
{{ 'CREATE_WALLET.FORM_ERRORS.NAME_DUPLICATE' | translate }}
|
|
</div>
|
|
</div>
|
|
<div class="error-block" *ngIf="createForm.get('name').value.length >= variablesService.maxWalletNameLength">
|
|
{{ 'CREATE_WALLET.FORM_ERRORS.MAX_LENGTH' | translate }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="input-block">
|
|
<label for="wallet-password">{{ 'CREATE_WALLET.PASS' | translate }}</label>
|
|
<input type="password" id="wallet-password" formControlName="password" [attr.readonly]="walletSaved ? '' : null" (contextmenu)="variablesService.onContextMenuPasteSelect($event)">
|
|
<div class="error-block" *ngIf="createForm.controls['password'].dirty && createForm.controls['password'].errors">
|
|
<div *ngIf="createForm.controls['password'].errors.pattern">
|
|
{{ 'ERRORS.WRONG_PASSWORD' | translate }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="input-block">
|
|
<label for="confirm-wallet-password">{{ 'CREATE_WALLET.CONFIRM' | translate }}</label>
|
|
<input type="password" id="confirm-wallet-password" formControlName="confirm" [attr.readonly]="walletSaved ? '' : null" (contextmenu)="variablesService.onContextMenuPasteSelect($event)">
|
|
<div class="error-block" *ngIf="createForm.controls['password'].dirty && createForm.controls['confirm'].dirty && createForm.errors">
|
|
<div *ngIf="createForm.errors['confirm_mismatch']">
|
|
{{ 'CREATE_WALLET.FORM_ERRORS.CONFIRM_NOT_MATCH' | translate }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wrap-buttons">
|
|
<button type="button" class="transparent-button" *ngIf="walletSaved" disabled><i class="icon"></i>{{walletSavedName}}</button>
|
|
<button type="button" class="blue-button select-button" (click)="saveWallet()" [disabled]="!createForm.valid" *ngIf="!walletSaved">{{ 'CREATE_WALLET.BUTTON_SELECT' | translate }}</button>
|
|
<button type="button" class="blue-button create-button" (click)="createWallet()" [disabled]="!walletSaved">{{ 'CREATE_WALLET.BUTTON_CREATE' | translate }}</button>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
<app-progress-container [width]="progressWidth" [labels]="['PROGRESS.ADD_WALLET', 'PROGRESS.SELECT_LOCATION', 'Seed Phrase', 'PROGRESS.CREATE_WALLET']"></app-progress-container>
|