Project

General

Profile

1
<div id="tm-main" class=" uk-section  uk-padding-remove-top tm-middle">
2
  <div uk-grid uk-grid>
3
    <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">
4

    
5
      <div class="uk-container software">
6

    
7
        <div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning  uk-margin-large-top"
8
             role="alert">{{warningMessage}}</div>
9
        <div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger  uk-margin-large-top"
10
             role="alert">{{errorMessage}}</div>
11
        <div [style.display]="showLoading ? 'inline' : 'none'"
12
             class="uk-animation-fade uk-margin-large-top  uk-width-1-1" role="alert"><span
13
          class="loading-gif  uk-align-center"></span></div>
14
        <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
15
                [texts]="pageContents['top']" class="uk-width-1-1"></helper>
16

    
17
        <div *ngIf="softwareInfo != null" uk-grid class="uk-grid-large">
18

    
19
          <div class="uk-width-expand@m uk-width-1-1@s">
20
            <schema2jsonld *ngIf="softwareInfo.record" [data]=softwareInfo.record
21
                           [URL]="properties.baseLink+'/search/software?softwareId='+softwareId"></schema2jsonld>
22
            <showTitle [titleName]="softwareInfo.title"></showTitle>
23
            <span *ngIf="softwareInfo.types && softwareInfo.types.length > 0"
24
                  class="uk-label custom-label label-software "
25
                  title="Type">{{softwareInfo.types.join(", ")}}</span>{{" "}}
26
            <span *ngIf="softwareInfo.programmingLanguages && softwareInfo.programmingLanguages.length > 0"
27
                  class="uk-label custom-label  label-progrLanguage "
28
                  title="Programming Language">{{softwareInfo.programmingLanguages.join(", ")}}</span>{{" "}}
29
            <span *ngIf="softwareInfo.languages && softwareInfo.languages.length > 0"
30
                  class="uk-label custom-label  label-language "
31
                  title="Language">{{softwareInfo.languages.join(", ")}}</span>{{" "}}
32
            <span *ngIf="softwareInfo.countries && softwareInfo.countries.length > 0"
33
                  class="uk-label custom-label  label-country "
34
                  title="Country">{{softwareInfo.countries.join(", ")}}</span>{{" "}}
35
            <!-- <span *ngIf="softwareInfo.title && softwareInfo.title.accessMode" [class]="'uk-label custom-label  label-'+ softwareInfo.title.accessMode " title="Access Mode">{{softwareInfo.title.accessMode}}</span> -->
36
            <span *ngIf="softwareInfo.accessMode" [class]="'uk-label custom-label  label-'+ softwareInfo.accessMode "
37
                  title="Access Mode">{{softwareInfo.accessMode}}</span>{{" "}}
38
            <span *ngIf="softwareInfo.underCurationMessage" class="uk-label custom-label label-underCuration ">
39
              <span uk-tooltip="pos:right; delay:10"
40
                    title="{{buildCurationTooltip()}}">
41
              <i>Record in preview</i>
42
              <i class="uk-icon-info-circle"></i>
43
            </span></span>{{" "}}
44
            <!--div *ngIf="softwareInfo.underCurationMessage">
45
              <span uk-tooltip="pos:right; delay:10"
46
                    title="{{buildCurationTooltip()}}">
47
                <i>Record in preview</i>
48
                <i class="uk-icon-info-circle"></i>
49
              </span>
50
            </div-->
51

    
52
            <div class=" uk-margin-top">
53
              <showAuthors [authors]="softwareInfo.authors"></showAuthors>
54
              <span *ngIf="softwareInfo.date != ''">({{softwareInfo.date}})</span>
55
            </div>
56

    
57
            <ul class="uk-list">
58
              <showPublisher [publisher]="softwareInfo.publisher" [properties]="properties"
59
                             [journal]="softwareInfo.journal"></showPublisher>
60

    
61
              <li *ngIf="softwareInfo.embargoEndDate"><span
62
                class="uk-text-bold">Embargo end date:</span> {{softwareInfo.embargoEndDate}}</li>
63
              <li *ngIf="softwareInfo.identifiers && softwareInfo.identifiers.size > 0">
64
                <showIdentifiers [identifiers]="softwareInfo.identifiers"></showIdentifiers>
65
              </li>
66
              <li *ngIf="softwareInfo.subjects ||softwareInfo.otherSubjects ||  softwareInfo.classifiedSubjects">
67
                <showSubjects [subjects]="softwareInfo.subjects"
68
                              [otherSubjects]="softwareInfo.otherSubjects"
69
                              [classifiedSubjects]="softwareInfo.classifiedSubjects">
70
                </showSubjects>
71
              </li>
72
            </ul>
73
            <hr *ngIf="softwareInfo.description">
74
            <div *ngIf="softwareInfo.description"
