inspire-citesummary-js/dist/templates/papers-and-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">
        <h2>Cite Summary
            <button class="btn btn-success btn-sm pull-right" id="download_csv">Download as CSV</button>
        </h2>

        <hr/>

    </div>


    <div class="row-fluid">
        <div class="col-md-6">
            <h4>Paper Overview</h4>

            <div class="row-fluid">
                <div id="papers_summary" class="col-md-8 dc-data-count">
                    <span class="filter-count"></span>
                    out of
                    <span class="total-papers"></span> Papers <span class="zero-papers hidden label label-default"><span
                        class="count"></span> with no citations not shown</span>
                </div>

                <div class="col-md-4">
                    <a class="pull-right" href="javascript:dc.filterAll(); dc.renderAll();">Reset All Filters</a>
                </div>

            </div>

            <div id="papers"></div>
        </div>

        <div class="col-md-6">
            <h4>Citation Overview</h4>

            <div class="row-fluid">
                <div id="citations_summary" class="col-md-8 dc-data-count">
                    <span class="filter-count"></span>
                    out of
                    <span class="total-count"></span> Citations
                </div>
                <div class="col-md-4">
                    <a class="pull-right" href="javascript:dc.filterAll(); dc.renderAll();">Reset All Filters</a>
                </div>
            </div>
            <div id="citations"></div>
        </div>
    </div>

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

    <div class="row-fluid papers">
        <div class="col-md-6">
            <!--papers part-->
            <div class="row-fluid">

                <div class="col-md-6">
                    <h4>Paper Type</h4>
                    <div id="papers_document_type">
                    </div>
                </div>

                <div class="col-md-6">
                    <h4>Paper Subject Area</h4>
                    <div id="papers_subject_area">

                    </div>
                </div>

                <div class="col-md-12">
                    <h4>Paper Citation Counts</h4>
                    <div id="papers_citation_count">

                    </div>

                </div>
            </div>

        </div>


        <div class="col-md-6">
            <!--papers part-->
            <div class="row-fluid">

                <div class="col-md-6">
                    <h4>Citation Types</h4>
                    <div id="citations_subjects"></div>
                </div>

                <div class="col-md-6">
                    <h4>Citation Subject Area</h4>
                    <div id="citations_subject_area"></div>
                </div>


                <div class="col-md-6" style="height: 300px;">
                    <h4>Self Citations</h4>
                    <div id="citations_self_cites"></div>

                </div>

                <div class="col-md-6" style="height: 300px;">
                    <h4>Collaboration Papers</h4>
                    <div id="citations_collaboration"></div>

                </div>


            </div>
        </div>

    </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 table-hover">
                            <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>