Project

General

Profile

1 61381 k.triantaf
<metadata-preview *ngIf="showOptions.show=='claim' && properties" class="uk-margin-top"
2
                  [results]="results" [sources]="sources"
3
                  [localStoragePrefix]="localStoragePrefix" [inlineEntity]="inlineEntity"
4
                  [showOptions]="showOptions" [properties]=properties [pageContents]="pageContents"
5
                  [defaultColors]="(communityId?false:true)" [communityId]="communityId"
6
>
7
</metadata-preview>
8
<div id="tm-main" class="uk-section  uk-padding-remove-top tm-middle" *ngIf="showOptions.show != 'claim'">
9
  <div class="uk-grid">
10
    <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">
11
      <schema2jsonld *ngIf="url" [URL]="url" name="Link your research outcomes" type="other"></schema2jsonld>
12
      <div [class]="((showOptions.show == 'claim')?'':' uk-margin-top ')+' uk-container uk-container-large '">
13
        <div>
14
          <!-- <div class="uk-width-1-1">
15
            <helper position="top"></helper>
16
          </div> -->
17
          <div class="uk-grid  helper-grid">
18
<!--            <helper position="left" styleName=" uk-width-1-5 uk-padding-left"></helper>-->
19
            <div class="uk-width-expand">
20
21
              <div *ngIf="properties" class="uk-section uk-section-default white-box-with-border uk-padding-small uk-padding-remove-top">
22
23
                <div style=""
24
                     [class]="((showOptions.show == 'claim')?'':' uk-margin-top ')+' uk-container uk-container-large '">
25
                  <div id="basketStickTop"></div>
26
                  <div class="uk-grid" *ngIf="showOptions.show!='claim'"  >
27
                    <div class="uk-width-2-3">
28
                      <div class="uk-margin-small-bottom">
29
30
<!--                        <div *ngIf="showOptions.show!='source' && showOptions.show != 'claim' && showOptions.linkToEntities.length > 1">-->
31
<!--                          <mat-form-field class="matSelectionFormField">-->
32
<!--                            <mat-label>Sort by:</mat-label>-->
33
<!--                            <mat-select [(ngModel)]="showOptions.show" class="uk-width-auto  uk-text-bold matSelection"-->
34
<!--                                        *ngIf="showOptions.linkToEntities.length > 1"-->
35
<!--                                        [disableOptionCentering]="true"-->
36
<!--                                        panelClass="matSelectionPanel">-->
37
<!--                              <mat-option *ngIf="showOptions.linkToEntities.indexOf('project')!=-1 "-->
38
<!--                                          value="project">PROJECTS</mat-option>-->
39
<!--                              <mat-option *ngIf="showOptions.linkToEntities.indexOf('result')!=-1 " value="result">RESEARCH-->
40
<!--                                RESULTS</mat-option>-->
41
<!--                              <mat-option *ngIf="showOptions.linkToEntities.indexOf('context')!=-1 " value="context">COMMUNITIES-->
42
<!--                              </mat-option>-->
43
<!--                            </mat-select>-->
44
<!--                          </mat-form-field>-->
45
<!--                        </div>-->
46
47
                          <span *ngIf="showOptions.show!='source' && showOptions.show != 'claim' && showOptions.linkToEntities.length > 1"
48
                                class="uk-flex-inline uk-flex-middle uk-width-3-5@m uk-width-1-1@s">
49
                            <span class="uk-width-1-4 uk-text-muted uk-text-large">LINK TO </span>
50
                            <mat-select [(ngModel)]="showOptions.show" class="uk-width-3-4@m matSelection"
51
                                          *ngIf="showOptions.linkToEntities.length > 1"
52
                                          [disableOptionCentering]="true"
53
                                          panelClass="matSelectionPanel">
54
                                <mat-option *ngIf="showOptions.linkToEntities.indexOf('project')!=-1 "
55
                                            value="project">PROJECTS</mat-option>
56
                                <mat-option *ngIf="showOptions.linkToEntities.indexOf('result')!=-1 " value="result">RESEARCH
57
                                  RESULTS</mat-option>
