1
|
<div class="uk-margin-small-top">
|
2
|
<div>Update the users who can access the dashboard to manage the datasource.</div>
|
3
|
|
4
|
<div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{errorMessage}}</div>
|
5
|
<div *ngIf="loadingMessage" class="loading-medium">
|
6
|
<div class="loader-small" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
|
7
|
{{ loadingMessage }}
|
8
|
</div>
|
9
|
<div class="whiteFilm"></div>
|
10
|
</div>
|
11
|
|
12
|
<div *ngIf="!loadingMessage" >
|
13
|
|
14
|
<div class="uk-margin-top">
|
15
|
<div class="uk-flex uk-flex-right@m uk-flex-right@l">
|
16
|
<a class="uk-button uk-button-primary action uk-flex uk-flex-middle" (click)="showAddRepoAdminModal()">
|
17
|
<!--<i class="md-icon material-icons">clear</i>-->
|
18
|
<span class="uk-margin-small-left">Invite admin</span>
|
19
|
</a>
|
20
|
</div>
|
21
|
</div>
|
22
|
|
23
|
<div class="uk-margin-medium-top">
|
24
|
<div *ngFor="let repoAdmin of repoAdmins" class="uk-grid uk-grid-divider uk-flex uk-flex-middle" uk-grid="">
|
25
|
<div class="uk-width-3-4@l uk-width-1-2@m uk-first-column">
|
26
|
<div class="">
|
27
|
<span class="uk-text-muted">Email: </span>
|
28
|
<span class="uk-text-bold">{{repoAdmin.email}}</span>
|
29
|
</div>
|
30
|
</div>
|
31
|
<div class="uk-width-expand">
|
32
|
<div class="uk-flex uk-flex-center">
|
33
|
<a class="uk-button uk-button-default action uk-flex uk-flex-middle" (click)="showDeletionModal(repoAdmin)">
|
34
|
<i class="md-icon material-icons">clear</i>
|
35
|
<span class="uk-margin-small-left">Remove</span>
|
36
|
</a>
|
37
|
</div>
|
38
|
</div>
|
39
|
</div>
|
40
|
</div>
|
41
|
|
42
|
</div>
|
43
|
|
44
|
</div>
|
45
|
|
46
|
<confirmation-dialog #deleteRepositoryAdminModal [title]="'Remove datasource admin'" [isModalShown]="isDeleteModalShown"
|
47
|
[confirmButNotCloseButton]="'Remove'" (emitObject)="deleteRepoAdmin($event)">
|
48
|
|
49
|
<div *ngIf="modalErrorMessage" class="uk-alert uk-alert-danger">{{modalErrorMessage}}</div>
|
50
|
|
51
|
<div *ngIf="modalLoadingMessage" class="loading-small">
|
52
|
<div class="loader-small" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
|
53
|
{{ modalLoadingMessage }}
|
54
|
</div>
|
55
|
<div class="whiteFilm"></div>
|
56
|
</div>
|
57
|
|
58
|
<!--<div *ngIf="!modalLoadingMessage && !modalErrorMessage">-->
|
59
|
|
60
|
<!--<div *ngIf="selectedAdminForDelete">-->
|
61
|
<!--<h6>Are you sure you want to delete {{ selectedAdminForDelete.email }} from the list of repository admins?</h6>-->
|
62
|
<!--</div>-->
|
63
|
<!--</div>-->
|
64
|
<div *ngIf="selectedAdminForDelete">
|
65
|
<h6>Are you sure you want to remove this user admin?</h6>
|
66
|
<pre>
|
67
|
<ng-container *ngIf="selectedAdminForDelete.firstName || selectedAdminForDelete.lastName">
|
68
|
{{selectedAdminForDelete.firstName}} {{selectedAdminForDelete.lastName}}
|
69
|
</ng-container>
|
70
|
{{ selectedAdminForDelete.email }}
|
71
|
</pre>
|
72
|
</div>
|
73
|
|
74
|
</confirmation-dialog>
|
75
|
|
76
|
|
77
|
<confirmation-dialog #addRepositoryAdminModal [title]="'Add new datasource admin'" [isModalShown]="isAddModalShown"
|
78
|
[confirmButNotCloseButton]="'Submit'" (emitObject)="addRepositoryAdmin()">
|
79
|
|
80
|
<div *ngIf="modalErrorMessage" class="uk-alert uk-alert-danger">{{modalErrorMessage}}</div>
|
81
|
|
82
|
<div *ngIf="modalLoadingMessage" class="loading-small">
|
83
|
<div class="loader-small" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
|
84
|
{{ modalLoadingMessage }}
|
85
|
</div>
|
86
|
<div class="whiteFilm"></div>
|
87
|
</div>
|
88
|
|
89
|
<h6>Add the email address of the new user admin. Make sure the user already has an OpenAIRE account with this email address.</h6>
|
90
|
<form>
|
91
|
<div class="uk-margin">
|
92
|
<input class="uk-input" placeholder="Enter email..." [formControl]="emailControl">
|
93
|
</div>
|
94
|
</form>
|
95
|
</confirmation-dialog>
|
96
|
|
97
|
|
98
|
|
99
|
<!--<div id="addAdminModal" uk-modal>-->
|
100
|
<!--<div class="uk-modal-dialog" style="top: 95.5px;">-->
|
101
|
<!--<div class="uk-modal-header">-->
|
102
|
<!--<h3 class="uk-modal-title">Adding a new repository admin for this repository</h3>-->
|
103
|
<!--</div>-->
|
104
|
<!--<div class="uk-modal-body">-->
|
105
|
<!--<p>Lorem ipsum.....</p>-->
|
106
|
<!--</div>-->
|
107
|
<!--<div class="uk-modal-footer uk-text-right">-->
|
108
|
<!--<button type="button" class="md-btn md-btn-flat uk-modal-close">Cancel</button>-->
|
109
|
<!--<button (click)="addRepositoryAdmin()" type="button" class="md-btn md-btn-flat md-btn-flat-primary">Add admin</button>-->
|
110
|
<!--</div>-->
|
111
|
<!--</div>-->
|
112
|
|
113
|
|
114
|
|
115
|
<!--<!–<div *ngIf="!loadingMessage" class="uk-modal-dialog uk-modal-body">–>-->
|
116
|
<!--<!–<div *ngIf="selectedAdminForDelete">–>-->
|
117
|
<!--<!–<h6>Are you sure you want to delete {{ selectedAdminForDelete.email }} from the list of repository admins?</h6>–>-->
|
118
|
<!--<!–<!–<p>Deleting a {{serviceORresource}} is an irreversible action.</p>–>–>-->
|
119
|
<!--<!–</div>–>-->
|
120
|
<!--<!–<button class="uk-button uk-button-danger uk-modal-close" type="button" (click)="deleteRepoAdmin(selectedAdminForDelete.email)">Delete</button>–>-->
|
121
|
<!--<!–<button class="uk-button uk-button-primary uk-modal-close" type="button" (click)="closeDeletionModal()">Cancel</button>–>-->
|
122
|
<!--<!–</div>–>-->
|
123
|
<!--<!–<div *ngIf="loadingMessage">–>-->
|
124
|
<!--<!–<div class="loader-small" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">–>-->
|
125
|
<!--<!–{{ loadingMessage }}–>-->
|
126
|
<!--<!–</div>–>-->
|
127
|
<!--<!–<!– <div class="whiteFilm"></div>–>–>-->
|
128
|
<!--<!–</div>–>-->
|
129
|
<!--</div>-->
|