Project

General

Profile

1
<style>
2
    .loader {
3
        border: 16px solid #f3f3f3; /* Light grey */
4
        border-top: 16px solid #3498db; /* Blue */
5
        border-radius: 50%;
6
        width: 120px;
7
        height: 120px;
8
        animation: spin 2s linear infinite;
9
        margin: auto;
10
    }
11

    
12
    @keyframes spin {
13
        0% {
14
            transform: rotate(0deg);
15
        }
16
        100% {
17
            transform: rotate(360deg);
18
        }
19
    }
20
</style>
21

    
22

    
23
<section ng-hide="item">
24
    <div class="row">
25
        <div class="col-lg-12 center-align">
26
            <div class="loader"></div>
27
        </div>
28
    </div>
29

    
30
</section>
31

    
32

    
33
<section ng-show="item">
34

    
35

    
36
    <div ng-show='nf'>
37
        <div class="row">
38
            <div class="col-lg-7 col-lg-offset-1">
39
                    <div class="row" style="margin-bottom: 5px">
40
                        <div class="col-lg-12">
41
                            <h4>Error: Item not found </h4>
42
                        </div>
43
                    </div>
44
            </div>
45
        </div>
46
    </div>
47

    
48
    <div ng-hide='nf'>
49
    <div>
50
        <div class="row">
51

    
52
            <div class="col-lg-7 col-lg-offset-1">
53
                <div class="row" style="margin-bottom: 5px">
54
                    <div class="col-lg-12">
55
                        <span class="label label-info" style="font-size: 100%">{{ item.typology }}</span>
56
                        <span ng-repeat="date in showDate(item.date)" class="label label-warning"
57
                              style="font-size: 100%"> {{ date }}</span>
58
                    </div>
59
                </div>
60
                <div class="row">
61
                    <div class="col-lg-12">
62
                        <p><b style="color: black">{{ item.title[0] }}</b></p>
63
                    </div>
64
                    <div class="col-lg-12">
65
                        <auth style="font-size: small;  color: darkred"
66
                              ng-repeat="author in item.author">
67
                            <f ng-hide="$index==0">,</f>
68
                            <i>{{ author }}</i>
69
                        </auth>
70
                    </div>
71
                    <div class="col-lg-12">
72
                        <span ng-repeat="d in item.date">{{ d }}</span>
73
                    </div>
74
                    <div class="col-lg-12">
75
                        <p style="color: grey; border-left: 4px solid #eeeeee; padding-left: 10px; font-size:15px; text-align: justify">
76
                            {{item.abstract}}
77
                        </p>
78
                    </div>
79
                </div>
80
            </div>
81

    
82

    
83
            <div class="col-lg-3">
84
                 <div class="row">
85
                <div class="panel panel-primary">
86
                    <div class="panel-body">
87
                        <div ng-repeat="id in item.localIdentifier">{{id.schema }}:   <a href="{{ id.url }}">{{ id.identifier}}</a> </div>
88
                        <hr>
89
                        Sources
90
                        <ul>
91
                            <li ng-repeat="d in item.datasources"><a> {{ d.datasourceName }}</a></li>
92
                        </ul>
93
                        <div ng-show="item.publisher.length">
94
                            <hr>
95
                            Publisher:
96
                            <ul>
97
                                <li ng-repeat="d in item.publisher"><a> {{ d }}</a></li>
98
                            </ul>
99
                        </div>
100
                        <hr>
101
                        <div id="share"></div>
102

    
103
                    </div>
104
                </div>
105
            </div>
106
            </div>
107

    
108

    
109
        </div>
110
    </div>
111

    
112

    
113

    
114
    <div class="row">
115
        <div class="col-lg-11 col-lg-offset-1">
116
            <ul id="myTabs" class="nav nav-tabs text-center" role="tablist">
117
                <li role="presentation" ng-class="active"><a href="#dataset" id="home-tab" role="tab" data-toggle="tab"
118
                                                             aria-controls="home" aria-expanded="true"><h4>Link To
119
                    Datasets ({{ item.relatedDatasets }})</h4></a></li>
120
                <li role="presentation" ng-class=""><a href="#publication" role="tab" id="profile-tab" data-toggle="tab"
121
                                                       aria-controls="profile" aria-expanded="false"><h4>Link To
122
                    Publications ({{ item.relatedPublications }})</h4></a></li>
123
                <li role="presentation" ng-class=""><a href="#other" role="tab" id="profile-tab" data-toggle="tab"
124
                                                       aria-controls="profile" aria-expanded="false"><h4>Other Links
125
                    ({{ item.relatedUnknown }})</h4></a></li>
126
            </ul>
127
            <div id="myTabContent" class="tab-content">
128
                <div role="tabpanel" class="tab-pane fade active in" id="dataset" aria-labelledby="home-tab">
129

    
130
                    <div ng-repeat="rels in relations.related_dataset">
131
                        <div class="row">
132
                            <div class="col-lg-12" style="padding: 10px;">
133
                                <span class="label label-info" style="font-size: 100%">{{ rels.target.objectType }}</span>
134
                        <span ng-repeat="date in showDate(rels.target.date)" class="label label-warning"
135
                              style="font-size: 100%"> {{ date }}</span>
136
                            </div>
137
                            <div class="col-lg-12">
138
                                <a href="#/detail/{{ rels.target.dnetIdentifier }}"class="blue-text"><b>{{ rels.target.title }}</b>
139
                            </a></div>
140

    
141
                            <div class="col-lg-12">
