inspire-citesummary-js/dist/templates/citations.html

Cite Summary component for INSPIRE HEP

<div class="container-fluid" id="spinner">
    <div class="spinner">
        <div class="rect1"></div>
        <div class="rect2"></div>
        <div class="rect3"></div>
        <div class="rect4"></div>
        <div class="rect5"></div>
    </div>
</div>

<div class="container-fluid hidden" id="contents">

    <div class="row-fluid">

        <div class="row-fluid">
            <h2>Cite Summary
                <button class="btn btn-success btn-sm pull-right" id="download_csv">Download as CSV</button>
            </h2>

            <hr/>
        </div>
    </div>


    <div class="row-fluid">
        <div class="col-md-12">
            <div id="citations_summary" class="dc-data-count">
                <span class="filter-count"></span>
                out of
                <span class="total-count"></span>
                |
                <a href="javascript:dc.filterAll(); dc.renderAll();">Reset All</a>
                <br> Use the Date Zoom to select some time frame.
            </div>
        </div>
    </div>

    <div class="row-fluid">
        <div class="col-md-12">
            <h4>Citation Overview</h4>
            <div id="citations"></div>
        </div>
    </div>

    <div class="clearfix"></div>

    <div class="row-fluid">
        <div class="col-md-3" style="height: 300px;">
            <h4>Citation Types</h4>
            <div id="citations_subjects" style="width: 30%; height: 200px;"></div>
        </div>

        <div class="col-md-3" style="height: 300px;">
            <h4>Self Citations</h4>
            <div id="citations_self_cites" style="width: 30%; height: 200px;"></div>

        </div>

        <div class="col-md-3" style="height: 300px;">
            <h4>Collaboration Papers</h4>
            <div id="citations_collaboration" style="width: 30%; height: 200px;"></div>

        </div>


        <div class="col-md-3" style="height: 300px;">
            <h4>Citation Subject Area</h4>
            <div id="citations_subject_area" style="width: 30%; height: 200px;"></div>
        </div>

    </div>

    <div class="clearfix"></div>

    <div class="row-fluid">

        <div id="table-view" class="col-md-12">
            <div class="row-fluid visualization-container">
                <div class="col-md-12 col-sm-10 col-xs-8">
                    <h4>Citing Papers
                    </h4>
                    <br/>
                    <div class="visualization-panel col-md-12 scrollable">


                        <table id="citations_data_table" class="table dc-data-table">

                            <thead>
                            <tr class="header">
                                <th></th>
                                <th>Inspire ID</th>
                                <th>Title</th>
                                <th>Citation Type</th>
                                <th>Subject Area</th>
                            </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>


</div>