Project

General

Profile

1
<div class="uk-section uk-padding-remove-top uk-padding-remove-bottom ">
2
  <div
3
    [class]="((defaultColors)?'linkingToolbar':'communityPanelBackground')+' uk-padding-small'">
4
    <div class="uk-container  uk-container-large uk-margin-small-top uk-padding-small">
5
      <div class="uk-grid">
6
        <div class="uk-padding-remove-left uk-margin-auto-vertical back uk-link">
7
          <span
8
            (click)="showOptions.showLinkTo()"
9
            style="cursor:pointer">
10
            <span class="uk-icon">
11
            <svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="chevron-left"
12
                 ratio="1.5"><polyline fill="none" stroke="#000" stroke-width="1.03"
13
                                       points="13 16 7 10 13 4"></polyline></svg></span>
14
            BACK
15
          </span>
16
        </div>
17
        <div class="uk-width-expand">
18
          <h6 class="uk-text-bold">
19
            LINKING CONFIRMATION
20
          </h6>
21
          Confirm that the links you provided are all correct
22
        </div>
23
        <claim-insert [results]="results" [sources]="sources" [inlineEntity]="inlineEntity"
24
                      [properties]=properties [localStoragePrefix]=localStoragePrefix
25
                      class=" " [errors]="errors" (insertFinished)="runValidation(false); updateLocalStorage();"
26
                      [defaultColors]="defaultColors" [communityId]="communityId">
27
        </claim-insert>
28
      </div>
29
    </div>
30
  </div>
31
</div>
32

    
33
<div id="tm-main" class="uk-section  uk-margin-small-top tm-middle uk-padding-remove-top">
34
  <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">
35
    <div class="uk-container uk-container-large">
36

    
37

    
38
      <div *ngIf="properties" class="uk-section uk-section-default uk-padding-remove-top">
39

    
40

    
41
        <div class="uk-margin-top">
42
          <div class="uk-grid">
43
            <div class="uk-width-expand">
44
              <div>
45
                <div class=" uk-margin uk-h6 uk-text-primary uk-animation-toggle"
46
                     (click)="showSources=!showSources;  ">
47
                  SOURCES ({{sources.length + (inlineEntity ? 1 : 0) | number}})
48
                  <span *ngIf="!showSources" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"
49
                                                                  xmlns="http://www.w3.org/2000/svg" icon="chevron-left"
50
                                                                  ratio="1"><polyline fill="none" stroke="#000"
51
                                                                                      stroke-width="1.03"
52
                                                                                      points="13 16 7 10 13 4"></polyline></svg></span>
53
                  <span *ngIf="showSources" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"
54
                                                                 xmlns="http://www.w3.org/2000/svg" icon="chevron-down"
55
                                                                 ratio="1"><polyline fill="none" stroke="#000"
56
                                                                                     stroke-width="1.03"
57
                                                                                     points="16 7 10 13 4 7"></polyline></svg></span>
58
                </div>
59
                <ul *ngIf="inlineEntity && showSources" class="uk-list uk-animation-fade">
60
                  <li
61
                    [class]="((inlineEntity.warningMessages.length > 0)?' warningBorder ':'')+
62
                    +((inlineEntity.errorMessages.length > 0)?' dangerBorder ':'') +
63
                    ' uk-alert'" >
64
                    <div class="uk-grid  uk-text-small">
65
                      <div class="uk-text-muted uk-width-1-2">
66
                        {{(!inlineEntity.result) ? inlineEntity.type : ((inlineEntity.result && inlineEntity.result.source == 'openaire') ? inlineEntity.type : (inlineEntity.result && inlineEntity.result.source + ' result'))}}
67
                      </div>
68
                      <div *ngIf="inlineEntity.errorMessages.length > 0"
69
                           class="uk-text-danger  uk-width-1-2"> Link couldn't be saved
70
                      </div>
71
                    </div>
72
                    <!--                    <div class="uk-text-muted">-->
73
                    <!--                      {{(!inlineEntity.result) ? inlineEntity.type : ((inlineEntity.result && inlineEntity.result.source == 'openaire') ? inlineEntity.type : (inlineEntity.result && inlineEntity.result.source + ' result'))}}-->
74
                    <!--                    </div>-->
75
                    <div>
