SIGMA/swedishchamber-granprize-admin
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

* tooltip added to faded image in image upload parts

Browse Source 
* button label changed to "select" to reflect that no upload is actually happening at that point
This commit is contained in:
Danyi Dávid
2018-05-13 22:50:28 +02:00
parent a909486396
commit d406fa83fa
4 changed files with 21 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/awardee-editor/awardee-editor.component.html
View File

@@ -4,13 +4,13 @@
</mat-form-field>
<div class="image-preview-zone">
<img [src]="profileImage" class="profile-image mat-elevation-z10" [class.tobe-replaced]="rawProfileImage"
*ngIf="awardee.hasProfileImage">
*ngIf="awardee.hasProfileImage" [matTooltip]="existingProfileTooltip">
<img [src]="rawProfileImage" class="profile-image mat-elevation-z10 clickable" *ngIf="rawProfileImage"
(click)="undoImageSelect(profileImageUpload)" matTooltip="Remove image">
(click)="undoImageSelect(profileImageUpload)" matTooltip="Cancel this change">
</div>
<input #profileImageUpload id="profileImageUpload" type="file" accept="image/*" hidden (change)="profileImageSelectionChange()">
<label for="profileImageUpload" class="mat-raised-button">
<i class="far fa-image"></i> Upload profile image
<i class="far fa-image"></i> Select profile image
</label>
<mat-divider></mat-divider>
@@ -25,13 +25,13 @@
</mat-form-field>
<div class="image-preview-zone">
<img [src]="awardImage" class="award-image mat-elevation-z10" [class.tobe-replaced]="rawAwardImage"
*ngIf="awardee.hasAwardImage">
*ngIf="awardee.hasAwardImage" [matTooltip]="existingAwardTooltip">
<img [src]="rawAwardImage" class="award-image mat-elevation-z10 clickable" *ngIf="rawAwardImage"
(click)="undoImageSelect(awardImageUpload)" matTooltip="Remove image">
(click)="undoImageSelect(awardImageUpload)" matTooltip="Cancel this change">
</div>
<input #awardImageUpload id="awardImageUpload" type="file" accept="image/*" hidden (change)="awardImageSelectionChange()">
<label for="awardImageUpload" class="mat-raised-button">
<i class="far fa-image"></i> Upload article image
<i class="far fa-image"></i> Select article image
</label>
<mat-divider></mat-divider>