Project

General

Profile

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
  <!--&lt;!&ndash;<div *ngIf="!loadingMessage" class="uk-modal-dialog uk-modal-body">&ndash;&gt;-->
116
    <!--&lt;!&ndash;<div *ngIf="selectedAdminForDelete">&ndash;&gt;-->
117
      <!--&lt;!&ndash;<h6>Are you sure you want to delete {{ selectedAdminForDelete.email }} from the list of repository admins?</h6>&ndash;&gt;-->
118
      <!--&lt;!&ndash;&lt;!&ndash;<p>Deleting a {{serviceORresource}} is an irreversible action.</p>&ndash;&gt;&ndash;&gt;-->
119
    <!--&lt;!&ndash;</div>&ndash;&gt;-->
120
    <!--&lt;!&ndash;<button class="uk-button uk-button-danger uk-modal-close" type="button" (click)="deleteRepoAdmin(selectedAdminForDelete.email)">Delete</button>&ndash;&gt;-->
121
    <!--&lt;!&ndash;<button class="uk-button uk-button-primary uk-modal-close" type="button" (click)="closeDeletionModal()">Cancel</button>&ndash;&gt;-->
122
  <!--&lt;!&ndash;</div>&ndash;&gt;-->
123
  <!--&lt;!&ndash;<div *ngIf="loadingMessage">&ndash;&gt;-->
124
    <!--&lt;!&ndash;<div class="loader-small" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">&ndash;&gt;-->
125
      <!--&lt;!&ndash;{{ loadingMessage }}&ndash;&gt;-->
126
    <!--&lt;!&ndash;</div>&ndash;&gt;-->
127
    <!--&lt;!&ndash;&lt;!&ndash;    <div class="whiteFilm"></div>&ndash;&gt;&ndash;&gt;-->
128
  <!--&lt;!&ndash;</div>&ndash;&gt;-->
129
<!--</div>-->
(3-3/4)