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 class="container-fluid">
|
24
|
|
25
|
|
26
|
<div class="row">
|
27
|
<div class="col-lg-8">
|
28
|
<form ng-submit="makeQuery()">
|
29
|
<b>Query:</b>
|
30
|
<input style="width: 80%" ng-model="query" ng-enter="doSomething()"> <a
|
31
|
href="#/query/q={{ query }}"><span class="glyphicon glyphicon-search"></span> Search</a>
|
32
|
</form>
|
33
|
</div>
|
34
|
<div class="col-lg-2 right-align">
|
35
|
<b class="header black-text ">Total Items:</b>
|
36
|
<f class="header blue-text flow-text"> {{ total }}</f>
|
37
|
</div>
|
38
|
<div class="col-lg-2 right-align">
|
39
|
<b class="header black-text ">Total pages:</b>
|
40
|
<f class="header blue-text flow-text"> {{ totalPages }}</f>
|
41
|
</div>
|
42
|
</div>
|
43
|
<div class="row" ng-show="searching">
|
44
|
<div class="col-lg-12 center-align">
|
45
|
<div class="loader"></div>
|
46
|
</div>
|
47
|
</div>
|
48
|
<div class="row centered" ng-hide="result_query.length">
|
49
|
<div class="text-center">
|
50
|
<h5 class="red-text">No match found</h5>
|
51
|
</div>
|
52
|
</div>
|
53
|
|
54
|
<div class="row centered" ng-show="result_query.length">
|
55
|
<div class="text-center">
|
56
|
<ul class="pagination centered">
|
57
|
<li ng-show="page ==1" class="disabled"><a href=""><</a></li>
|
58
|
<li ng-hide="page ==1"><a href="#/query/{{ filterPath() }}page={{ page - 1 }}/q={{ query }}"><</a>
|
59
|
</li>
|
60
|
<li ng-class="activePage(n)" ng-repeat="n in pageRange">
|
61
|
<a href="#/query/{{ filterPath() }}page={{ n }}/q={{ query }}">{{ n }}</a>
|
62
|
</li>
|
63
|
<li ng-hide="page == lastPage"><a href="#/query/{{ filterPath() }}page={{ page + 1 }}/q={{ query }}">></a>
|
64
|
</li>
|
65
|
<li ng-show="page ==lastPage" class="disabled"><a href="">></a></li>
|
66
|
|
67
|
|
68
|
</ul>
|
69
|
</div>
|
70
|
</div>
|
71
|
|
72
|
<div class="row container-fluid" ng-show="result_query.length">
|
73
|
<div class="col-md-3" id="leftCol">
|
74
|
<div class="row">
|
75
|
<div class="panel panel-primary">
|
76
|
<div class="panel-heading"><b>Typology</b></div>
|
77
|
<div class="panel-body">
|
78
|
<ul class="list-group">
|
79
|
<li class="list-group-item" ng-repeat="value in facet.typology ">
|
80
|
<span class="badge">{{ value.count }}</span>
|
81
|
<a class="browseLink"
|
82
|
href='#/query/{{ calculateFilter("typology", value.key) }}/q={{ query }}'>{{ value.key }}</a>
|
83
|
</li>
|
84
|
</ul>
|
85
|
</div>
|
86
|
</div>
|
87
|
</div>
|
88
|
|
89
|
<div class="row">
|
90
|
<div class="panel panel-primary">
|
91
|
<div class="panel-heading"><b>Link Provider</b></div>
|
92
|
<div class="panel-body">
|
93
|
<ul class="list-group">
|
94
|
<li class="list-group-item" ng-repeat="value in facet.datasource ">
|
95
|
<span class="badge">{{ value.count }}</span>
|
96
|
<a class="browseLink"
|
97
|
href='#/query/{{ calculateFilter("datasource", value.key) }}/q={{ query }}'>{{ value.key }}</a>
|
98
|
</li>
|
99
|
</ul>
|
100
|
</div>
|
101
|
</div>
|
102
|
</div>
|
103
|
|
104
|
<div class="row">
|
105
|
<div class="panel panel-primary">
|
106
|
<div class="panel-heading"><b>Link Publisher</b></div>
|
107
|
<div class="panel-body">
|
108
|
<ul class="list-group">
|
109
|
<li class="list-group-item" ng-repeat="value in facet.publishers ">
|
110
|
<span class="badge">{{ value.count }}</span>
|
111
|
<a class="browseLink"
|
112
|
href='#/query/{{ calculateFilter("publisher", value.key) }}/q={{ query }}'>{{ value.key }}</a>
|
113
|
</li>
|
114
|
</ul>
|
115
|
</div>
|
116
|
</div>
|
117
|
</div>
|
118
|
|
119
|
<div class="row">
|
120
|
<div class="panel panel-primary">
|
121
|
<div class="panel-heading"><b>Pid Type</b></div>
|
122
|
<div class="panel-body">
|
123
|
<ul class="list-group">
|
124
|
<li class="list-group-item" ng-repeat="value in facet.pid ">
|
125
|
<span class="badge">{{ value.count }}</span>
|
126
|
<a class="browseLink"
|
127
|
href='#/query/{{ calculateFilter("pidtype", value.key) }}/q={{ query }}'>{{ value.key }}</a>
|
128
|
</li>
|
129
|
</ul>
|
130
|
</div>
|
131
|
</div>
|
132
|
</div>
|
133
|
|
134
|
</div>
|
135
|
<div class="col-md-9 col-xs-12">
|
136
|
|
137
|
<div class="row" ng-repeat="result in result_query">
|
138
|
<div class="col-lg-12" style="margin-top: 10px">
|
139
|
<span class="label label-info" style="font-size: 100%">{{ result.subType }}</span>
|
140
|
<span ng-repeat="date in showDate(result.date)" class="label label-warning"
|
141
|
style="font-size: 100%"> {{ date }}</span>
|
142
|
</div>
|
143
|
|
144
|
<div class="col-lg-12" style="margin-top: 10px">
|
145
|
<a href="#/detail/{{ result.id }}">
|
146
|
<b ng-show="result.title.length">{{ result.title[0] }}</b>
|
147
|
<b ng-hide="result.title.length">Metadata non resolved for pid : {{ result.localIdentifier[0].id }}</b>
|
148
|
</a>
|
149
|
</div>
|
150
|
|
151
|
<div class="col-lg-12">
|
152
|
<div>
|
153
|
|
154
|
<auth style="font-size: small; color: darkred"
|
155
|
ng-repeat="author in result.author">
|
156
|
<f ng-hide="$index==0">,</f>
|
157
|
<i>{{ author }}</i>
|
158
|
</auth>
|
159
|
</div>
|
160
|
<span class="more" style="color: #9ba4ad">
|
161
|
{{ result.abstract }}
|
162
|
|
163
|
</span>
|
164
|
|
165
|
|
166
|
</div>
|
167
|
|
168
|
|
169
|
<div class="col-lg-12">
|
170
|
<d style="font-size: small"></d>
|
171
|
|
172
|
|
173
|
Sources:
|
174
|
<span ng-repeat="datatasource in result.datasources">
|
175
|
<a ng-show="datatasource.datasourceName.length"> {{ datatasource.datasourceName }}</a>
|
176
|
</span>
|
177
|
<dd ng-repeat="publisher in result.publisher">
|
178
|
<d style="font-size: small; color:darkgreen" ng-show="publisher.length">
|
179
|
Publisher: {{ publisher }}</d>
|
180
|
</dd>
|
181
|
</div>
|
182
|
|
183
|
|
184
|
<div class="col-lg-12 text-right">
|
185
|
|
186
|
|
187
|
<auth style="font-size: small; margin-left: 10px" class="orange-text">
|
188
|
Link to Datasets: <b>{{ result.relatedDatasets }}</b>
|
189
|
</auth>
|
190
|
|
191
|
<auth style="font-size: small; margin-left: 10px" class="orange-text">Link to Literature:
|
192
|
<b> {{ result.relatedPublications }}</b>
|
193
|
|
194
|
</auth>
|
195
|
|
196
|
<auth style="font-size: small; margin-left: 10px" class="orange-text">
|
197
|
Link to other Objects:
|
198
|
<b>{{ result.relatedUnknown }}</b>
|
199
|
</auth>
|
200
|
|
201
|
|
202
|
<hr>
|
203
|
</div>
|
204
|
|
205
|
|
206
|
</div>
|
207
|
|
208
|
</div>
|
209
|
|
210
|
|
211
|
</div>
|
212
|
|
213
|
|
214
|
</section>
|