58
                                <mat-option *ngIf="showOptions.linkToEntities.indexOf('context')!=-1 " value="context">COMMUNITIES
59
                                </mat-option>
60
                              </mat-select>
61
                          </span>
62
63
                           <span *ngIf="showOptions.show!='source' && showOptions.show != 'claim' && showOptions.linkToEntities.length ==1">
64
                             <span>LINK TO </span>
65
                             <span class=" uk-width-auto  uk-text-bold">
66
                               <span *ngIf="showOptions.linkToEntities.indexOf('project')!=-1 "
67
                                     value="project">PROJECTS</span>
68
                               <span *ngIf="showOptions.linkToEntities.indexOf('result')!=-1 " value="result">RESEARCH
69
                                 RESULTS</span>
70
                               <span *ngIf="showOptions.linkToEntities.indexOf('context')!=-1 " value="context">COMMUNITIES
71
                               </span>
72
                             </span>
73
                           </span>
74
                        <span *ngIf="showOptions.show=='source'" class="uk-text-bold">
75
                            ADD LINKING SOURCES
76
                           </span>
77
78
                      </div>
79
                      <div *ngIf="showOptions.show=='source'">
80
                        <claim-result-search-form [selectedResults]="sources" [properties]=properties
81
                                                  [localStoragePrefix]="localStoragePrefix+'sources'" [basketLimit]="basketLimit"
82
                        ></claim-result-search-form>
83
                      </div>
84
                      <div *ngIf="showOptions.show=='project'">
85
                        <claim-projects-search-form [selectedProjects]="results" [properties]=properties
86
                                                    [localStoragePrefix]="localStoragePrefix+'results'" [basketLimit]="basketLimit"
87
                        ></claim-projects-search-form>
88
                      </div>
89
                      <div *ngIf="showOptions.show=='context'">
90
                        <claim-contexts-search-form [communityId]=communityId [results]="results" [sources]="sources"
91
                                                    [properties]=properties
92
                                                    [localStoragePrefix]="localStoragePrefix+'results'" [basketLimit]="basketLimit"
93
                        ></claim-contexts-search-form>
94
                      </div>
95
                      <div *ngIf="showOptions.show=='result'">
96
                        <claim-result-search-form [selectedResults]="results" [properties]=properties
97
                                                  [localStoragePrefix]="localStoragePrefix+'results'" [basketLimit]="basketLimit"
98
                        ></claim-result-search-form>
99
                      </div>
100
101
                    </div>
102
                    <!-- Basket-->
103
                    <div *ngIf="showOptions.show != 'claim'" class="uk-width-1-3" style="" >
104
                      <div id="basket" uk-sticky=" offset: 130; top:#basketStickTop; bottom: #basketStickBottom;"
105
                           style="z-index: 0">
106
                      <h6 class="linksbasketheader uk-margin-bottom uk-text-bold">
107
                        LINKS BASKET
108
                      </h6>
109
                      <div class="linksbasket uk-inline uk-width-1-1" style="">
110
                        <div *ngIf="inlineEntity == null">
111
                          <div class="linksbaskettitles  uk-padding-small uk-animation-toggle"
112
                               (click)="showOptions.showBasketSources()"
113
                               [style.cursor]="(showOptions.show!='source'?'pointer':'default')">
114
                            <div class="uk-h6 uk-margin-remove portal-color" >
115
                              SOURCES ({{(sources.length) | number}})
116
                              <span *ngIf="showOptions.show!='source' && !showOptions.basketShowSources"
117
                                    class="uk-icon"><svg width="20"
118
                                                         height="20"
119
                                                         viewBox="0 0 20 20"
120
                                                         xmlns="http://www.w3.org/2000/svg"
121
                                                         icon="chevron-left"
122
                                                         ratio="1"><polyline
123
                                fill="none" stroke="#000" stroke-width="1.03" points="13 16 7 10 13 4"></polyline></svg></span>
124
                              <span *ngIf="showOptions.show!='source' &&  showOptions.basketShowSources"
125
                                    class="uk-icon"><svg width="20"
