Project

General

Profile

1
<section>
2

    
3

    
4

    
5
<div>
6
    <div class="row">
7
         <div  class="col-lg-11 col-lg-offset-1" style="font-size: large">
8
             <i ng-show="item.objectType=='dataset'" style="padding: 10px" class="fa fa-database fa-2x  responsive-img"></i>
9
             <i ng-show="item.objectType=='publication'" style="padding: 10px" class="fa fa-book fa-2x circle responsive-img"></i>
10
             <i ng-hide="item.objectType=='publication' || item.objectType=='dataset'" class="fa fa-question-circle fa-2x blue-text circle responsive-img"></i>
11
             <b><a href="{{ item.resolved_url }}" style="margin: 10px">
12
             <d>    {{ item.title }} </d>
13
             <d ng-hide="item.title">metadata not available - Pid not resolved</d>
14

    
15
             </a></b></div>
16
        </div>
17
    </div>
18

    
19

    
20
    <div class="row">
21
        <div class="col-lg-11 col-lg-offset-1">
22
                <table style="width: 100%">
23
                    <tr>
24
                        <td style="width: 20%"><b>Typology:</b></td>
25
                        <td> {{ item.objectType }}</td>
26
                    </tr>
27
                    <tr>
28
                        <td ><b>Identifier:</b></td>
29
                        <td > {{ item.pid }}</td>
30
                    </tr>
31
                    <tr >
32
                        <td ><b>Identifier type:</b></td>
33
                        <td > {{ item.pid_type }}</td>
34
                    </tr>
35
                    <tr>
36
                        <td class="valign-wrapper"><b>Author(s):</b></td>
37
                        <td class="green-text">
38
                            <f ng-repeat="a in item.authors">{{ a }},</f>
39
                        </td>
40
                    </tr>
41
                    <tr>
42
                        <td><b>Date:</b></td>
43
                        <td class="valign-wrapper green-text"> {{ item.date }}</td>
44
                    </tr>
45
                    </table>
46

    
47
            <br>
48

    
49

    
50
                    <table style="width: 100%">
51
                    <tr>
52
                        <td style="width: 20%"><b>provenance (of this object):</b></td>
53
                        <td class="valign-wrapper">
54
                            <table style="width: 100%">
55
                                <thead>
56
                                <tr>
57
                                    <th class="center-align" style="width: 20%">Date Of Collection</th>
58
                                    <th class="center-align" style="width: 20%">Datasource</th>
59
                                    <th class="center-align" style="width: 60%">Action</th>
60
                                </tr>
61
                                </thead>
62
                                <tbody>
63
                                <tr ng-repeat="d in item.provenance_record">
64
                                    <td class="centered" >{{ d.collectionDate }}</td>
65
                                    <td class="centered" >{{ d.name }}</td>
66
                                    <td class="centered" >
67
                                        <div ng-show="d.completionStatus==='complete' && d.provisionMode==='collected'">
68
                                            Object PID collected from {{ d.name }}
69
                                        </div>
70
                                        <div ng-show="d.completionStatus==='incomplete'">Object PID collected from
71
                                            {{ d.name }}
72
                                        </div>
73
                                        <div ng-show="d.completionStatus==='complete' && d.provisionMode==='resolved'">
74
                                            Full-metadata record collected from {{ d.name }}
75
                                        </div>
76
                                    </td>
77

    
78

    
79
                                </tr>
80
                                </tbody>
81
                            </table>
82
                        </td>
83
                    </tr>
84

    
85
                </table>
86
            <br>
87
        </div>
88
    </div>
89

    
90

    
91

    
92

    
93
    <div class="row">
94
        <div  class="col-lg-11 col-lg-offset-1">
95
        <ul id="myTabs" class="nav nav-tabs text-center" role="tablist">
96
          <li role="presentation" ng-class="active"><a href="#dataset" id="home-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">      <h4>Link To Datasets</h4></a></li>
97
          <li role="presentation" ng-class=""><a href="#publication" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile" aria-expanded="false">  <h4>Link To Publications</h4></a></li>
98
          <li role="presentation" ng-class=""><a href="#other" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile" aria-expanded="false"><h4>Other Links</h4></a></li>
99
        </ul>
100
        <div id="myTabContent" class="tab-content">
101
          <div role="tabpanel" class="tab-pane fade active in" id="dataset" aria-labelledby="home-tab">
102

    
103
                    <div ng-repeat="rels in item.relations">
104
                        <div ng-show="rels.relatedEntityType=='dataset'">
105
                            <div class="row" >
106

    
107
                                <div class="col-lg-12"><a href="#/detail/{{ rels.relatedDnetId }}" class="blue-text"> <i
108
                                        style="padding: 10px"
109
                                        class="fa fa-database fa-2x blue-text circle responsive-img"></i><b>{{
110
                                    rels.related_title }}</b> </a></div>
111

    
112
                                <div class="col-lg-12">
113
                                    <f style="color: green" ng-repeat="a in rels.authors">{{ a }},</f>
114
                                </div>
115
                                <div class="col-lg-12"><b>PID</b> : {{ rels.targetPID }}</div>
116
                                <div class="col-lg-12"><b>PID Type</b> : {{ rels.targetPIDType }}</div>
117
                            </div>
118
                            <div class="row">
119
                                <div class="col-lg-2">
120
                                    <b>provenance (of this link): </b>
121
                                </div>
122
                                <div class="col-lg-8">
123
                                    <table style="width: 100%">
124
                                        <thead>
125
                                        <tr>
126
                                            <th class="center-align" style="width: 20%">Date Of Collection</th>
127
                                            <th class="center-align" style="width: 20%">Datasource</th>