75
                 class="uk-text-justify descriptionText uk-height-max-medium uk-overflow-auto">
76
              <span>{{softwareInfo.description.substring(0, showNumDescription)}}</span
77
              ><span
78
              *ngIf="showNumDescription == thresholdDescription && softwareInfo.description.length > thresholdDescription">...</span
79
            ><span
80
              *ngIf="showNumDescription == thresholdDescription && softwareInfo.description.length > thresholdDescription"
81
              class="uk-text-right">
82
                <a (click)="showNumDescription = softwareInfo.description.length;">
83
                  View more
84
                </a>
85
              </span>
86
            </div>
87
            <div *ngIf="softwareInfo.description && showNumDescription > thresholdDescription"
88
                 class="uk-width-1-1 uk-text-right">
89
              <a (click)="showNumDescription = thresholdDescription;">
90
                View less
91
              </a>
92
            </div>
93

    
94
            <!-- <div class="uk-clearfix"><div class="uk-button-group uk-float-right  uk-margin-top">
95
                <button class="uk-button uk-button-small uk-button-action">
96
                  <span class="uk-icon"   >
97
                         <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="link" ratio="1"><path fill="none" stroke="#000" stroke-width="1.1" d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375"></path><path fill="none" stroke="#000" stroke-width="1.1" d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375"></path><path fill="none" stroke="#000" stroke-width="1.1" d="M7.925,11.875 L11.925,7.975"></path></svg></span>
98
                  Link this software to
99
                </button>
100
                <div class="uk-inline">
101
                    <button class="uk-button uk-button-small uk-button-action" type="button">
102
                      <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="triangle-down" ratio="1"><polygon points="5 7 15 7 10 12"></polygon></svg></span>
103
                    </button>
104
                    <div uk-dropdown="mode: click; boundary: ! .uk-button-group; boundary-align: true;"
105
                    class="uk-dropdown uk-dropdown-boundary uk-dropdown-bottom-left" style="top: 40px;    left: -236.5px;">
106
                        <ul class="uk-nav uk-dropdown-nav uk-padding-small" >