76
                      <claim-title [entity]="inlineEntity"></claim-title>
77
                    </div>
78
                    <claim-result-metadata [entity]="inlineEntity"></claim-result-metadata>
79
                    <claim-project-metadata [entity]="inlineEntity"></claim-project-metadata>
80
                  </li>
81
                </ul>
82
                <div *ngIf="!inlineEntity && sources.length == 0 && showSources">
83

    
84
                  <div class="uk-alert dangerBorder no-selected-message uk-text-center">
85
                    <span class="uk-text-bold uk-text-danger"> SOURCES cannot be empty.</span>
86
                    Start by adding your linking sources first, go to  <a (click)="showOptions.showSource() " class="uk-link">
87
                    sources
88
                    page</a>.
89
                  </div>
90
                </div>
91
                <ul *ngIf="!inlineEntity && sources.length > 0 && showSources" class="uk-list uk-animation-fade">
92
                  <li *ngFor=" let entity of sources "
93
                      [class]="((entity.warningMessages.length > 0)?' warningBorder ':'')+
94
                    +((entity.errorMessages.length > 0)?' dangerBorder ':'') +
95
                    ' uk-alert'">
96
                    <!--                    <div class="uk-text-muted">-->
97
                    <!--                      {{(!entity.result) ? entity.type : ((entity.result && entity.result.source == 'openaire') ? entity.type : (entity.result && entity.result.source + ' result'))}}-->
98
                    <!--                    </div>-->
99
                    <div class="uk-grid  uk-text-small">
100
                      <div class="uk-text-muted uk-width-1-2">
101
                        {{(!entity.result) ? entity.type : ((entity.result && entity.result.source == 'openaire') ? entity.type : (entity.result && entity.result.source + ' result'))}}
102
                      </div>
103
                      <div *ngIf="entity.errorMessages.length > 0"
104
                           class="uk-text-danger  uk-width-1-2"> Link couldn't be saved
105
                      </div>
106
                    </div>
107
                    <div class="uk-grid uk-margin-remove-top">
108
                      <div class="uk-width-expand">
109
                        <claim-title [entity]="entity"></claim-title>
110
                        <claim-result-metadata [entity]="entity"></claim-result-metadata>
111
                        <claim-project-metadata [entity]="entity"></claim-project-metadata>
112
                        <div *ngIf="entity.result && entity.result.source && entity.result.source!='openaire' "
113
                             class="uk-grid uk-margin-remove-left uk-margin-small-top uk-text-small">
114
                          <div class="uk-width-1-2 uk-padding-remove-left">
115
<!--                            <span class="uk-text-muted">Type </span>-->
116
<!--                            <mat-select [(ngModel)]="entity.type" name="{{'select_type_'+entity.id}}"-->
117
<!--                                    class="uk-select uk-width-small matSelection"-->
118
<!--                                    [disableOptionCentering]="true"-->
119
<!--                                    panelClass="entitiesSelectionPanel">-->
120
<!--                              <mat-option [value]="'publication'"-->
121
<!--                                      (click)="onTypeChanged('publication',entity, false)">Publication-->
122
<!--                              </mat-option>-->
123
<!--                              <mat-option [value]="'dataset'"-->
124
<!--                                      (click)="onTypeChanged('dataset',entity, false)">Research data-->
125
<!--                              </mat-option>-->
126
<!--                              <mat-option [value]="'software'" (click)="onTypeChanged('software',entity, false)">Software-->
127
<!--                              </mat-option>-->
128
<!--                              <mat-option [value]="'other'"-->
129
<!--                                      (click)="onTypeChanged('other',entity, false)">Other research product-->
130
<!--                              </mat-option>-->
131
<!--                            </mat-select>-->
132

    
133
                            <mat-form-field class="matSelectionFormField">
134
                              <mat-label>Type</mat-label>
135
                              <mat-select [(ngModel)]="entity.type" name="{{'select_type_'+entity.id}}"
136
                                          class="matSelection"
137
                                          [disableOptionCentering]="true"
138
                                          panelClass="entitiesSelectionPanel">
139
                                <mat-option [value]="'publication'"
140
                                            (click)="onTypeChanged('publication',entity, false)">Publication
141
                                </mat-option>
142
                                <mat-option [value]="'dataset'"
