[Trunk|Admin]: Curators edit personal info page: Change view to be more responsive.
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-admin-portal/trunk@56485 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
parent
c1ffb065e4
commit
12297f28bc
|
@ -1,9 +1,10 @@
|
|||
<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-flex uk-grid-divider" uk-grid>
|
||||
<div class="uk-margin-large-bottom uk-flex uk-grid-divider" uk-grid>
|
||||
<div *ngIf="showLoading" class="uk-animation-fade uk-width-1-1" role="alert">
|
||||
<span class="loading-gif uk-align-center"></span>
|
||||
</div>
|
||||
<table *ngIf="curatorId != null && curator != null && !showLoading" class="uk-width-1-2 uk-align-center">
|
||||
<table *ngIf="curatorId != null && curator != null && !showLoading" class="uk-width-1-2@m uk-width-1-1@s uk-align-center">
|
||||
<tbody class="uk-table uk-align-center">
|
||||
<tr *ngIf="curator.email != null" >
|
||||
<td for="email" class="uk-text-bold uk-text-right">E-mail:</td>
|
||||
|
@ -28,9 +29,9 @@
|
|||
</tr>
|
||||
<tr *ngIf="photo != null">
|
||||
<td for="photo" class="uk-text-bold uk-align-right">Photo:</td>
|
||||
<td class="uk-text-left">
|
||||
<div class="uk-flex uk-flex-middle">
|
||||
<div class="uk-width-1-3">
|
||||
<td class="uk-text-center">
|
||||
<div class="uk-flex uk-flex-center" uk-grid>
|
||||
<div class="uk-width-1-1">
|
||||
<img class="uk-border-circle curator-photo" src="{{photo}}" alt="Curator Photo">
|
||||
</div>
|
||||
<div uk-form-custom>
|
||||
|
@ -82,18 +83,19 @@
|
|||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div *ngIf="curatorId != null && curator != null && !showLoading" class="uk-width-1-2">
|
||||
<div *ngIf="curatorId != null && curator != null && !showLoading" class="uk-width-1-2@m uk-width-1-1@s">
|
||||
<affiliations [curatorAffiliations]="true" [affiliations]="curator.affiliations"
|
||||
(affiliationsChange)="affiliationsChanged = $event"
|
||||
(resetCuratorMessages)="resetMessages();">
|
||||
</affiliations>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-float-right">
|
||||
<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>
|
||||
</div>
|
||||
<modal-alert #removePhotoModal (alertOutput)="removePhoto()">
|
||||
Your photo will be removed after you save your data. Are you sure you want to proceed?
|
||||
</modal-alert>
|
||||
|
|
|
@ -42,7 +42,7 @@ import {HelperFunctions} from '../../openaireLibrary/utils/HelperFunctions.class
|
|||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-margin-top">
|
||||
<div class="uk-margin-medium-top">
|
||||
<div class="uk-text-center">
|
||||
<p class="uk-text-small uk-text-bold uk-margin-small uk-margin-small-top community-title">
|
||||
<a>
|
||||
|
|
Loading…
Reference in New Issue