mirror of
https://github.com/bitwarden/web
synced 2025-12-06 00:03:28 +00:00
2ae98887b7
* [Icons] Update to new font sheet * Rebased - updated all icon remaining icon references * Temporarily Updating gitmodules branch * Fixed class reference * Revert temporary gitmodule branch * Icon updates/changes * Pull jslib m-icon-updates latest * Prettier * Update jslib to master * Reset jslib to master * Removed obsolete variable reference, replaced bolt references * Removed all instances of base class - maps create automatically * Updated toast icon references * Imported styles to reference variable/map * Reverted to using base class * Update jslib * Rename eye-2 to eye and eye-slash-2 to eye-slash * Bump jslib * Remove duplicate scss * Remove old fa * Update fallback image * Bump jslib * Rename eye-2 to eye, and eye-slash-2 to eye-slash * Fix 404 * Fix integrity of bootstrap.min.css * Fix callout missing bwi * Add bwi to change-kdf * Remove bwi from callout again * Bump jslib Co-authored-by: Hinton <oscar@oscarhinton.com>
263 lines
8.5 KiB
HTML
263 lines
8.5 KiB
HTML
<div class="page-header">
|
|
<h1>{{ "emergencyAccess" | i18n }}</h1>
|
|
</div>
|
|
<p>
|
|
{{ "emergencyAccessDesc" | i18n }}
|
|
<a href="https://bitwarden.com/help/article/emergency-access/" target="_blank" rel="noopener">
|
|
{{ "learnMore" | i18n }}.
|
|
</a>
|
|
</p>
|
|
|
|
<p *ngIf="isOrganizationOwner">
|
|
<b>{{ "warning" | i18n }}:</b> {{ "emergencyAccessOwnerWarning" | i18n }}
|
|
</p>
|
|
|
|
<div class="page-header d-flex">
|
|
<h2>
|
|
{{ "trustedEmergencyContacts" | i18n }}
|
|
<a
|
|
href="#"
|
|
appStopClick
|
|
class="badge badge-primary"
|
|
*ngIf="!canAccessPremium"
|
|
(click)="premiumRequired()"
|
|
>
|
|
{{ "premium" | i18n }}
|
|
</a>
|
|
</h2>
|
|
<div class="ml-auto d-flex">
|
|
<button
|
|
class="btn btn-sm btn-outline-primary ml-3"
|
|
type="button"
|
|
(click)="invite()"
|
|
[disabled]="!canAccessPremium"
|
|
>
|
|
<i aria-hidden="true" class="bwi bwi-plus bwi-fw"></i>
|
|
{{ "addEmergencyContact" | i18n }}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<table class="table table-hover table-list mb-0" *ngIf="trustedContacts && trustedContacts.length">
|
|
<tbody>
|
|
<tr *ngFor="let c of trustedContacts; let i = index">
|
|
<td width="30">
|
|
<app-avatar
|
|
[data]="c | userName"
|
|
[email]="c.email"
|
|
size="25"
|
|
[circle]="true"
|
|
[fontSize]="14"
|
|
>
|
|
</app-avatar>
|
|
</td>
|
|
<td>
|
|
<a href="#" appStopClick (click)="edit(c)">{{ c.email }}</a>
|
|
<span
|
|
class="badge badge-secondary"
|
|
*ngIf="c.status === emergencyAccessStatusType.Invited"
|
|
>{{ "invited" | i18n }}</span
|
|
>
|
|
<span class="badge badge-warning" *ngIf="c.status === emergencyAccessStatusType.Accepted">{{
|
|
"accepted" | i18n
|
|
}}</span>
|
|
<span
|
|
class="badge badge-warning"
|
|
*ngIf="c.status === emergencyAccessStatusType.RecoveryInitiated"
|
|
>{{ "emergencyAccessRecoveryInitiated" | i18n }}</span
|
|
>
|
|
<span
|
|
class="badge badge-success"
|
|
*ngIf="c.status === emergencyAccessStatusType.RecoveryApproved"
|
|
>{{ "emergencyAccessRecoveryApproved" | i18n }}</span
|
|
>
|
|
|
|
<span class="badge badge-primary" *ngIf="c.type === emergencyAccessType.View">{{
|
|
"view" | i18n
|
|
}}</span>
|
|
<span class="badge badge-primary" *ngIf="c.type === emergencyAccessType.Takeover">{{
|
|
"takeover" | i18n
|
|
}}</span>
|
|
|
|
<small class="text-muted d-block" *ngIf="c.name">{{ c.name }}</small>
|
|
</td>
|
|
<td class="table-list-options">
|
|
<div class="dropdown" appListDropdown>
|
|
<button
|
|
class="btn btn-outline-secondary dropdown-toggle"
|
|
type="button"
|
|
data-toggle="dropdown"
|
|
aria-haspopup="true"
|
|
aria-expanded="false"
|
|
appA11yTitle="{{ 'options' | i18n }}"
|
|
>
|
|
<i class="bwi bwi-cog bwi-lg" aria-hidden="true"></i>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a
|
|
class="dropdown-item"
|
|
href="#"
|
|
appStopClick
|
|
(click)="reinvite(c)"
|
|
*ngIf="c.status === emergencyAccessStatusType.Invited"
|
|
>
|
|
<i class="bwi bwi-fw bwi-envelope" aria-hidden="true"></i>
|
|
{{ "resendInvitation" | i18n }}
|
|
</a>
|
|
<a
|
|
class="dropdown-item text-success"
|
|
href="#"
|
|
appStopClick
|
|
(click)="confirm(c)"
|
|
*ngIf="c.status === emergencyAccessStatusType.Accepted"
|
|
>
|
|
<i class="bwi bwi-fw bwi-check" aria-hidden="true"></i>
|
|
{{ "confirm" | i18n }}
|
|
</a>
|
|
<a
|
|
class="dropdown-item text-success"
|
|
href="#"
|
|
appStopClick
|
|
(click)="approve(c)"
|
|
*ngIf="c.status === emergencyAccessStatusType.RecoveryInitiated"
|
|
>
|
|
<i class="bwi bwi-fw bwi-check" aria-hidden="true"></i>
|
|
{{ "approve" | i18n }}
|
|
</a>
|
|
<a
|
|
class="dropdown-item text-warning"
|
|
href="#"
|
|
appStopClick
|
|
(click)="reject(c)"
|
|
*ngIf="
|
|
c.status === emergencyAccessStatusType.RecoveryInitiated ||
|
|
c.status === emergencyAccessStatusType.RecoveryApproved
|
|
"
|
|
>
|
|
<i class="bwi bwi-fw bwi-close" aria-hidden="true"></i>
|
|
{{ "reject" | i18n }}
|
|
</a>
|
|
<a class="dropdown-item text-danger" href="#" appStopClick (click)="remove(c)">
|
|
<i class="bwi bwi-fw bwi-remove" aria-hidden="true"></i>
|
|
{{ "remove" | i18n }}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p *ngIf="!trustedContacts || !trustedContacts.length">{{ "noTrustedContacts" | i18n }}</p>
|
|
|
|
<div class="page-header spaced-header">
|
|
<h2>{{ "designatedEmergencyContacts" | i18n }}</h2>
|
|
</div>
|
|
|
|
<table class="table table-hover table-list mb-0" *ngIf="grantedContacts && grantedContacts.length">
|
|
<tbody>
|
|
<tr *ngFor="let c of grantedContacts; let i = index">
|
|
<td width="30">
|
|
<app-avatar
|
|
[data]="c | userName"
|
|
[email]="c.email"
|
|
size="25"
|
|
[circle]="true"
|
|
[fontSize]="14"
|
|
>
|
|
</app-avatar>
|
|
</td>
|
|
<td>
|
|
<span>{{ c.email }}</span>
|
|
<span
|
|
class="badge badge-secondary"
|
|
*ngIf="c.status === emergencyAccessStatusType.Invited"
|
|
>{{ "invited" | i18n }}</span
|
|
>
|
|
<span class="badge badge-warning" *ngIf="c.status === emergencyAccessStatusType.Accepted">{{
|
|
"accepted" | i18n
|
|
}}</span>
|
|
<span
|
|
class="badge badge-warning"
|
|
*ngIf="c.status === emergencyAccessStatusType.RecoveryInitiated"
|
|
>{{ "emergencyAccessRecoveryInitiated" | i18n }}</span
|
|
>
|
|
<span
|
|
class="badge badge-success"
|
|
*ngIf="c.status === emergencyAccessStatusType.RecoveryApproved"
|
|
>{{ "emergencyAccessRecoveryApproved" | i18n }}</span
|
|
>
|
|
|
|
<span class="badge badge-primary" *ngIf="c.type === emergencyAccessType.View">{{
|
|
"view" | i18n
|
|
}}</span>
|
|
<span class="badge badge-primary" *ngIf="c.type === emergencyAccessType.Takeover">{{
|
|
"takeover" | i18n
|
|
}}</span>
|
|
|
|
<small class="text-muted d-block" *ngIf="c.name">{{ c.name }}</small>
|
|
</td>
|
|
<td class="table-list-options">
|
|
<div class="dropdown" appListDropdown>
|
|
<button
|
|
class="btn btn-outline-secondary dropdown-toggle"
|
|
type="button"
|
|
data-toggle="dropdown"
|
|
aria-haspopup="true"
|
|
aria-expanded="false"
|
|
appA11yTitle="{{ 'options' | i18n }}"
|
|
>
|
|
<i class="bwi bwi-cog bwi-lg" aria-hidden="true"></i>
|
|
</button>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a
|
|
class="dropdown-item"
|
|
href="#"
|
|
appStopClick
|
|
(click)="requestAccess(c)"
|
|
*ngIf="c.status === emergencyAccessStatusType.Confirmed"
|
|
>
|
|
<i class="bwi bwi-fw bwi-envelope" aria-hidden="true"></i>
|
|
{{ "requestAccess" | i18n }}
|
|
</a>
|
|
<a
|
|
class="dropdown-item"
|
|
href="#"
|
|
appStopClick
|
|
(click)="takeover(c)"
|
|
*ngIf="
|
|
c.status === emergencyAccessStatusType.RecoveryApproved &&
|
|
c.type === emergencyAccessType.Takeover
|
|
"
|
|
>
|
|
<i class="bwi bwi-fw bwi-key" aria-hidden="true"></i>
|
|
{{ "takeover" | i18n }}
|
|
</a>
|
|
<a
|
|
class="dropdown-item"
|
|
[routerLink]="c.id"
|
|
*ngIf="
|
|
c.status === emergencyAccessStatusType.RecoveryApproved &&
|
|
c.type === emergencyAccessType.View
|
|
"
|
|
>
|
|
<i class="bwi bwi-fw bwi-eye" aria-hidden="true"></i>
|
|
{{ "view" | i18n }}
|
|
</a>
|
|
<a class="dropdown-item text-danger" href="#" appStopClick (click)="remove(c)">
|
|
<i class="bwi bwi-fw bwi-close" aria-hidden="true"></i>
|
|
{{ "remove" | i18n }}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p *ngIf="!grantedContacts || !grantedContacts.length">{{ "noGrantedAccess" | i18n }}</p>
|
|
|
|
<ng-template #addEdit></ng-template>
|
|
<ng-template #takeoverTemplate></ng-template>
|
|
<ng-template #confirmTemplate></ng-template>
|