Project

General

Profile

1
<style>
2
   hr {
3
       border-top: 1px dotted #000000 !important;
4
       margin-bottom:5px !important;
5
       margin-top:5px !important;
6
   }
7
</style>
8
    <!-- Header -->
9
    <section style="padding-bottom: 0px">
10
            <div class="container centered">
11
                <div class="row">
12
                    <div class="col-lg-12 centered">
13
                        <img ng-hide="facet"  img class="img-responsive img-centered"  style="max-width:400px" src="img/logo_big.png" alt="">
14
                        <div class="row">
15
                            <div class="form-group col-lg-10 floating-label-form-group controls">
16
                                <form ng-submit="makeQuery()">
17
                                    <label>Type your search!</label>
18
                                    <input class="form-control" placeholder="Type your search!" id="query" ng-autocomplete options="options" required data-validation-required-message="Please enter your query" ng-model="query">
19

    
20
                                </form>
21
                            </div>
22
                            <div class="form-group col-lg-2">
23
                                <a ng-click="makeQuery()" class="btn btn-primary"><span class="glyphicon glyphicon-search"></span> Search</a>
24
                            </div>
25
                        </div>
26
                    </div>
27
                </div>
28
            </div>
29
    </section>
30

    
31
    <div class="row centered" ng-show="result_query.length">
32
                <div class="text-center">
33
                <ul class="pagination centered">
34
                    <li  ><a href="#">&lt;</a></li>
35
                      <li class="active" ><a href="#">1</a></li>
36
                      <li><a href="#">2</a></li>
37
                      <li><a href="#">3</a></li>
38
                      <li><a href="#">4</a></li>
39
                      <li><a href="#">5</a></li>
40
                    <li  ><a href="#">&gt;</a></li>
41
                </ul>
42
                    </div>
43
            </div>
44

    
45
    <div class="row container-fluid" ng-show="result_query.length">
46
        <div class="col-md-3" id="leftCol">
47
            <div class="row" ng-repeat="item in facet">
48
                <div class="panel panel-primary">
49
                  <div class="panel-heading"><b>{{ item.facet }}</b></div>
50
                  <div class="panel-body">
51
                      <ul class="list-group">
52
                          <li class="list-group-item" ng-repeat="value in item.values">
53

    
54
                              <span class="badge">{{ value.value }}</span>
55
                              <a href="#">{{ value.key }}</a>
56
                          </li>
57
                      </ul>
58
                  </div>
59
                </div>
60
            </div>
61
        </div>
62
        <div class="col-md-9 col-xs-12">
63
            <div class="row" ng-repeat="result in result_query">
64
                 <div class="col-lg-12">
65
                    <a href="#/detail/{{ result.identifier }}">
66
                        <i ng-hide="result.objectType!= 'unknown' "
67
                           style="padding: 10px"
68
                           class="fa fa-question-circle fa-2x blue-text circle responsive-img"></i>
69
                        <i ng-show="result.objectType=='dataset'" style="padding: 10px"
70
                           class="fa fa-database fa-2x blue-text circle responsive-img"></i>
71
                        <i style="padding: 10px" ng-show="result.objectType=='publication'"
72
                           class="fa fa-book fa-2x blue-text circle responsive-img"></i>
73
                        <b ng-show="result.title">{{result.title}}</b>
74
                        <b ng-hide="result.title">Metadata non resolved for pid : {{result.pid}}</b>
75
                    </a>
76
                 </div>
77

    
78
                <div class="col-lg-12">
79
                    <d style="font-size: small"></d>
80
                    <auth style="font-size: small; color: #1565C0"
81
                          ng-repeat="author in result.authors">
82
                        <f ng-hide="$index==0">,</f>
83
                        {{author}}
84
                    </auth>
85
                    <d ng-show="result.date">- {{result.date}}</d>
86
                    </d>
87
                </div>
88
                <p>
89
                <div class="col-lg-2">
90
                    <auth style="font-size: small" class="orange-text"> <b>{{ countRelatedDatasets(result)
91
                        }}</b> Related Datasets
92
                    </auth>
93
                </div>
94
                <div class="col-lg-2">
95
                    <auth style="font-size: small" class="orange-text"><b> {{
96
                        countRelatedPublication(result) }}</b> Related Publications
97
                    </auth>
98
                </div>
99
                <div class="col-lg-2">
100
                    <auth style="font-size: small" class="orange-text"> <b>{{ countOtherRelations(result)
101
                        }}</b> Other Relations
102
                    </auth>
103
                </div>
104
                <div class="col-lg-2">
105
                    <auth style="font-size: small" class="orange-text"><a
106
                            href="{{ result.resolved_url }}" class="orange-text"> <i
107
                            class="fa fa-link"></i> Original Object </a></auth>
108
                </div>
109
                <div class="col-lg-3">
110
                    [
111
                    <auth style="font-size: small" class="orange-text"
112
                          ng-repeat="prov in result.provenance_record">
113
                        <f ng-hide="$index==0">,</f>
114
                        {{prov.name}}
115
                    </auth>
116
                    <d style="font-size: small">]</d>
117
                </div>
118

    
119
            </div>
120
        </div>
121
    </div>
122

    
123

    
124

    
125
    <section id="#stats" ng-hide="facet">
126
        <div class="container">
127
            <div class="row text-center">
128
                <div class="col-lg-12 col-xs-12">
129

    
130

    
131
                    <p >Search and browse in <span style="color: darkred">620.000</span> literature objects,
132
                        <span style="color: darkred">2.600.000</span> datasets,
133
                        <span style="color: darkred">18.000.0000</span> bi-directional scholix links,</p>
134
                    <p style=>
135
                        from <span style="color: darkred">1000</span> publishers,
136
                        <span style="color: darkred">10</span> data centers,
137
                        <span style="color: darkred"> CrossRef, DataCite</span>, and <span style="color: darkred">OpenAIRE</span>.</p>
138
                </div>
139
                <div class="col-lg-6 col-xs-12">
140
                    <h4><b> </b></h4>
141
                </div>
142
            </div>
143
        </div>
144

    
145

    
146
    </section>
(7-7/9)