Project

General

Profile

1
<div class="container">
2
    <div class="row">
3
        <div class="col l12">
4
            <h3>Datasource Info </h3>
5
        </div>
6
    </div>
7

    
8
    <div class="row">
9
        <div class="col l2">
10
            <img src="{{datasource.iconURI}}" style="max-height: 100px"/>
11
        </div>
12
    </div>
13
    <div class="row">
14
        <div class="col l6">
15
            <ul>
16

    
17
                <li>Datasource Name: <b class=blue-text>{{datasource.officialName}}</b></li>
18
                <li>Datasource webPage: <a href="{{datasource.webSite}}">{{datasource.webSite}}</a></li>
19

    
20
            </ul>
21
        </div>
22
    </div>
23

    
24
    <div class="row">
25
        <div class="col l12 ">
26
            <ul class="tabs">
27
                <li class="tab col s3 "><a href="#rel_data" class="active black-text title_about"><b>Dataset</b></a>
28
                </li>
29
                <li class="tab col s3"><a class="black-text title_about" href="#rel_pubs"><b>Publication</b></a></li>
30
                <li class="tab col s3"><a class="black-text title_about" href="#rel_stats"><b>Statistics </b></a></li>
31
            </ul>
32
        </div>
33
        <div id="rel_stats" class="col  l8 offset-l2">
34
            <h1>STATISTICS</h1>
35
        </div>
36
        <div id="rel_pubs" class="col  l8 offset-l2">
37
            <h1>PUBLICATION</h1>
38

    
39
            <div class="row" ng-repeat="result in result_query">
40
                <div class="col l12">
41

    
42
                    <div class="col l12 ">
43
                        <a class="blue-text" href="#/detail/{{ result.identifier }}">
44
                            <i ng-hide="result.objectType!= 'unknown' "
45
                               style="padding: 10px"
46
                               class="fa fa-question-circle fa-2x blue-text circle responsive-img"></i>
47
                            <i ng-show="result.objectType=='dataset'" style="padding: 10px"
48
                               class="fa fa-database fa-2x blue-text circle responsive-img"></i>
49
                            <i style="padding: 10px" ng-show="result.objectType=='publication'"
50
                               class="fa fa-book fa-2x blue-text circle responsive-img"></i>
51
                            <b ng-show="result.title">{{result.title}}</b>
52
                            <b ng-hide="result.title">Metadata non resolved for pid : {{result.pid}}</b>
53
                        </a>
54
                    </div>
55

    
56
                    <div class="col l12">
57
                        <d style="font-size: small"></d>
58
                        <auth style="font-size: small" class="green-text"
59
                              ng-repeat="author in result.authors">
60
                            <f ng-hide="$index==0">,</f>
61
                            {{author}}, {{result.date}}
62
                        </auth>
63
                        </d>
64
                    </div>
65
                    <p>
66

    
67
                    <div class="col l2">
68
                        <auth style="font-size: small" class="orange-text"> {{ countRelatedDatasets(result)
69
                            }} Related Datasets
70
                        </auth>
71
                    </div>
72
                    <div class="col l2">
73
                        <auth style="font-size: small" class="orange-text"> {{
74
                            countRelatedPublication(result) }} Related Publications
75
                        </auth>
76
                    </div>
77
                    <div class="col l2">
78
                        <auth style="font-size: small" class="orange-text"> {{ countOtherRelations(result)
79
                            }} Other Relations
80
                        </auth>
81
                    </div>
82

    
83
                    <div class="col l2">
84
                        <auth style="font-size: small" class="orange-text"><a
85
                                href="{{ result.resolved_url }}" class="orange-text"> <i
86
                                class="fa fa-link"></i> Original Object </a></auth>
87
                    </div>
88
                    <div class="col l3">
89
                        [
90
                        <auth style="font-size: small" class="orange-text"
91
                              ng-repeat="prov in result.provenance_record">
92
                            <f ng-hide="$index==0">,</f>
93
                            {{prov.name}}
94
                        </auth>
95
                        <d style="font-size: small">]</d>
96
                    </div>
97

    
98
                    </p>
99
                </div>
100
            </div>
101

    
102
        </div>
103
        <div id="rel_data" class="col  l8 offset-l2">
104
            <h1>DATASET</h1>
105
        </div>
106

    
107

    
108
    </div>
109

    
110
</div>
111

    
112
<script>
113
    $(document).ready(function () {
114
        $('ul.tabs').tabs();
115

    
116
    });
117

    
118
</script>
(4-4/8)