src/Ox/HoardBundle/Resources/views/hoard/show.html.twig line 1

Open in your IDE?
  1. {% extends '@OxHoardBundle//layout.html.twig' %}
  2. {% block title %}Hoard Details {{ hoard.id }}{% endblock %}
  4. {% block stylesheets %}
  5.     {{ parent() }}
  6.     <script src="//cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.js"></script>
  7.     <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.css" />
  8.     <link rel="stylesheet" href='/bundles/oxhoard/js/libs/magnifier/magnifier.css'>
  10. {% endblock %}
  12. {% block javascripts %}
  13.     {{ parent() }}
  15.     <script>
  17.     coinShowLink = '{{ path('coin_show', { 'id': '__id__' }) }}';
  18.     coinEditLink = '{{ path('coin_edit', { 'id': '__id__' }) }}';
  19.     OcreTableUrl = '{{ path('hoard_ocre_table') }}';
  21.     getCoinDataURL = '{{ path('ajax_hoard_coin_data', {'id': hoard.id}) }}';
  23.     sortOptions = {}
  24.     sortOptions.Reign = { {% for i in reigns %}  '{{i.reign}}': {{i.sortValue}}  {% if not loop.last %},{% endif %}{% endfor %} };
  25.     sortOptions.Person = { {% for i in persons %}  '{{i.person}}{% if i.title %} ({% endif %}{{i.title}}{% if i.title %}){% endif %}': {{i.sortValue}}  {% if not loop.last %},{% endif %}{% endfor %} };
  27.     {% if is_authorised_to_edit %}
  28.     isAuthorisedToEdit = true;
  29.     {% else %}
  30.     isAuthorisedToEdit = false;
  31.     {% endif %}
  33.     {% if can_see_location %}
  34.         newMapResult = null
  35.         $( function() {
  36.             newMapResult = newMap("map", [{{ hoard.findSpotLatitude }}, {{ hoard.findSpotLongitude }}], true, false, true);
  37.         });
  38.     {% endif %}
  39.     </script>
  40.     <script type="text/javascript" src='/bundles/oxhoard/js/libs/Event/Event.js'></script>
  41.     <script type="text/javascript" src='/bundles/oxhoard/js/libs/magnifier/Magnifier.js'></script>
  42.     {% embed 'import-libs/underscore.js.html.twig' %}{% endembed %}
  43.     {% embed 'import-libs/backbone.js.html.twig' %}{% endembed %}
  44.     {% embed 'import-libs/handlebars.js.html.twig' %}{% endembed %}
  45.     {% embed 'import-libs/chart.js.html.twig' %}{% endembed %}
  46.     <script type="text/javascript" src="/bundles/oxhoard/js/utils.js"></script>
  47.     <script type="text/javascript" src="/bundles/oxhoard/js/ocre_table.js"></script>
  48.     <script type="text/javascript" src="/bundles/oxhoard/js/coin_summaries_template.js"></script>
  49.     <script type="text/javascript" src="/bundles/oxhoard/js/coin_summaries.js"></script>
  50.     <script type="text/javascript" src="/bundles/oxhoard/js/coin_visualisations.js"></script>
  51.     <script type="text/javascript" src="/bundles/oxhoard/js/show_hoard.js"></script>
  54. {% endblock %}
  56. {% block body -%}
  57.     <noscript>
  58.         <div class="container" style="text-align:center; font-size:24px;">
  59.             <div style="position: fixed; top: 0px; left: 0px; z-index: 3000; height: 100%; width: 100%; background-color: #FFFFFF;">
  60.                 <p>This website requires Javascript to be enabled in your browser.</p>
  61.                 <p>Please follow the instructions to enable Javascript at <a href="http://www.enable-javascript.com/" target="_blank">http://www.enable-javascript.com/</a></p></div></div>
  62.     </noscript>
  64.     <!-- content -->
  65.     <div class="marginTop clearfix"></div>
  67.     <div id="content" class="container"> <!-- page content -->
  69.         <div class="row">
  71.             {% if is_authorised_to_edit %}
  72.                 <div class="edit-btn"><a href="{{ path('hoard_edit', { 'id': hoard.id }) }}"><h2>Edit this Hoard <span class="fa fa-chevron-right"></span></h2></a></div>
  73.             {% endif %}
  74.             
  75.             <h1>{{ hoard.findSpotName }}</h1>
  76.             Download CSV:
  77.             <a href="{{ path('hoard_csv_download', {'id': hoard.id}) }}"><button class="btn btn-default btn-xs">Hoard</button></a>
  78.             <a href="{{ path('hoard_csv_download_coins', {'id': hoard.id}) }}"><button class="btn btn-default btn-xs">Coins</button></a>
  79.             {% embed '@OxHoardBundle/flash.html.twig' %}{% endembed %}
  81.                     <div class="marginTop clearfix"></div>
  82.                     <button id="add-mints-to-map" class="btn btn-default" disabled type="button">Circulation visualisation <i class="fa fa-spinner fa-spin"></i></button>
  83.                     <button id="charts-modal-button" class="btn btn-default" disabled type="button" data-toggle="modal" data-target="#charts-modal">Content visualisation <i class="fa fa-spinner fa-spin"></i></button>
  84.                     <div class="modal fade" id="charts-modal" tabindex="-1" role="dialog" aria-labelledby="charts-modal-label">
  85.                         <div class="modal-dialog modal-lg" role="document">
  86.                             <div class="modal-content">
  87.                                 <div class="modal-header">
  88.                                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  89.                                     <h4 class="modal-title" id="charts-modal-label">Content visualisation: {{ hoard.findSpotName }}</h4>
  90.                                 </div>
  91.                                 <div class="modal-body">
  92.                                     <div>
  93.                                         <label for="chart-type">Chart type </label>
  94.                                         <select class="dropdown" id="chart-type">
  95.                                             <option value="bar" selected="selected">Bar</option>
  96.                                             <option value="pie">Pie</option>
  97.                                         </select>
  98.                                         <label for="chart-attribute">Coins per </label>
  99.                                         <select class="dropdown" id="chart-attribute">
  100.                                             <option value="Period" selected="selected">Period</option>
  101.                                             <option value="Reign">Reign</option>
  102.                                             <option value="Person">Person</option>
  103.                                             <option value="Mint">Mint</option>
  104.                                             <option value="Denomination">Denomination</option>
  105.                                             <option value="Material">Material</option>
  106.                                         </select>
  107.                                         <span id="chart-stacked-container">
  108.                                         <label for="chart-stacked">Stacked per</label>
  109.                                         <select class="dropdown" id="chart-stacked">
  110.                                             <option value="" selected="selected"> - </option>
  111.                                             <option value="Period" disabled>Period</option>
  112.                                             <option value="Reign">Reign</option>
  113.                                             <option value="Person">Person</option>
  114.                                             <option value="Mint">Mint</option>
  115.                                             <option value="Denomination">Denomination</option>
  116.                                             <option value="Material">Material</option>
  117.                                         </select>
  118.                                         </span>
  119.                                         <span id="chart-reign-container" style="display: none;">
  120.                                             <label for="chart-reign"> for reign </label>
  121.                                             <select class="dropdown" id="chart-reign">
  122.                                             </select>
  123.                                         </span>
  124.                                     </div>
  125.                                     <div id="show-legend" class="hidden">
  126.                                         <fieldset>
  127.                                             <input type="checkbox" id="show-legend-checkbox" checked/>
  128.                                             <label for="show-legend-checkbox">Show legend</label>
  129.                                         </fieldset>
  130.                                     </div>
  131.                                     <div id="chart-sample-size" class="hidden">Size of the sample: <span class="sample"></span></div>
  132.                                     <div style="height: 70vh">
  133.                                         <canvas id="hoard-chart"></canvas>
  134.                                     </div>
  135.                                     <div id="chart-pie-percentages" class="hidden">
  136.                                         <fieldset>
  137.                                             <input type="radio" id="numbers" name="pie-numbers-percentages" value="numbers" checked/>
  138.                                             <label for="numbers">Numbers</label>
  139.                                             <input type="radio" id="percentages" name="pie-numbers-percentages" value="percentages"/>
  140.                                             <label for="percentages">Percentages</label>
  141.                                         </fieldset>
  142.                                     </div>
  143.                                 </div>
  144.                                 <div class="modal-footer">
  145.                                     <div style="text-align: left;"><a href="/content/visualisation-principles" class="visualisation-principles">Visualisation principles</a></div>
  146.                                     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  147.                                 </div>
  148.                             </div>
  149.                         </div>
  150.                     </div>
  152.                     <div class="marginTop clearfix"></div>
  153.             <div class="col-md-12 marginTop">
  155.                 <div class="col-md-6">
  156.                     <!-- Location tabs -->
  157.                     <div id="tabs" class="tabs">
  158.                         <ul>
  159.                             <li><a href="#tab-1">Location</a></li>
  160.                         </ul>
  161.                         <div id="tab-1">
  162.                             <div class="hoardlistview-6col">
  163.                                 {% if can_see_location %}
  164.                                 {% if not hoard.hideCity or is_authenticated %}
  165.                                 {% if hoard.city %}
  166.                                 <div class="datalabel">City</div><div class="data">{{ hoard.city }}{% if hoard.hideCity %}*{% endif %}</div>
  167.                                 {% endif %}
  168.                                 {% if hoard.address %}
  169.                                 <div class="datalabel">Address</div><div class="data">{{ hoard.address }}{% if hoard.hideCity %}*{% endif %}</div>
  170.                                 {% endif %}
  171.                                 {% endif %}
  172.                                 {% else %}
  173.                                 <p>
  174.                                     This Hoard's location is hidden
  175.                                 </p>
  176.                                 {% endif %}
  177.                                 {% if not hoard.hideCounty or is_authenticated %}
  178.                                 <div class="datalabel">County</div><div class="data">{{ hoard.county }}{% if hoard.hideCounty %}*{% endif %}</div>
  179.                                 {% endif %}
  180.                                 <div class="datalabel">Region</div><div class="data">{{ hoard.region }}</div>
  181.                                 <div class="datalabel">Country</div><div class="data">
  182.                                     {% for country in hoard.countries %}
  183.                                       {{ country }}{% if not loop.last %}, {% endif %}
  184.                                     {% endfor %}
  185.                                 </div>
  186.                                 {% if can_see_location %}
  187.                                 {% if hoard.ancientPlace %}
  188.                                     <div class="datalabel">Ancient place</div><div class="data">
  189.                                         <a href="{{ path('admin_ancientplace_show', { 'id': hoard.ancientPlace.id }) }}">{{ hoard.ancientPlace }}{% if hoard.hideLocation %}*{% endif %}</a>
  190.                                         {% if hoard.ancientPlace.uri2 %}
  191.                                         <br>
  192.                                         <a href="https://{{ hoard.ancientPlace.uri2|replace({'https://': ''})|replace({'http://': ''}) }}">{{ hoard.ancientPlace.uri2 }} <i class='fa fa-external-link'></i></a>
  193.                                         {% endif %}
  194.                                     </div>
  195.                                 {% endif %}
  196.                                 <div class="datalabel">Lat/Long/Alt</div><div class="data">{{ hoard.findSpotLatitude }} / {{ hoard.findSpotLongitude }} / {{ hoard.findSpotAltitude|round(2) }}{% if hoard.hideLocation %}*{% endif %} <a href="">view</a></div>
  197.                                 {% if hoard.findSpotLocationDetail %}
  198.                                 <div class="datalabel">Location details</div><div class="data">{{ hoard.findSpotLocationDetail }}{% if hoard.hideLocation %}*{% endif %}</div>
  199.                                 {% endif %}
  200.                                 {% if hoard.findSpotComment %}
  201.                                     <div class="datalabel">Find spot comment</div><div class="data">{{ hoard.findSpotComment }}{% if hoard.hideLocation %}*{% endif %}</div>
  202.                                 {% endif %}
  203.                                 {% if (hoard.hideCity or hoard.hideCounty) and is_authenticated%}
  204.                                 <div>Fields with * are hidden in public view</div>
  205.                                 {% endif %}
  206.                                 <div id="map" class="map-view marginTop"></div>
  207.                                 <div id="add-mints-to-map-key" class="hidden" style="display: flex; justify-content: center">
  208.                                     <div style="padding: 10px; padding-right: 20px;">
  209.                                         <img src="/bundles/oxhoard/img/precise-map-marker.png"> Findspot
  210.                                     </div>
  211.                                     <div style="padding: 10px;">
  212.                                         <img src="/bundles/oxhoard/img/mint-marker.png"> Mint(s) 
  213.                                     </div>
  214.                                     <div style="padding: 10px;">
  215.                                         <img src="/bundles/oxhoard/img/mint-marker-no-quantity.png"> Mint(s) with unspecified number of coins 
  216.                                     </div>
  217.                                 </div>
  218.                                 <div id="add-mints-to-map-container" class="hidden">
  219.                                     <label id="add-mints-to-map-label" for="add-mints-to-map">Circulation visualisation <i class="fa fa-spinner fa-spin"></i></label><input type="checkbox" id="add-mints-to-map-checkbox" class="checkbox-aligned"/>
  220.                                 </div>
  221.                                 <div id="circulation-visualisation-report" style="display: none;">
  222.                                     <div class="panel-group" id="circulation-visualisation-accordion" style="display: none;">
  223.                                         <div class="panel panel-default">
  224.                                             <div class="panel-heading">
  225.                                                 <h4 class="panel-title">
  226.                                                     <a data-toggle="collapse" data-parent="#circulation-visualisation-accordion" href="#no-co-ords">
  227.                                                         Data not added to the map
  228.                                                     </a>
  229.                                                 </h4>
  230.                                             </div>
  231.                                             <div id="no-co-ords" class="panel-collapse collapse ui-tabs">
  232.                                                 <div class="panel-body"></div>
  233.                                             </div>
  234.                                         </div>
  235.                                     </div>
  236.                                 </div>
  237.                                 {% endif %}
  238.                             </div>
  239.                         </div>
  240.                     </div>
  241.                 </div>
  242.                 <div class="col-md-6">
  243.                     <!-- Hoard Summary tabs -->
  244.                     <div id="tabs" class="tabs">
  245.                         <ul>
  246.                             <li><a href="#tab-1">Information</a></li>
  247.                         </ul>
  248.                         {% set total = 0 %}
  249.                         {% for coin in hoard.coins %}
  250.                             {% set total = total + coin.quantity %}
  251.                         {% endfor %}
  252.                         <div id="tab-1">
  253.                             <div class="hoardlistview-6col">
  254.                                 <div class="datalabel">ID</div><div class="data">{{ hoard.id }}</div>
  255.                                 <div class="datalabel">Permalink</div>
  256.                                 <div class="data">
  257.                                     <a id="permalink-value" href="{{ permalink }}">{{ permalink }}</a>
  258.                                     <a class="btn btn-default" id="copy-permalink" title="Copy permalink">
  259.                                         <i class="fa fa-copy"></i>
  260.                                     </a>
  261.                                 </div>
  262.                                 <div class="datalabel">Hoard name</div><div class="data">{{ hoard.findSpotName}}</div>
  263.                                 {% if hoard.findSpotOtherNames %}
  264.                                 <div class="datalabel">Alternative names</div><div class="data">{{ hoard.findSpotOtherNames}}</div>
  265.                                 {%  endif %}
  266.                                 <div class="datalabel">Data type</div><div class="data">{{ hoard.hoardType}}</div>
  267.                                 <div class="datalabel">Date of discovery (from)</div><div class="data">{{ hoard.discoveryday1 }} {{ discoverymonth1_text }} {{ hoard.discoveryyear1 }}</div><br>
  268.                                 {% if hoard.discoveryYear2 %}
  269.                                 <div class="datalabel">(to)</div><div class="data">{{ hoard.discoveryday2 }} {{ discoverymonth2_text }} {{ hoard.discoveryyear2 }}</div>
  270.                                 {% endif %}
  271.                                 <div class="datalabel">Total number of coins</div><div class="data">{{ total }}</div>
  272.                                 {% if hoard.province %}
  273.                                     <div class="datalabel">Roman Province</div><div class="data">{{ hoard.province }}</div>
  274.                                 {% endif %}
  275.                                 <div class="datalabel">Summary</div><div class="data">{{ hoard.comment }}</div>
  276.                                 {% if is_authenticated and hoard.internalNote %}
  277.                                 <div class="datalabel">Internal note</div><div class="data">{{hoard.internalNote}}</div>
  278.                                 {% endif %}
  279.                                 <br>
  280.                                 {% if is_authenticated %}
  281.                                     {% if hoard.validatedByUser %}
  282.                                         <i class="fa fa-check-circle "></i> This hoard has been validated by the contributor
  283.                                     {% else %}
  284.                                         <i class="fa fa-times-circle "></i> This hoard has not yet been validated by the contributor
  285.                                     {% endif %}
  286.                                     {% if is_admin %}
  287.                                         <br>
  288.                                         {% if hoard.validatedByAdmin %}
  289.                                             <i class="fa fa-check-circle "></i> This hoard has been validated by an administrator
  290.                                         {% else %}
  291.                                             <i class="fa fa-times-circle "></i> This hoard has not yet been validated by an administrator
  292.                                         {% endif %}
  293.                                     {% endif %}
  294.                                     <br>
  295.                                     {% if hoard.coinDataValidatedByUser %}
  296.                                         <i class="fa fa-check-circle "></i> The coin level data have been validated by the contributor
  297.                                     {% else %}
  298.                                         <i class="fa fa-times-circle "></i> The coin level data have not yet been validated by the contributor
  299.                                     {% endif %}
  300.                                     {% if is_admin %}
  301.                                         <br>
  302.                                         {% if hoard.coinDataValidatedByAdmin %}
  303.                                             <i class="fa fa-check-circle "></i> The coin level data have been validated by an administrator
  304.                                         {% else %}
  305.                                             <i class="fa fa-times-circle "></i> The coin level data have not yet been validated by an administrator
  306.                                         {% endif %}
  307.                                     {% endif %}
  308.                                 {% else %}
  309.                                     {% if not hoard.coinDataValidatedByUser %}
  310.                                         <i class="fa fa-times-circle "></i> The coin data of this hoard have not yet been validated and therefore are not yet visible.
  311.                                     {% endif %}
  312.                                 {% endif %}
  313.                             </div>
  314.                         </div>
  315.                     </div>
  316.                 </div>  <!-- /col-6 -->
  318.             </div>  <!-- /col-12 -->
  320.         </div> <!-- /row -->
  322.         <!-- hoard detail tabs -->
  323.         <div class="row">
  324.             <div class="col-md-12 marginTop">
  325.                 <div id="tabs3" class="tabs">
  326.                     <ul>
  327.                         <li><a href="#tabs3-1">Details</a></li>
  329.                         <li><a href="#tabs3-9">Coins Summary</a></li>
  330.                         <li><a href="#tabs3-10">Coins</a></li>
  332.                         <li><a href="#tabs3-2">Rating</a></li>
  333.                         <li><a href="#tabs3-3">Archaeological context</a></li>
  334.                         <li><a href="#tabs3-4">Containers</a></li>
  335.                         <li><a href="#tabs3-5">Objects</a></li>
  336.                         <li><a href="#tabs3-6">References</a></li>
  337.                         <li><a href="#tabs3-7">Reports</a></li>
  338.                         <li><a href="#tabs3-8">Images</a></li>
  339.                         <li><a href="#tabs3-11">Credit</a></li>
  340.                     </ul>
  342.                     <div id="tabs3-1" class="hoardlistview-6col">
  343.                         <ul>
  344.                             {% if hoard.discoveryMethod is not empty %}<li><div class="datalabel">Discovery method</div> <div class="data">{{ hoard.discoveryMethod }}</div></li>{% endif %}
  345.                             {% if hoard.discoveryDepth is not empty %}<li><div class="datalabel">Discovery depth (m)</div> <div class="data">{{ hoard.discoveryDepth }}</div></li>{% endif %}
  346.                             {% if hoard.discoveryLandUse is not empty %}<li><div class="datalabel">Land Use</div> <div class="data">{{ hoard.discoveryLandUse }}</div></li>{% endif %}
  347.                             {% if hoard.owner is not empty %}<li><div class="datalabel">Disposition</div> <div class="data">{{ hoard.owner }}</div></li>{% endif %}
  348.                             {% if not hoard.hideFinder or is_authenticated %}
  349.                                 {% if hoard.finder is not empty %}<li><div class="datalabel">Finder(s)</div> <div class="data">{{ hoard.finder }}{% if hoard.hideFinder %}*{% endif%}</div></li>{% endif %}
  350.                             {% endif %}
  351.                             {% if hoard.discoveryComment is not empty %}<li><div class="datalabel">Comment</div> <div class="data">{{ hoard.discoveryComment }}</div></li>{% endif %}
  352.                             {% if hoard.closingReign1 is not empty %}<li><div class="datalabel">Closing reign (earliest)</div> <div class="data">{{ hoard.closingReign1 }}</div></li>{% endif %}
  353.                             {% if hoard.terminalYear1 is not empty %}<li><div class="datalabel">Terminal year (earliest)</div> <div class="data">{{ hoard.terminalYear1 }}</div></li>{% endif %}
  354.                             {% if hoard.closingReign2 is not empty %}<li><div class="datalabel">Closing reign (latest)</div> <div class="data">{{ hoard.closingReign2 }}</div></li>{% endif %}
  355.                             {% if hoard.terminalYear2 is not empty %}<li><div class="datalabel">Terminal year (latest)</div> <div class="data">{{ hoard.terminalYear2 }}</div></li>{% endif %}
  356.                             {% if hoard.openingYear1 is not empty %}<li><div class="datalabel">Opening year (earliest)</div> <div class="data">{{ hoard.openingYear1 }}</div></li>{% endif %}
  357.                             {% if hoard.openingYear2 is not empty %}<li><div class="datalabel">Opening year (latest)</div> <div class="data">{{ hoard.openingYear2 }}</div></li>{% endif %}
  358.                             {% if hoard.coinLevelData is not empty %}<li><div class="datalabel">Coin-level data</div> <div class="data">{{ hoard.coinLevelData }}</div></li>{% endif %}
  359.                         
  360.                             {% if is_admin %}
  361.                                 <li><div class="datalabel">Created by</div> <div class="data">{% if hoard.created %}{{hoard.created}}{% else %}Not known{% endif %}</div></li>
  362.                                 <li><div class="datalabel">Last Modified by</div> <div class="data">{% if hoard.modified %}{{hoard.modified}}{% else %}Not known{% endif %}</div></li>
  363.                             {% endif %}
  364.                             {% if hoard.hideWhat is not empty and is_authenticated %}
  365.                                 {% if is_admin or hoard.hideFrom != 'Public and Collaborators' %}
  366.                                     <li><div class="datalabel">Hide what</div> <div class="data">{{ hoard.hideWhat }}</div></li>
  367.                                     {% if hoard.hideFrom is not empty %}<li><div class="datalabel">Hide from</div> <div class="data">{{ hoard.hideFrom }}</div></li>{% endif %}
  368.                                 {% endif %}
  369.                             {% endif %}
  370.                             {% if hoard.hideFinder and is_authenticated %}
  371.                             <div>Fields with * are hidden in public view</div>
  372.                             {% endif %}
  374.                         </ul>
  375.                     </div>
  377.                     <div id="tabs3-9" class="coin-summary-container">
  378.                         {% if show_coins_summary %}
  379.                             <p>Fetching coin data</p>
  380.                             <img class="coin-loading-spinner" src="/bundles/oxhoard/img/ajax-loader.gif" alt="Loading" width="128" height="15" />
  381.                         {% else %}
  382.                             {% if not hoard.coinDataValidatedByUser %}
  383.                                 <i class="fa fa-times-circle "></i> The coin data of this hoard have not yet been validated and therefore are not yet visible.
  384.                             {% else %}
  385.                                 The coin summary for this hoard has been hidden
  386.                             {% endif %}
  387.                         {% endif %}
  388.                     </div>
  389.                     <div id="tabs3-10">
  390.                         {% if show_coins %}
  391.                             <div class="coin-data-container">
  392.                                 <p>Fetching coin data</p>
  393.                                 <img class="coin-loading-spinner" src="/bundles/oxhoard/img/ajax-loader.gif" alt="Loading" width="128" height="15" />
  394.                             </div>
  395.                         {% else %}
  396.                             {% if not hoard.coinDataValidatedByUser %}
  397.                                 <i class="fa fa-times-circle "></i> The coin data of this hoard have not yet been validated and therefore are not yet visible.
  398.                             {% else %}
  399.                                 The coins for this hoard have been hidden
  400.                             {% endif %}
  401.                         {% endif %}
  402.                     </div>
  404.                     <div id="tabs3-2" class="hoardlistview-6col">
  405.                         <ul>
  406.                             {% if hoard.rating %}
  407.                                 <li><div class="datalabel">Numismatic rating</div> <div class="data">{{ hoard.rating }}</div></li>
  408.                             {% endif %}
  409.                             {% if hoard.ratingComment %}
  410.                                 <li><div class="datalabel">Rating comment</div> <div class="data">{{ hoard.ratingComment }}</div></li>
  411.                             {% endif %}
  412.                             {% if hoard.contextualRating %}<li><div class="datalabel">Context rating</div> <div class="data">{{ hoard.contextualRating }}</div></li>{% endif %}
  413.                             {% if hoard.findSpotRating %}<li><div class="datalabel">Findspot rating</div> <div class="data">{{ hoard.findSpotRating }}</div></li>{% endif %}
  414.                         </ul>
  415.                     </div>
  416.                     <div id="tabs3-3" class="hoardlistview-6col">
  417.                         <ul>
  418.                             {% if hoard.archaeologyStartYear is not empty %}<li><div class="datalabel">Date of excavation (from)</div> <div class="data">{{ hoard.archaeologyStartYear }}</div></li>{% endif %}
  419.                             {% if hoard.archaeologyEndYear is not empty %}<li><div class="datalabel">Date of excavation (to)</div> <div class="data">{{ hoard.archaeologyEndYear }}</div></li>{% endif %}
  420.                             {% if hoard.archaeologyNaturalFeatures is not empty %}<li><div class="datalabel">Natural features</div> <div class="data">{{ hoard.archaeologyNaturalFeatures }}</div></li>{% endif %}
  421.                             {% if hoard.archaeologySiteComment is not empty %}<li><div class="datalabel">Site comment</div> <div class="data">{{ hoard.archaeologySiteComment }}</div></li>{% endif %}
  422.                             {% if hoard.archaeologyContextDate1 is not empty %}<li><div class="datalabel">Date of context (from)</div> <div class="data">{{ hoard.archaeologyContextDate1 }}</div></li>{% endif %}
  423.                             {% if hoard.archaeologyContextDate2 is not empty %}<li><div class="datalabel">Date of context (to)</div> <div class="data">{{ hoard.archaeologyContextDate2 }}</div></li>{% endif %}
  424.                             {% if hoard.archaeologyAssociatedFeatures is not empty %}<li><div class="datalabel">Associated features</div> <div class="data">{{ hoard.archaeologyAssociatedFeatures }}</div></li>{% endif %}
  425.                             {% if hoard.archaeologyRecoveryMethod is not empty %}<li><div class="datalabel">Recovery method</div> <div class="data">{{ hoard.archaeologyRecoveryMethod }}</div></li>{% endif %}
  426.                             {% if hoard.archaeologySiteContext is not empty %}<li><div class="datalabel">Site class</div> <div class="data">{{ hoard.archaeologySiteContext }}</div></li>{% endif %}
  427.                             {% if hoard.archaeologySiteContextDetails is not empty %}
  428.                             <div class="datalabel">Context</div><div class="data">
  429.                                 {% for archaeologySiteContextDetail in hoard.archaeologySiteContextDetails %}
  430.                                   {{ archaeologySiteContextDetail }}{% if not loop.last %}, {% endif %}
  431.                                 {% endfor %}
  432.                             </div>
  433.                             {% endif %}
  434.                             {% if hoard.archaeologyContextNatures is not empty %}
  435.                             <div class="datalabel">Depositional context</div><div class="data">
  436.                                 {% for archaeologyContextNature in hoard.archaeologyContextNatures %}
  437.                                 {{ archaeologyContextNature }}{% if not loop.last %}, {% endif %}
  438.                                 {% endfor %}
  439.                             </div>
  440.                             {% endif %}
  441.                             {% if hoard.archaeologyPeriod is not empty %}<li><div class="datalabel">Period</div> <div class="data">{{ hoard.archaeologyPeriod }}</div></li>{% endif %}
  442.                             {% if hoard.archaeologyEndPeriod is not empty %}<li><div class="datalabel">End period</div> <div class="data">{{ hoard.archaeologyEndPeriod }}</div></li>{% endif %}
  443.                         </ul>
  444.                     </div>
  445.                     <div id="tabs3-4">
  446.                         {% block containers %}
  447.                             {% embed '@OxHoardBundle/hoard/show_containers.html.twig' %}
  448.                             {% endembed %}
  449.                          {% endblock %}
  450.                     </div>
  451.                     <div id="tabs3-5">
  452.                         {% block objects %}
  453.                             {% embed '@OxHoardBundle/hoard/show_objects.html.twig' %}
  454.                             {% endembed %}
  455.                          {% endblock %}
  456.                     </div>
  457.                     <div id="tabs3-6">
  458.                             {% if onlineDatabaseReferences  is not empty  %}
  459.                             <div class="hoardlistview-6col">
  460.                                 <h2>Permalink in other online databases</h2>
  461.                                 {% for ref in onlineDatabaseReferences %}
  462.                                     {% if ref.reference %}
  463.                                     <div class="datalabel">Reference</div>
  464.                                     <div class="data"><a href="{{ path('reference_show', {'id': ref.reference.id})}}">
  465.                                         {{ref.reference}}
  466.                                     </a></div>
  467.                                     {% endif %}
  468.                                     {% if ref.referenceStr %}
  469.                                         {% if 'http://' in ref.referenceStr %}
  470.                                         <div class="datalabel">Ref</div><div class="data"><a href="{{ ref.referenceStr }}" target="_blank">{{ ref.referenceStr }} <i class="fa fa-external-link"></i></a></div>
  471.                                         {% elseif 'https://' in ref.referenceStr %}
  472.                                         <div class="datalabel">Ref</div><div class="data"><a href="{{ ref.referenceStr }}" target="_blank">{{ ref.referenceStr }} <i class="fa fa-external-link"></i></a></div>
  473.                                         {% else %}
  474.                                         <div class="datalabel">Ref</div><div class="data">{{ ref.referenceStr }}</div>
  475.                                         {% endif %}
  476.                                     
  477.                                     {% endif %}
  478.                                     {% if ref.comment %}
  479.                                     <div class="datalabel">Comment</div><div class="data">{{ ref.comment }}</div>
  480.                                     {% endif %}
  481.                                     <br>
  482.                                 {% endfor %}
  483.                             </div>
  484.                                {% endif %}
  486.                             <div class="hoardlistview-6col">
  487.                                 <h2>References</h2>
  488.                                 {% if hoard.referenceString is not empty %}<li><div class="datalabel">Reference (string)</div> <div class="data">{{ hoard.referenceString }}</div></li>{% endif %}
  490.                                 {% for ref in hoardReferences %}
  491.                                     {% if ref.reference %}
  492.                                     <div class="datalabel">Reference</div>
  493.                                     <div class="data"><a href="{{ path('reference_show', {'id': ref.reference.id})}}">
  494.                                         {{ref.reference}}
  495.                                     </a></div>
  496.                                     {% endif %}
  497.                                     {% if ref.referenceStr %}
  498.                                         {% if 'http://' in ref.referenceStr %}
  499.                                         <div class="datalabel">Ref</div><div class="data"><a href="{{ ref.referenceStr }}" target="_blank">{{ ref.referenceStr }} <i class="fa fa-external-link"></i></a></div>
  500.                                         {% elseif 'https://' in ref.referenceStr %}
  501.                                         <div class="datalabel">Ref</div><div class="data"><a href="{{ ref.referenceStr }}" target="_blank">{{ ref.referenceStr }} <i class="fa fa-external-link"></i></a></div>
  502.                                         {% else %}
  503.                                         <div class="datalabel">Ref</div><div class="data">{{ ref.referenceStr }}</div>
  504.                                         {% endif %}
  505.                                     
  506.                                     {% endif %}
  507.                                     {% if ref.comment %}
  508.                                     <div class="datalabel">Comment</div><div class="data">{{ ref.comment }}</div>
  509.                                     {% endif %}
  510.                                     <br>
  511.                                 {% endfor %}
  512.                             </div>
  513.                     </div>
  514.                     <div id="tabs3-7">
  515.                     </div>
  516.                     <div id="tabs3-8" class="should-initialise-magnify">
  517.                         {% for key, image in images %}
  518.                             <div class="row hoard-show-image-container">
  519.                                     <div class="col-md-12 magnify-image-container">
  520.                                         {% if image.hoardImages_id %}
  521.                                             <img id="hoard-image-{{key}}" src="/image/hoard/{{ image.hoardImages_id }}" class="magnify-image-inside"/>
  522.                                         {% else %}
  523.                                             <img id=hoard-image-{{key}} src="/bundles/oxhoard//img/warning.png" />
  524.                                             Image not found
  525.                                         {% endif %}
  526.                                     </div>
  527.                                     <div class="col-md-12">
  528.                                         <div class="hoardimage-metadata hoardlistview-12col">
  529.                                             {% if image.uri1 is defined %}
  530.                                                 <div class="datalabel">URI 1</div><div class="data"><a target="_blank" href="{{ image.uri1 }}">{{ image.uri1 }}</a></div>
  531.                                             {% endif %}
  532.                                             {% if image.uri2 is defined %}
  533.                                                 <div class="datalabel">URI 2</div><div class="data"><a target="_blank" href="{{ image.uri2 }}">{{ image.uri2 }}</a></div>
  534.                                             {% endif %}
  535.                                             {% if image.comment is defined %}
  536.                                                 <div class="datalabel">Comment</div><div class="data">{{ image.comment }}</div>
  537.                                             {% endif %}
  538.                                         </div>
  539.                                     </div>
  540.                             </div>
  541.                         {% endfor %}
  542.                     </div>
  543.                     <div id="tabs3-11">
  544.                         <p>{{ hoard.credit }}</p>
  545.                         {% if is_admin %}
  546.                           <a href="{{ path('hoard_revisions', {id: hoard.id}) }}" class="btn btn-default">View Hoard Revisions</a>
  547.                         {% endif %}
  548.                     </div>
  549.                 </div>
  550.             </div>
  552.         </div>
  554.     </div><!-- end page container -->
  555. {% endblock %}