143
                                            (click)="onTypeChanged('dataset',entity, false)">Research data
144
                                </mat-option>
145
                                <mat-option [value]="'software'" (click)="onTypeChanged('software',entity, false)">Software
146
                                </mat-option>
147
                                <mat-option [value]="'other'"
148
                                            (click)="onTypeChanged('other',entity, false)">Other research product
149
                                </mat-option>
150
                              </mat-select>
151
                            </mat-form-field>
152

    
153
                          </div>
154
                          <div class="uk-width-1-2">
155
                            <div class="uk-grid">
156
<!--                              <span class="uk-text-muted uk-margin-small-top uk-padding-remove-left">Access mode</span>-->
157
                              <mat-form-field class="matSelectionFormField">
158
                                <mat-label>Access mode </mat-label>
159
                                <mat-select [(ngModel)]="entity.result.accessRights" name="{{'select_rights_'+entity.id}}"
160
                                        class="uk-padding-remove-left matSelection"
161
                                        [disableOptionCentering]="true"
162
                                        panelClass="matSelectionPanel">
163
                                  <mat-option *ngFor="let type of accessTypes" [value]="type"
164
                                          (click)="accessRightsTypeChanged(type,entity, false)">{{type}}</mat-option>
165
                                </mat-select>
166
                              </mat-form-field>
167
                              <mat-form-field *ngIf="entity.result.accessRights== 'EMBARGO'">
168
                                <input matInput [matDatepicker]="picker" placeholder="Choose embargo end date"
169
                                       (click)="picker.open()" [ngModel]="embargoEndDates[entity.id+'_source']"
170
                                       (dateInput)="onDateChanged($event, entity, false)" (dateChange)="onDateChanged($event, entity, false)">
171
                                <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
172
                                <mat-datepicker #picker [startAt]="embargoEndDates[entity.id+'_source']" ng-model-options="{ timezone: 'utc' }"></mat-datepicker>
173
                              </mat-form-field>
174
                            </div>
175
                            <div *ngIf="entity.result.accessRights== 'EMBARGO' && getEmbargoEndDateMessage(entity)"
176
                                 [class]="(getEmbargoEndDateMessage(entity)?'uk-text-warning':'')">{{getEmbargoEndDateMessage(entity)}}
177
                            </div>
178
                          </div>
179
                        </div>
180
                      </div>
181
                      <div class=" uk-margin-auto-vertical uk-padding-remove-left uk-margin-small-left">
182
                        <a class=" uk-icon-button  "
183
                           (click)="remove(entity, false)">
184
               <span class="uk-icon">
185
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="minus"
186
                       ratio="1"><rect height="1" width="18" y="9" x="1"></rect></svg>
187
               </span>
188
                        </a>
189
                      </div>
190
                    </div>
191

    
192

    
193
                  </li>
194
                </ul>
195
              </div>
196
              <!--     Results-->
197
              <div>
198
                <div class=" uk-margin uk-h6 uk-text-primary "
199
                     (click)="showLinksTo=!showLinksTo;  ">
200
                  LINK TO ({{results.length | number}})
201

    
202
                  <span *ngIf="!showLinksTo" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"
203
                                                                  xmlns="http://www.w3.org/2000/svg"
204
                                                                  icon="chevron-left" ratio="1"><polyline
205
                    fill="none" stroke="#000" stroke-width="1.03" points="13 16 7 10 13 4"></polyline></svg></span>
206
                  <span *ngIf="showLinksTo" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"
207
                                                                 xmlns="http://www.w3.org/2000/svg"
208
                                                                 icon="chevron-down" ratio="1"><polyline
209
                    fill="none" stroke="#000" stroke-width="1.03" points="16 7 10 13 4 7"></polyline></svg></span>
210

    
211
                </div>
212
                <div *ngIf="results.length == 0 && showLinksTo">
213
                  <div class="uk-alert dangerBorder no-selected-message uk-text-center">
214
                    <span class="uk-text-bold uk-text-danger"> LINK TO list cannot be empty.</span>
215
                    Select an entity type to link to:
216
                    <div class="uk-grid uk-text-center uk-margin-expand uk-padding-small uk-child-width-1-3 uk-width-large uk-margin-auto ">
