MaDgIK
/
connect-admin
13
0
Fork 0
Code Issues Pull Requests Projects Releases 9 Wiki Activity

[Trunk|Admin]: Curators page: some changes on the view.' 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-admin-portal/trunk@56489 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2019-07-11 11:15:46 +00:00
parent 12297f28bc
commit 3616991444
2 changed files with 104 additions and 96 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/pages/affiliations/affiliations.component.html
View File

@ -59,8 +59,8 @@
<a href="{{result.website_url}}" title="{{result.website_url}}" class="uk-margin-auto-top" target="_blank">{{_format(result.website_url)}}</a>
</div>
<div class="uk-width-1-5">
<button class="uk-icon-button uk-icon uk-button-secondary uk-margin-small-right" title="Edit" uk-icon="pencil" (click)="chooseAffiliation(i, 'edit')"></button>
<button class="uk-icon-button uk-icon uk-button-danger" title="Remove" uk-icon="minus" (click)="chooseAffiliation(i)"></button>
<button class="uk-icon-button uk-icon uk-button-secondary uk-margin-small-right uk-margin-small-bottom" title="Edit" uk-icon="pencil" (click)="chooseAffiliation(i, 'edit')"></button>
<button class="uk-icon-button uk-icon uk-button-danger uk-margin-small-bottom" title="Remove" uk-icon="minus" (click)="chooseAffiliation(i)"></button>
</div>
</li>
</ul>

28
src/app/pages/curator/curator.component.html
View File

@ -1,3 +1,8 @@
<ng-template #buttons>
<button class="uk-button uk-margin-small-right" (click)="resetMessages(); resetForm()">Cancel</button>
<button *ngIf="enabled && (hasChanged || affiliationsChanged)" class="uk-button uk-button-primary" (click)="resetMessages(); updateCurator()">Save</button>
<button *ngIf="!enabled || (!hasChanged && !affiliationsChanged)" class="uk-button uk-button-default" disabled>Save</button>
</ng-template>
<div class="uk-container uk-container-large">
<div class="uk-padding uk-padding-remove-top uk-text-large uk-text-center uk-width">Edit Personal Info</div>
<div class="uk-margin-large-bottom uk-flex uk-grid-divider" uk-grid>
@ -29,23 +34,25 @@
</tr>
<tr *ngIf="photo != null">
<td for="photo" class="uk-text-bold uk-align-right">Photo:</td>
<td class="uk-text-center">
<div class="uk-flex uk-flex-center" uk-grid>
<div class="uk-width-1-1">
<td class="uk-text-left">
<div class="uk-flex uk-flex-middle" uk-grid>
<div class="uk-width-1-3@l">
<img class="uk-border-circle curator-photo" src="{{photo}}" alt="Curator Photo">
</div>
<div uk-form-custom>
<div class="uk-width-expand@l" uk-grid>
<div uk-form-custom class="uk-width-1-2">
<input id="photo" type="file" (change)="fileChangeEvent($event)" (input)="resetMessages(); change()"/>
<button class="uk-button portal-button" type="button" tabindex="-1">
Upload a photo
Upload
</button>
</div>
<div *ngIf="photo !== 'assets/common-assets/curator-default.png'" class="uk-margin-small-left">
<div *ngIf="photo !== 'assets/common-assets/curator-default.png'" class="uk-width-1-2">
<button class="uk-button uk-button-danger" type="button" (click)="resetMessages(); removePhotoModal.open()">
Remove
</button>
</div>
</div>
</div>
<div class="uk-margin-small-top uk-text-warning">
Maximum photo resolution is 256x256 pixels.
</div>
@ -90,10 +97,11 @@
</affiliations>
</div>
</div>
<div class="uk-float-right" style="z-index: 100; bottom: 45px; position: fixed; right: 45px;">
<button class="uk-button uk-margin-small-right" (click)="resetMessages(); resetForm()">Cancel</button>
<button *ngIf="enabled && (hasChanged || affiliationsChanged)" class="uk-button uk-button-primary" (click)="resetMessages(); updateCurator()">Save</button>
<button *ngIf="!enabled || (!hasChanged && !affiliationsChanged)" class="uk-button uk-button-default" disabled>Save</button>
<div class="uk-float-right uk-visible@m" style="z-index: 100; bottom: 45px; position: fixed; right: 45px;">
<ng-container *ngTemplateOutlet="buttons"></ng-container>
</div>
<div class="uk-float-right uk-margin-bottom uk-hidden@m">
<ng-container *ngTemplateOutlet="buttons"></ng-container>
</div>
</div>
<modal-alert #removePhotoModal (alertOutput)="removePhoto()">