126
                                                         height="20"
127
                                                         viewBox="0 0 20 20"
128
                                                         xmlns="http://www.w3.org/2000/svg"
129
                                                         icon="chevron-down"
130
                                                         ratio="1"><polyline
131
                                fill="none" stroke="#000" stroke-width="1.03" points="16 7 10 13 4 7"></polyline></svg></span>
132
                            </div>
133
                            Research results to link
134
                          </div>
135
136
                          <div *ngIf="showOptions.basketShowSources"
137
                               class="  uk-margin-remove-top uk-height-medium  uk-overflow-auto ">
138
                            <div class="uk-background-muted uk-padding-small  " style="min-height: 17px;">
139
                              <div *ngIf="showOptions.show != 'source'" class="uk-text-center">
140
                                <a (click)="showOptions.showSource()">
141
                                  <!--span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="plus" ratio="1"><rect x="9" y="1" width="1" height="17"></rect><rect x="1" y="9" width="17" height="1"></rect></svg></span-->
142
                                  Edit sources</a>
143
                              </div>
144
                              <start-over *ngIf="showOptions.show == 'source' && (sources.length)> 0"
145
                                          [results]="sources"
146
                                          [localStoragePrefix]="localStoragePrefix+'sources'"
147
                                          message="all sources" class="uk-float-right"></start-over>
148
                              <bulk-claim *ngIf="showOptions.show == 'source'" [results]="sources"
149
                                          [properties]=properties
150
                                          [localStoragePrefix]="localStoragePrefix+'sources'" [basketLimit]="basketLimit"
151
                              >
152
                              </bulk-claim>
153
154
                            </div>
155
                            <div class="uk-animation-slide-top-small  uk-padding-small">
156
157
                              <div *ngIf="(sources.length) == 0 " class="uk-alert no-selected-message uk-text-center">
158
                                No Sources added yet. Start adding sources from the left panel. Or upload a DOI's CSV file.
159
                              </div>
160
                              <div *ngIf="sources.length >= basketLimit "
161
                                   class="uk-alert uk-alert-warning uk-text-center">
162
                                Basket reached the size limit. No more sources can be added.
163
                              </div>
164
                              <claim-selected-results [results]="sources"
165
                                                      [localStoragePrefix]="localStoragePrefix+'sources'" class=""
166
                                                      [enableRemove]="showOptions.show == 'source'">
167
                              </claim-selected-results>
168
                              <div id="test1"></div>
169
                            </div>
170
                          </div>
171
                        </div>
172
                        <div *ngIf="inlineEntity"
173
                             class="linkInlineEntity   uk-padding-small">
174
                          <div class="uk-h6 linkInlineEntity uk-margin-small-bottom ">
175
                            SOURCE
176
177
                          </div>
178
                          <claim-title [entity]="inlineEntity" [slice]="true" [sliceSize]="45"
179
                                       [shortVersion]="true"></claim-title>
180
                          <div class="uk-margin-small-top">
181
                            <span class="uk-label custom-label linkInlineEntityLabel"
182
                                  title="Type">{{inlineEntity.type}}</span>
183
                            <span *ngIf="inlineEntity.project">
184
                            <span class="uk-label custom-label linkInlineEntityLabel"
185
                                  title="Funder">{{inlineEntity.project.funderName}}</span>
186
                              <!--                            <span class="uk-label custom-label " title="Type">{{inlineEntity.type}}</span>-->
187
                          </span>
188
                            <span *ngIf="inlineEntity.result">
189
                            <span class="uk-label custom-label linkInlineEntityLabel "
190
                                  title="Access mode">{{inlineEntity.result.accessRights}}</span>
191
                          </span>
192
                          </div>
193
194
                        </div>
195
                        <div *ngIf="showOptions.show !='source'">
196
                          <div class=" linksbaskettitles   uk-padding-small  uk-animation-toggle" (click)="showOptions.basketShowLinksTo=!showOptions.basketShowLinksTo;
197
                            showOptions.basketShowSources=!showOptions.basketShowLinksTo ">