217

    
218
                      <div *ngIf="showOptions.linkToEntities.indexOf('project')!=-1 "
219
                           (click)="goTo('project')"
220
                           style="cursor:pointer;">
221
                        <button class="uk-icon-button portal-button">
222
        <span class="uk-icon">
223
                        <svg height="20" icon="album" ratio="1" viewBox="0 0 20 20" width="20"
224
                             xmlns="http://www.w3.org/2000/svg"><rect height="1" width="10" x="5" y="2"></rect><rect
225
                          height="1" width="14" x="3" y="4"></rect><rect fill="none" height="11" stroke="#000"
226
                                                                         width="17" x="1.5" y="6.5"></rect></svg></span>
227
                        </button>
228
                        <div>Projects</div>
229
                      </div>
230
                      <div *ngIf="showOptions.linkToEntities.indexOf('result')!=-1 " (click)="goTo('result')"
231
                           style="cursor:pointer;">
232
                        <button class="uk-icon-button portal-button">
233
         <span class="uk-icon">
234
                           <svg height="20" icon="copy" ratio="1" viewBox="0 0 20 20" width="20"
235
                                xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="16" stroke="#000"
236
                                                                         width="12" x="3.5" y="2.5"></rect><polyline
237
                             fill="none" points="5 0.5 17.5 0.5 17.5 17" stroke="#000"></polyline></svg></span>
238
                        </button>
239
                        <div>Research results</div>
240
                      </div>
241
                      <div *ngIf="showOptions.linkToEntities.indexOf('context')!=-1 "
242
                           (click)="goTo('context')"
243
                           style="cursor:pointer;">
244
                        <button class="uk-icon-button portal-button">
245
        <span class="uk-icon">
246
                           <svg height="20" icon="users" ratio="1" viewBox="0 0 20 20" width="20"
247
                                xmlns="http://www.w3.org/2000/svg"><circle cx="7.7" cy="8.6" fill="none" r="3.5"
248
                                                                           stroke="#000" stroke-width="1.1"></circle><path
249
                             d="M1,18.1 C1.7,14.6 4.4,12.1 7.6,12.1 C10.9,12.1 13.7,14.8 14.3,18.3" fill="none"
250
                             stroke="#000" stroke-width="1.1"></path><path
251
                             d="M11.4,4 C12.8,2.4 15.4,2.8 16.3,4.7 C17.2,6.6 15.7,8.9 13.6,8.9 C16.5,8.9 18.8,11.3 19.2,14.1"
252
                             fill="none" stroke="#000" stroke-width="1.1"></path></svg></span>
253
                        </button>
254
                        <div>Communities</div>
255
                      </div>
256

    
257
                    </div>
258
                  </div>
259
                </div>
260
                <ul *ngIf="results.length > 0  && showLinksTo" class="uk-list uk-animation-fade">
261
                  <li *ngFor=" let entity of results "
262
                      [class]="((entity.warningMessages.length > 0)?' warningBorder ':'')+
263
                    +((entity.errorMessages.length > 0)?' dangerBorder ':'') +
264
                    ' uk-alert'" style="z-index: 0 !important;">
265
                    <div class="uk-grid  uk-text-small">
266
                      <div class="uk-text-muted uk-width-1-2">
267
                        {{(!entity.result) ? entity.type : ((entity.result && entity.result.source == 'openaire') ? entity.type : (entity.result && entity.result.source + ' result'))}}
268
                      </div>
269
                      <div *ngIf="entity.errorMessages.length > 0"
270
                           class="uk-text-danger  uk-width-1-2"> Link couldn't be saved
271
                      </div>
272
                    </div>
273

    
274
                    <div class="uk-grid uk-margin-remove-top">
275
                      <div class="uk-width-expand">
276

    
277
                        <claim-title [entity]="entity"></claim-title>
278
                        <claim-result-metadata [entity]="entity"></claim-result-metadata>
279
                        <claim-project-metadata [entity]="entity"></claim-project-metadata>
280
                        <div *ngIf="entity.result && entity.result.source && entity.result.source!='openaire' "
281
                             class="uk-grid uk-text-small uk-margin-remove-left uk-margin-small-top">
282
                          <div class="uk-width-1-2 uk-padding-remove-left">
