places.html

<div xmlns:i18n="http://exist-db.org/xquery/i18n" data-template="templates:surround" data-template-with="templates/page.html" data-template-at="content">
    <div data-template="templates:include" data-template-path="templates/menu.html"/>
    <section class="container-fluid sai-content">
        <div class="container">
            <div class="row">
                <div class="page-header">
                    <h1>Sātavāhana Gazetteer</h1>
                    <p>This is a list of all of the places either <em>mentioned</em> in the 
                        corpus of inscriptions, or <em>where</em> the inscriptions have actually
                        been found. In some cases a place falls into both categories. The places
                        are listed by their ancient names. (Note that some places referred to
                        in these texts, such as the names of modern villages or states, are
                        skipped here.)</p>
                    <p>Some places, but not all, have a short description which can be accessed
                        by clicking on the link. Where available, places are put on the below map.</p>
                </div>
            </div>
            
            <div class="browse" data-template="app:browse" data-template-type="Places" data-template-facets="browse-place-facet-def.xml">
                <div class="row">
                    <div class="col-md-3">
                        <div class="well well-sm">
                            <h5>Matching Places: <span id="hit-count" data-template="app:hit-count"/>
                            </h5>
                            <hr/>
                            <hr/>
                            <div data-template="app:display-facets" data-template-facets="browse-place-facet-def.xml"/>
                            <div data-template="app:places-within-places"/>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div data-template="app:map"/>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h3 class="panel-title">
                                    <ul class="pagination" data-template="app:browse-abc-menu"/>
                                </h3>
                            </div>
                            <div class="panel-body">
                                <!-- pagination for small device -->
                                <div class="hidden-md hidden-lg hidden-sm pull-right">
                                    <ul class="pagination" data-template="app:paginate" data-template-per-page="20" data-template-max-pages="5" data-template-min-hits="21"/>
                                </div>
                                <!-- pagination for larger device -->
                                <div class="hidden-xs" style="text-align:right;">
                                    <ul class="pagination" data-template="app:paginate" data-template-per-page="20" data-template-max-pages="9" data-template-min-hits="21"/>
                                </div>
                                <hr/>
                                <br/>
                                <ul class="list-group">
                                    <div data-template="app:browse-display-hits" data-template-per-page="20" data-template-type="Places"/>
                                </ul>
                                
                                <!-- pagination for small device -->
                                <div class="hidden-md hidden-lg hidden-sm pull-right">
                                    <ul class="pagination" data-template="app:paginate" data-template-per-page="20" data-template-max-pages="5" data-template-min-hits="21"/>
                                </div>
                                <!-- pagination for larger device -->
                                <div class="hidden-xs pull-right">
                                    <ul class="pagination" data-template="app:paginate" data-template-per-page="20" data-template-max-pages="9" data-template-min-hits="21"/>
                                </div>
                            </div>
                        </div>
                        <!--<div data-template="app:view-hits-group-by-place"/>-->
                    </div>
                </div>
            </div>
            <!--
        <div class="browse" data-template="app:browse" data-template-path="/contextual/Persons" data-template-element="//tei:persName[1]">
           Persons Hits: <span id="hit-count" data-template="app:hit-count"/>
        </div>
        <div class="browse" data-template="app:browse" data-template-path="/contextual/Bibliography">
            Bibl Hits: <span id="hit-count" data-template="app:hit-count"/>
        </div>
        <div class="browse" data-template="app:browse">
            Inscriptions Hits: <span id="hit-count" data-template="app:hit-count"/>
        </div>
        -->
            <!-- This calls the (simple) load function from map.xql. !-->
            <!-- map.xql should also be able to create GeoJSON data
             and load it into the map... !-->
            <!--<div class="row" data-template="smap:draw-map"/>-->
            <!--
        <div data-template="app:list-places">
            <div class="row" data-template="app:map"/>
            <ul id="marker-list"/>
            <div data-template="templates:each" data-template-from="places" data-template-to="place">
                <h3>
                    <a href="" data-template="app:place-name"/>
                </h3>
                <div data-template="app:places-inscriptions-located"/>
                <div data-template="app:places-inscriptions-mentioned"/>
            </div>
        </div>
        -->
        </div>
    </section>
</div>