2019-06-02 20:55:56 +02:00
< 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 * 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" >
< 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 >
< td class = "uk-text-left" >
{{curator.email}}
< / td >
< / tr >
< tr * ngIf = "curator.name != null" >
< td for = "name" class = "uk-text-bold uk-text-right" >
Name
< span class = "uk-text-danger uk-text-bold" >
*
< / span >
:
< / td >
2019-06-05 15:31:27 +02:00
< td class = "uk-text-left uk-width-1-1" >
2019-06-02 20:55:56 +02:00
< div * ngIf = "!curator.name || curator.name === ''" class = " uk-text-danger uk-text-small style=display:none" > Please add name. < / div >
< input type = "text"
2019-06-05 15:31:27 +02:00
class="form-control uk-input" id="name"
2019-06-11 15:52:12 +02:00
[(ngModel)]="curator.name" (input)="resetMessages(); onNameChange()" #name="ngModel" required>
2019-06-02 20:55:56 +02:00
< / td >
< / 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" >
< img class = "uk-border-circle curator-photo" src = "{{photo}}" alt = "Curator Photo" >
< / div >
< div uk-form-custom >
2019-06-11 15:52:12 +02:00
< input id = "photo" type = "file" ( change ) = " fileChangeEvent ( $ event ) " ( input ) = " resetMessages ( ) ; change ( ) " / >
2019-06-02 20:55:56 +02:00
< button class = "uk-button portal-button" type = "button" tabindex = "-1" >
2019-06-07 12:27:16 +02:00
Upload a photo
< / button >
< / div >
2019-07-09 11:43:19 +02:00
< div * ngIf = "photo !== 'assets/common-assets/curator-default.png'" class = "uk-margin-small-left" >
2019-06-11 15:52:12 +02:00
< button class = "uk-button uk-button-danger" type = "button" ( click ) = " resetMessages ( ) ; removePhotoModal . open ( ) " >
2019-06-07 12:27:16 +02:00
Remove
2019-06-02 20:55:56 +02:00
< / button >
< / div >
< / div >
2019-06-28 11:23:01 +02:00
< div class = "uk-margin-small-top uk-text-warning" >
Maximum photo resolution is 256x256 pixels.
< / div >
2019-06-02 20:55:56 +02:00
< / td >
< / tr >
< tr * ngIf = "curator.bio != null" >
< td for = "bio" class = "uk-text-bold uk-text-right" > Biography:< / td >
< td class = "uk-text-left" >
< textarea placeholder = {{curator.bio}} type = "text"
2019-06-05 15:31:27 +02:00
class="form-control uk-textarea" rows="6"
2019-06-02 20:55:56 +02:00
id="bio"
[(ngModel)]="curator.bio"
2019-06-11 15:52:12 +02:00
(input)="resetMessages(); change()">
2019-06-02 20:55:56 +02:00
< / textarea >
< / td >
< / tr >
< tr * ngIf = "curator.bio != null" >
< td class = "uk-text-right" > < / td >
< td class = "uk-text-left" >
< div class = "uk-text-danger uk-text-bold" >
* Required fields
< / div >
< / td >
< / tr >
< tr >
< td class = "uk-text-right" > < / td >
< td >
2019-07-09 11:43:19 +02:00
< div * ngIf = "!newCurator && !curatorsEnabled" class = "uk-alert uk-alert-warning" role = "alert" >
< span class = "uk-margin-small-right uk-icon" uk-icon = "warning" >
< / span >
Community's Curators page is disabled. Please enable it < a routerLink = "/pages" routerLinkActive = "router-link-active" [ queryParams ] = " { communityId: communityId , type: ' other ' } " > here< / a > .
< / div >
2019-06-02 20:55:56 +02:00
< div * ngIf = "updateErrorMessage" class = "uk-alert uk-alert-danger" role = "alert" > {{updateErrorMessage}}< / div >
< div * ngIf = "successfulSaveMessage" class = "uk-alert uk-alert-success" role = "alert" > {{successfulSaveMessage}}< / div >
< / tr >
< / tbody >
< / table >
< div * ngIf = "curatorId != null && curator != null && !showLoading" class = "uk-width-1-2" >
2019-06-11 15:52:12 +02:00
< affiliations [ curatorAffiliations ] = " true " [ affiliations ] = " curator . affiliations "
(affiliationsChange)="affiliationsChanged = $event"
(resetCuratorMessages)="resetMessages();">
< / affiliations >
2019-06-02 20:55:56 +02:00
< / div >
< / div >
2019-06-05 15:31:27 +02:00
< div class = "uk-float-right" >
2019-06-11 15:52:12 +02:00
< 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 >
2019-06-05 15:31:27 +02:00
< / div >
2019-06-07 12:27:16 +02:00
< modal-alert # removePhotoModal ( alertOutput ) = " removePhoto ( ) " >
2019-06-12 11:54:20 +02:00
Your photo will be removed after you save your data. Are you sure you want to proceed?
2019-06-02 20:55:56 +02:00
< / modal-alert >