107
                            <li><a class="uk-width-1-1" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[softwareId,'software','project'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" >
108
                               Projects</a></li>
109
                            <li><a  class="uk-width-1-1"[queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[softwareId,'software','context'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" >
110
                               Communities</a></li>
111
                            <li><a   class="uk-width-1-1"  [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[softwareId,'software','result'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" >
112
                              Other research results</a></li>
113
                        </ul>
114

    
115
                    </div>
116
                </div>
117
            </div></div> -->
118

    
119
            <ul class="custom-accordion " uk-accordion>
120

    
121
              <li *ngIf="softwareInfo.relatedResearchResults" (click)="activeTab='Related Research Results'">
122
                <a class="uk-accordion-title" href="#">
123
                  Related Research Results
124
                  <!-- <span *ngIf="!softwareInfo.relatedResearchResults" class="uk-badge uk-badge-notification">0</span>
125
                  <span *ngIf="softwareInfo.relatedResearchResults" class="uk-badge uk-badge-notification">
126
                      {{relatedResearchResultsNum | number}}
127
                  </span> -->
128
                  <!-- <span class="uk-badge uk-badge-notification"> -->
129
                  ({{relatedResearchResultsNum | number}})
130
                  <!-- </span> -->
131
                </a>
132
                <div class="uk-accordion-content">
133
                  <!-- <div *ngIf="!softwareInfo.relatedResearchResults" class = "uk-alert  uk-alert-primary">
134
                      No related research results available
135
                  </div>
136
                  <div *ngIf="softwareInfo.relatedResearchResults"> -->
137
                  <div>
138
                    <div *ngFor="let provenanceaction of getKeys(softwareInfo.relatedResearchResults)">
139
                      <div class="uk-text-large">{{provenanceaction}}</div>
140

    
141
                      <tabTable percentageName="trust"
142
                                [info]="softwareInfo.relatedResearchResults.get(provenanceaction)"
143
                                [properties]=properties></tabTable>
144
                    </div>
145
                  </div>
146
                </div>
147
              </li>
148

    
149
              <li *ngIf="softwareInfo.similarResearchResults" (click)="activeTab='Similar Research Results'">
150
                <a class="uk-accordion-title" href="#">
151
                  Similar Research Results
152
                  <!-- <span *ngIf="!softwareInfo.similarResearchResults" class="uk-badge uk-badge-notification">0</span>
153
                  <span *ngIf="softwareInfo.similarResearchResults" class="uk-badge uk-badge-notification">
154
                      {{softwareInfo.similarResearchResults.length | number}}
155
                  </span> -->
156
                  <!-- <span class="uk-badge uk-badge-notification"> -->
157
                  ({{softwareInfo.similarResearchResults.length | number}})
158
                  <!-- </span> -->
159
                </a>
160
                <div class="uk-accordion-content">
161
                  <!-- <div *ngIf="!softwareInfo.similarResearchResults" class = "uk-alert  uk-alert-primary" >
162
                      No similar research results available
163
                  </div>
164

    
165
                  <div *ngIf="softwareInfo.similarResearchResults"> -->
166
                  <div>
167
                    <tabTable percentageName="similarity" [info]="softwareInfo.similarResearchResults"
168
                              [properties]=properties></tabTable>
169
                  </div>
170
                </div>
171
              </li>
172

    
173
              <li (click)="metricsClicked=true; activeTab='Metrics'">
174
                <a class="uk-accordion-title" href="#">
175
                  Metrics
176
                </a>
177
                <div class="uk-accordion-content">
178
                  <metrics [pageViews]="pageViews"
179
                           [id]="softwareId" [entityType]="'results'" [entity]="'Software'"
180
                           (metricsResults)="metricsResults($event)" [properties]=properties>
181
                  </metrics>
182
                  <i-frame *ngIf="metricsClicked && totalViews > 0"
183
                           [url]=viewsFrameUrl width="100%" height="250">
184
                  </i-frame>
185
                  <i-frame *ngIf="metricsClicked && totalDownloads > 0"
186
                           [url]=downloadsFrameUrl width="100%" height="250">
187
                  </i-frame>
188
                </div>
189
              </li>
190

    
191
              <li (click)="activeTab='Other Versions'"
192
                  *ngIf="properties.environment == 'development' && softwareInfo.deletedByInferenceIds">
193
                <a class="uk-accordion-title" href="#">
194
                  Other Versions
195
                  ({{softwareInfo.deletedByInferenceIds.length | number}})
196
                </a>
197
                <div *ngIf="activeTab=='Other Versions'" class="uk-accordion-content">
198
                  <deletedByInference [id]="softwareId" [ids]="softwareInfo.deletedByInferenceIds"
199
                                      [type]="'software'"></deletedByInference>
200
                </div>
201
              </li>
202
            </ul>
203

    
204
          </div>
205

    
206
          <div class="uk-width-large@m uk-width-1-1@s">
207
            <div *ngIf="isRouteAvailable('participate/direct-claim') " class=" uk-padding-small">
208
              <button class="   uk-button portal-button uk-width-1-1 ">
209
              <span class="uk-icon">
210
                   <svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="25" viewBox="0 0 20 20"
211
                        height="25"><path
212
                     d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375"
213
                     fill="none" stroke="#000" stroke-width="1.1"></path><path
214
                     d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375"
215
                     fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975"
216
                                                                               fill="none" stroke="#000"
217
                                                                               stroke-width="1.1"></path></svg>
218
                 </span> Link this software to...
219
              </button>
220
              <div class="  uk-text-center uk-margin-expand uk-padding-small    uk-margin-auto  default-dropdown "
221
                   uk-dropdown="mode:click">
222
                <div class="uk-grid    uk-child-width-1-3  uk-width-large ">
223
                  <div><a
224
                    [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[softwareId,'software','project'])"
225
                    routerLinkActive="router-link-active" routerLink="/participate/direct-claim"
226
                  >
227
                    <button class="uk-icon-button portal-button">
228
                   <span class="uk-icon">
229
                        <svg height="20" icon="album" ratio="1" viewBox="0 0 20 20" width="20"
230
                             xmlns="http://www.w3.org/2000/svg"><rect height="1" width="10" x="5" y="2"></rect><rect
231
                          height="1" width="14" x="3" y="4"></rect><rect fill="none" height="11" stroke="#000"
232
                                                                         width="17" x="1.5" y="6.5"></rect></svg></span>
233
                    </button>
234
                    <div>Projects</div>
235
                  </a></div>
236
                  <div><a
237
                    [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[softwareId,'software','result'])"
238
                    routerLinkActive="router-link-active" routerLink="/participate/direct-claim">
239
                    <button class="uk-icon-button portal-button">
240
                      <span class="uk-icon">
241
                           <svg height="20" icon="copy" ratio="1" viewBox="0 0 20 20" width="20"
242
                                xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="16" stroke="#000"
243
                                                                         width="12" x="3.5" y="2.5"></rect><polyline
244
                             fill="none" points="5 0.5 17.5 0.5 17.5 17" stroke="#000"></polyline></svg></span>
245
                    </button>
246
                    <div>Research results</div>
247
                  </a></div>
248
                  <div><a
249
                    [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[softwareId,'software','context'])"
250
                    routerLinkActive="router-link-active" routerLink="/participate/direct-claim">
251
                    <button class="uk-icon-button portal-button">
252
                <span class="uk-icon">
253
                           <svg height="20" icon="users" ratio="1" viewBox="0 0 20 20" width="20"
254
                                xmlns="http://www.w3.org/2000/svg"><circle cx="7.7" cy="8.6" fill="none" r="3.5"
255
                                                                           stroke="#000" stroke-width="1.1"></circle><path
256
                             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"
257
                             stroke="#000" stroke-width="1.1"></path><path
258
                             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"
259
                             fill="none" stroke="#000" stroke-width="1.1"></path></svg></span>
260
                    </button>
261
                    <div>Communities</div>
262
                  </a></div>
263
                </div>
264
              </div>
265
            </div>
266
            <div class="sideInfoTitle uk-margin-small-bottom uk-margin-small-top">Share - Bookmark</div>
267
            <addThis></addThis>
268

    
269
          <altmetrics *ngIf="softwareInfo.identifiers && softwareInfo.identifiers.get('doi')"
270
                      id="{{softwareInfo.identifiers.get('doi')[0]}}" type="doi">
271
          </altmetrics>
272
          <ul class="uk-list uk-margin-remove-bottom">
273

    
274
            <li *ngIf="softwareInfo.hostedBy_collectedFrom && softwareInfo.hostedBy_collectedFrom.length > 0">
275
              <availableOn [availableOn]="softwareInfo.hostedBy_collectedFrom"></availableOn>
276
            </li>
277
            <li *ngIf="softwareInfo.fundedByProjects != undefined && softwareInfo.fundedByProjects.length > 0">
278
              <fundedBy [fundedByProjects]="softwareInfo.fundedByProjects"></fundedBy>
279
            </li>
280

    
281
            <li *ngIf="softwareInfo.contexts && softwareInfo.contexts.length >0 ">
282
              <dl class="uk-description-list-line">
283
                <dt class="sideInfoTitle">Related to</dt>
284
                <dd class="line" *ngFor="let item of softwareInfo.contexts">
285
                          <span *ngIf="!item['inline']">
286
                            <span>{{item['labelContext']}}</span>
287
                            <span *ngIf="item['labelCategory']">-> {{item['labelCategory']}}</span>
288
                            <span *ngIf="item['labelConcept']">: {{item['labelConcept']}}</span>
289
                          </span>
290
                  <mark *ngIf="item['inline']">
291
                    <span>{{item['labelContext']}}</span>
292
                    <span *ngIf="item['labelCategory']">-> {{item['labelCategory']}}</span>
293
                    <span *ngIf="item['labelConcept']">: {{item['labelConcept']}}</span>
294
                  </mark>
295
                </dd>
296

    
297
              </dl>
298

    
299
            </li>
300

    
301
            <!--li>
302
              <metrics [pageViews]="pageViews" shortView=true
303
                  [id]="softwareId" [entityType]="'results'" [entity]="'Software'"
304
                  (metricsResults)="metricsResults($event)" [(properties)] = properties>
305
              </metrics>
306
            </li-->
307

    
308
            <li>
309

    
310
              <div class=" sideInfoTitle  cite-this-button uk-width-1-1" type="button">
311
                Cite this software
312
              </div>
313
              <div class="">
314
                <citeThis [result]="softwareInfo" [id]="softwareId" type="software"></citeThis>
315
              </div>
316
            </li>
317
            <!--li>
318
              <ul uk-accordion class="uk-padding-remove">
319
                  <li>
320
                    <button class="uk-button uk-button-primary uk-accordion-title link-to-button  uk-width-1-1" type="button">
321
                      <span class="uk-icon" >
322
                             <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="link" ratio="1"><path fill="none" stroke="#000" stroke-width="1.1" d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375"></path><path fill="none" stroke="#000" stroke-width="1.1" d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375"></path><path fill="none" stroke="#000" stroke-width="1.1" d="M7.925,11.875 L11.925,7.975"></path></svg></span>
323
                      <span class="uk-margin-right">Link this software to</span>
324
                    </button>
325
                      <div class="uk-accordion-content">
326
                        <ul class="uk-nav uk-dropdown-nav uk-padding-small" >
327
                          <li><a class="uk-width-1-1" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[softwareId,'software','project'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" >
328
                             Projects</a></li>
329
                          <li><a  class="uk-width-1-1" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[softwareId,'software','context'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" >
330
                             Communities</a></li>
331
                          <li><a   class="uk-width-1-1"  [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[softwareId,'software','result'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" >
332
                            Other research results</a></li>
333
                        </ul>
334
                      </div>
335
                  </li>
336
              </ul>
337
            </li-->
338

    
339
          </ul>
340
        </div>
341
      </div>
342
      <helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
343
              [texts]="pageContents['bottom']" styleName="uk-width-1-1"></helper>
344
    </div>
345
  </div>
346
</div>
347
</div>
(2-2/5)