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

Open in your IDE?
  1. {% extends '@OxHoardBundle//layout.html.twig' %}
  2. {% block title %}Coin Details {{ coin.id }}{% endblock %}
  4. {% block javascripts %}
  5.     {{ parent() }}
  7.         <script type="text/javascript" src='/bundles/oxhoard/js/show_coin.js'></script>
  8.         <script type="text/javascript" src='/bundles/oxhoard/js/libs/Event/Event.js'></script>
  9.         <script type="text/javascript" src='/bundles/oxhoard/js/libs/magnifier/Magnifier.js'></script>
  10.     <script>
  11.     {% if images.obverse is defined %}
  12.         var obverseImage = "{{ path('coin_image', {coin_id: coin.id, coin_image_type: 'o', ext: 'jpg'}) }}";
  13.     {% endif %}
  14.     {% if images.both is defined %}
  15.         var combinedImage = "{{ path('coin_image', {coin_id: coin.id, ext: 'jpg'}) }}";
  16.     {% endif %}
  17.     {% if images.reverse is defined %}
  18.         var reverseImage = "{{ path('coin_image', {coin_id: coin.id, coin_image_type: 'r', ext: 'jpg'}) }}";
  19.     {% endif %}
  20.     </script>
  21. {% endblock %}
  23. {% block stylesheets %}
  24.     {{ parent() }}
  25.         <link rel="stylesheet" href='/bundles/oxhoard/js/libs/magnifier/magnifier.css'>
  26. {% endblock %}
  28. {% block body -%}
  29.     <!-- content -->
  30.     <div class="marginTop clearfix"></div>
  32.     <div id="content" class="container"> <!-- page content -->
  33.         <div class="row">
  34.             <!-- <h1>Coin, Location, Date</h1> -->
  35.             <div class="col-sm-6">
  36.                 <div class="hoardlistview-6col">
  37.                         <div id="coin-description">
  39.                             {% embed '@OxHoardBundle/flash.html.twig' %}{% endembed %}
  41.                             <h2>Description</h2>
  42.                             <div class="section-data">
  43.                                 <div class="datalabel">Period</div><div class="data">{{ coin.period }}</div>
  44.                                 {% if coin.persons is empty %}
  45.                                 {% else %}
  46.                                     <div class="datalabel">Person</div>
  47.                                     <div class="data">
  48.                                         {% for person in coin.persons %}
  49.                                             {{ person }}{% if not loop.last %} or {% endif %}
  50.                                         {% endfor %}
  51.                                     </div>
  52.                                 {% endif %}
  53.                                 {% if coin.reigns is empty %}
  54.                                 {% else %}
  55.                                     <div class="datalabel">Reign</div>
  56.                                     <div class="data">
  57.                                         {% for reign in coin.reigns %}
  58.                                             {{ reign }}{% if not loop.last %} or {% endif %}
  59.                                         {% endfor %}
  60.                                     </div>
  61.                                 {% endif %}
  62.                                     {% if coin.denominations is empty %}
  63.                                     {% else %}
  64.                                         <div class="datalabel">Denomination</div>
  65.                                         <div class="data">
  66.                                         {% for denomination in coin.denominations %}
  67.                                             {{ denomination }}{% if not loop.last %} or {% endif %}
  68.                                         {% endfor %}
  69.                                         </div>
  70.                                     {% endif %}
  71.                                 {% if coin.mints is empty %}
  72.                                 {% else %}
  73.                                     <div class="datalabel">Mint</div>
  74.                                     <div class="data">
  75.                                         {% for mint in coin.mints %}
  76.                                             {{ mint }}{% if not loop.last %} or {% endif %}
  77.                                         {% endfor %}
  78.                                     </div>
  79.                                 {% endif %}
  80.                                 {% if coin.hoard %}
  81.                                 <br>
  82.                                 <div class="datalabel">Hoard</div>
  83.                                 <div class="data">
  84.                                     <a href="{{ path('hoard_show', {id: coin.hoard.id}) }}">{{ coin.hoard.findSpotName }}</a>
  85.                                 </div>
  86.                                 {% endif %}
  87.                             </div>
  89.                         </div>
  90.                         
  91.                     <div id="coin-dates">
  92.                     <h2>Dates</h2>
  93.                         <div class="section-data">
  94.                             {% if coin.startingDate %}
  95.                             <div class="datalabel">Starting date</div><div class="data">{{coin.startingDate}}</div>
  96.                             {% endif %}
  97.                             {% if coin.endingDate %}
  98.                             <div class="datalabel">Ending date</div><div class="data">{{coin.endingDate}}</div>
  99.                             {% endif %}
  100.                             {% if coin.dateText %}
  101.                             <div class="datalabel">Date text</div><div class="data">{{coin.dateText}}</div>
  102.                             {% endif %}
  103.                         </div>
  104.                     </div>
  105.                     
  106.                     <div id="other-info" class="section">
  107.                         <h2>Other information</h2>
  108.                         <div class="section-data">
  109.                             {% if coin.issue %}
  110.                             <div class="datalabel">Issue</div><div class="data">{{coin.issue}}</div>
  111.                             {% endif %}
  112.                             {% if coin.officina %}
  113.                             <div class="datalabel">Officina</div><div class="data">{{coin.officina}}</div>
  114.                             {% endif %}
  115.                         </div>
  116.                     </div>
  118.                     <div id="coin-obverse" class="hoardlistview-6col">
  119.                         <h2>Obverse</h2>
  120.                         <div class="section-data">
  121.                             {% if coin.obverseInscription %}
  122.                                 <div class="datalabel">Inscription</div><div class="data">{{ coin.obverseInscription }}</div>
  123.                             {% endif %}
  124.                             {% if coin.obverseMintMark %}
  125.                                 <div class="datalabel">Mint Mark</div><div class="data">{{ coin.obverseMintMark }}</div>
  126.                             {% endif %}
  127.                             {% if coin.obverseDescription %}
  128.                                 <div class="datalabel">Description</div><div class="data">{{ coin.obverseDescription }}</div>
  129.                             {% endif %}
  130.                         </div>
  131.                     </div>
  133.                     <div id="coin-reverse" class="hoardlistview-6col">
  134.                         <h2>Reverse</h2>
  135.                         <div class="section-data">
  136.                             {% if coin.reverseInscription %}
  137.                                 <div class="datalabel">Inscription</div><div class="data">{{ coin.reverseInscription }}</div>
  138.                             {% endif %}
  139.                             {% if coin.reverseMintMark %}
  140.                                 <div class="datalabel">Mint Mark</div><div class="data">{{ coin.reverseMintMark }}</div>
  141.                             {% endif %}
  142.                             {% if coin.reverseDescription %}
  143.                                 <div class="datalabel">Description</div><div class="data">{{ coin.reverseDescription }}</div>
  144.                             {% endif %}
  145.                         </div>
  146.                     </div>
  148.                     <div id="physical-attributes">
  149.                         <h2>Physical Attributes</h2>
  150.                         <div class="section-data">
  151.                             <div class="datalabel">Quantity</div><div class="data">{% if coin.quantity %}{{coin.quantity}}{% else %}-{% endif %}</div>
  152.                             {% if coin.weight %}
  153.                             <div class="datalabel">Weight (g)</div><div class="data">{{coin.weight}}</div>
  154.                             {% endif %}
  155.                             {% if coin.diameter %}
  156.                             <div class="datalabel">Diameter (mm)</div><div class="data">{{coin.diameter}}</div>
  157.                             {% endif %}
  158.                             {% if coin.axis %}
  159.                             <div class="datalabel">Axis</div><div class="data">{{coin.axis}}</div>
  160.                             {% endif %}
  161.                             {% if coin.condition %}
  162.                             <div class="datalabel">Condition</div><div class="data">{{coin.condition}}</div>
  163.                             {% endif %}
  164.                         </div>
  165.                     </div>
  166.                     
  167.                     <div id="container-details">
  168.                         <h2>Container</h2>
  169.                         <div class="section-data">
  170.                             {% if coin.container %}
  171.                             <div class="datalabel">Container</div><div class="data">{{coin.container}}</div>
  172.                                 {% if coin.layer %}
  173.                                     <div class="datalabel">Layer</div><div class="data">{{coin.layer}}</div>
  174.                                 {% endif %}
  175.                             {% endif %}
  176.                         </div>
  177.                     </div>
  179.                     <div id="comment">
  180.                     {% if coin.comment %}
  181.                         <h2>Comment</h2>
  182.                         <div class="datalabel">Comment</div><div class="data">{{ coin.comment }}</div>
  183.                     {% endif %}
  184.                     </div>
  185.                     
  186.                     <div id="misc-info">
  187.                         <h2>Other Aspects</h2>
  188.                         <div class="section-data">
  189.                             <ul>
  190.                                 {% if coin.imitation %}
  191.                                     <li>
  192.                                         <i class="fa fa-check"></i> Imitation
  193.                                     <li>
  194.                                 {% endif %}
  195.                                 {% if coin.latestCoin %}
  196.                                     <li>
  197.                                         <i class="fa fa-check"></i> Latest coin
  198.                                     <li>
  199.                                 {% endif %}
  200.                                 {% if coin.intruder %}
  201.                                     <li>
  202.                                         <i class="fa fa-check"></i> Intruder
  203.                                     <li>
  204.                                 {% endif %}
  205.                                 {% if coin.toCheck %}
  206.                                     <li>
  207.                                         <i class="fa fa-check"></i> To check
  208.                                     <li>
  209.                                 {% endif %}
  210.                                 <!-- loop over additional Aspects -->
  211.                                 {% for aspect in coin.aspects %}
  212.                                     <li>
  213.                                         <i class="fa fa-check"></i> {{ aspect.aspect }}
  214.                                     </li>
  215.                                 {% endfor %}
  216.                             </ul>
  217.                             
  218.                             <!-- Additional fields -->
  219.                             {% for field in coin.coinAdditionalFields %}
  220.                             <div class="datalabel">{{ field.additionalField.additionalField }}</div><div class="data">{{ field.comment }}</div>
  221.                             {% endfor %}
  222.                         </div>
  223.                     </div>
  224.                     
  225.                 </div>
  226.             </div>
  227.         </div>
  228.         <div class="row">
  231.         <div class="col-sm-6 hoardlistview-6col">
  232.             <h2>Images</h2>
  233.                 {% if images.obverse is defined %}
  234.                     <h3>Obverse</h3>
  235.                     <div class="images magnify-image-container">
  236.                         <img id="obverseImage" class="coin-img" src="{{ path('coin_image', {coin_id: coin.id, coin_image_type: 'o', ext: 'jpg'}) }}" />
  237.                     </div>
  238.                 {% endif %}
  240.                 {% if images.both is defined %}
  241.                 <div id="coin-both-image" class="hoardlistview-6col">
  242.                     <div class="section-data images magnify-image-container">
  243.                         <h3>Combined Image</h3>
  244.                         <img id="combinedImage" class="coin-img" src="{{ path('coin_image', {coin_id: coin.id, ext: 'jpg'}) }}" />
  245.                     </div>
  246.                 </div>
  247.                 {% endif %}
  248.                 
  249.                 {% if images.reverse is defined %}
  250.                     <h3>Reverse</h3>
  251.                     <div class="images magnify-image-container">
  252.                         <img class="coin-img" id="reverseImage" src="{{ path('coin_image', {coin_id: coin.id, coin_image_type: 'r', ext: 'jpg'}) }}" />
  253.                     </div>
  254.                 {% endif %}
  257.             </div>
  258.         </div>
  259.         
  260.         <div class="row">
  261.             {% if coin.coinReferences is empty %}
  262.             {% else %}
  263.                 <div class="col-md-6 references">
  264.                     <div class="hoardlistview-6col">
  265.                         <h2>References</h2>
  266.                         {% for ref in coin.coinReferences %}
  267.                             <div class="reference-container">
  268.                             {% if ref.reference %}
  269.                             <div class="datalabel"></div>
  270.                             <div class="data"><a href="{{ path('reference_show', {'id': ref.reference.id})}}">
  271.                                 {{ref.reference}}</a> {% if ref.referenceStr %}
  272.                                     {% if ref.reference.abbreviation == 'OCRE' %}
  273.                                     <a href="http://numismatics.org/ocre/id/{{ ref.referenceStr }}" target="_blank">{{ ref.referenceStr }} <i class="fa fa-external-link"></i></a>
  274.                                     {% elseif 'http://' in ref.referenceStr %}
  275.                                     <a href="{{ ref.referenceStr }}" target="_blank">{{ ref.referenceStr }} <i class="fa fa-external-link"></i></a>
  276.                                     {% elseif 'https://' in ref.referenceStr %}
  277.                                     <a href="{{ ref.referenceStr }}" target="_blank">{{ ref.referenceStr }} <i class="fa fa-external-link"></i></a>
  278.                                     {% else %}
  279.                                     {{ ref.referenceStr }}
  280.                                     {% endif %}
  281.                                 {% endif %}
  282.                             </div>
  283.                             {% endif %}
  284.                             {% if ref.comment %}
  285.                             <div class="datalabel">Comment</div><div class="data">{{ ref.comment }}</div>
  286.                             {% endif %}
  287.                             {% if ref.thisSpecimen %}
  288.                             <div class="datalabel">This specimen</div>
  289.                             <div class="data">Yes</div>
  290.                             {% endif %}
  291.                             <br></div>
  292.                         {% endfor %}
  293.                     </div>
  294.                 </div>
  295.             {% endif %}
  296.         </div>
  297.     </div><!-- end page container -->
  299.     <!-- footer -->
  300.     <div class="marginTop clearfix"></div>
  301. {% endblock %}