198
                            <div *ngIf="!inlineEntity"> <!--Enable toggle -->
199
                              <span class="uk-h6 uk-margin-remove portal-color" >
200
                                  LINK TO ({{(results.length)  | number}})
201
                                  <span *ngIf="!showOptions.basketShowLinksTo" class="uk-icon"><svg width="20"
202
                                                                                                    height="20"
203
                                                                                                    viewBox="0 0 20 20"
204
                                                                                                    xmlns="http://www.w3.org/2000/svg"
205
                                                                                                    icon="chevron-left"
206
                                                                                                    ratio="1"><polyline
207
                                    fill="none" stroke="#000" stroke-width="1.03"
208
                                    points="13 16 7 10 13 4"></polyline></svg></span>
209
                                  <span *ngIf="showOptions.basketShowLinksTo" class="uk-icon"><svg width="20"
210
                                                                                                   height="20"
211
                                                                                                   viewBox="0 0 20 20"
212
                                                                                                   xmlns="http://www.w3.org/2000/svg"
213
                                                                                                   icon="chevron-down"
214
                                                                                                   ratio="1"><polyline
215
                                    fill="none" stroke="#000" stroke-width="1.03"
216
                                    points="16 7 10 13 4 7"></polyline></svg></span>
217
                                </span>
218
                            </div>
219
                            <div *ngIf="inlineEntity"> <!--Inline Entity - no toggle -->
220
                              <span class="uk-h6 uk-margin-remove portal-color">
221
                                  LINK TO ({{(results.length)  | number}})
222
                                  </span>
223
                            </div>
224
225
226
                            <div class="linksBasketSubtitles">
227
                              Entities to link with the sources
228
                            </div>
229
                          </div>
230
                          <div *ngIf="showOptions.basketShowLinksTo"
231
                               class="uk-height-medium  uk-overflow-auto">
232
                            <div  *ngIf="  (results.length)> 0 || showOptions.show=='result'"
233
                                  class="uk-background-muted uk-padding-small  " style="min-height: 17px;">
234
                              <start-over *ngIf="  (results.length)> 0"
235
                                          [results]="results" [localStoragePrefix]="localStoragePrefix+'results'"
236
                                          message="all results (projects, communities, research results)"
237
                                          class="uk-float-right"></start-over>
238
                              <bulk-claim *ngIf="showOptions.show=='result'" [results]="results" [properties]=properties
239
                                          [localStoragePrefix]="localStoragePrefix+'results'" [basketLimit]="basketLimit"></bulk-claim>
240
                            </div>
241
242
                            <div class="uk-padding-small uk-animation-slide-top-small">
243
                              <div *ngIf="results.length >= basketLimit "
244
                                   class="uk-alert uk-alert-warning uk-text-center">
245
                                Basket reached the size limit. No more entities can be added.
246
                              </div>
247
                              <claim-selected-results sectionTitle="Selected Results" [results]="results"
248
                                                      [localStoragePrefix]="localStoragePrefix+'results'">
249
                              </claim-selected-results>
250
                              <div *ngIf="(results.length) == 0 " class="uk-alert no-selected-message uk-text-center">
251
                                No entities to link with the sources. Start adding entities from the left panel.
252
                              </div>
253
254
                            </div>
255
                          </div>
256
                        </div>
257
258
259
                      </div>
260
                      <div *ngIf="showOptions.show=='source'"
261
                           [class]="((sources.length)>0?'linksbaskettitlesPortalColor ':'uk-disabled')+ ' linksbaskettitles uk-padding-small'"
262
                           (click)="openSelectionModal(); ">
263
                        <!--show = linkTo; basketShowSources=false;
264
                           basketShowLinksTo=true;-->
265
                        <div class="uk-h6 uk-margin-remove portal-color">CONTINUE TO - LINK TO <span
266
                          *ngIf="results.length > 0">({{(results.length)  | number}})</span>
267
                          <span class="uk-icon uk-float-right uk-text-bold uk-margin-small-right">
268
                          <svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"
269
                               icon="chevron-right" ratio="1.5"><polyline fill="none" stroke="#000" stroke-width="1.03"