128
                                            <th class="center-align" style="width: 60%">Action</th>
129
                                        </tr>
130
                                        </thead>
131
                                        <tbody>
132
                                        <tr ng-repeat="d in rels.relation_provenance">
133
                                            <td class="left-align">{{ d.collectionDate }}</td>
134
                                            <td class="left-align">{{ d.name }}</td>
135
                                            <td class="left-align">
136
                                                <div ng-show="d.provisionMode==='system_deducted'"> Typology of target
137
                                                    object derived by the system
138
                                                </div>
139
                                                <div ng-hide="d.provisionMode==='system_deducted'">Relation collected
140
                                                    from {{ d.name }}
141
                                                </div>
142

    
143
                                            </td>
144

    
145

    
146
                                        </tr>
147
                                        </tbody>
148
                                    </table>
149

    
150
                                </div>
151

    
152

    
153
                            </div>
154
                        </div>
155
                    </div>
156
          </div>
157
          <div role="tabpanel" class="tab-pane fade" id="publication" aria-labelledby="profile-tab">
158
                <div ng-repeat="rels in item.relations">
159
                    <div ng-show="rels.relatedEntityType=='publication'">
160
            <div class="row" >
161

    
162
                <div class="col-lg-12"><a href="#/detail/{{ rels.relatedDnetId }}" class="blue-text"> <i
163
                        style="padding: 10px"
164
                        class="fa fa-book fa-2x blue-text circle responsive-img"></i><b>{{
165
                    rels.related_title }}</b> </a></div>
166

    
167
                <div class="col-lg-12">
168
                    <f style="color: green" ng-repeat="a in rels.authors">{{ a }},</f>
169
                </div>
170
                <div class="col-lg-12"><b>PID</b> : {{ rels.targetPID }}</div>
171
                <div class="col-lg-12"><b>PID Type</b> : {{ rels.targetPIDType }}</div>
172
            </div>
173
            <div class="row">
174
                <div class="col-lg-2">
175
                    <b>provenance (of this link): </b>
176
                </div>
177
                <div class="col-lg-8">
178
                    <table style="width: 100%">
179
                        <thead>
180
                        <tr>
181
                            <th class="center-align" style="width: 20%">Date Of Collection</th>
182
                            <th class="center-align" style="width: 20%">Datasource</th>
183
                            <th class="center-align" style="width: 60%">Action</th>
184
                        </tr>
185
                        </thead>
186
                        <tbody>
187
                        <tr ng-repeat="d in rels.relation_provenance">
188
                            <td class="left-align">{{ d.collectionDate }}</td>
189
                            <td class="left-align">{{ d.name }}</td>
190
                            <td class="left-align">
191
                                <div ng-show="d.provisionMode==='system_deducted'"> Typology of target
192
                                    object derived by the system
193
                                </div>
194
                                <div ng-hide="d.provisionMode==='system_deducted'">Relation collected
195
                                    from {{ d.name }}
196
                                </div>
197

    
198
                            </td>
199

    
200

    
201
                        </tr>
202
                        </tbody>
203
                    </table>
204

    
205
                </div>
206

    
207

    
208
            </div>
209
        </div>
210
                </div>
211

    
212
          </div>
213
          <div role="tabpanel" class="tab-pane fade" id="other" aria-labelledby="dropdown1-tab">
214
            <div ng-repeat="rels in item.relations">
215
                <div ng-hide="rels.relatedEntityType==='publication' || rels.relatedEntityType==='dataset' ">
216
            <div class="row" >
217

    
218
                <div class="col-lg-12"><a href="#/detail/{{ rels.relatedDnetId }}" class="blue-text"> <i
219
                        style="padding: 10px"
220
                        class="fa fa-question-circle fa-2x blue-text circle responsive-img"></i><b>Record
221
                                    metadata not available - Pid not resolved</b> </a></div>
222

    
223
                <div class="col-lg-12">
224
                    <f style="color: green" ng-repeat="a in rels.authors">{{ a }},</f>
225
                </div>
226
                <div class="col-lg-12"><b>PID</b> : {{ rels.targetPID }}</div>
227
                <div class="col-lg-12"><b>PID Type</b> : {{ rels.targetPIDType }}</div>
228
            </div>
229
            <div class="row">
230
                <div class="col-lg-2">
231
                    <b>provenance (of this link): </b>
232
                </div>
233
                <div class="col-lg-8">
234
                    <table style="width: 100%">
235
                        <thead>
236
                        <tr>
237
                            <th class="center-align" style="width: 20%">Date Of Collection</th>
238
                            <th class="center-align" style="width: 20%">Datasource</th>
239
                            <th class="center-align" style="width: 60%">Action</th>
240
                        </tr>
241
                        </thead>
242
                        <tbody>
243
                        <tr ng-repeat="d in rels.relation_provenance">
244
                            <td class="left-align">{{ d.collectionDate }}</td>
245
                            <td class="left-align">{{ d.name }}</td>
246
                            <td class="left-align">
247
                                <div ng-show="d.provisionMode==='system_deducted'"> Typology of target
248
                                    object derived by the system
249
                                </div>
250
                                <div ng-hide="d.provisionMode==='system_deducted'">Relation collected
251
                                    from {{ d.name }}
252
                                </div>
253

    
254
                            </td>
255

    
256

    
257
                        </tr>
258
                        </tbody>
259
                    </table>
260

    
261
                </div>
262

    
263

    
264
            </div>
265
        </div>
266
                </div>
267
          </div>
268
        </div>
269
      </div>
270
    </div>
271
</section>
272
<script>
273

    
274
</script>
(6-6/9)