2019-10-11 17:47:41 +02:00
|
|
|
<div class="modal fade" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="cipherAddEditTitle">
|
|
|
|
<div class="modal-dialog modal-lg" role="document">
|
2019-02-21 22:50:37 +01:00
|
|
|
<form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise" ngNativeValidate
|
|
|
|
autocomplete="off">
|
2018-06-07 23:12:11 +02:00
|
|
|
<div class="modal-header">
|
2019-10-11 17:47:41 +02:00
|
|
|
<h2 class="modal-title" id="cipherAddEditTitle">{{title}}</h2>
|
2019-10-11 17:22:21 +02:00
|
|
|
<button type="button" class="close" data-dismiss="modal" appA11yTitle="{{'close' | i18n}}">
|
2018-06-07 23:12:11 +02:00
|
|
|
<span aria-hidden="true">×</span>
|
|
|
|
</button>
|
|
|
|
</div>
|
2018-06-07 16:21:28 +02:00
|
|
|
<div class="modal-body" *ngIf="cipher">
|
2018-06-07 15:05:25 +02:00
|
|
|
<div class="row" *ngIf="!editMode">
|
2018-06-07 16:21:28 +02:00
|
|
|
<div class="col-6 form-group">
|
|
|
|
<label for="type">{{'whatTypeOfItem' | i18n}}</label>
|
2020-04-08 22:48:30 +02:00
|
|
|
<select id="type" name="Type" [(ngModel)]="cipher.type" class="form-control"
|
|
|
|
[disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
<option *ngFor="let o of typeOptions" [ngValue]="o.value">{{o.name}}</option>
|
|
|
|
</select>
|
2018-06-07 15:05:25 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
2018-06-07 16:21:28 +02:00
|
|
|
<div class="col-6 form-group">
|
|
|
|
<label for="name">{{'name' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="name" class="form-control" type="text" name="Name" [(ngModel)]="cipher.name"
|
2020-04-08 22:48:30 +02:00
|
|
|
required [disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
2018-07-05 15:42:50 +02:00
|
|
|
<div class="col-6 form-group" *ngIf="!organization">
|
2018-06-07 16:21:28 +02:00
|
|
|
<label for="folder">{{'folder' | i18n}}</label>
|
2020-04-08 22:48:30 +02:00
|
|
|
<select id="folder" name="FolderId" [(ngModel)]="cipher.folderId" class="form-control"
|
|
|
|
[disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
<option *ngFor="let f of folders" [ngValue]="f.id">{{f.name}}</option>
|
|
|
|
</select>
|
2018-06-07 15:05:25 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2018-06-07 16:21:28 +02:00
|
|
|
<!-- Login -->
|
2018-06-07 23:12:11 +02:00
|
|
|
<ng-container *ngIf="cipher.type === cipherType.Login">
|
2018-06-07 16:21:28 +02:00
|
|
|
<div class="row">
|
|
|
|
<div class="col-6 form-group">
|
|
|
|
<label for="loginUsername">{{'username' | i18n}}</label>
|
2018-06-07 23:12:11 +02:00
|
|
|
<div class="input-group">
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="loginUsername" class="form-control" type="text" name="Login.Username"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.login.username" appInputVerbatim [disabled]="cipher.isDeleted">
|
|
|
|
<div class="input-group-append" *ngIf="!cipher.isDeleted">
|
2019-02-21 22:50:37 +01:00
|
|
|
<button type="button" class="btn btn-outline-secondary"
|
2019-10-11 16:35:24 +02:00
|
|
|
appA11yTitle="{{'copyUsername' | i18n}}"
|
2019-02-21 22:50:37 +01:00
|
|
|
(click)="copy(cipher.login.username, 'username', 'Username')" tabindex="-1">
|
2019-10-11 16:35:24 +02:00
|
|
|
<i class="fa fa-lg fa-clipboard" aria-hidden="true"></i>
|
2018-06-07 23:12:11 +02:00
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
|
|
|
<div class="col-6 form-group">
|
2018-06-07 23:12:11 +02:00
|
|
|
<div class="d-flex">
|
|
|
|
<label for="loginPassword">{{'password' | i18n}}</label>
|
2020-04-08 22:48:30 +02:00
|
|
|
<div class="ml-auto d-flex" *ngIf="!cipher.isDeleted">
|
2019-10-11 16:35:24 +02:00
|
|
|
<a href="#" class="d-block mr-2" appStopClick
|
2020-05-21 15:55:58 +02:00
|
|
|
appA11yTitle="{{'generatePassword' | i18n}}" (click)="generatePassword()"
|
|
|
|
*ngIf="cipher.showPassword">
|
2019-10-11 16:35:24 +02:00
|
|
|
<i class="fa fa-lg fa-fw fa-refresh" aria-hidden="true"></i>
|
2018-06-07 23:12:11 +02:00
|
|
|
</a>
|
2019-02-21 22:50:37 +01:00
|
|
|
<a href="#" class="d-block" #checkPasswordBtn appStopClick
|
2019-10-11 16:35:24 +02:00
|
|
|
appA11yTitle="{{'checkPassword' | i18n}}" (click)="checkPassword()"
|
2019-02-21 22:50:37 +01:00
|
|
|
[appApiAction]="checkPasswordPromise">
|
2019-10-11 16:35:24 +02:00
|
|
|
<i class="fa fa-lg fa-fw fa-check-circle" [hidden]="checkPasswordBtn.loading"
|
|
|
|
aria-hidden="true"></i>
|
|
|
|
<i class="fa fa-lg fa-fw fa-spinner fa-spin" aria-hidden="true"
|
2019-02-21 22:50:37 +01:00
|
|
|
[hidden]="!checkPasswordBtn.loading" title="{{'loading' | i18n}}"></i>
|
2018-06-07 23:12:11 +02:00
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
2018-06-07 16:21:28 +02:00
|
|
|
<div class="input-group">
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="loginPassword" class="form-control text-monospace"
|
|
|
|
type="{{showPassword ? 'text' : 'password'}}" name="Login.Password"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.login.password" appInputVerbatim autocomplete="new-password"
|
2020-05-21 15:55:58 +02:00
|
|
|
[disabled]="cipher.isDeleted || !cipher.showPassword">
|
2020-04-10 19:42:37 +02:00
|
|
|
<div class="input-group-append">
|
2019-02-21 22:50:37 +01:00
|
|
|
<button type="button" class="btn btn-outline-secondary"
|
2019-10-11 16:35:24 +02:00
|
|
|
appA11yTitle="{{'toggleVisibility' | i18n}}" (click)="togglePassword()"
|
2020-05-21 15:55:58 +02:00
|
|
|
tabindex="-1" [disabled]="!cipher.showPassword">
|
2019-10-11 16:35:24 +02:00
|
|
|
<i class="fa fa-lg" aria-hidden="true"
|
2019-02-21 22:50:37 +01:00
|
|
|
[ngClass]="{'fa-eye': !showPassword, 'fa-eye-slash': showPassword}"></i>
|
2018-06-07 16:21:28 +02:00
|
|
|
</button>
|
2019-02-21 22:50:37 +01:00
|
|
|
<button type="button" class="btn btn-outline-secondary"
|
2019-10-11 16:35:24 +02:00
|
|
|
appA11yTitle="{{'copyPassword' | i18n}}"
|
2020-05-21 15:55:58 +02:00
|
|
|
(click)="copy(cipher.login.password, 'password', 'Password')" tabindex="-1"
|
|
|
|
[disabled]="!cipher.showPassword">
|
2019-10-11 16:35:24 +02:00
|
|
|
<i class="fa fa-lg fa-clipboard" aria-hidden="true"></i>
|
2018-06-07 16:21:28 +02:00
|
|
|
</button>
|
2018-06-07 05:23:14 +02:00
|
|
|
</div>
|
2018-06-06 23:25:57 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
2020-04-10 19:42:37 +02:00
|
|
|
<div class="row">
|
2018-06-07 16:21:28 +02:00
|
|
|
<div class="col-6 form-group">
|
|
|
|
<label for="loginTotp">{{'authenticatorKeyTotp' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="loginTotp" type="text" name="Login.Totp" class="form-control text-monospace"
|
2020-04-10 19:42:37 +02:00
|
|
|
[(ngModel)]="cipher.login.totp" appInputVerbatim [disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
2018-06-20 05:40:51 +02:00
|
|
|
<div class="col-6 form-group totp d-flex align-items-end" [ngClass]="{'low': totpLow}">
|
|
|
|
<div *ngIf="!cipher.login.totp || !totpCode">
|
2019-02-21 22:50:37 +01:00
|
|
|
<img src="../../images/totp-countdown.png" title="{{'verificationCodeTotp' | i18n}}"
|
|
|
|
class="ml-2">
|
|
|
|
<a href="#" appStopClick class="badge badge-primary ml-3" (click)="premiumRequired()"
|
|
|
|
*ngIf="!organization && !cipher.organizationId && !canAccessPremium">
|
2018-07-18 15:21:23 +02:00
|
|
|
{{'premium' | i18n}}
|
|
|
|
</a>
|
2019-02-21 22:50:37 +01:00
|
|
|
<a href="#" appStopClick class="badge badge-primary ml-3"
|
|
|
|
(click)="upgradeOrganization()"
|
|
|
|
*ngIf="(organization && !organization.useTotp) || (!organization && !canAccessPremium && cipher.organizationId && !cipher.organizationUseTotp)">
|
2018-07-18 15:21:23 +02:00
|
|
|
{{'upgrade' | i18n}}
|
|
|
|
</a>
|
2018-06-20 05:40:51 +02:00
|
|
|
</div>
|
|
|
|
<div *ngIf="cipher.login.totp && totpCode" class="d-flex align-items-center">
|
|
|
|
<span class="totp-countdown mr-3 ml-2">
|
|
|
|
<span class="totp-sec">{{totpSec}}</span>
|
|
|
|
<svg>
|
|
|
|
<g>
|
2019-02-21 22:50:37 +01:00
|
|
|
<circle class="totp-circle inner" r="12.6" cy="16" cx="16"
|
|
|
|
[ngStyle]="{'stroke-dashoffset.px': totpDash}"></circle>
|
2018-06-20 05:40:51 +02:00
|
|
|
<circle class="totp-circle outer" r="14" cy="16" cx="16"></circle>
|
|
|
|
</g>
|
|
|
|
</svg>
|
|
|
|
</span>
|
2019-02-21 22:50:37 +01:00
|
|
|
<span class="totp-code mr-2"
|
|
|
|
title="{{'verificationCodeTotp' | i18n}}">{{totpCodeFormatted}}</span>
|
2019-10-11 16:35:24 +02:00
|
|
|
<button type="button" class="btn btn-link"
|
|
|
|
appA11yTitle="{{'copyVerificationCode' | i18n}}"
|
2019-02-21 22:50:37 +01:00
|
|
|
(click)="copy(totpCode, 'verificationCodeTotp', 'TOTP')">
|
2019-10-11 16:35:24 +02:00
|
|
|
<i class="fa fa-clipboard" aria-hidden="true"></i>
|
2018-06-20 05:40:51 +02:00
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
|
|
|
<ng-container *ngIf="cipher.login.hasUris">
|
2019-03-28 16:59:53 +01:00
|
|
|
<div class="row" *ngFor="let u of cipher.login.uris; let i = index; trackBy:trackByFunction">
|
2018-06-07 23:12:11 +02:00
|
|
|
<div class="col-7 form-group">
|
2018-06-07 16:21:28 +02:00
|
|
|
<label for="loginUri{{i}}">{{'uriPosition' | i18n : (i + 1)}}</label>
|
2018-06-07 23:12:11 +02:00
|
|
|
<div class="input-group">
|
2019-02-21 22:50:37 +01:00
|
|
|
<input class="form-control" id="loginUri{{i}}" type="text"
|
2020-04-08 22:48:30 +02:00
|
|
|
name="Login.Uris[{{i}}].Uri" [(ngModel)]="u.uri" [disabled]="cipher.isDeleted"
|
2019-02-21 22:50:37 +01:00
|
|
|
placeholder="{{'ex' | i18n}} https://google.com" appInputVerbatim>
|
2020-04-10 19:42:37 +02:00
|
|
|
<div class="input-group-append">
|
2019-02-21 22:50:37 +01:00
|
|
|
<button type="button" class="btn btn-outline-secondary"
|
2019-10-11 16:35:24 +02:00
|
|
|
appA11yTitle="{{'launch' | i18n}}" (click)="launch(u)"
|
|
|
|
[disabled]="!u.canLaunch" tabindex="-1">
|
|
|
|
<i class="fa fa-lg fa-share" aria-hidden="true"></i>
|
2018-06-07 23:12:11 +02:00
|
|
|
</button>
|
2019-02-21 22:50:37 +01:00
|
|
|
<button type="button" class="btn btn-outline-secondary"
|
2019-10-11 16:35:24 +02:00
|
|
|
appA11yTitle="{{'copyUri' | i18n}}" (click)="copy(u.uri, 'uri', 'URI')"
|
2018-06-07 23:12:11 +02:00
|
|
|
tabindex="-1">
|
2019-10-11 16:35:24 +02:00
|
|
|
<i class="fa fa-lg fa-clipboard" aria-hidden="true"></i>
|
2018-06-07 23:12:11 +02:00
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
2018-06-07 15:05:25 +02:00
|
|
|
</div>
|
2018-06-09 06:39:14 +02:00
|
|
|
<div class="col-5 form-group">
|
2018-07-19 19:56:44 +02:00
|
|
|
<div class="d-flex">
|
|
|
|
<label for="loginUriMatch{{i}}">
|
|
|
|
{{'matchDetection' | i18n}}
|
|
|
|
</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<a class="ml-auto" href="https://help.bitwarden.com/article/uri-match-detection/"
|
2019-10-11 16:35:24 +02:00
|
|
|
target="_blank" rel="noopener" appA11yTitle="{{'learnMore' | i18n}}">
|
|
|
|
<i class="fa fa-question-circle-o" aria-hidden="true"></i>
|
2018-07-19 19:56:44 +02:00
|
|
|
</a>
|
|
|
|
</div>
|
2018-06-09 06:39:14 +02:00
|
|
|
<div class="d-flex">
|
2019-02-21 22:50:37 +01:00
|
|
|
<select class="form-control" id="loginUriMatch{{i}}" name="Login.Uris[{{i}}].Match"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="u.match" (change)="loginUriMatchChanged(u)"
|
|
|
|
[disabled]="cipher.isDeleted">
|
2019-02-21 22:50:37 +01:00
|
|
|
<option *ngFor="let o of uriMatchOptions" [ngValue]="o.value">{{o.name}}
|
|
|
|
</option>
|
2018-06-09 06:39:14 +02:00
|
|
|
</select>
|
2019-02-21 22:50:37 +01:00
|
|
|
<button type="button" class="btn btn-link text-danger ml-2" (click)="removeUri(u)"
|
2020-04-08 22:48:30 +02:00
|
|
|
appA11yTitle="{{'remove' | i18n}}" *ngIf="!cipher.isDeleted">
|
2019-10-11 16:35:24 +02:00
|
|
|
<i class="fa fa-minus-circle fa-lg" aria-hidden="true"></i>
|
2018-06-09 06:39:14 +02:00
|
|
|
</button>
|
|
|
|
</div>
|
2018-06-07 15:05:25 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2018-06-07 16:21:28 +02:00
|
|
|
</ng-container>
|
2020-04-08 22:48:30 +02:00
|
|
|
<a href="#" appStopClick (click)="addUri()" class="d-inline-block mb-3" *ngIf="!cipher.isDeleted">
|
2019-10-11 17:22:21 +02:00
|
|
|
<i class="fa fa-plus-circle fa-fw" aria-hidden="true"></i> {{'newUri' | i18n}}
|
2018-06-07 23:12:11 +02:00
|
|
|
</a>
|
|
|
|
</ng-container>
|
2018-06-07 16:21:28 +02:00
|
|
|
<!-- Card -->
|
2018-06-07 23:12:11 +02:00
|
|
|
<ng-container *ngIf="cipher.type === cipherType.Card">
|
2018-06-07 16:21:28 +02:00
|
|
|
<div class="row">
|
|
|
|
<div class="col-6 form-group">
|
|
|
|
<label for="cardCardholderName">{{'cardholderName' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="cardCardholderName" class="form-control" type="text"
|
2020-04-08 22:48:30 +02:00
|
|
|
name="Card.CardCardholderName" [(ngModel)]="cipher.card.cardholderName"
|
|
|
|
[disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
|
|
|
<div class="col-6 form-group">
|
|
|
|
<label for="cardBrand">{{'brand' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<select id="cardBrand" class="form-control" name="Card.Brand"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.card.brand" [disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
<option *ngFor="let o of cardBrandOptions" [ngValue]="o.value">{{o.name}}</option>
|
|
|
|
</select>
|
2018-06-06 23:25:57 +02:00
|
|
|
</div>
|
2018-06-07 15:05:25 +02:00
|
|
|
</div>
|
2018-06-07 16:21:28 +02:00
|
|
|
<div class="row">
|
|
|
|
<div class="col-6 form-group">
|
|
|
|
<label for="cardNumber">{{'number' | i18n}}</label>
|
2018-06-07 23:12:11 +02:00
|
|
|
<div class="input-group">
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="cardNumber" class="form-control" type="text" name="Card.Number"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.card.number" appInputVerbatim [disabled]="cipher.isDeleted">
|
2020-04-10 19:42:37 +02:00
|
|
|
<div class="input-group-append">
|
2019-02-21 22:50:37 +01:00
|
|
|
<button type="button" class="btn btn-outline-secondary"
|
2019-10-11 16:35:24 +02:00
|
|
|
appA11yTitle="{{'copyNumber' | i18n}}"
|
2019-02-21 22:50:37 +01:00
|
|
|
(click)="copy(cipher.card.number, 'number', 'Number')" tabindex="-1">
|
2019-10-11 16:35:24 +02:00
|
|
|
<i class="fa fa-lg fa-clipboard" aria-hidden="true"></i>
|
2018-06-07 23:12:11 +02:00
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
|
|
|
<div class="col form-group">
|
|
|
|
<label for="cardExpMonth">{{'expirationMonth' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<select id="cardExpMonth" class="form-control" name="Card.ExpMonth"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.card.expMonth" [disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
<option *ngFor="let o of cardExpMonthOptions" [ngValue]="o.value">{{o.name}}</option>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
<div class="col form-group">
|
|
|
|
<label for="cardExpYear">{{'expirationYear' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="cardExpYear" class="form-control" type="text" name="Card.ExpYear"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.card.expYear" placeholder="{{'ex' | i18n}} 2019"
|
|
|
|
[disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-6 form-group">
|
|
|
|
<label for="cardCode">{{'securityCode' | i18n}}</label>
|
2018-06-07 23:12:11 +02:00
|
|
|
<div class="input-group">
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="cardCode" class="form-control text-monospace"
|
|
|
|
type="{{showCardCode ? 'text' : 'password'}}" name="Card.Code"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.card.code" appInputVerbatim autocomplete="new-password"
|
|
|
|
[disabled]="cipher.isDeleted">
|
2020-04-10 19:42:37 +02:00
|
|
|
<div class="input-group-append">
|
2019-02-21 22:50:37 +01:00
|
|
|
<button type="button" class="btn btn-outline-secondary"
|
2019-10-11 16:35:24 +02:00
|
|
|
appA11yTitle="{{'toggleVisibility' | i18n}}" (click)="toggleCardCode()"
|
|
|
|
tabindex="-1">
|
|
|
|
<i class="fa fa-lg" aria-hidden="true"
|
2019-02-21 22:50:37 +01:00
|
|
|
[ngClass]="{'fa-eye': !showCardCode, 'fa-eye-slash': showCardCode}"></i>
|
2018-06-18 13:42:58 +02:00
|
|
|
</button>
|
2019-02-21 22:50:37 +01:00
|
|
|
<button type="button" class="btn btn-outline-secondary"
|
2019-10-11 16:35:24 +02:00
|
|
|
appA11yTitle="{{'securityCode' | i18n}}"
|
2019-02-21 22:50:37 +01:00
|
|
|
(click)="copy(cipher.card.code, 'securityCode', 'Security Code')" tabindex="-1">
|
2019-10-11 16:35:24 +02:00
|
|
|
<i class="fa fa-lg fa-clipboard" aria-hidden="true"></i>
|
2018-06-07 23:12:11 +02:00
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
2018-06-07 15:05:25 +02:00
|
|
|
</div>
|
2018-06-07 23:12:11 +02:00
|
|
|
</ng-container>
|
2018-06-07 16:21:28 +02:00
|
|
|
<!-- Identity -->
|
2018-06-07 23:12:11 +02:00
|
|
|
<ng-container *ngIf="cipher.type === cipherType.Identity">
|
2018-06-07 16:21:28 +02:00
|
|
|
<div class="row">
|
|
|
|
<div class="col-4 form-group">
|
|
|
|
<label for="idTitle">{{'title' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<select id="idTitle" class="form-control" name="Identity.Title"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.identity.title" [disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
<option *ngFor="let o of identityTitleOptions" [ngValue]="o.value">{{o.name}}</option>
|
2018-06-07 15:05:25 +02:00
|
|
|
</select>
|
2018-06-06 23:25:57 +02:00
|
|
|
</div>
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-4 form-group">
|
|
|
|
<label for="idFirstName">{{'firstName' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="idFirstName" class="form-control" type="text" name="Identity.FirstName"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.identity.firstName" [disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
|
|
|
<div class="col-4 form-group">
|
|
|
|
<label for="idMiddleName">{{'middleName' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="idMiddleName" class="form-control" type="text" name="Identity.MiddleName"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.identity.middleName" [disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
|
|
|
<div class="col-4 form-group">
|
|
|
|
<label for="idLastName">{{'lastName' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="idLastName" class="form-control" type="text" name="Identity.LastName"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.identity.lastName" [disabled]="cipher.isDeleted">
|
2018-06-06 23:25:57 +02:00
|
|
|
</div>
|
2018-06-07 15:05:25 +02:00
|
|
|
</div>
|
2018-06-07 16:21:28 +02:00
|
|
|
<div class="row">
|
|
|
|
<div class="col-4 form-group">
|
|
|
|
<label for="idUsername">{{'username' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="idUsername" class="form-control" type="text" name="Identity.Username"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.identity.username" appInputVerbatim [disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
|
|
|
<div class="col-4 form-group">
|
|
|
|
<label for="idCompany">{{'company' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="idCompany" class="form-control" type="text" name="Identity.Company"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.identity.company" [disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
2018-06-07 15:05:25 +02:00
|
|
|
</div>
|
2018-06-07 16:21:28 +02:00
|
|
|
<div class="row">
|
|
|
|
<div class="col-4 form-group">
|
|
|
|
<label for="idSsn">{{'ssn' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="idSsn" class="form-control" type="text" name="Identity.SSN"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.identity.ssn" appInputVerbatim [disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
|
|
|
<div class="col-4 form-group">
|
|
|
|
<label for="idPassportNumber">{{'passportNumber' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="idPassportNumber" class="form-control" type="text" name="Identity.PassportNumber"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.identity.passportNumber" appInputVerbatim [disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
|
|
|
<div class="col-4 form-group">
|
|
|
|
<label for="idLicenseNumber">{{'licenseNumber' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="idLicenseNumber" class="form-control" type="text" name="Identity.LicenseNumber"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.identity.licenseNumber" appInputVerbatim [disabled]="cipher.isDeleted">
|
2018-06-07 15:05:25 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2018-06-07 16:21:28 +02:00
|
|
|
<div class="row">
|
|
|
|
<div class="col-6 form-group">
|
|
|
|
<label for="idEmail">{{'email' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="idEmail" class="form-control" type="text" name="Identity.Email"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.identity.email" appInputVerbatim [disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
|
|
|
<div class="col-6 form-group">
|
|
|
|
<label for="idPhone">{{'phone' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="idPhone" class="form-control" type="text" name="Identity.Phone"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.identity.phone" [disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
2018-06-07 15:05:25 +02:00
|
|
|
</div>
|
2018-06-07 16:21:28 +02:00
|
|
|
<div class="row">
|
|
|
|
<div class="col-6 form-group">
|
|
|
|
<label for="idAddress1">{{'address1' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="idAddress1" class="form-control" type="text" name="Identity.Address1"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.identity.address1" [disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
|
|
|
<div class="col-6 form-group">
|
|
|
|
<label for="idAddress2">{{'address2' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="idAddress2" class="form-control" type="text" name="Identity.Address2"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.identity.address2" [disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-6 form-group">
|
|
|
|
<label for="idAddress3">{{'address3' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="idAddress3" class="form-control" type="text" name="Identity.Address3"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.identity.address3" [disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
|
|
|
<div class="col-6 form-group">
|
|
|
|
<label for="idCity">{{'cityTown' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="idCity" class="form-control" type="text" name="Identity.City"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.identity.city" [disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-6 form-group">
|
|
|
|
<label for="idState">{{'stateProvince' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="idState" class="form-control" type="text" name="Identity.State"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.identity.state" [disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
|
|
|
<div class="col-6 form-group">
|
|
|
|
<label for="idPostalCode">{{'zipPostalCode' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="idPostalCode" class="form-control" type="text" name="Identity.PostalCode"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.identity.postalCode" [disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-6 form-group">
|
|
|
|
<label for="idCountry">{{'country' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<input id="idCountry" class="form-control" type="text" name="Identity.Country"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.identity.country" [disabled]="cipher.isDeleted">
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2018-06-07 23:12:11 +02:00
|
|
|
</ng-container>
|
2018-06-07 16:21:28 +02:00
|
|
|
<div class="form-group">
|
|
|
|
<label for="notes">{{'notes' | i18n}}</label>
|
2020-04-08 22:48:30 +02:00
|
|
|
<textarea id="notes" name="Notes" rows="6" [(ngModel)]="cipher.notes" [disabled]="cipher.isDeleted"
|
2019-02-21 22:50:37 +01:00
|
|
|
class="form-control"></textarea>
|
2018-06-07 16:21:28 +02:00
|
|
|
</div>
|
2018-06-07 23:12:11 +02:00
|
|
|
<h3 class="mt-4">{{'customFields' | i18n}}</h3>
|
2019-03-28 16:59:53 +01:00
|
|
|
<div cdkDropList (cdkDropListDropped)="drop($event)" *ngIf="cipher.hasFields">
|
|
|
|
<div class="row" cdkDrag *ngFor="let f of cipher.fields; let i = index; trackBy:trackByFunction">
|
|
|
|
<div class="col-5 form-group">
|
|
|
|
<div class="d-flex">
|
|
|
|
<label for="fieldName{{i}}">{{'name' | i18n}}</label>
|
|
|
|
<a class="ml-auto" href="https://help.bitwarden.com/article/custom-fields/"
|
2019-10-11 16:35:24 +02:00
|
|
|
target="_blank" rel="noopener" appA11yTitle="{{'learnMore' | i18n}}">
|
|
|
|
<i class="fa fa-question-circle-o" aria-hidden="true"></i>
|
2019-03-28 16:59:53 +01:00
|
|
|
</a>
|
2018-07-19 19:56:44 +02:00
|
|
|
</div>
|
2019-03-28 16:59:53 +01:00
|
|
|
<input id="fieldName{{i}}" type="text" name="Field.Name{{i}}" [(ngModel)]="f.name"
|
2020-04-08 22:48:30 +02:00
|
|
|
class="form-control" appInputVerbatim [disabled]="cipher.isDeleted">
|
2019-03-28 16:59:53 +01:00
|
|
|
</div>
|
|
|
|
<div class="col-7 form-group">
|
|
|
|
<label for="fieldValue{{i}}">{{'value' | i18n}}</label>
|
|
|
|
<div class="d-flex align-items-center">
|
|
|
|
<div class="input-group" *ngIf="f.type === fieldType.Text">
|
|
|
|
<input id="fieldValue{{i}}" class="form-control" type="text" name="Field.Value{{i}}"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="f.value" appInputVerbatim [disabled]="cipher.isDeleted">
|
2020-04-10 19:42:37 +02:00
|
|
|
<div class="input-group-append">
|
2019-03-28 16:59:53 +01:00
|
|
|
<button type="button" class="btn btn-outline-secondary"
|
2019-10-11 16:35:24 +02:00
|
|
|
appA11yTitle="{{'copyValue' | i18n}}"
|
|
|
|
(click)="copy(f.value, 'value', 'Field')" tabindex="-1">
|
|
|
|
<i class="fa fa-lg fa-clipboard" aria-hidden="true"></i>
|
2019-03-28 16:59:53 +01:00
|
|
|
</button>
|
2018-06-09 06:39:14 +02:00
|
|
|
</div>
|
2019-03-28 16:59:53 +01:00
|
|
|
</div>
|
|
|
|
<div class="input-group" *ngIf="f.type === fieldType.Hidden">
|
|
|
|
<input id="fieldValue{{i}}" type="{{f.showValue ? 'text' : 'password'}}"
|
|
|
|
name="Field.Value{{i}}" [(ngModel)]="f.value"
|
|
|
|
class="form-control text-monospace" appInputVerbatim
|
2020-04-08 22:48:30 +02:00
|
|
|
autocomplete="new-password" [disabled]="cipher.isDeleted">
|
2020-04-10 19:42:37 +02:00
|
|
|
<div class="input-group-append">
|
2019-03-28 16:59:53 +01:00
|
|
|
<button type="button" class="btn btn-outline-secondary"
|
2019-10-11 16:35:24 +02:00
|
|
|
appA11yTitle="{{'toggleVisibility' | i18n}}" (click)="toggleFieldValue(f)"
|
2019-03-28 16:59:53 +01:00
|
|
|
tabindex="-1">
|
2019-10-11 16:35:24 +02:00
|
|
|
<i class="fa fa-lg" aria-hidden="true"
|
2019-03-28 16:59:53 +01:00
|
|
|
[ngClass]="{'fa-eye': !f.showValue, 'fa-eye-slash': f.showValue}">
|
|
|
|
</i>
|
|
|
|
</button>
|
|
|
|
<button type="button" class="btn btn-outline-secondary"
|
2019-10-11 16:35:24 +02:00
|
|
|
appA11yTitle="{{'copyValue' | i18n}}"
|
2019-07-12 16:41:18 +02:00
|
|
|
(click)="copy(f.value, 'value', f.type === fieldType.Hidden ? 'H_Field' : 'Field')"
|
2019-03-28 16:59:53 +01:00
|
|
|
tabindex="-1">
|
2019-10-11 16:35:24 +02:00
|
|
|
<i class="fa fa-lg fa-clipboard" aria-hidden="true"></i>
|
2019-03-28 16:59:53 +01:00
|
|
|
</button>
|
2019-03-28 16:39:49 +01:00
|
|
|
</div>
|
2018-06-07 05:23:14 +02:00
|
|
|
</div>
|
2019-03-28 16:59:53 +01:00
|
|
|
<div class="flex-fill">
|
|
|
|
<input id="fieldValue{{i}}" name="Field.Value{{i}}" type="checkbox"
|
|
|
|
[(ngModel)]="f.value" *ngIf="f.type === fieldType.Boolean" appTrueFalseValue
|
2020-04-08 22:48:30 +02:00
|
|
|
trueValue="true" falseValue="false" [disabled]="cipher.isDeleted">
|
2019-03-28 16:59:53 +01:00
|
|
|
</div>
|
|
|
|
<button type="button" class="btn btn-link text-danger ml-2" (click)="removeField(f)"
|
2020-04-08 22:48:30 +02:00
|
|
|
appA11yTitle="{{'remove' | i18n}}" *ngIf="!cipher.isDeleted">
|
2019-10-11 16:35:24 +02:00
|
|
|
<i class="fa fa-minus-circle fa-lg" aria-hidden="true"></i>
|
2019-03-28 16:59:53 +01:00
|
|
|
</button>
|
|
|
|
<button type="button" class="btn btn-link text-muted cursor-move"
|
2020-04-08 22:48:30 +02:00
|
|
|
appA11yTitle="{{'dragToSort' | i18n}}" *ngIf="!cipher.isDeleted">
|
2019-10-11 16:35:24 +02:00
|
|
|
<i class="fa fa-bars fa-lg" aria-hidden="true"></i>
|
2019-03-28 16:59:53 +01:00
|
|
|
</button>
|
2018-06-06 23:25:57 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2018-06-07 05:23:14 +02:00
|
|
|
</div>
|
2019-03-28 16:59:53 +01:00
|
|
|
</div>
|
2020-04-08 22:48:30 +02:00
|
|
|
<a href="#" appStopClick (click)="addField()" class="d-inline-block mb-2" *ngIf="!cipher.isDeleted">
|
2019-10-11 17:22:21 +02:00
|
|
|
<i class="fa fa-plus-circle fa-fw" aria-hidden="true"></i> {{'newCustomField' | i18n}}
|
2018-06-07 23:12:11 +02:00
|
|
|
</a>
|
2020-04-08 22:48:30 +02:00
|
|
|
<div class="row" *ngIf="!cipher.isDeleted">
|
2018-06-09 06:39:14 +02:00
|
|
|
<div class="col-5">
|
2018-06-07 23:12:11 +02:00
|
|
|
<label for="addFieldType" class="sr-only">{{'type' | i18n}}</label>
|
|
|
|
<select id="addFieldType" class="form-control" name="AddFieldType" [(ngModel)]="addFieldType">
|
|
|
|
<option *ngFor="let o of addFieldTypeOptions" [ngValue]="o.value">{{o.name}}</option>
|
|
|
|
</select>
|
|
|
|
</div>
|
2018-06-07 05:23:14 +02:00
|
|
|
</div>
|
2020-02-12 22:11:38 +01:00
|
|
|
<ng-container *ngIf="allowOwnershipAssignment()">
|
2018-10-19 18:44:52 +02:00
|
|
|
<h3 class="mt-4">{{'ownership' | i18n}}</h3>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-5">
|
|
|
|
<label for="organizationId">{{'whoOwnsThisItem' | i18n}}</label>
|
2019-02-21 22:50:37 +01:00
|
|
|
<select id="organizationId" class="form-control" name="OrganizationId"
|
2020-04-08 22:48:30 +02:00
|
|
|
[(ngModel)]="cipher.organizationId" (change)="organizationChanged()"
|
|
|
|
[disabled]="cipher.isDeleted">
|
2018-10-19 18:44:52 +02:00
|
|
|
<option *ngFor="let o of ownershipOptions" [ngValue]="o.value">{{o.name}}</option>
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</ng-container>
|
2020-02-10 20:03:36 +01:00
|
|
|
<ng-container *ngIf="(!editMode || cloneMode) && cipher.organizationId">
|
2018-10-19 18:44:52 +02:00
|
|
|
<h3 class="mt-4">{{'collections' | i18n}}</h3>
|
|
|
|
<div *ngIf="!collections || !collections.length">
|
|
|
|
{{'noCollectionsInList' | i18n}}
|
|
|
|
</div>
|
|
|
|
<ng-container *ngIf="collections && collections.length">
|
|
|
|
<div class="form-check" *ngFor="let c of collections; let i = index">
|
2019-02-21 22:50:37 +01:00
|
|
|
<input class="form-check-input" type="checkbox" [(ngModel)]="c.checked"
|
2020-04-08 22:48:30 +02:00
|
|
|
id="collection-{{i}}" name="Collection[{{i}}].Checked" [disabled]="cipher.isDeleted">
|
2018-10-19 18:44:52 +02:00
|
|
|
<label class="form-check-label" for="collection-{{i}}">{{c.name}}</label>
|
|
|
|
</div>
|
|
|
|
</ng-container>
|
|
|
|
</ng-container>
|
2018-07-28 05:38:12 +02:00
|
|
|
<ng-container *ngIf="editMode">
|
2018-07-31 04:02:01 +02:00
|
|
|
<div class="small text-muted mt-4">
|
2018-07-28 05:38:12 +02:00
|
|
|
<div>
|
|
|
|
<b class="font-weight-semibold">{{'dateUpdated' | i18n}}:</b>
|
|
|
|
{{cipher.revisionDate | date:'medium'}}
|
|
|
|
</div>
|
2018-07-31 04:02:01 +02:00
|
|
|
<div *ngIf="showRevisionDate">
|
2018-07-28 05:38:12 +02:00
|
|
|
<b class="font-weight-semibold">{{'datePasswordUpdated' | i18n}}:</b>
|
2018-07-31 04:02:01 +02:00
|
|
|
{{cipher.passwordRevisionDisplayDate | date:'medium'}}
|
2018-07-28 05:38:12 +02:00
|
|
|
</div>
|
2018-07-31 04:02:01 +02:00
|
|
|
<div *ngIf="hasPasswordHistory">
|
2018-07-30 14:48:48 +02:00
|
|
|
<b class="font-weight-semibold">{{'passwordHistory' | i18n}}:</b>
|
|
|
|
<a href="#" appStopClick (click)="viewHistory()" title="{{'view' | i18n}}">
|
|
|
|
{{cipher.passwordHistory.length}}
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="ml-3" *ngIf="viewingPasswordHistory">
|
|
|
|
<div *ngFor="let ph of cipher.passwordHistory">
|
|
|
|
{{ph.lastUsedDate | date:'short'}} -
|
|
|
|
<span class="text-monospace ml-2">{{ph.password}}</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
2018-07-28 05:38:12 +02:00
|
|
|
</div>
|
|
|
|
</ng-container>
|
2018-06-07 15:05:25 +02:00
|
|
|
</div>
|
|
|
|
<div class="modal-footer">
|
2018-07-18 05:15:15 +02:00
|
|
|
<button type="submit" class="btn btn-primary btn-submit" [disabled]="form.loading">
|
2019-10-11 16:35:24 +02:00
|
|
|
<i class="fa fa-spinner fa-spin" title="{{'loading' | i18n}}" aria-hidden="true"></i>
|
2020-05-18 15:51:20 +02:00
|
|
|
<span>{{(cipher?.isDeleted ? 'restore' : 'save') | i18n}}</span>
|
2018-06-07 15:05:25 +02:00
|
|
|
</button>
|
2018-07-18 05:15:15 +02:00
|
|
|
<button type="button" class="btn btn-outline-secondary" data-dismiss="modal">
|
2018-06-07 15:05:25 +02:00
|
|
|
{{'cancel' | i18n}}
|
|
|
|
</button>
|
2018-06-07 23:12:11 +02:00
|
|
|
<div class="ml-auto" *ngIf="cipher">
|
2020-04-08 22:48:30 +02:00
|
|
|
<button *ngIf="!organization && !cipher.isDeleted" type="button" (click)="toggleFavorite()" class="btn btn-link"
|
2019-10-11 16:35:24 +02:00
|
|
|
appA11yTitle="{{(cipher.favorite ? 'unfavorite' : 'favorite') | i18n}}">
|
|
|
|
<i class="fa fa-lg" [ngClass]="{'fa-star': cipher.favorite, 'fa-star-o': !cipher.favorite}"
|
|
|
|
aria-hidden="true"></i>
|
2018-06-07 23:12:11 +02:00
|
|
|
</button>
|
2019-02-21 22:50:37 +01:00
|
|
|
<button #deleteBtn type="button" (click)="delete()" class="btn btn-outline-danger"
|
2020-04-08 22:48:30 +02:00
|
|
|
appA11yTitle="{{(cipher.isDeleted ? 'permanentlyDelete' : 'delete') | i18n}}"
|
|
|
|
*ngIf="editMode && !cloneMode" [disabled]="deleteBtn.loading"
|
2019-02-21 22:50:37 +01:00
|
|
|
[appApiAction]="deletePromise">
|
2019-10-11 16:35:24 +02:00
|
|
|
<i class="fa fa-trash-o fa-lg fa-fw" [hidden]="deleteBtn.loading" aria-hidden="true"></i>
|
2019-02-21 22:50:37 +01:00
|
|
|
<i class="fa fa-spinner fa-spin fa-lg fa-fw" [hidden]="!deleteBtn.loading"
|
2019-10-11 16:35:24 +02:00
|
|
|
title="{{'loading' | i18n}}" aria-hidden="true"></i>
|
2018-06-07 05:23:14 +02:00
|
|
|
</button>
|
2018-06-06 23:25:57 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2018-06-07 05:23:14 +02:00
|
|
|
</form>
|
2018-06-06 23:25:57 +02:00
|
|
|
</div>
|
2020-04-08 22:48:30 +02:00
|
|
|
</div>
|