283
<!--                            <span class="uk-text-muted">Type </span>-->
284
                            <mat-form-field class="matSelectionFormField">
285
                              <mat-label>Type</mat-label>
286
                            <mat-select [(ngModel)]="entity.type" name="{{'select_type_'+entity.id}}"
287
                                    class=" matSelection"
288
                                    [disableOptionCentering]="true"
289
                                    panelClass="matSelectionPanel">
290
                              <mat-option [value]="'publication'"
291
                                      (click)="onTypeChanged('publication',entity, false)">Publication
292
                              </mat-option>
293
                              <mat-option [value]="'dataset'"
294
                                      (click)="onTypeChanged('dataset',entity, false)">Research data
295
                              </mat-option>
296
                              <mat-option [value]="'software'" (click)="onTypeChanged('software',entity, false)">Software
297
                              </mat-option>
298
                              <mat-option [value]="'other'"
299
                                      (click)="onTypeChanged('other',entity, false)">Other research product
300
                              </mat-option>
301
                            </mat-select>
302
                            </mat-form-field>
303
                          </div>
304
                          <div class="uk-width-1-2">
305
                            <div class="uk-grid">
306
<!--                              <span class="uk-text-muted uk-margin-small-top uk-padding-remove-left">Access mode</span>-->
307
                              <mat-form-field class="matSelectionFormField">
308
                                <mat-label>Access mode </mat-label>
309
                              <mat-select [(ngModel)]="entity.result.accessRights" name="{{'select_rights_'+entity.id}}"
310
                                      class=" uk-padding-remove-left matSelection"
311
                                      [disableOptionCentering]="true"
312
                                      panelClass="matSelectionPanel">
313
                                <mat-option *ngFor="let type of accessTypes" [value]="type"
314
                                        (click)="accessRightsTypeChanged(type,entity, true)">{{type}}</mat-option>
315
                              </mat-select>
316
                              </mat-form-field>
317
                              <mat-form-field *ngIf="entity.result.accessRights== 'EMBARGO'">
318
                                <input matInput [matDatepicker]="picker" placeholder="Choose embargo end date"
319
                                       (click)="picker.open()" [ngModel]="embargoEndDates[entity.id+'_result']"
320
                                       (dateInput)="onDateChanged($event, entity, true)"
321
                                       (dateChange)="onDateChanged($event, entity, true)">
322
                                <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
323
                                <mat-datepicker #picker [startAt]="embargoEndDates[entity.id+'_result']" ng-model-options="{ timezone: 'utc' }"></mat-datepicker>
324
                              </mat-form-field>
325
                            </div>
326
                            <div *ngIf="entity.result.accessRights== 'EMBARGO' && getEmbargoEndDateMessage(entity)"
327
                                 [class]="(getEmbargoEndDateMessage(entity)?'uk-text-warning':'')">{{getEmbargoEndDateMessage(entity)}}
328
                            </div>
329
                          </div>
330
                        </div>
331
                      </div>
332
                      <div class="uk-margin-auto-vertical uk-padding-remove-left uk-margin-small-left">
333
                        <a class="uk-icon-button "
334
                           (click)="remove(entity, true)">
335
                   <span class="uk-icon">
336
                      <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="minus"
337
                           ratio="1"><rect height="1" width="18" y="9" x="1"></rect></svg>
338
                   </span>
339
                        </a>
340
                      </div>
341
                    </div>
342

    
343

    
344
                  </li>
345
                </ul>
346
              </div>
347
            </div>
348
            <div class="uk-width-1-3" *ngIf="errors.length > 0 || warnings.length > 0">
349
              <!-- Errors and Warning -->
350
              <div *ngIf="errors.length > 0" class=" uk-margin uk-h6 uk-text-primary uk-animation-toggle"
351
                   (click)="showErrors=!showErrors ">
352
                ERRORS ({{errors.length | number}})
353
                <span *ngIf="!showErrors" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"
354
                                                               xmlns="http://www.w3.org/2000/svg"
355
                                                               icon="chevron-left" ratio="1"><polyline
356
                  fill="none" stroke="#000" stroke-width="1.03" points="13 16 7 10 13 4"></polyline></svg></span>
357
                <span *ngIf="showErrors" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"
358
                                                              xmlns="http://www.w3.org/2000/svg"
