Project

General

Profile

1 51118 myrto.kouk
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
2
  <div class="uk-width-1-1@m uk-first-column">
3
4
    <h1 class="uk-h2">{{ repoName }}</h1>
5
    <div class="uk-text uk-text-small uk-text-secondary">{{ topic }}</div>
6
7
    <!-- TOP HELP CONTENT -->
8 51561 myrto.kouk
        <help-content #topHelperContent [position]="'top'"
9 51543 myrto.kouk
                      [ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
10 51561 myrto.kouk
        </help-content>
11 51118 myrto.kouk
12
    <div class="uk-container uk-margin-medium-top uk-margin-medium-bottom">
13
      <div class="uk-grid">
14
15
        <!-- LEFT HELP CONTENT -->
16 51561 myrto.kouk
                <aside-help-content #leftHelperContent [position]="'left'"
17 51543 myrto.kouk
                                    [ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
18 51561 myrto.kouk
                </aside-help-content>
19 51118 myrto.kouk
20
        <!-- MIDDLE -->
21
        <div class=" uk-width-expand@m">
22
23
          <div>
24
            <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{errorMessage}}</div>
25
            <div *ngIf="successMessage" class="uk-alert uk-alert-success">{{successMessage}}</div>
26
            <div *ngIf="loadingMessage" class="loading-big">
27
              <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">{{ loadingMessage }}</div>
28
              <div class="whiteFilm"></div>
29
            </div>
30
            <div *ngIf="noEvents" class="uk-alert">{{ noEvents }}</div>
31 51595 myrto.kouk
            <div *ngIf="!noEvents && !loadingMessage && !errorMessage && eventsPage && eventsPage.totalPages>0" class="events-results">
32 51118 myrto.kouk
              <div class="numberOfEventsLabel">
33 51359 myrto.kouk
34
                <!-- RESTORE WHEN ADVANCED SHOW EVENTS IS FIXED AND SENDS CORRECT VALUE FOR CURRENT PAGE -->
35
                <!--<span>Showing {{(eventsPage.currPage*10)+1 }}-{{ ( (eventsPage.total < 10) || (eventsPage.total < (eventsPage.currPage+1)*10) ) ? (eventsPage.total) : (eventsPage.currPage+1)*10 }} of {{ eventsPage.total }} results</span>-->
36
37
                <!-- DELETE WHEN ADVANCED SHOW EVENTS IS FIXED AND SENDS CORRECT VALUE FOR CURRENT PAGE -->
38
                <span>Showing {{(currentPage*10)+1 }}-{{ ( (eventsPage.total < 10) || (eventsPage.total < (currentPage+1)*10) ) ? (eventsPage.total) : (currentPage+1)*10 }} of {{ eventsPage.total }} results</span>
39
40 51118 myrto.kouk
                <span class="uk-float-right">
41
                  <button id="subscribe" type="button" class="uk-button uk-button-primary uk-button-small" (click)="showSubscriptionModal()">Subscribe to these events</button>
42
                </span>
43
              </div>
44
              <div>
45
                <ul class="uk-pagination">
46
                  <li>
47
                    <a class="uk-link uk-link-muted" (click)="goToPreviousPage()">
48
                <span class="uk-margin-small-right uk-pagination-previous uk-icon" uk-pagination-previous="">
49
                  <svg width="7" height="12" viewBox="0 0 7 12" xmlns="http://www.w3.org/2000/svg" icon="pagination-previous" ratio="1"></svg>
50
                </span>
51
                      Previous
52
                    </a>
53
                  </li>
54
                  <li class="uk-margin-auto-left">
55
                    <a class="uk-link uk-link-muted" (click)="goToNextPage()">
56
                      Next
57
                      <span class="uk-margin-small-left uk-pagination-next uk-icon" uk-pagination-next="">
58
                        <svg width="7" height="12" viewBox="0 0 7 12" xmlns="http://www.w3.org/2000/svg" icon="pagination-next" ratio="1"></svg>
59
                      </span>
60
                    </a>
61
                  </li>
62
                </ul>
63 51359 myrto.kouk
64
                <!-- RESTORE WHEN ADVANCED SHOW EVENTS IS FIXED AND SENDS CORRECT VALUE FOR CURRENT PAGE -->
65
                <!--<div class="resultsPageLabel">page {{ eventsPage.currPage+1 }} of {{ eventsPage.totalPages }}</div>-->
66
67
                <!-- DELETE WHEN ADVANCED SHOW EVENTS IS FIXED AND SENDS CORRECT VALUE FOR CURRENT PAGE -->
68
                <div class="resultsPageLabel">page {{ currentPage+1 }} of {{ eventsPage.totalPages }}</div>
69
70 51118 myrto.kouk
              </div>
71
              <div *ngFor="let event of eventsPage.values" class="events-list">
72
                <div class="uk-card uk-card-default well uk-scrollspy-inview uk-animation-slide-top-medium">
73
                  <div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
74
                    <div class="uk-width-1-1@m uk-first-column">
75
                      <p class="text-right"><span class="uk-label">Trust: {{ event.trust }}</span></p>
76
                      <div class="uk-overflow-auto uk-scrollspy-inview uk-animation-slide-top-medium">
77
                        <table class="uk-table uk-table-striped uk-table-middle">
78
                          <tbody>
79
                          <tr class="el-item">
80
                            <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">ID</strong></td>
81
                            <td class="uk-table-shrink">
82
                              <div class="el-title">{{ event.publication.originalId }}</div>
83
                            </td>
84
                          </tr>
85
                          <tr class="el-item">
86
                            <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Title(s)</strong></td>
87
                            <td class="uk-table-shrink">
88
                              <div class="el-title">
89
                                <span *ngFor="let t of event.publication.titles">{{ t }};&nbsp;&nbsp;</span></div>
90
                            </td>
91
                          </tr>
92
                          <tr class="el-item">
93
                            <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Author(s)</strong></td>
94
                            <td class="uk-table-shrink">
95
                              <div class="el-title"><span *ngFor="let auth of event.publication.creators">{{ auth }};&nbsp;&nbsp;</span></div>
96
                            </td>
97
                          </tr><tr class="el-item">
98
                            <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">PID(s)</strong></td>
99
                            <td class="uk-table-shrink"><div class="el-title"><span *ngFor="let pid of event.publication.pids">({{ pid.type }}) {{ pid.value }}</span></div></td>
100
                          </tr>
101
                          <tr class="el-item"><td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Abstract(s)</strong></td>
102
                            <td class="uk-table-shrink"><div class="el-title"><span *ngFor="let abs of event.publication.abstracts">{{ abs }}</span></div></td>
103
                          </tr>
104
                          <tr class="el-item">
105
                            <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Project(s)/Relation(s)</strong></td>
106
                            <td class="uk-table-shrink"><div class="el-title"><span *ngFor="let rel of event.publication.externalReferences">{{ rel.name }}; </span></div></td>
107
                          </tr>
108
                          <tr class="el-item">
109
                            <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Subject(s)</strong></td>
110
                            <td class="uk-table-shrink">
111
                              <div class="el-title"><span *ngFor="let subj of event.publication.subjects">{{ subj }};&nbsp;</span></div>
112
                            </td>
113
                          </tr>
114
                          <tr class="el-item">
115
                            <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Publication date</strong></td>
116
                            <td class="uk-table-shrink"><div class="el-title">{{ event.publication.publicationdate }}</div></td>
117
                          </tr>
118
                          <tr class="el-item success">
119
                            <td class="uk-table-shrink uk-width-1-4"><strong class="el-title uk-display-block">Rights</strong></td>
120
                            <td class="uk-table-shrink">
121
                              <div class="el-title">
122
                            <span *ngFor="let l of event.publication.instances">{{ l.license }}&nbsp;&nbsp;<b>{{ l.hostedby }}</b><br>
123
                              <a href="{{ l.url }}" target="_blank">{{ l.url }}</a><br>
124
                            </span>
125
                                <span class="pull-right">
126
                              <span class="uk-label uk-label-success">added</span>&nbsp;&nbsp;
127
                              <span><b>from: </b>
128
                                <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
129
                                <span> ({{ event.provenance.id }})</span>
130
                              </span>
131
                            </span>
132
                              </div>
133
                            </td>
134
                          </tr>
135
                          </tbody>
136
                        </table>
137
                      </div>
138
                    </div>
139
                  </div>
140
                </div>
141
              </div>
142
              <div>
143
                <ul class="uk-pagination">
144
                  <li>
145
                    <a class="uk-link uk-link-muted" (click)="goToPreviousPage()">
146
                <span class="uk-margin-small-right uk-pagination-previous uk-icon" uk-pagination-previous="">
147
                  <svg width="7" height="12" viewBox="0 0 7 12" xmlns="http://www.w3.org/2000/svg" icon="pagination-previous" ratio="1"></svg>
148
                </span>
149
                      Previous
150
                    </a>
151
                  </li>
152
                  <li class="uk-margin-auto-left">
153
                    <a class="uk-link uk-link-muted" (click)="goToNextPage()">
154
                      Next
155
                      <span class="uk-margin-small-left uk-pagination-next uk-icon" uk-pagination-next="">
156
                  <svg width="7" height="12" viewBox="0 0 7 12" xmlns="http://www.w3.org/2000/svg" icon="pagination-next" ratio="1"></svg>
157
                </span>
158
                    </a>
159
                  </li>
160
                </ul>
161 51359 myrto.kouk
162
                <!-- RESTORE WHEN ADVANCED SHOW EVENTS IS FIXED AND SENDS CORRECT VALUE FOR CURRENT PAGE -->
163
                <!--<div class="resultsPageLabel">page {{ eventsPage.currPage+1 }} of {{ eventsPage.totalPages }}</div>-->
164
165
                <!-- DELETE WHEN ADVANCED SHOW EVENTS IS FIXED AND SENDS CORRECT VALUE FOR CURRENT PAGE -->
166
                <div class="resultsPageLabel">page {{ currentPage+1 }} of {{ eventsPage.totalPages }}</div>
167
168 51118 myrto.kouk
              </div>
169
            </div>
170
          </div>
171
        </div>
172
173
        <!-- RIGHT HELP CONTENT CAN'T BE USED IN THIS PAGE -->
174
        <div [formGroup]="group" class="tm-sidebar uk-width-1-4@m">
175
          <div class="enrichContentAdvancedSearch uk-card uk-card-body uk-card-default sidemenu">
176
            <div>
177
              <h6 class="uk-h6 uk-text-primary uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="">
178
                <span>Tweak and refine events</span>
179
              </h6>
180
            </div>
181
            <div role="form" class="uk-form-horizontal">
182
              <div class="uk-form-horizontal">
183
                <div class="form-group">
184
                  <label class="control-label">Trust [{{group.get('trustMin').value}} - {{group.get('trustMax').value}}]</label><br>
185
                  <input type="range" min="0" max="1" step="0.05" formControlName="trustMin" class="uk-range"/>
186
                  <input type="range" min="0" max="1" step="0.05" formControlName="trustMax" class="uk-range"/>
187
                </div>
188
              </div>
189
              <div class="uk-form-horizontal">
190
                <div class="form-group">
191
                  <label class="control-label" style="display: block;">Title</label>
192 51595 myrto.kouk
                  <div formArrayName="eventTitles" *ngFor="let title of eventTitleFormArray; let title_index = index">
193 51118 myrto.kouk
                    <div [formGroupName]="title_index">
194
                      <input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventTitle">
195
                      <a class="inlineBlock deleteIcon" (click)="removeControl('eventTitles',title_index)"><i class="fa fa-remove"></i></a>
196
                    </div>
197
                  </div>
198
                  <a (click)="addControl('eventTitles',titleDefinition)"><i class="fa fa-plus"></i> Add another</a>
199
                </div>
200
              </div>
201
              <div class="uk-form-horizontal">
202
                <div class="form-group">
203
                  <label class="control-label" style="display: block;">Author</label>
204 51595 myrto.kouk
                  <div formArrayName="eventAuthors" *ngFor="let author of eventAuthorFormArray; let author_index = index">
205 51118 myrto.kouk
                    <div [formGroupName]="author_index">
206
                      <input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventAuthor">
207
                      <a class="inlineBlock deleteIcon" (click)="removeControl('eventAuthors',author_index)"><i class="fa fa-remove"></i></a>
208
                    </div>
209
                  </div>
210
                  <a (click)="addControl('eventAuthors', authorDefinition)"><i class="fa fa-plus"></i> Add another</a>
211
                </div>
212
              </div>
213
              <div class="uk-form-horizontal">
214
                <div class="form-group">
215
                  <label class="control-label" style="display: block;">Subject</label>
216 51595 myrto.kouk
                  <div formArrayName="eventSubjects" *ngFor="let subject of eventSubjectsFormArray; let subject_index = index">
217 51118 myrto.kouk
                    <div [formGroupName]="subject_index">
218
                      <input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventSubject">
219
                      <a class="inlineBlock deleteIcon" (click)="removeControl('eventSubjects', subject_index)"><i class="fa fa-remove"></i></a>
220
                    </div>
221
                  </div>
222
                  <a (click)="addControl('eventSubjects', subjectDefinition)"><i class="fa fa-plus"></i> Add another</a>
223
                </div>
224
              </div>
225
              <div>
226
                <div class="uk-form-horizontal">
227
                  <div class="form-group">
228
                    <label class="control-label" style="display: block;">Date</label>
229 51595 myrto.kouk
                    <div formArrayName="eventDateRanges" *ngFor="let date of eventDateRangesFormArray; let date_index = index">
230 51118 myrto.kouk
                      <div class="uk-form" style="position: relative;" [formGroupName]=date_index>
231
                        <input class="form-control inlineBlock dateFrom" style="width:88%;"
232
                               placeholder="From"
233
                               type="text"
234
                               onfocus="(this.type='date')"
235
                               formControlName=dateFrom>
236
                        <input class="form-control inlineBlock dateTo" style="width:88%;"
237
                               placeholder="To"
238
                               type="text"
239
                               onfocus="(this.type='date')"
240
                               formControlName=dateTo>
241
                        <a class="inlineBlock deleteIcon" (click)="removeControl('eventDateRanges',date_index)"><i class="fa fa-remove" style=""></i></a>
242
                      </div>
243
                    </div>
244
                    <a (click)="addControl('eventDateRanges', dateRangeDefinition)"><i class="fa fa-plus"></i> Add another</a>
245
                  </div>
246
                </div>
247
              </div>
248
              <div role="form" class="form-horizontal">
249
                <div class="form-group">
250
                  <div class="actionButtons">
251
                    <button type="button" (click)="updateQuery()" class="uk-button uk-button-primary advancedSearch">Apply</button>
252
                    <button type="reset" (click)="clearForm()" class="uk-button uk-button-default clearCriteria">Clear</button>
253
                  </div>
254
                </div>
255
              </div>
256
            </div>
257
          </div>
258
        </div>
259
260
      </div>
261
    </div>
262
263
264
    <!-- BOTTOM HELP CONTENT -->
265
    <help-content #bottomHelperContent [position]="'bottom'"
266
                  [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
267
    </help-content>
268
269
270
  </div>
271
</div>
272
273
274 51543 myrto.kouk
<confirmation-dialog #subscribeToEventsModal [title]="'Create subscription for'" [isModalShown]="isModalShown"
275 50925 myrto.kouk
                     [confirmActionButton]="'Subscribe'" (emitObject)="subscribeToEvents($event)">
276 50843 myrto.kouk
  <div *ngIf="eventsPage">
277
    <div *ngIf="modalErrorMessage" class="uk-alert uk-alert-danger">{{ modalErrorMessage }}</div>
278
    <div>
279
      <h4 class="uk-h4">{{ eventsPage.datasource }}</h4>
280
      <div class="uk-text uk-text-small uk-text-secondary">{{ eventsPage.topic }}</div>
281
    </div>
282
    <div>
283
      <div class="form-group">
284
        <label class="control-label">Email</label>
285
        <div>{{ userEmail }}</div>
286
      </div>
287
      <div class="form-group">
288
        <label class="control-label">Frequency (*)</label>
289
        <select class="form-control" #selectFreq (change)="choseFrequency(selectFreq.value)">
290
          <option value="">-- none selected --</option>
291
          <option value="never">never</option>
292
          <option value="realtime">realtime</option>
293
          <option value="daily">daily</option>
294
          <option value="weekly">weekly</option>
295
          <option value="monthly">monthly</option>
296
        </select>
297
      </div>
298
      <div class="form-group">
299
        <label class="control-label">Options</label>
300
        <div>
301
          <table class="table table-bordered">
302
            <tbody>
303 51543 myrto.kouk
            <tr>
304
              <td>Trust</td>
305
              <td>[{{advanceSearch.trust.min}}, {{advanceSearch.trust.max}}]</td>
306
            </tr>
307 50843 myrto.kouk
            </tbody>
308
          </table>
309
        </div>
310
      </div>
311
    </div>
312
  </div>
313
</confirmation-dialog>