Project

General

Profile

1
<style>
2
    td {
3
        padding-top: 0px;
4
        padding-bottom: 5px;
5

    
6
    }
7

    
8
    .tabs .tab {
9
        text-transform: none;
10

    
11
    }
12

    
13
    .title_about {
14
        font-size: 24px;
15
    }
16

    
17

    
18
</style>
19
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
20

    
21
<div class="row">
22
    <div class="col s12">
23

    
24
        <div class="card z-depth-2" style="padding-top: 10px">
25

    
26
            <div class="row">
27

    
28
                <div style="font-size: 1.60rem" class="left-align blue-text col l8 offset-l2"><i
29
                        ng-show="item.objectType=='dataset'" style="padding: 10px"
30
                        class="fa fa-database fa-2x blue-text circle responsive-img"></i><i
31
                        ng-show="item.objectType=='publication'" style="padding: 10px"
32
                        class="fa fa-book fa-2x blue-text circle responsive-img"></i><b><a
33
                        href="{{ item.resolved_url }}">{{ item.title }}</a></b></div>
34

    
35
            </div>
36

    
37
            <div class="row" style="margin-bottom: 0px">
38
                <div class="col offset-l2 l8 ">
39
                    <table>
40
                        <tr style="margin-bottom: 0px">
41
                            <td style="width: 250px; padding-top: 0px"><b>Typology:</b></td>
42
                            <td style=" padding-top: 0px"> {{ item.objectType }}</td>
43
                        </tr>
44
                        <tr style="margin-bottom: 0px">
45
                            <td style=" padding-top: 0px"><b>Identifier:</b></td>
46
                            <td style=" padding-top: 0px"> {{ item.pid }}</td>
47
                        </tr>
48
                        <tr style="margin-bottom: 0px">
49
                            <td style=" padding-top: 0px"><b>Identifier type:</b></td>
50
                            <td style=" padding-top: 0px"> {{ item.pid_type }}</td>
51
                        </tr>
52
                        <tr>
53
                            <td class="valign-wrapper"><b>Author(s):</b></td>
54
                            <td class="green-text">
55
                                <f ng-repeat="a in item.authors">{{ a }},</f>
56
                            </td>
57
                        </tr>
58
                        <tr>
59
                            <td><b>Date:</b></td>
60
                            <td class="valign-wrapper green-text"> {{ item.date }}</td>
61
                        </tr>
62
                        <tr>
63
                            <td><b>provenance (of this object):</b></td>
64
                            <td class="valign-wrapper">
65
                                <table>
66
                                    <thead>
67
                                    <tr>
68
                                        <th class="center-align">Date Of Collection</th>
69
                                        <th class="center-align">Datasource</th>
70
                                        <th class="center-align">Action</th>
71
                                    </tr>
72
                                    </thead>
73
                                    <tbody>
74
                                    <tr ng-repeat="d in item.provenance_record">
75
                                        <td class="left-align">{{ d.collectionDate }}</td>
76
                                        <td class="left-align">{{ d.name }}</td>
77
                                        <td class="left-align">
78
                                            <div ng-show="d.completionStatus==='complete' && d.provisionMode==='collected'">
79
                                                Object PID collected from {{ d.name }}
80
                                            </div>
81
                                            <div ng-show="d.completionStatus==='incomplete'">Object PID collected from
82
                                                {{ d.name }}
83
                                            </div>
84
                                            <div ng-show="d.completionStatus==='complete' && d.provisionMode==='resolved'">
85
                                                Full-metadata record collected from {{ d.name }}
86
                                            </div>
87
                                        </td>
88

    
89

    
90
                                    </tr>
91
                                    </tbody>
92
                                </table>
93
                            </td>
94
                        </tr>
95

    
96
                    </table>
97
                </div>
98
            </div>
99

    
100
            <div class="row">
101
                <div class="col l9 offset-l2">
102
                    <ul class="tabs">
103
                        <li class="tab col s3 "><a href="#rel_data" class="active black-text title_about"><b>Link to
104
                            Datasets</b></a></li>
105
                        <li class="tab col s3"><a class="black-text title_about" href="#rel_pubs"><b>Link to
106
                            Publications</b></a></li>
107
                        <li class="tab col s3"><a class="black-text title_about" href="#rel_other"><b>Other
108
                            Links </b></a></li>
109

    
110
                    </ul>
111
                </div>
112

    
113

    
114
                <div id="rel_other" class="col  l8 offset-l2">
115

    
116
                    <div ng-repeat="rels in item.relations">
117

    
118
                        <div ng-hide="rels.relatedEntityType==='publication' || rels.relatedEntityType==='dataset' ">
119
                            <div class="row" style="margin-bottom: 0px">
120

    
121
                                <div class="col l12"><a href="#/detail/{{ rels.relatedDnetId }}" class="blue-text"> <i
122
                                        style="padding: 10px"
123
                                        class="fa fa-question-circle fa-2x blue-text circle responsive-img"></i><b>Record
124
                                    metadata not available - Pid not resolved</b> </a></div>
125

    
126
                                <div class="col l12 green-text">
127
                                    <f ng-repeat="a in rels.authors">{{ a }},</f>
128
                                </div>
129
                                <div class="col l12"><b>PID</b> : {{ rels.targetPID }}</div>
130
                                <div class="col l12"><b>PID Type</b> : {{ rels.targetPIDType }}</div>
131
                            </div>
132
                            <div class="row valign-wrapper">
133
                                <div class="col l4">
134
                                    <b>provenance (of this link): </b>
135
                                </div>
136
                                <div class="col l8" style="margin-left: 5px">
137
                                    <table>
138
                                        <thead>
139
                                        <tr>
140
                                            <th class="center-align">Date Of Collection</th>
