src/Ox/HoardBundle/Resources/views/search/list.html.twig line 1

Open in your IDE?
  1. {% extends '@OxHoardBundle/layout.html.twig' %}
  2. {% block title %}Hoards{% endblock %}
  4. {% block javascripts %}
  5.     {{ parent() }}
  6.     <script type="text/javascript">
  7.         let OcreTableUrl = '{{ path('hoard_ocre_table') }}';
  8.         var addMapExport = true;
  9.         $(function() {
  10.             $( ".tabs" ).tabs({
  11.               active:  window.location.hash ? null : {{ active_tab }},
  12.               activate: function(event, ui) {  
  13.                   window.location.hash = ui.newTab.find('a')[0].hash;
  14.                   $(window).scrollTop(0)
  15.               }
  16.             });
  17.         });
  18.     </script>
  20.     <script type="text/javascript">
  21.           //add dropdown values to javascript
  22.           queryOptions = {};
  23.           queryOptions.isAdmin = {% if is_admin %}true{% else %}false{% endif %};
  24.           queryOptions.isAuthenticated = {% if is_authenticated%}true{% else %}false{% endif %};
  25.           queryOptions.hoardTypes = { {% for i in queryOptions.hoardTypes %}  {{i.id}}: "{{i | replace({"\r\n":"", "'":"’", "\n":" "}) }}"  {% if not loop.last %},{% endif %}{% endfor %} };
  26.           queryOptions.countries = { {% for i in queryOptions.countries %}  {{i.id}}: "{{i}}"  {% if not loop.last %},{% endif %}{% endfor %} };
  27.           queryOptions.provinces = { {% for i in queryOptions.provinces %}  {{i.id}}: "{{i}}"  {% if not loop.last %},{% endif %}{% endfor %} };
  28.           queryOptions.ancientPlaces = { {% for i in queryOptions.ancientPlaces %}  {{i.id}}: "{{i}}"  {% if not loop.last %},{% endif %}{% endfor %} };
  29.           queryOptions.findSpotLocationDetails = { {% for i in queryOptions.findSpotLocationDetails %}  {{i.id}}: "{{i | replace({"\r\n":"", "'":"’", "\n":" "}) }}"  {% if not loop.last %},{% endif %}{% endfor %} };
  30.           queryOptions.reigns = { {% for i in queryOptions.reigns %}  {{i.id}}: "{{i}}"  {% if not loop.last %},{% endif %}{% endfor %} };
  31.           queryOptions.discoveryMethods = { {% for i in queryOptions.discoveryMethods %}  {{i.id}}: "{{i | replace({"\r\n":"", "'":"’", "\n":" "}) }}"  {% if not loop.last %},{% endif %}{% endfor %} };
  32.           queryOptions.discoveryLandUses = { {% for i in queryOptions.discoveryLandUses %}  {{i.id}}: "{{i | replace({"\r\n":"", "'":"’", "\n":" "}) }}"  {% if not loop.last %},{% endif %}{% endfor %} };
  33.           queryOptions.archaeologyRecoveryMethods = { {% for i in queryOptions.archaeologyRecoveryMethods %}  {{i.id}}: "{{i | replace({"\r\n":"", "'":"’", "\n":" "}) }}"  {% if not loop.last %},{% endif %}{% endfor %} };
  34.           queryOptions.archaeologySiteContexts = { {% for i in queryOptions.archaeologySiteContexts %}  {{i.id}}: "{{i | replace({"\r\n":"", "'":"’", "\n":" "}) }}"  {% if not loop.last %},{% endif %}{% endfor %} };
  35.           queryOptions.archaeologySiteContextDetails = { {% for i in queryOptions.archaeologySiteContextDetails %}  {{i.id}}: "{{i | replace({"\r\n":"", "'":"’", "\n":" "}) }}"  {% if not loop.last %},{% endif %}{% endfor %} };
  36.           queryOptions.archaeologyPeriods = { {% for i in queryOptions.archaeologyPeriods %}  {{i.id}}: "{{i}}"  {% if not loop.last %},{% endif %}{% endfor %} };
  37.           queryOptions.archaeologyContextNatures = { {% for i in queryOptions.archaeologyContextNatures %}  {{i.id}}: "{{i | replace({"\r\n":"", "'":"’", "\n":" "}) }}"  {% if not loop.last %},{% endif %}{% endfor %} };
  38.           queryOptions.ratings = { {% for i in queryOptions.ratings %}  {{i.rating}}: "{{i}}"  {% if not loop.last %},{% endif %}{% endfor %} };
  39.         queryOptions.hideWhats = { {% for i in queryOptions.hideWhats %}  {{i.id}}: "{{i}}"  {% if not loop.last %},{% endif %}{% endfor %} };
  40.         queryOptions.hideFroms = { {% for i in queryOptions.hideFroms %}  {{i.id}}: "{{i}}"  {% if not loop.last %},{% endif %}{% endfor %} };
  41.           queryOptions.coinLevelDatas = { {% for i in queryOptions.coinLevelDatas %}  {{i.id}}: "{{i.coinLevelData}}"  {% if not loop.last %},{% endif %}{% endfor %} };
  43.           queryOptions.persons = { {% for i in queryOptions.persons %}  {{i.id}}: "{{i}}"  {% if not loop.last %},{% endif %}{% endfor %} };
  44.           queryOptions.period = { {% for i in queryOptions.period %}  {{i.id}}: "{{i}}"  {% if not loop.last %},{% endif %}{% endfor %} };
  45.           queryOptions.reigns = { {% for i in queryOptions.reigns %}  {{i.id}}: "{{i}}"  {% if not loop.last %},{% endif %}{% endfor %} };
  46.           queryOptions.mints = { {% for i in queryOptions.mints %}  {{i.id}}: "{{i}}"  {% if not loop.last %},{% endif %}{% endfor %} };
  47.           queryOptions.denominations = { {% for i in queryOptions.denominations %}  {{i.id}}: "{{i}}"  {% if not loop.last %},{% endif %}{% endfor %} };
  48.           queryOptions.materials = { {% for i in queryOptions.materials %}  "{{i.ids}}": "{{i.name}}"  {% if not loop.last %},{% endif %}{% endfor %} };
  49.           queryOptions.condition = { {% for i in queryOptions.condition %}  {{i.id}}: "{{i | replace({"\r\n":"", "'":"’", "\n":" "}) }}"  {% if not loop.last %},{% endif %}{% endfor %} };
  50.           queryOptions.aspects = { {% for i in queryOptions.aspects %}  {{i.id}}: "{{i | replace({"\r\n":"", "'":"’", "\n":" "}) }}"  {% if not loop.last %},{% endif %}{% endfor %} };
  51.           queryOptions.references = { {% for i in queryOptions.references %}  '{{i.id}}': "{{i | replace({"\r\n":"", "'":"’", "\n":" "}) }}"  {% if not loop.last %},{% endif %}{% endfor %} };
  52.           queryOptions.containerForms = { {% for i in queryOptions.containerForms %}  {{i.id}}: "{{i | replace({"\r\n":"", "'":"’", "\n":" "}) }}"  {% if not loop.last %},{% endif %}{% endfor %} };
  53.       </script>
  54.     
  55.     {% embed 'import-libs/underscore.js.html.twig' %}{% endembed %}
  56.     <script type="text/javascript" src='/bundles/oxhoard/js/search_hoard.js'></script>
  57.     <script type="text/javascript" src='/bundles/oxhoard/js/utils.js'></script>
  58.     {% embed 'import-libs/select2.js.html.twig' %}{% endembed %}
  59.     {% embed 'import-libs/backbone.js.html.twig' %}{% endembed %}
  60.     {% embed 'import-libs/backgrid.js.html.twig' %}{% endembed %}
  61.     <script type="text/javascript" src='/bundles/oxhoard/js/libs/backgrid-select2-cell/backgrid-select2-cell.js'></script>
  62.     <script type="text/javascript" src='/bundles/oxhoard/js/libs/backgrid-text-cell/backgrid-text-cell.js'></script>
  63.     <script type="text/javascript" src='/bundles/oxhoard/js/query-builder-select2-plugin.js'></script>
  64.     <script type="text/javascript" src='/bundles/oxhoard/js/advanced_search.js'></script>
  65.     <script type="text/javascript" src="/bundles/oxhoard/js/ocre_table.js"></script>
  66.     {% embed 'import-libs/jqueryExtendext.js.html.twig' %}{% endembed %}
  67.     {% embed 'import-libs/dot.js.html.twig' %}{% endembed %}
  68.     {% embed 'import-libs/queryBuilder.js.html.twig' %}{% endembed %}
  69.         <script type="text/javascript">
  70.           var dteNow = new Date();
  71.           var currentYear = dteNow.getFullYear();
  72.           minDiscoveryYear = {{ initialHoardDiscoveryYearRangeStart }};
  73.           maxDiscoveryYear = {{ initialHoardDiscoveryYearRangeEnd }};
  74.           minTerminalYear = {{ initialHoardTerminalYearRangeStart }};
  75.           maxTerminalYear = {{ initialHoardTerminalYearRangeEnd }};
  76.           minOpeningYear = {{ initialHoardOpeningYearRangeStart }};
  77.           maxOpeningYear = {{ initialHoardOpeningYearRangeEnd }};
  78.           minArchaeologyContextDate = {{ initialHoardArchaeologyContextDateRangeStart }};
  79.           maxArchaeologyContextDate = {{ initialHoardArchaeologyContextDateRangeEnd }};
  80.           minCoinCount = {{ initialHoardCoinCountMin }};
  81.           maxCoinCount = {{ initialHoardCoinCountMax }};
  82.           minCoinYear = {{ initialCoinYearRangeStart }};
  83.           maxCoinYear = {{ initialCoinYearRangeEnd }};
  84.         </script>
  85.         <script> var hoardPath = "/hoard/";  </script>
  86.     
  87.         <script type="text/javascript">
  88.               //add dropdown values to javascript
  89.               options = {};
  90.               options.hoardTypes = [{% for i in queryOptions.hoardTypes %}["{{i}}", {{i.id}}]{% if not loop.last %},{% endif %}{% endfor %}];
  91.               options.countries = [['', ''], {% for i in queryOptions.countries %}["{{i}}", {{i.id}}]{% if not loop.last %},{% endif %}{% endfor %}];
  92.               options.provinces = [['', ''], {% for i in queryOptions.provinces %}["{{i}}", {{i.id}}]{% if not loop.last %},{% endif %}{% endfor %}];
  93.               options.ancientPlaces = [['', ''], {% for i in queryOptions.ancientPlaces %}["{{i}}", {{i.id}}]{% if not loop.last %},{% endif %}{% endfor %}];
  94.               options.findSpotLocationDetails = [['', ''], {% for i in queryOptions.findSpotLocationDetails %}["{{i}}", {{i.id}}]{% if not loop.last %},{% endif %}{% endfor %}];
  95.               options.reigns = [['', ''], {% for i in queryOptions.reigns %}["{{i}}", {{i.id}}]{% if not loop.last %},{% endif %}{% endfor %}];
  96.               options.discoveryMethods = [['', ''], {% for i in queryOptions.discoveryMethods %}["{{i}}", {{i.id}}]{% if not loop.last %},{% endif %}{% endfor %}];
  97.               options.discoveryLandUses = [['', ''], {% for i in queryOptions.discoveryLandUses %}["{{i}}", {{i.id}}]{% if not loop.last %},{% endif %}{% endfor %}];
  98.               options.archaeologyRecoveryMethods = [['', ''], {% for i in queryOptions.archaeologyRecoveryMethods %}["{{i}}", {{i.id}}]{% if not loop.last %},{% endif %}{% endfor %}];
  99.               options.archaeologySiteContexts = [['', ''], {% for i in queryOptions.archaeologySiteContexts %}["{{i}}", {{i.id}}]{% if not loop.last %},{% endif %}{% endfor %}];
  100.               options.archaeologySiteContextDetails = [['', ''], {% for i in queryOptions.archaeologySiteContextDetails %}["{{i}}", {{i.id}}]{% if not loop.last %},{% endif %}{% endfor %}];
  101.               options.archaeologyPeriods = [['', ''], {% for i in queryOptions.archaeologyPeriods %}["{{i}}", {{i.id}}]{% if not loop.last %},{% endif %}{% endfor %}];
  102.               options.archaeologyContextNatures = [['', ''], {% for i in queryOptions.archaeologyContextNatures %}["{{i}}", {{i.id}}]{% if not loop.last %},{% endif %}{% endfor %}];
  103.               options.ratings = [['', ''], {% for i in queryOptions.ratings %}["{{i}}", {{i.id}}]{% if not loop.last %},{% endif %}{% endfor %}];
  104.               options.hideWhats = [['', ''], {% for i in queryOptions.hideWhats %}["{{i}}", {{i.id}}]{% if not loop.last %},{% endif %}{% endfor %}];
  105.               options.hideFroms = [['', ''], {% for i in queryOptions.hideFroms %}["{{i}}", {{i.id}}]{% if not loop.last %},{% endif %}{% endfor %}];
  106.             options.allHoardResults = [{% for i in allHoardResults %} {id: {{i.id}}, isEditable: {% if i.permission %}true{% else %}false{% endif %} } {% if not loop.last %},{% endif %}{% endfor %}];
  107.             options.allHoardsChart = [{% for i in allHoardsChart %} {{i.id}} {% if not loop.last %},{% endif %}{% endfor %}];
  108.               options.hoardsOverEditLimit = {% if hoardsOverEditLimit %}true{% else %}false{% endif %};
  109.               options.hoardsOverChartLimit = {% if hoardsOverChartLimit %}true{% else %}false{% endif %};
  110.               options.coinLevelData = [['', ''], {% for i in queryOptions.coinLevelDatas %}["{{i}}", {{i.id}}]{% if not loop.last %},{% endif %}{% endfor %}];
  111.               options.isLoggedIn = {% if is_authenticated %}true{% else %}false{% endif %};
  112.           </script>
  113.         <script type="text/javascript">
  114.             // add sortValues to javascript
  115.             sortOptions = {}
  116.               sortOptions.reigns = { {% for i in queryOptions.reigns %}  {{i.id}}: {{i.sortValue}}  {% if not loop.last %},{% endif %}{% endfor %} };
  117.             sortOptions.Period = { {% for i in queryOptions.period %}  '{{i.period}}': {{i.sortValue}}  {% if not loop.last %},{% endif %}{% endfor %} };
  118.             sortOptions.Reign = { {% for i in queryOptions.reigns %}  '{{i.reign}}': {{i.sortValue}}  {% if not loop.last %},{% endif %}{% endfor %} };
  119.             sortOptions.Person = { {% for i in queryOptions.persons %}  '{{i.person}}{% if i.title %} ({% endif %}{{i.title}}{% if i.title %}){% endif %}': {{i.sortValue}}  {% if not loop.last %},{% endif %}{% endfor %} };
  120.           </script>
  122.     <script type="text/javascript" src='/bundles/oxhoard/js/floating_scrollbar.js'></script>
  123.     <script type="text/javascript" src='/bundles/oxhoard/js/MultiEdit/Hoard/main.js'></script>
  124.     <script type="text/javascript" src="/bundles/oxhoard/js/libs/leaflet-draw/dist/leaflet.draw.js"></script>
  125.     {% embed 'import-libs/chart.js.html.twig' %}{% endembed %}
  126.     <script type="text/javascript" src="/bundles/oxhoard/js/hoard_visualisations.js"></script>
  127.     <script type="text/javascript" src="/bundles/oxhoard/js/hoard_group_visualisations.js"></script>
  128. {% endblock %}
  131. {% block stylesheets %}
  132.     {{ parent() }}
  133.       {% embed 'import-libs/select2.css.html.twig' %}{% endembed %}
  134.       {% embed 'import-libs/backgrid.css.html.twig' %}{% endembed %}
  135.       <link rel="stylesheet" href='/bundles/oxhoard/js/libs/backgrid-text-cell/backgrid-text-cell.css' />
  136.       {% embed 'import-libs/backgrid.css.html.twig' %}{% endembed %}
  137.       {% embed 'import-libs/queryBuilder.css.html.twig' %}{% endembed %}
  138.       
  139.          <script src="//cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.js"></script>
  140.          <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.css" />
  141.          <script src="//cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.4.1/leaflet.markercluster.js"></script>
  142.          <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.heat/0.2.0/leaflet-heat.js" integrity="sha256-65UqrlgGoRAnKfKRuriH3eeDrOhZgZo1SCenduc+SGo=" crossorigin="anonymous"></script>
  143.          <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.4.1/MarkerCluster.css" />
  144.          <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.4.1/MarkerCluster.Default.css" />
  145.          <script src='https://api.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v1.0.1/Leaflet.fullscreen.min.js'></script>
  146.          <link href='https://api.mapbox.com/mapbox.js/plugins/leaflet-fullscreen/v1.0.1/leaflet.fullscreen.css' rel='stylesheet' />
  147.          <script src="https://cdn.jsdelivr.net/npm/leaflet-easyprint@2.1.9/dist/bundle.min.js"></script>
  148.          <link rel="stylesheet" href="/bundles/oxhoard/js/libs/leaflet-draw/dist/leaflet.draw.css"/>
  149. {% endblock %}
  152. {% block body -%}
  153.     <!-- content -->
  155.     <div class="marginTop clearfix"></div>
  157.     <div id="content" class="container backgrid-table"> <!-- page content -->
  158.         {% if is_authorised_to_create or is_authorised_to_import %}
  159.         <div class="import-btns">
  160.             {% if is_authorised_to_create %}
  161.             <div class="edit-btn import-data">
  162.                 <a href="{{ path('hoard_new') }}"><h2>Add a new Hoard <span class="fa fa-chevron-right"></span></h2></a>
  163.             </div>
  164.             {% endif %}
  165.             {% if is_authorised_to_import %}
  166.             <div class="edit-btn import-data">
  167.                 <a href="{{ path('hoard_import') }}"><h2>Import Hoard Data <span class="fa fa-chevron-right"></span></h2></a>
  168.             </div>
  169.             <div class="edit-btn import-data">
  170.                 <a href="{{ path('coin_import') }}"><h2>Import Coin Data <span class="fa fa-chevron-right"></span></h2></a>
  171.             </div>
  172.             {% endif %}
  173.         </div>
  174.         {% endif %}
  175.         <div class="row marginTop">
  176.             <div class="col-md-12">
  178.                 {% embed '@OxHoardBundle/flash.html.twig' %}{% endembed %}
  180.                 <div id="tabs" class="tabs">
  181.                     <ul class='search-tabs'>
  182.                         <li><a href="#tabs-1">Search</a></li>
  183.                         <li><a href="#tabs-1b">Advanced search</a></li>
  184.                         <li><a href="#tabs-2">Map Results</a></li>
  185.                         <li><a href="#tabs-3">List Results<span class="badge">{{ pagination.getTotalItemCount }}</span></a></li>
  186.                         <li><a href="#tabs-4">Table of Results</a></li>
  187.                         <li><a href="#tabs-5">Result Visualisation</a></li>
  188.                         <li><a href="#tabs-6">Group Visualisation</a></li>
  189.                     </ul>
  190.                     <!-- search -->
  191.                     <div id="tabs-1">
  192.                         {%  if search_form is defined %}
  193.                             <div class="panel-group" id="simple-map-search-accordion">
  194.                                 <div class="panel panel-default">
  195.                                     <div class="panel-heading">
  196.                                         <h4 class="panel-title">
  197.                                             <a data-toggle="collapse" data-parent="#simple-map-search-accordion" href="#simple-map-search" aria-expanded="true" class="map-search-toggle">
  198.                                                 Map search       
  199.                                             </a>
  200.                                         </h4>
  201.                                     </div>
  202.                                     <div id="simple-map-search" class="panel-collapse collapse" aria-expanded="false">
  203.                                         <div class="panel-body">
  204.                                         <div>
  205.                                             Please click on the 'Draw a polygon' tool <img src="/bundles/oxhoard/img/rectangle-icon.png" width="13" height="13">, placed on the left hand side of the map, in order to select a geographical area on which to conduct a search.
  206.                                             You can then edit the layer you created with the 'edit' tool <img src="/bundles/oxhoard/img/edit-rectangle-icon.png" width="13" height="13">.
  207.                                         </div>
  208.                                         <div id="simple-map" class="search-map map-view large"></div>
  209.                                         </div>
  210.                                     </div>
  211.                                 </div>
  212.                             </div>
  213.                             {% embed "@OxHoardBundle/search/search.html.twig" %}
  214.                             {% endembed %}
  215.                         {% endif %}
  216.                     </div>
  217.                     <!-- advanced search -->
  218.                     <div id="tabs-1b">
  219.                         <div class="panel-group" id="advanced-map-search-accordion">
  220.                             <div class="panel panel-default">
  221.                                 <div class="panel-heading">
  222.                                     <h4 class="panel-title">
  223.                                         <a data-toggle="collapse" data-parent="#advanced-map-search-accordion" href="#advanced-map-search" aria-expanded="true" class="map-search-toggle">
  224.                                             Map search       
  225.                                         </a>
  226.                                     </h4>
  227.                                 </div>
  228.                                 <div id="advanced-map-search" class="panel-collapse collapse" aria-expanded="false">
  229.                                     <div class="panel-body">
  230.                                         <div>
  231.                                             Please click on the 'Draw a polygon' tool <img src="/bundles/oxhoard/img/rectangle-icon.png" width="13" height="13">, placed on the left hand side of the map, in order to select a geographical area on which to conduct a search.
  232.                                             You can then edit the layer you created with the 'edit' tool <img src="/bundles/oxhoard/img/edit-rectangle-icon.png" width="13" height="13">.
  233.                                         </div>
  234.                                         <div id="advanced-map" class="search-map map-view large"></div>
  235.                                     </div>
  236.                                 </div>
  237.                             </div>
  238.                         </div>
  239.                         {% embed "@OxHoardBundle/search/advancedSearch.html.twig" %}
  240.                         {% endembed %}
  241.                     </div>
  242.                     <!-- search results map view -->
  243.                     <div id="tabs-2">
  244.                         <div class="row">
  245.                             <div class="col-md-12">
  246.                                 <div id="map" class="map-view large">
  247.                                 </div>
  248.                                 <input id="toggle-cluster-results" type="checkbox" checked="checked"> Cluster results</input>
  249.                                 <div id="map-items-number-message" class="alert alert-info hidden"></div>
  250.                                 <div id="slider-range"></div>           
  251.                                 <p class="" style="margin-top: 5px">
  252.                                     <label for="year">Closing dates of Hoards:</label>
  253.                                     <input type="text" id="range" readonly style="border:0; color:#D69E40; font-weight:bold;">
  254.                                 </p>
  255.                                 <div class="panel-group hidden" id="no-co-ord-accordion">
  256.                                     <div class="panel panel-default">
  257.                                         <div class="panel-heading">
  258.                                             <h4 class="panel-title">
  259.                                                 <a data-toggle="collapse" data-parent="#no-co-ord-accordion" href="#no-co-ords" aria-expanded="true" class="">
  260.                                                     Results without coordinates<span class="counter"></span>       
  261.                                                 </a>
  262.                                             </h4>
  263.                                         </div>
  264.                                         <div id="no-co-ords" class="panel-collapse collapse" aria-expanded="false">
  265.                                             <div class="panel-body"></div>
  266.                                         </div>
  267.                                     </div>
  268.                                 </div>
  269.                             </div>
  270.                         </div>
  271.                     </div>
  272.                     <!-- search results list view -->
  273.                     <div id="tabs-3">
  274.                         {% if pagination is empty %}
  275.                             <div class="alert alert-info">No results found</div>
  276.                         {% else %}
  277.                         <div class="row">
  278.                             <div class="col-md-12">
  279.                                 {# total items count #}
  280.                                 <div class="count">
  281.                                     Retrieved {{ pagination.getTotalItemCount }} hoards
  282.                                 </div>
  284.                                 <!-- Sorting Controls -->
  285.                                 <h4>
  286.                                     {% set direction = pagination.getDirection() %}
  287.                                     {% for field in sort_fields %}
  288.                                         {% if (current_sort == field.key) %}Sorted by: {{field.label}} {{ direction }}.{% endif %}
  289.                                     {% endfor %}
  290.                                 </h4>
  291.                                 <div class="btn-group sort-results">
  292.                                     <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  293.                                         Sort By:
  294.                                         <span class="caret"></span>
  295.                                     </button>
  296.                                     <ul class="dropdown-menu">
  297.                                         {% for field in sort_fields %}
  298.                                             <li>{{ knp_pagination_sortable(pagination, field.label, field.key) }}</li>
  299.                                         {% endfor %}
  300.                                     </ul>
  301.                                 </div>
  302.                         <input type="hidden" name="sort" value="{{current_sort}}">
  303.                         <input type="hidden" name="direction" value="{{current_sort_direction}}">
  304.                         <div class="csvdownload">
  305.                             Download CSV:
  306.                             <a id="csv-download-link" href="/search"><button class="btn btn-default btn-xs">Hoards</button></a>
  307.                             <a id="csv-coin-download-link" href="/search"><button class="btn btn-default btn-xs">Coins</button></a>
  308.                         </div>
  309.                             {% if pagination.pageCount > 1 %}
  310.                                 <div class="navigation">
  311.                                     {{ knp_pagination_render(pagination) }}   of {{ pagination.pageCount }} pages
  312.                                     <span class="page-jump"></span><b>Jump to page </b><input class="pagenumber-input" type="number" style="width:50px;"><button class="pagenumber-jump btn btn-default">Go</button></span>
  313.                                 </div>
  314.                             {% endif %}
  315.                                  <!-- /Sorting Controls             -->
  317.                                 {% for hoard in pagination %}
  318.                                     {% set total = 0 %}
  319.                                     {% for coin in hoard.coins %}
  320.                                         {% set total = total + coin.quantity %}
  321.                                     {% endfor %}
  322.                                     <div class="hoardlistview hoardlistview-6col">
  323.                                         <h2><a href="{{ path('hoard_show', { 'id': hoard.id }) }}">{% if hoard.findSpotName %}{{ hoard.findSpotName }}{% else %}Untitled hoard{% endif %}</a></h2>
  324.                                         {% if hoard.isEditableByUser %}<a class="btn btn-default pull-right list-edit-button" href="{{ path('hoard_edit', { 'id':hoard.id }) }}">Edit</a>{% endif %}
  325.                                         <div class="datalabel">Date: </div><div class="data">{{ hoard.discoveryday1 }} {{ hoard.discoverymonth1 }} {{ hoard.discoveryyear1 }}</div>
  326.                                         <div class="datalabel">Size: </div><div class="data">{{ total }}</div>
  327.                                         <div class="datalabel">Terminal Year: </div><div class="data">{% if hoard.terminalYear1 %}{{ hoard.terminalYear1 }}{% if hoard.terminalYear2 %} - {{ hoard.terminalYear2 }}{% endif %}{% else %}-{% endif %}</div>
  328.                                         <div class="datalabel">Country: </div>
  329.                                         <div class="data">
  330.                                           {% for country in hoard.countries %}
  331.                                             {{ country }}{% if not loop.last %}, {% endif %}
  332.                                           {% endfor %}
  333.                                         </div>
  334.                                         <div class="datalabel">Summary: </div><div class="data">{{ hoard.comment }}</div>
  335.                                         <br>
  336.                                         {% if is_authenticated %}
  337.                                             {% if hoard.validatedByUser %}
  338.                                                 <i class="fa fa-check-circle "></i> The hoard level data have been validated by the contributor
  339.                                             {% else %}
  340.                                                 <i class="fa fa-times-circle "></i> The hoard level data have not yet been validated by the contributor
  341.                                             {% endif %}
  342.                                             {% if is_admin %}
  343.                                                 <br>
  344.                                                 {% if hoard.validatedByAdmin %}
  345.                                                     <i class="fa fa-check-circle "></i> The hoard level data have been validated by an administrator
  346.                                                 {% else %}
  347.                                                     <i class="fa fa-times-circle "></i> The hoard level data have not yet been validated by an administrator
  348.                                                 {% endif %}
  349.                                             {% endif %}
  350.                                             <br>
  351.                                             {% if hoard.coinDataValidatedByUser %}
  352.                                                 <i class="fa fa-check-circle "></i> The coin level data have been validated by the contributor
  353.                                             {% else %}
  354.                                                 <i class="fa fa-times-circle "></i> The coin level data have not yet been validated by the contributor
  355.                                             {% endif %}
  356.                                             {% if is_admin %}
  357.                                                 <br>
  358.                                                 {% if hoard.coinDataValidatedByAdmin %}
  359.                                                     <i class="fa fa-check-circle "></i> The coin level data have been validated by an administrator
  360.                                                 {% else %}
  361.                                                     <i class="fa fa-times-circle "></i> The coin level data have not yet been validated by an administrator
  362.                                                 {% endif %}
  363.                                             {% endif %}
  364.                                         {% else %}
  365.                                             {% if not hoard.coinDataValidatedByUser %}
  366.                                                 <i class="fa fa-times-circle "></i> The coin data of this hoard have not yet been validated and therefore are not yet visible.
  367.                                             {% endif %}
  368.                                         {% endif %}
  369.                                         <hr/>
  370.                                     </div>
  371.                                 {% endfor %}
  372.                             </div>
  373.                         </div>
  374.                         {# display navigation #}
  375.                         {% if pagination.pageCount > 1 %}
  376.                             <div class="navigation">
  377.                                 {{ knp_pagination_render(pagination) }}   of {{ pagination.pageCount }} pages
  378.                                 <span class="page-jump"></span><b>Jump to page </b><input class="pagenumber-input" type="number" style="width:50px;"><button class="pagenumber-jump btn btn-default">Go</button></span>
  379.                             </div>
  380.                         {% endif %}
  381.                     {% endif %}
  382.                     </div>
  383.                     <!-- edit results view -->
  384.                     <div id="tabs-4">
  385.                         <div class="row">
  386.                             <div class="col-md-12">
  387.                               <div class="container">
  388.                                   {% if is_admin %}
  389.                                     <h1>Hoards multi-edit</h1>
  390.                                   {% else %}
  391.                                     <h1>Hoards table view</h1>
  392.                                   {% endif %}
  393.                                 <div class="backgrid coin-loading-spinner">
  394.                                   Loading hoard data and preparing editing interface. This may take a while. Performance will be significantly better with smaller numbers of hoards.<br>
  395.                                   <img class="backgrid coin-loading-spinner" src="/bundles/oxhoard/img/ajax-loader.gif" alt="Loading" width="128" height="15" />
  396.                                 </div>
  397.                                 <div class="row">
  398.                                   <div class="grid-container"></div>
  399.                                   <div id="grid-buttons">
  400.                                     <a class="btn btn-default grid-save-hoards" href="#" data-url="{{ path('hoards_list_rest_update') }}" role="button">Save Hoards</a>
  401.                                     <span class="save-success alert alert-success">All changes were successfully saved</span>
  402.                                     <span class="save-error alert alert-danger">An error occured when trying to save the hoard data</span>
  403.                                   </div>
  404.                                 </div>
  405.                               </div>
  406.                             </div>
  407.                         </div>
  408.                     </div>
  409.                     <div id="tabs-5">
  410.                         <div class="row">
  411.                             <div class="col-md-12">
  412.                                 <div class="container">
  413.                                     <div class="header">
  414.                                         <h4 class="modal-title" id="charts-modal-label">Hoard search visualisation</h4>
  415.                                     </div>
  416.                                     <img id="search-hoards-chart-spinner" src="/bundles/oxhoard/img/ajax-loader.gif" alt="Loading" width="128" height="15" />
  417.                                     <div class="search-hoards-chart body hidden">
  418.                                         <div id="chart-error-message" class="alert alert-danger hidden">
  419.                                         </div>
  420.                                         <div id="chart-fields">
  421.                                             <div id="type-field" class="hoard-chart-field">
  422.                                                 <label for="chart-type">Chart type</label>
  423.                                                 <select class="dropdown" id="chart-type">
  424.                                                     <option value="found-by" selected="selected">Hoards found by decade</option>
  425.                                                     <option value="close-date">Hoards by closing date</option>
  426.                                                     <option disabled value="close-reign">Hoards by closing reign</option>
  427.                                                     <option value="site-type">Hoards by Site type</option>
  428.                                                     <option value="coin-data" disabled>Coins per date of minting</option>
  429.                                                 </select>
  430.                                             </div>
  431.                                             <div id="format-field" class="hoard-chart-field hide">
  432.                                                 <label for="chart-format">Chart format</label>
  433.                                                 <select class="dropdown" id="chart-format">
  434.                                                     <option value="bar" selected="selected">Bar</option>
  435.                                                     <option value="pie">Pie</option>
  436.                                                 </select>
  437.                                             </div>
  438.                                             {# <div id="reign-field" class="hoard-chart-field hide">
  439.                                                 <label for="chart-reign">By</label>
  440.                                                 <select class="dropdown" id="chart-reign">
  441.                                                     <option value="overall" selected="selected">Overall</option>
  442.                                                     <option value="reign">Reign</option>
  443.                                                 </select>
  444.                                             </div> #}
  445.                                             <div id="timescale-field" class="hoard-chart-field hide">
  446.                                                 <label for="chart-timescale">Timescale</label>
  447.                                                 <select class="dropdown" id="chart-timescale">
  448.                                                     <option value="25" selected="selected">25 years</option>
  449.                                                     <option value="10">10 years</option>
  450.                                                     <option value="5">5 years</option>
  451.                                                     <option value="1">1 years</option>
  452.                                                 </select>
  453.                                             </div>
  454.                                         </div>
  455.                                         <div id="coin-data-description" class="hide">
  456.                                             This histogram shows the entire content of all hoards returned by your search. For histograms restricted to coins filtered according to given criteria (e.g. Reign, Person, Denomination, etc.), please run the search again by selecting ‘Search coins’ on the search page, instead of ‘Search hoards’.
  457.                                         </div>
  458.                                         <div id="chart-sample-size" class="hidden">Size of the sample: <span class="sample"></span></div>
  459.                                         <div id="show-legend" class="hidden">
  460.                                             <fieldset>
  461.                                                 <input type="checkbox" id="show-legend-checkbox" checked/>
  462.                                                 <label for="show-legend-checkbox">Show legend</label>
  463.                                             </fieldset>
  464.                                         </div>
  465.                                         <div id="chart-container" style="height: 70vh">
  466.                                             <canvas id="hoard-chart"></canvas>
  467.                                         </div>
  468.                                         <div id="chart-pie-percentages" class="hidden">
  469.                                             <fieldset>
  470.                                                 <input type="radio" id="numbers" name="pie-numbers-percentages" value="numbers" checked/>
  471.                                                 <label for="numbers">Numbers</label>
  472.                                                 <input type="radio" id="percentages" name="pie-numbers-percentages" value="percentages"/>
  473.                                                 <label for="percentages">Percentages</label>
  474.                                             </fieldset>
  475.                                         </div>
  476.                                         <div class="panel-group hid-den" id="uncertain-chart-accordion">
  477.                                             <div class="panel panel-default">
  478.                                                 <div class="panel-heading">
  479.                                                     <h4 class="panel-title">
  480.                                                         <a data-toggle="collapse" data-parent="#uncertain-chart-accordion" href="#uncertain-charts" aria-expanded="true" class="">
  481.                                                             Uncertain results<span class="counter"></span>       
  482.                                                         </a>
  483.                                                     </h4>
  484.                                                 </div>
  485.                                                 <div id="uncertain-charts" class="panel-collapse collapse" aria-expanded="false">
  486.                                                     <div class="panel-body"></div>
  487.                                                 </div>
  488.                                             </div>
  489.                                         </div>
  490.                                         <div><a href="/content/visualisation-principles" class="visualisation-principles">Visualisation principles</a></div>
  491.                                     </div>
  492.                                 </div>
  493.                             </div>
  494.                         </div>
  495.                     </div>
  496.                     <div id="tabs-6">
  497.                         <div class="row">
  498.                             <div class="col-md-12">
  499.                                 <div class="container">
  500.                                     <div class="header">
  501.                                         <h4 class="modal-title" id="charts-modal-label">Hoard group visualisation</h4>
  502.                                     </div>
  503.                                     <img id="chart-group-spinner" src="/bundles/oxhoard/img/ajax-loader.gif" alt="Loading" width="128" height="15" />
  504.                                     <div class="chart-group body hidden">
  505.                                         <div id="chart-group-error-message" class="alert alert-danger hidden">
  506.                                         </div>
  507.                                         <div id="chart-group-fields">
  508.                                             <label for="chart-group-type">Chart type </label>
  509.                                             <select class="dropdown" id="chart-group-type">
  510.                                                 <option value="bar" selected="selected">Bar</option>
  511.                                                 <option value="pie">Pie</option>
  512.                                             </select>
  513.                                             <label for="chart-group-attribute">Coins per </label>
  514.                                             <select class="dropdown" id="chart-group-attribute">
  515.                                                 <option value="Period" selected="selected">Period</option>
  516.                                                 <option value="Reign">Reign</option>
  517.                                                 <option value="Person">Person</option>
  518.                                                 <option value="Mint">Mint</option>
  519.                                                 <option value="Denomination">Denomination</option>
  520.                                                 <option value="Material">Material</option>
  521.                                             </select>
  522.                                             <span id="chart-group-stacked-container">
  523.                                                 <label for="chart-group-stacked">Stacked per</label>
  524.                                                 <select class="dropdown" id="chart-group-stacked">
  525.                                                     <option value="" selected="selected"> - </option>
  526.                                                     <option value="Period" disabled>Period</option>
  527.                                                     <option value="Reign">Reign</option>
  528.                                                     <option value="Person">Person</option>
  529.                                                     <option value="Mint">Mint</option>
  530.                                                     <option value="Denomination">Denomination</option>
  531.                                                     <option value="Material">Material</option>
  532.                                                 </select>
  533.                                             </span>
  534.                                             <span id="chart-group-reign-container" style="display: none;">
  535.                                                 <label for="chart-group-reign"> for reign </label>
  536.                                                 <select class="dropdown" id="chart-group-reign">
  537.                                                 </select>
  538.                                             </span>
  539.                                         </div>
  540.                                         <div id="chart-group-description">
  541.                                             This histogram shows the entire content of all hoards returned by your search.
  542.                                         </div>
  543.                                         <div id="exclude-uncertain">
  544.                                             <fieldset>
  545.                                                 <input type="checkbox" id="exclude-uncertain-checkbox"/>
  546.                                                 <label for="exclude-uncertain-checkbox">Exclude columns showing uncertain entries</label>
  547.                                             </fieldset>
  548.                                         </div>
  549.                                         <div id="show-search-group-legend">
  550.                                             <fieldset>
  551.                                                 <input type="checkbox" id="show-search-group-legend-checkbox" checked/>
  552.                                                 <label for="show-search-group-legend-checkbox">Show legend</label>
  553.                                             </fieldset>
  554.                                         </div>
  555.                                         <div id="chart-group-sample-size" class="hidden">Size of the sample: <span class="sample"></span></div>
  556.                                         <div id="chart-group-container" style="height: 70vh">
  557.                                             <canvas id="hoard-group-chart"></canvas>
  558.                                         </div>
  559.                                         <div><a href="/content/visualisation-principles" class="visualisation-principles">Visualisation principles</a></div>
  560.                                     </div>
  561.                                 </div>
  562.                             </div>
  563.                         </div>
  564.                     </div>
  565.                 </div>
  566.             </div>
  567.         </div>
  569.         {% if is_authenticated %}
  570.         {% else %}
  571.         <div class="row">
  572.             <div class="col-lg-12">
  573.                 <div class="disclaimers">
  574.                     <p>Results displayed include only those hoards validated by their contributor.</p>
  575.                 </div>
  576.             </div>
  577.         </div>
  578.         {% endif %}
  580.     </div><!-- end page container -->
  581. {% endblock %}