Project

General

Profile

1
<div class="uk-container uk-margin-top dataset">
2
    <!--div class="container-header" -->
3
 
4
    <div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" role="alert">{{warningMessage}}</div>
5
    <div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger" role="alert">{{errorMessage}}</div>
6

    
7
    <div *ngIf="datasetInfo != null" class="uk-grid">
8
        <div class="uk-width-7-10">
9
            <showTitle [title]="datasetInfo.title"></showTitle>
10
        <!--/div>
11
        </div>
12

    
13
    <div class="uk-grid">
14

    
15
        <div class="uk-width-2-3" *ngIf="datasetInfo != null"-->
16
            <div>
17
                <showAuthors [authors]="datasetInfo.authors"></showAuthors>
18
                <span *ngIf="datasetInfo.date != ''">({{datasetInfo.date}})</span>
19
            </div>
20

    
21
            <dl class="uk-description-list-horizontal custom-description-list-horizontal">
22
                <dt *ngIf="datasetInfo.publisher != undefined && datasetInfo.publisher != ''">Publisher: </dt>
23
                <dd *ngIf="datasetInfo.publisher != undefined && datasetInfo.publisher != ''">{{datasetInfo.publisher}}</dd>
24
                <dt *ngIf="datasetInfo.type != undefined"> Type: </dt>
25
                <dd *ngIf="datasetInfo.type != undefined">{{datasetInfo.type}}</dd>
26
                <dt *ngIf="datasetInfo.embargoEndDate != undefined && datasetInfo.embargoEndDate != ''">Embargo end date: </dt>
27
                <dd *ngIf="datasetInfo.embargoEndDate != undefined && datasetInfo.embargoEndDate != ''">{{datasetInfo.embargoEndDate}}</dd>
28

    
29
                <showIdentifiers [identifiers]="datasetInfo.identifiers"></showIdentifiers>
30
                <showSubjects [subjects]="datasetInfo.subjects"
31
                              [otherSubjects]="datasetInfo.otherSubjects"
32
                              [classifiedSubjects]="datasetInfo.classifiedSubjects">
33
                </showSubjects>
34
            </dl>
35

    
36
            <blockquote *ngIf="datasetInfo.description != ''">
37
                <div class="uk-text-justify">{{datasetInfo.description}}</div>
38
            </blockquote>
39

    
40

    
41
            <ul class="uk-tab" data-uk-switcher="{connect:'#tab-content'}">
42
                <li class="uk-active">
43
                     <a href="#relatedTab">
44
                         Related Research Results
45
                         <span *ngIf="datasetInfo.relatedResearchResults == undefined" class="uk-badge uk-badge-notification">0</span>
46
                         <span *ngIf="datasetInfo.relatedResearchResults != undefined" class="uk-badge uk-badge-notification">
47
                             {{datasetInfo.relatedResearchResults.length}}
48
                         </span>
49
                     </a>
50
                 </li>
51

    
52
                <li>
53
                    <a href="#similarTab">
54
                        Similar Research Results
55
                        <span *ngIf="datasetInfo.similarResearchResults == undefined" class="uk-badge uk-badge-notification">0</span>
56
                        <span *ngIf="datasetInfo.similarResearchResults != undefined" class="uk-badge uk-badge-notification">
57
                            {{datasetInfo.similarResearchResults.length}}
58
                        </span>
59
                    </a>
60
                </li>
61

    
62
                <li (click)="metricsClicked=true">
63
                    <a href="#metricsTab">
64
                        Metrics
65
                    </a>
66
                </li>
67
            </ul>
68

    
69
            <ul id="tab-content" class="uk-switcher uk-margin">
70
                <li id="relatedTab">
71
                    <div *ngIf="datasetInfo.relatedResearchResults == undefined" class = "uk-alert" >
72
                        There are no related research results
73
                    </div>
74
                    <div *ngIf="datasetInfo.relatedResearchResults != undefined">
75
                        <p>
76
                            The results below are discovered through our pilot algorithms.
77
                            <a href="mailto:">Let us know how we are doing!</a>
78
                        </p>
79
                        <tabTable [info]="datasetInfo.relatedResearchResults"></tabTable>
80
                    </div>
81
                </li>
82

    
83
                <li id="similarTab">
84
                    <div  *ngIf="datasetInfo.similarResearchResults == undefined"  class = "uk-alert" >
85
                        There are no similar research results
86
                    </div>
87
                    <div *ngIf="datasetInfo.similarResearchResults != undefined">
88
                        <p>
89
                            The results below are discovered through our pilot algorithms.
90
                            <a href="mailto:">Let us know how we are doing!</a>
91
                        </p>
92

    
93
                        <tabTable [info]="datasetInfo.similarResearchResults"></tabTable>
94
                    </div>
95
                </li>
96
                <li id="metricsTab">
97
                    <metrics *ngIf="metricsClicked" [id]="datasetId" [type]="'results'"></metrics>