270
                                                                          points="7 4 13 10 7 16"></polyline></svg>
271
                          </span>
272
                        </div>
273
                        <div class="linksBasketSubtitles">
274
                          Entities to link with the sources
275
                        </div>
276
                      </div>
277
                      <div *ngIf="showOptions.show!='source'"
278
                           [class]="((results.length)>0?'linksbaskettitlesPortalColor ':'uk-disabled')+ ' linksbaskettitles uk-margin-small-top uk-padding-small'"
279
                           style="height:auto !important; " (click)="showOptions.show = 'claim'; scrollUp();">
280
281
                        <div class="uk-margin-remove portal-color uk-text-center">
282
                          FINISH LINKING
283
                          <span class="uk-icon uk-float-right uk-text-bold uk-margin-small-right">
284
                          <svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"
285
                               icon="chevron-right" ratio="1.5"><polyline fill="none" stroke="#000" stroke-width="1.03"
286
                                                                          points="7 4 13 10 7 16"></polyline></svg>
287
                          </span>
288
                        </div>
289
                      </div>
290
                    </div>
291
                    </div>
292
                  </div>
293
                  <div id="basketStickBottom"></div>
294
                  <helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0" [texts]="pageContents['bottom']"></helper>
295
                </div>
296
297
298
<!--                <helper position="right" styleName=" uk-width-1-5"></helper>-->
299
              </div>
300
<!--              <helper position="bottom"></helper>-->
301
            </div>
302
303
304
          </div>
305
306
        </div>
307
      </div>
308
    </div>
309
  </div>
310
</div>
311
312
<modal-alert (alertOutput)="closeSelectionModal($event)" >
313
  <div class="uk-grid uk-text-center uk-margin-expand uk-padding uk-child-width-1-3">
314
315
    <div *ngIf="showOptions.linkToEntities.indexOf('project')!=-1 " (click)="closeSelectionModal('project')"
316
         style="cursor:pointer;">
317
      <button class="uk-icon-button portal-button">
318
        <span class="uk-icon">
319
                        <svg height="20" icon="album" ratio="1" viewBox="0 0 20 20" width="20"
320
                             xmlns="http://www.w3.org/2000/svg"><rect height="1" width="10" x="5" y="2"></rect><rect
321
                          height="1" width="14" x="3" y="4"></rect><rect fill="none" height="11" stroke="#000"
322
                                                                         width="17" x="1.5" y="6.5"></rect></svg></span>
323
      </button>
324
      <div>Projects</div>
325
    </div>
326
    <div *ngIf="showOptions.linkToEntities.indexOf('result')!=-1 " (click)="closeSelectionModal('result')"
327
         style="cursor:pointer;">
328
      <button class="uk-icon-button portal-button">
329
         <span class="uk-icon">
330
                           <svg height="20" icon="copy" ratio="1" viewBox="0 0 20 20" width="20"
331
                                xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="16" stroke="#000"
332
                                                                         width="12" x="3.5" y="2.5"></rect><polyline
333
                             fill="none" points="5 0.5 17.5 0.5 17.5 17" stroke="#000"></polyline></svg></span>
334
      </button>
335
      <div>Research results</div>
336
    </div>
337
    <div *ngIf="showOptions.linkToEntities.indexOf('context')!=-1 " (click)="closeSelectionModal('context')"
338
         style="cursor:pointer;">
339
      <button class="uk-icon-button portal-button">
340
        <span class="uk-icon">
341
                           <svg height="20" icon="users" ratio="1" viewBox="0 0 20 20" width="20"
342
                                xmlns="http://www.w3.org/2000/svg"><circle cx="7.7" cy="8.6" fill="none" r="3.5"
343
                                                                           stroke="#000" stroke-width="1.1"></circle><path
344
                             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"
345
                             stroke="#000" stroke-width="1.1"></path><path
346
                             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"
347
                             fill="none" stroke="#000" stroke-width="1.1"></path></svg></span>
348
      </button>
349
      <div>Communities</div>
350
    </div>
351
352
  </div>
353
</modal-alert>