D-Net

<section>

    <div class="row">

        <div class="col-lg-8 col-lg-offset-2">

            <div class="row">

                <ul id="myTabs" class="nav nav-tabs text-center" role="tablist">

                    <li role="presentation" class="active"><a href="#tabstats" role="tab" id="profile-tab"

                                                              data-toggle="tab"

                                                              aria-controls="profile" aria-expanded="false"><h4>

                        Statistics</h4></a></li>

                    <li role="presentation"><a href="#historystats" role="tab" id="profile-tab" data-toggle="tab"

                                               aria-controls="profile" aria-expanded="false"><h4>History</h4></a></li>

                </ul>

                <div id="myTabContent" class="tab-content">

                    <div role="tabpanel" class="tab-pane fade in active" id="tabstats" aria-labelledby="dropdown1-tab">

                        <div class="row">

                            <div class="col-lg-12">

                                <div class="card z-depth-2" style="padding-top: 10px">

                                    <div class="row">

                                        <div class="col-lg-12">

                                            <div class="row">

                                                <div class="col-lg-12">

                                                    <table class="table ">

                                                        <col>

                                                          <colgroup span="3"></colgroup>

                                                          <tr>

                                                              <td rowspan="1" class="text-left"><b>Content Provider</b></td>

                                                            <th rowspan="1" class="text-right">Links</th>

                                                            <th colspan="4" scope="colgroup" class="text-center">Object</th>

                                                          </tr>

                                                          <tr>

                                                            <th class="text-left"></th>

                                                            <th class="text-right"></th>

                                                            <th class="text-right" scope="col">Publication</th>

                                                            <th class="text-right" scope="col">Dataset</th>

                                                            <th class="text-right" scope="col">Unknown</th>

                                                            <th class="text-right" scope="col">total</th>

                                                          </tr>

                                                        <!--

                                                        <tr class="orange-text">

                                                            <td class="text-left"><b>Content provider</b></td>

                                                            <td class="text-right"><b>Contributed links</b></td>

                                                            <td class="text-right"><b>Referred objects</b></td>

                                                            <td class="text-right"><b>Referred publications</b></td>

                                                            <td class="text-right"><b>Referred datasets</b></td>

                                                            <td class="text-right"><b>Referred objects of unknown

                                                                typology</b></td>

                                                        </tr>

                                                        -->

                                                        <tr ng-repeat="item in stats">

                                                            <td class="left-align"><a

                                                                    href='#/datasource/id/{{ item.acronym }}'>{{ item.datasourceName }} </a>

                                                            </td>

                                                            <td class="text-right"> {{ item.links }}</td>

                                                            <td class="text-right">{{ item.publication }}</td>

                                                            <td class="text-right">{{ item.dataset }}</td>

                                                            <td class="text-right">{{ item.unknown }}</td>

                                                            <td class="text-right">{{ item.total }}

                                                            </td>

                                                        </tr>

                                                    </table>

                                                </div>

                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>

                    <div role="tabpanel" class="tab-pane fade" id="historystats" aria-labelledby="profile-tab">

                        <div class="row">

                            <div class="col-lg-12">

                                <div class="row text-center">

                                    <h4><b>Timeseries of contributed Links</b></h4>

                                    <div id="chart_history_links"></div>

                                </div>

                                <div class="row text-center">

                                    <h4><b>Timeseries of referred Objects</b></h4>

                                    <div id="chart_history_objects"></div>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

</section>

<script>

    $('#myTabs a').click(function (e) {

        e.preventDefault()

        $(this).tab('show')

    });

</script>