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 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="">&lt;</a></li>
58
                <li ng-hide="page ==1"><a href="#/query/{{ filterPath() }}page={{ page - 1 }}/q={{ query }}">&lt;</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 }}">&gt;</a>
64
                </li>
65
                <li ng-show="page ==lastPage" class="disabled"><a href="">&gt;</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>
(8-8/9)