Upstream/bitwarden-desktop
1
0
Fork 0
mirror of https://github.com/bitwarden/desktop.git synced 2024-09-27 03:53:00 +02:00
Code Issues Projects Releases Wiki Activity

Merge pull request #735 from bitwarden/SendBadges

Browse Source 
Send badges
This commit is contained in:
Addison Beck 2021-02-25 16:57:03 -05:00 committed by GitHub
commit b8de7d2619
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 74 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/app/send/send.component.html
View File

@ -43,14 +43,40 @@
[infiniteScrollContainer]="'#items .content'" [fromRoot]="true" (scrolled)="loadMore()">
<a *ngFor="let s of filteredSends" appStopClick (click)="selectSend(s.id)"
href="#" title="{{'viewItem' | i18n}}" (contextmenu)="viewSendMenu(s)"
[ngClass]="{'active': s.id === sendId}">
<div class="icon" aria-hidden="true">
[ngClass]="{'active': s.id === sendId}" class="flex-list-item">
<div class="item-icon" aria-hidden="true">
<i class="fa fa-fw fa-lg" [ngClass]="s.type == 0 ? 'fa-file-o' : 'fa-file-text-o'"></i>
</div>
<span class="text">
{{s.name}}
</span>
<span class="detail">{{s.deletionDate | date}}</span>
<div class="item-content">
<div class="item-title">
{{s.name}}
<span class="title-badges">
<ng-container *ngIf="s.disabled">
<i class="fa fa-warning" appStopProp 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" appStopProp title="{{'password' | i18n}}" aria-hidden="true"></i>
<span class="sr-only">{{'password' | i18n}}</span>
</ng-container>
<ng-container *ngIf="s.maxAccessCountReached">
<i class="fa fa-ban" appStopProp 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" appStopProp 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" appStopProp title="{{'pendingDeletion' | i18n}}"
aria-hidden="true"></i>
<span class="sr-only">{{'pendingDeletion' | i18n}}</span>
</ng-container>
</span>
</div>
<span class="item-details">{{s.deletionDate | date}}</span>
</div>
</a>
</div>
<div class="no-items" *ngIf="!filteredSends.length">

12
src/locales/en/messages.json
View File

@ -1638,5 +1638,17 @@
},
"copyLink": {
"message": "Copy link"
},
"disabled": {
"message": "Disabled"
},
"maxAccessCountReached": {
"message": "Max access count reached"
},
"expired": {
"message": "Expired"
},
"pendingDeletion": {
"message": "Pending deletion"
}
}

30
src/scss/list.scss
View File

@ -101,3 +101,33 @@
}
}
}
.list > a.flex-list-item {
display: flex;
align-items: center;
.item-icon {
margin-left: -5px;
margin-right: 4px;
@include themify($themes) {
color: themed('mutedColor');
}
}
.item-content {
.item-title {
.title-badges {
@include themify($themes) {
color: themed('mutedColor');
}
}
}
.item-details {
font-size: $font-size-small;
@include themify($themes) {
color: themed('mutedColor');
}
}
}
}