* table filters

* image upload implemented now
* auth token renewal
This commit is contained in:
Danyi Dávid
2018-05-13 22:35:37 +02:00
parent d614d1b020
commit a909486396
19 changed files with 323 additions and 34 deletions

View File

@@ -2,10 +2,17 @@
<mat-form-field class="full-width">
<input name="name" type="text" matInput placeholder="Display name" [(ngModel)]="awardee.name">
</mat-form-field>
<button type="button" mat-raised-button>
<i class="far fa-image"></i>
Upload profile image
</button>
<div class="image-preview-zone">
<img [src]="profileImage" class="profile-image mat-elevation-z10" [class.tobe-replaced]="rawProfileImage"
*ngIf="awardee.hasProfileImage">
<img [src]="rawProfileImage" class="profile-image mat-elevation-z10 clickable" *ngIf="rawProfileImage"
(click)="undoImageSelect(profileImageUpload)" matTooltip="Remove image">
</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
</label>
<mat-divider></mat-divider>
<mat-form-field class="full-width">
<mat-select name="year" placeholder="Year" [(ngModel)]="awardee.year">
@@ -16,9 +23,16 @@
<mat-form-field class="full-width">
<textarea name="text" matInput placeholder="Article text" rows="10" [(ngModel)]="awardee.text"></textarea>
</mat-form-field>
<button type="button" mat-raised-button>
<div class="image-preview-zone">
<img [src]="awardImage" class="award-image mat-elevation-z10" [class.tobe-replaced]="rawAwardImage"
*ngIf="awardee.hasAwardImage">
<img [src]="rawAwardImage" class="award-image mat-elevation-z10 clickable" *ngIf="rawAwardImage"
(click)="undoImageSelect(awardImageUpload)" matTooltip="Remove image">
</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
</button>
</label>
<mat-divider></mat-divider>
<mat-form-field class="full-width">