98
                    <i-frame *ngIf="metricsClicked" [url]=viewsFrameUrl width="100%" height="250"></i-frame>
99
                    <i-frame *ngIf="metricsClicked" [url]=downloadsFrameUrl width="100%" height="250"></i-frame>
100
                </li>
101
            </ul>
102
        </div>
103

    
104
        <div class="uk-width-3-10" *ngIf="datasetInfo != null">
105
            <ul class="uk-list uk-list-striped mainFunctionsBlock">
106
                <li>
107
                    <dl class="uk-description-list-line functionsSection">
108
                        <dt  >Share - Bookmark</dt>
109
                        <dd>
110
                        </dd>
111
                    </dl>
112
                </li>
113
                <li *ngIf="datasetInfo.collectedFrom != undefined">
114
                    <dl class="uk-description-list-line functionsSection">
115
                        <dt>Collected from</dt>
116
                        <dd  *ngFor="let item of datasetInfo.collectedFrom">
117
                            <a href="{{item['url']}}">
118
                                {{item['name']}}
119
                            </a>
120
                        </dd>
121
                    </dl>
122
                </li>
123
                <li *ngIf="datasetInfo.downloadFrom != undefined && datasetInfo.downloadFrom.size > 0">
124
                    <dl class="uk-description-list-line functionsSection">
125
                        <dt class="title">Download from</dt>
126
                        <dd class="line" *ngFor="let key of datasetInfo.downloadFrom.keys()">
127
                            <div *ngIf="datasetInfo.downloadFrom.get(key)['url'].length > 1">
128
                                {{key}}
129
                                <span *ngFor="let url of datasetInfo.downloadFrom.get(key)['url']; let i=index;">
130
                                    <a href="{{url}}">
131
                                        [{{i+1}}]
132
                                    </a>
133
                                </span>
134
                            </div>
135
                            <a *ngIf="datasetInfo.downloadFrom.get(key)['url'].length == 1" href="{{datasetInfo.downloadFrom.get(key)['url']}}">
136
                                {{key}}
137
                            </a>
138
                        </dd>
139
                    </dl>
140
                </li>
141

    
142

    
143
                <li *ngIf="datasetInfo.fundedByProjects != undefined">
144
                    <dl class="uk-description-list-line functionsSection" >
145
                        <dt class="title">Funded By</dt>
146
                        <dd
147
                            data-uk-tooltip="{pos:'right'}" title="{{item['title']}}
148
                            |   Project Code: {{item['acronym']}}
149
                            |   Funder: {{item['funderName']}} ({{item['funderShortname']}})
150
                            |   Funding: {{item['funding']}}"
151
                            class="line" *ngFor="let item of datasetInfo.fundedByProjects">
152
                                <a *ngIf="!item['inline']" href="{{item['url']}}">
153
                                    {{item['funderShortname']?item['funderShortname']:item['funderName']}}
154
                                    | {{ item['acronym']?item['acronym']:item['title']}}
155
                                </a>
156

    
157
                                <a *ngIf="item['inline']" href="{{item['url']}}">
158
                                    <mark>
159
                                        {{item['funderShortname']?item['funderShortname']:item['funderName']}}
160
                                        | {{ item['acronym']?item['acronym']:item['title']}}
161
                                    </mark>
162
                                </a>
163
                        </dd>
164
                    </dl>
165
                    <dl class="uk-description-list-line functionsSection" *ngIf="datasetInfo.fundedByProjects == undefined">
166
                        <dt class="title">Funded By</dt>
167
                    </dl>
168

    
169
                </li>
170
                <li *ngIf="datasetInfo.contexts != undefined">
171
                    <dl class="uk-description-list-line functionsSection" >
172
                        <dt class="title">Related to </dt>
173
                        <dd class="line" *ngFor="let item of datasetInfo.contexts">
174
                          <span *ngIf = "!item['inline']" >
175
                            <span>{{item['labelContext']}}</span>
176
                            <span *ngIf="item['labelCategory'] != null">-> {{item['labelCategory']}}</span>
177
                            <span *ngIf="item['labelConcept'] != null">: {{item['labelConcept']}}</span>
178
                          </span>
179
                          <mark *ngIf = "item['inline']" >
180
                            <span>{{item['labelContext']}}</span>
181
                            <span *ngIf="item['labelCategory'] != null">-> {{item['labelCategory']}}</span>
182
                            <span *ngIf="item['labelConcept'] != null">: {{item['labelConcept']}}</span>
183
                          </mark>
184
                        </dd>
185
                    </dl>
186
                    <dl class="uk-description-list-line functionsSection" *ngIf="datasetInfo.contexts == undefined">
187
                        <dt class="title">Related to </dt>
188
                    </dl>
189
                </li>
190
            </ul>
191
        </div>
192
    </div>
193
</div>
(2-2/5)