142
                                <i style="color: darkred" ng-repeat="a in rels.target.creator">{{ a.name }},</i>
143
                            </div>
144
                            <div ng-repeat="ids in rels.target.identifier">
145
                                <div class="col-lg-12"><b>{{ ids.schema }}</b> : <a href="{{ ids.url }}"> {{ ids.identifier }}</a></div>
146
                            </div>
147
                        </div>
148
                        <div class="row">
149
                            <div class="col-lg-2">
150
                                <b>Sources:</b> <span ng-repeat="d in rels.linkprovider">{{ d.name }}</span>
151
                            </div>
152

    
153
                        </div>
154
                    </div>
155

    
156
                    <div class="row centered">
157
                        <div class="text-center">
158
                            <ul class="pagination centered">
159
                                <li><a ng-click="prevPage('dataset')">&lt;</a></li>
160
                                <li><a ng-click="nextPage('dataset')">&gt;</a></li>
161
                            </ul>
162
                        </div>
163
                    </div>
164
                </div>
165
                <div role="tabpanel" class="tab-pane fade" id="publication" aria-labelledby="profile-tab">
166
                    <div ng-repeat="rels in relations.related_publications">
167
                        <div class="row">
168
                            <div class="col-lg-12" style="padding: 10px;">
169
                                <span class="label label-info" style="font-size: 100%">{{ rels.target.objectType }}</span>
170
                        <span ng-repeat="date in showDate(rels.target.date)" class="label label-warning"
171
                              style="font-size: 100%"> {{ date }}</span>
172
                            </div>
173
                            <div class="col-lg-12">
174
                                <a href="#/detail/{{ rels.target.dnetIdentifier }}"class="blue-text"><b>{{ rels.target.title }}</b>
175
                            </a></div>
176

    
177
                            <div class="col-lg-12">
178
                                <i style="color: darkred" ng-repeat="a in rels.target.creator">{{ a.name }},</i>
179
                            </div>
180
                            <div ng-repeat="ids in rels.target.identifier">
181
                                <div class="col-lg-12"><b>{{ ids.schema }}</b> : <a href="{{ ids.url }}"> {{ ids.identifier }}</a></div>
182
                            </div>
183
                        </div>
184
                        <div class="row">
185
                            <div class="col-lg-2">
186
                                <b>Sources:</b> <span ng-repeat="d in rels.linkprovider">{{ d.name }}</span>
187
                            </div>
188

    
189
                        </div>
190
                    </div>
191
                    <div class="row centered">
192
                        <div class="text-center">
193
                            <ul class="pagination centered">
194
                                <li><a ng-click="prevPage('publication')">&lt;</a></li>
195
                                <li><a ng-click="nextPage('publication')">&gt;</a></li>
196
                            </ul>
197
                        </div>
198
                    </div>
199
                </div>
200
                <div role="tabpanel" class="tab-pane fade" id="other" aria-labelledby="dropdown1-tab">
201
                    <div ng-repeat="rels in relations.related_unknown">
202
                        <div class="row">
203
                            <div class="col-lg-12"><a href="#/detail/{{ rels.target.dnetIdentifier }}"
204
                                                      class="blue-text"> <i
205
                                    style="padding: 10px"
206
                                    class="fa fa-question-circle fa-2x blue-text circle responsive-img"></i><b>{{ rels.target.identifier[0].identifier }}</b>
207
                            </a></div>
208

    
209
                            <div class="col-lg-12">
210
                                <f style="color: green" ng-repeat="a in rels.target.creator">{{ a.name }},</f>
211
                            </div>
212
                            <div ng-repeat="ids in rels.target.identifier">
213
                                <div class="col-lg-12"><b>PID</b> : {{ ids.identifier }}</div>
214
                                <div class="col-lg-12"><b>PID Type</b> : {{ ids.schema }}</div>
215
                            </div>
216
                        </div>
217
                        <div class="row">
218
                            <div class="col-lg-2">
219
                                <b>provenance (of this link): </b>
220
                            </div>
221
                            <div class="col-lg-8">
222
                                <table style="width: 100%">
223
                                    <thead>
224
                                    <tr>
225
                                        <th class="center-align" style="width: 20%">Date Of Collection</th>
226
                                        <th class="center-align" style="width: 20%">Datasource</th>
227
                                        <th class="center-align" style="width: 60%">Action</th>
228
                                    </tr>
229
                                    </thead>
230
                                    <tbody>
231
                                    <tr ng-repeat="d in rels.linkprovider">
232
                                        <td class="left-align">{{ d.collectionDate }}</td>
233
                                        <td class="left-align">{{ d.name }}</td>
234
                                        <td class="left-align">
235
                                            Relation collected from {{ d.name }}
236
                                        </td>
237
                                    </tr>
238
                                    </tbody>
239
                                </table>
240
                            </div>
241
                        </div>
242
                    </div>
243
                    <div class="row centered">
244
                        <div class="text-center">
245
                            <ul class="pagination centered">
246
                                <li><a ng-click="prevPage('unknown')">&lt;</a></li>
247
                                <li><a ng-click="nextPage('unknown')">&gt;</a></li>
248
                            </ul>
249
                        </div>
250
                    </div>
251

    
252
                </div>
253
            </div>
254
        </div>
255
    </div>
256
    </div>
257
</section>
258
<script>
259
        $("#share").jsSocials({
260
            showLabel: false,
261
		    showCount: false,
262
            shares: ["email", "twitter", "facebook", "googleplus", "linkedin"]
263
        });
264
</script>
(6-6/9)