359
                                                              icon="chevron-down" ratio="1"><polyline
360
                  fill="none" stroke="#000" stroke-width="1.03" points="16 7 10 13 4 7"></polyline></svg></span>
361
              </div>
362
              <div *ngIf="errors.length > 0 && showErrors" class=" uk-animation-fade">
363
                <div *ngFor=" let message of errors " class="uk-alert dangerBorder">
364
                  <div *ngIf="message.type == 'claimServiceFail2Insert'">
365
                    <div class="">
366

    
367
                      <span class="uk-text-danger uk-text-bold"> Fail to save {{message.failed|number}}
368
                        {{message.failed > 1 ? 'links.' : 'link.'}}</span>
369
                      <br>
370
                      <div
371
                        *ngIf="message.inserted>0">But {{message.inserted|number}} link{{message.inserted > 1 ? 's' : ''}} was
372
                        successfully inserted.
373
                        <div>
374
                          <a routerLinkActive="router-link-active" routerLink="/myclaims">Manage your links here</a>
375
                        </div>
376
                      </div>
377
                    </div>
378
                  </div>
379

    
380
                  <div *ngIf="message.type == 'claimServiceFail'">
381

    
382
                    <div class="">
383
                      <span class="uk-text-danger uk-text-bold"> An error occured while saving your links.</span>
384
                      <br>
385
                      None of the links saved.
386
                    </div>
387
                  </div>
388
                </div>
389
              </div>
390
              <div *ngIf="warnings.length > 0"
391
                   class=" uk-margin uk-h6 uk-text-primary uk-animation-toggle"
392
                   (click)="showWarnings=!showWarnings "> WARNINGS
393
                ({{warnings.length
394
                      | number}})
395
                <span *ngIf="!showWarnings" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"
396
                                                                 xmlns="http://www.w3.org/2000/svg"
397
                                                                 icon="chevron-left" ratio="1"><polyline
398
                  fill="none" stroke="#000" stroke-width="1.03" points="13 16 7 10 13 4"></polyline></svg></span>
399
                <span *ngIf="showWarnings" class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"
400
                                                                xmlns="http://www.w3.org/2000/svg"
401
                                                                icon="chevron-down" ratio="1"><polyline
402
                  fill="none" stroke="#000" stroke-width="1.03" points="16 7 10 13 4 7"></polyline></svg></span>
403
              </div>
404

    
405
              <div *ngIf="warnings.length > 0 && showWarnings " class=" uk-animation-fade">
406
                <div *ngFor=" let message of warnings " class="uk-alert warningBorder">
407
                  <div *ngIf="message.type == 'embargoEndDate'">
408
                    <div class="uk-text-warning uk-text-bold">
409
                      Embargo date must be later than published date in
410
                    </div>
411
                    <div class="">
412
                      {{message.resultTitle}}
413
                    </div>
414
                  </div>
415
                  <div *ngIf="message.type == 'projectDuration'">
416
                    <div class="uk-text-warning uk-text-bold">
417
                      Published date must be in the project's date boundaries
418
                      (from {{message.projectInfo.startDate}}{{(message.projectInfo.endDate) ? (' to ' + (addStringToNumber(message.projectInfo.endDate, 5))) : ''}}) in
419
                    </div>
420
                    <div class="">
421
                      {{message.resultTitle}}
422
                    </div>
423
                    <div class="uk-text-muted uk-text-small">
424
                      with link to
425
                    </div>
426
                    <div class="">
427
                      {{message.projectInfo.title}}
428
                    </div>
429
                    <div><span class="uk-text-muted uk-text-small">
430
           Project boundaries: </span>({{message.projectInfo.startDate}}{{(message.projectInfo.endDate) ? (' - ' + (message.projectInfo.endDate) + ') +5 years') : ')'}}
431
                    </div>
432
                  </div>
433

    
434
                </div>
435
              </div>
436
            </div>
437

    
438
            <modal-alert (alertOutput)="confirmClose()">
439
            </modal-alert>
440
          </div>
441

    
442

    
443
        </div>
444

    
445

    
446
      </div>
447
      <helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0" [texts]="pageContents['bottom']"></helper>
448
    </div>
449
  </div>
450
</div>
451

    
452

    
453

    
(5-5/14)