Project

General

Profile

1 46770 sandro.lab
<section>
2
    <div class="row">
3
        <div class="col-lg-8 col-lg-offset-2">
4
5
            <div class="row">
6
                <ul id="myTabs" class="nav nav-tabs text-center" role="tablist">
7
                    <li role="presentation" class="active"><a href="#tabstats" role="tab" id="profile-tab"
8
                                                              data-toggle="tab"
9
                                                              aria-controls="profile" aria-expanded="false"><h4>
10 50064 sandro.lab
                        Statistics</h4></a></li>
11
12 46770 sandro.lab
                    <li role="presentation"><a href="#historystats" role="tab" id="profile-tab" data-toggle="tab"
13 50064 sandro.lab
                                               aria-controls="profile" aria-expanded="false"><h4>History</h4></a></li>
14 46770 sandro.lab
15
                </ul>
16
17
                <div id="myTabContent" class="tab-content">
18
19
20
21
22 50064 sandro.lab
                    <div role="tabpanel" class="tab-pane fade in active" id="tabstats" aria-labelledby="dropdown1-tab">
23 46770 sandro.lab
                        <div class="row">
24
                            <div class="col-lg-12">
25
26
                                <div class="card z-depth-2" style="padding-top: 10px">
27
                                    <div class="row">
28
                                        <div class="col-lg-12">
29
                                            <div class="row">
30
31
                                                <div class="col-lg-12">
32 50064 sandro.lab
                                                    <table class="table ">
33
34
                                                        <col>
35
                                                          <colgroup span="3"></colgroup>
36
                                                          <tr>
37
                                                              <td rowspan="1" class="text-left"><b>Content Provider</b></td>
38
                                                            <th rowspan="1" class="text-right">Links</th>
39
                                                            <th colspan="4" scope="colgroup" class="text-center">Object</th>
40
                                                          </tr>
41
                                                          <tr>
42
                                                            <th class="text-left"></th>
43
                                                            <th class="text-right"></th>
44
                                                            <th class="text-right" scope="col">Publication</th>
45
                                                            <th class="text-right" scope="col">Dataset</th>
46
                                                            <th class="text-right" scope="col">Unknown</th>
47
                                                            <th class="text-right" scope="col">total</th>
48
                                                          </tr>
49
50
51
52
                                                        <!--
53 46770 sandro.lab
                                                        <tr class="orange-text">
54
55
                                                            <td class="text-left"><b>Content provider</b></td>
56
                                                            <td class="text-right"><b>Contributed links</b></td>
57
                                                            <td class="text-right"><b>Referred objects</b></td>
58
                                                            <td class="text-right"><b>Referred publications</b></td>
59
                                                            <td class="text-right"><b>Referred datasets</b></td>
60
                                                            <td class="text-right"><b>Referred objects of unknown
61
                                                                typology</b></td>
62 50064 sandro.lab
                                                        </tr>
63
                                                        -->
64 46770 sandro.lab
65
                                                        <tr ng-repeat="item in stats">
66
                                                            <td class="left-align"><a
67 50064 sandro.lab
                                                                    href='#/datasource/id/{{ item.acronym }}'>{{ item.datasourceName }} </a>
68 46770 sandro.lab
                                                            </td>
69 50064 sandro.lab
                                                            <td class="text-right"> {{ item.links }}</td>
70
                                                            <td class="text-right">{{ item.publication }}</td>
71
                                                            <td class="text-right">{{ item.dataset }}</td>
72
                                                            <td class="text-right">{{ item.unknown }}</td>
73
                                                            <td class="text-right">{{ item.total }}
74 46770 sandro.lab
                                                            </td>
75
76
                                                        </tr>
77
                                                    </table>
78
                                                </div>
79
                                            </div>
80
                                        </div>
81
                                    </div>
82
                                </div>
83
                            </div>
84
85
                        </div>
86
                    </div>
87
88
89
                    <div role="tabpanel" class="tab-pane fade" id="historystats" aria-labelledby="profile-tab">
90
                        <div class="row">
91
                            <div class="col-lg-12">
92
                                <div class="row text-center">
93
                                    <h4><b>Timeseries of contributed Links</b></h4>
94
                                    <div id="chart_history_links"></div>
95
                                </div>
96
                                <div class="row text-center">
97
                                    <h4><b>Timeseries of referred Objects</b></h4>
98
99
                                    <div id="chart_history_objects"></div>
100
                                </div>
101
                            </div>
102
                        </div>
103
                    </div>
104
105
106
                </div>
107
108
109
            </div>
110
111
        </div>
112
    </div>
113
114
115
</section>
116
<script>
117
    $('#myTabs a').click(function (e) {
118
        e.preventDefault()
119
        $(this).tab('show')
120
    });
121
</script>