141
                                            <th class="center-align">Datasource</th>
142
                                            <th class="center-align">Action</th>
143
                                        </tr>
144
                                        </thead>
145
                                        <tbody>
146
                                        <tr ng-repeat="d in rels.relation_provenance">
147
                                            <td class="left-align">{{ d.collectionDate }}</td>
148
                                            <td class="left-align">{{ d.name }}</td>
149
                                            <td class="left-align">
150
                                                <div ng-show="d.provisionMode==='system_deducted'"> Typology of target
151
                                                    object derived by the system
152
                                                </div>
153
                                                <div ng-hide="d.provisionMode==='system_deducted'">Relation collected
154
                                                    from {{ d.name }}
155
                                                </div>
156

    
157
                                            </td>
158

    
159

    
160
                                        </tr>
161
                                        </tbody>
162
                                    </table>
163
                                </div>
164

    
165

    
166
                            </div>
167
                        </div>
168

    
169
                    </div>
170
                </div>
171
                <div id="rel_data" class="col  l8 offset-l2">
172

    
173

    
174
                    <div ng-repeat="rels in item.relations">
175
                        <div ng-show="rels.relatedEntityType=='dataset'">
176
                            <div class="row" style="margin-bottom: 0px">
177

    
178
                                <div class="col l12"><a href="#/detail/{{ rels.relatedDnetId }}" class="blue-text"> <i
179
                                        style="padding: 10px"
180
                                        class="fa fa-database fa-2x blue-text circle responsive-img"></i><b>{{
181
                                    rels.related_title }}</b> </a></div>
182

    
183
                                <div class="col l12 green-text">
184
                                    <f ng-repeat="a in rels.authors">{{ a }},</f>
185
                                </div>
186
                                <div class="col l12"><b>PID</b> : {{ rels.targetPID }}</div>
187
                                <div class="col l12"><b>PID Type</b> : {{ rels.targetPIDType }}</div>
188
                            </div>
189
                            <div class="row valign-wrapper">
190
                                <div class="col l3">
191
                                    <b>provenance (of this link): </b>
192
                                </div>
193
                                <div class="col l8">
194
                                    <table>
195
                                        <thead>
196
                                        <tr>
197
                                            <th class="center-align">Date Of Collection</th>
198
                                            <th class="center-align">Datasource</th>
199
                                            <th class="center-align">Action</th>
200
                                        </tr>
201
                                        </thead>
202
                                        <tbody>
203
                                        <tr ng-repeat="d in rels.relation_provenance">
204
                                            <td class="left-align">{{ d.collectionDate }}</td>
205
                                            <td class="left-align">{{ d.name }}</td>
206
                                            <td class="left-align">
207
                                                <div ng-show="d.provisionMode==='system_deducted'"> Typology of target
208
                                                    object derived by the system
209
                                                </div>
210
                                                <div ng-hide="d.provisionMode==='system_deducted'">Relation collected
211
                                                    from {{ d.name }}
212
                                                </div>
213

    
214
                                            </td>
215

    
216

    
217
                                        </tr>
218
                                        </tbody>
219
                                    </table>
220

    
221
                                </div>
222

    
223

    
224
                            </div>
225
                        </div>
226
                    </div>
227

    
228

    
229
                </div>
230
                <div id="rel_pubs" class="col  l8 offset-l2">
231

    
232
                    <div ng-repeat="rels in item.relations">
233

    
234
                        <div ng-show="rels.relatedEntityType==='publication'">
235
                            <div class="row" style="margin-bottom: 0px">
236

    
237
                                <div class="col l12"><a href="#/detail/{{ rels.relatedDnetId }}" class="blue-text"> <i
238
                                        style="padding: 10px"
239
                                        class="fa fa-book fa-2x blue-text circle responsive-img"></i><b>{{
240
                                    rels.related_title }}</b> </a></div>
241

    
242
                                <div class="col l12 green-text">
243
                                    <f ng-repeat="a in rels.authors">{{ a }},</f>
244
                                </div>
245
                                <div class="col l12"><b>PID</b> : {{ rels.targetPID }}</div>
246
                                <div class="col l12"><b>PID Type</b> : {{ rels.targetPIDType }}</div>
247
                            </div>
248
                            <div class="row valign-wrapper">
249
                                <div class="col l3">
250
                                    <b>provenance (of this link): </b>
251
                                </div>
252
                                <div class="col l8">
253
                                    <table>
254
                                        <thead>
255
                                        <tr>
256
                                            <th class="center-align">Date Of Collection</th>
257
                                            <th class="center-align">Datasource</th>
258
                                            <th class="center-align">Action</th>
259
                                        </tr>
260
                                        </thead>
261
                                        <tbody>
262
                                        <tr ng-repeat="d in rels.relation_provenance">
263
                                            <td class="left-align">{{ d.collectionDate }}</td>
264
                                            <td class="left-align">{{ d.name }}</td>
265
                                            <td class="left-align">
266
                                                <div ng-show="d.provisionMode==='system_deducted'"> Typology of target
267
                                                    object derived by the system
268
                                                </div>
269
                                                <div ng-hide="d.provisionMode==='system_deducted'">Relation collected
270
                                                    from {{ d.name }}
271
                                                </div>
272

    
273
                                            </td>
274

    
275

    
276
                                        </tr>
277
                                        </tbody>
278
                                    </table>
279

    
280
                                </div>
281

    
282

    
283
                            </div>
284
                        </div>
285
                    </div>
286

    
287
                </div>
288

    
289

    
290
            </div>
291
        </div>
292

    
293
    </div>
294

    
295

    
296
    <script>
297
        $(document).ready(function () {
298
            $('ul.tabs').tabs();
299

    
300
        });
301

    
302
    </script>
303
</div>
(4-4/7)