mirror of
https://github.com/bitwarden/browser
synced 2025-12-14 07:13:32 +00:00
d528d72b4d
- more semantically accurate, will expose these as buttons to assistive technologies - note: while having block-level elements like `<div>` inside a `<button>` is an html validation error, it does not affect functionality as long as there's no more structure inside it
51 lines
2.8 KiB
HTML
51 lines
2.8 KiB
HTML
<button type="button" *ngFor="let s of sends" (click)="selectSend(s)" appStopClick title="{{title}} - {{s.name}}"
|
|
class="box-content-row box-content-row-flex">
|
|
<div class="row-main">
|
|
<div class="app-vault-icon">
|
|
<div class="icon" aria-hidden="true">
|
|
<i class="fa fa-fw fa-lg fa-file-text-o" *ngIf="s.type === sendType.Text"></i>
|
|
<i class="fa fa-fw fa-lg fa-file-o" *ngIf="s.type === sendType.File"></i>
|
|
</div>
|
|
</div>
|
|
<div class="row-main-content">
|
|
<span class="text">
|
|
{{s.name}}
|
|
<ng-container *ngIf="s.disabled">
|
|
<i class="fa fa-warning text-muted" title="{{'disabled' | i18n}}" aria-hidden="true"></i>
|
|
<span class="sr-only">{{'disabled' | i18n}}</span>
|
|
</ng-container>
|
|
<ng-container *ngIf="s.password">
|
|
<i class="fa fa-key text-muted" title="{{'passwordProtected' | i18n}}" aria-hidden="true"></i>
|
|
<span class="sr-only">{{'passwordProtected' | i18n}}</span>
|
|
</ng-container>
|
|
<ng-container *ngIf="s.maxAccessCountReached">
|
|
<i class="fa fa-ban text-muted" title="{{'maxAccessCountReached' | i18n}}" aria-hidden="true"></i>
|
|
<span class="sr-only">{{'maxAccessCountReached' | i18n}}</span>
|
|
</ng-container>
|
|
<ng-container *ngIf="s.expired">
|
|
<i class="fa fa-clock-o text-muted" title="{{'expired' | i18n}}" aria-hidden="true"></i>
|
|
<span class="sr-only">{{'expired' | i18n}}</span>
|
|
</ng-container>
|
|
<ng-container *ngIf="s.pendingDelete">
|
|
<i class="fa fa-trash text-muted" title="{{'pendingDeletion' | i18n}}" aria-hidden="true"></i>
|
|
<span class="sr-only">{{'pendingDeletion' | i18n}}</span>
|
|
</ng-container>
|
|
</span>
|
|
<span class="detail">{{s.deletionDate | date:'medium'}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="action-buttons">
|
|
<span class="row-btn" appStopClick appStopProp appA11yTitle="{{'copySendLink' | i18n}}"
|
|
(click)="copySendLink(s)">
|
|
<i class="fa fa-lg fa-copy" aria-hidden="true"></i>
|
|
</span>
|
|
<span class="row-btn" [ngClass]="{'disabled' : disabledByPolicy}" appStopClick appStopProp
|
|
appA11yTitle="{{'removePassword' | i18n}}" (click)="removePassword(s)" *ngIf="s.password">
|
|
<i class="fa fa-lg fa-undo" aria-hidden="true"></i>
|
|
</span>
|
|
<span class="row-btn" appStopClick appStopProp appA11yTitle="{{'delete' | i18n}}" (click)="delete(s)">
|
|
<i class="fa fa-lg fa-trash-o" aria-hidden="true"></i>
|
|
</span>
|
|
</div>
|
|
</button>
|