D-Net

<style>

   hr {

       border-top: 1px dotted #000000 !important;

       margin-bottom:5px !important;

       margin-top:5px !important;

   }

</style>

<!-- Header -->

<section style="padding-bottom: 0px">

        <div class="container centered">

            <div class="row">

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

                    <img ng-hide="facet"  img class="img-responsive img-centered"  src="images/dli_logo_big.png" alt="">

                    <div class="row">

                        <div class="form-group col-xs-10 floating-label-form-group controls">

                            <form ng-submit="makeQuery()">

                                <label>Type your search!</label>

                                <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">

                            </form>

                        </div>

                        <div class="form-group col-xs-2">

                            <a ng-click="makeQuery()" class="btn btn-primary"><span class="glyphicon glyphicon-search"></span> Search</a>

                        </div>

                    </div>

                </div>

            </div>

        </div>

</section>

    <div class="row centered" ng-show="result_query.length">

                <div class="text-center">

                <ul class="pagination centered">

                    <li  ><a href="#">&lt;</a></li>

                      <li class="active" ><a href="#">1</a></li>

                      <li><a href="#">2</a></li>

                      <li><a href="#">3</a></li>

                      <li><a href="#">4</a></li>

                      <li><a href="#">5</a></li>

                    <li  ><a href="#">&gt;</a></li>

                </ul>

                    </div>

            </div>

    <div class="row container-fluid" ng-show="result_query.length">

        <div class="col-md-3" id="leftCol">

            <div class="row" ng-repeat="item in facet">

                <div class="panel panel-primary">

                  <div class="panel-heading"><b>{{ item.facet }}</b></div>

                  <div class="panel-body">

                      <ul class="list-group">

                          <li class="list-group-item" ng-repeat="value in item.values">

                              <span class="badge">{{ value.value }}</span>

                              <a href="#">{{ value.key }}</a>

                          </li>

                      </ul>

                  </div>

                </div>

            </div>

        </div>

        <div class="col-md-9 col-xs-12">

            <div class="row" ng-repeat="result in result_query">

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

                    <a href="#/detail/{{ result.identifier }}">

                        <i ng-hide="result.objectType!= 'unknown' "

                           style="padding: 10px"

                           class="fa fa-question-circle fa-2x blue-text circle responsive-img"></i>

                        <i ng-show="result.objectType=='dataset'" style="padding: 10px"

                           class="fa fa-database fa-2x blue-text circle responsive-img"></i>

                        <i style="padding: 10px" ng-show="result.objectType=='publication'"

                           class="fa fa-book fa-2x blue-text circle responsive-img"></i>

                        <b ng-show="result.title">{{result.title}}</b>

                        <b ng-hide="result.title">Metadata non resolved for pid : {{result.pid}}</b>

                    </a>

                 </div>

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

                    <d style="font-size: small"></d>

                    <auth style="font-size: small; color: #1565C0"

                          ng-repeat="author in result.authors">

                        <f ng-hide="$index==0">,</f>

                        {{author}}

                    </auth>

                    <d ng-show="result.date">- {{result.date}}</d>

                    </d>

                </div>

                <p>

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

                    <auth style="font-size: small" class="orange-text"> <b>{{ countRelatedDatasets(result)

                        }}</b> Related Datasets

                    </auth>

                </div>

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

                    <auth style="font-size: small" class="orange-text"><b> {{

                        countRelatedPublication(result) }}</b> Related Publications

                    </auth>

                </div>

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

                    <auth style="font-size: small" class="orange-text"> <b>{{ countOtherRelations(result)

                        }}</b> Other Relations

                    </auth>

                </div>

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

                    <auth style="font-size: small" class="orange-text"><a

                            href="{{ result.resolved_url }}" class="orange-text"> <i

                            class="fa fa-link"></i> Original Object </a></auth>

                </div>

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

                    [

                    <auth style="font-size: small" class="orange-text"

                          ng-repeat="prov in result.provenance_record">

                        <f ng-hide="$index==0">,</f>

                        {{prov.name}}

                    </auth>

                    <d style="font-size: small">]</d>

                </div>

            </div>

        </div>

    </div>

    <section id="#stats" ng-hide="facet">

        <div class="container">

            <div class="row text-center">

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

                    <h4><b>Contributed Links</b></h4>

                </div>

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

                    <h4><b>Contributed Objects</b></h4>

                </div>

            </div>

            <div class="row text-center">

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

                    <div id="chart_links"></div>

                </div>

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

                    <div id="chart_objects"></div>

                </div>

            </div>

        </div>

    </section>