templates/resource/detail.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/layout.html.twig' %}
  2. {% block content %}
  3.     {% do pimcore_head_title().set(resource.title) %}
  4.     {% do pimcore_head_title('CESSDA Training Resources') %}
  5.     {% do pimcore_head_title().setSeparator(' - ') %}
  6.     <main class="pullc">
  7.         <div class="container-xl directory">
  8.             <div class="row">
  9.                 <div class="col-lg-3 leftpull section-pillar d-none d-lg-block" {% if pillar_background %} style="background-image: url({{ pillar_background.thumbnail('pillar') }})" {% endif %}>
  10.                     <div class="section-title px-3 px-lg-3 ps-lg-0 d-flex flex-column">
  11.                         <h1 class="mb-lg-5 pt-1 pe-lg-4 mt-5 text-lg-end">{{ section_title }}
  12.                         </h1>
  13.                     </div>
  14.                     <div class="d-flex justify-content-end">
  15.                         <ul class="sidenav list-unstyled justify-content-end align-self-end">
  16.                             {% if qs is defined and qs != "" %}
  17.                                 <li>
  18.                                     <a href="/Training-Resources?{{ qs }}">Back to search results</a>
  19.                                 </li>
  20.                             {% endif %}
  21.                             <li>
  22.                                 <a href="/Training-Resources">New search</a>
  23.                             </li>
  24.                         </ul>
  25.                     </div>
  26.                 </div>
  27.                 <div class="col-lg-9 ps-lg-5 pe-lg-5 pb-4">
  28.                     {% if showBreadcrumbs %}
  29.                         {% set mainNavStartNode = document.getProperty('navigation_root') %}
  30.                         {% if mainNavStartNode is empty %}
  31.                             {% set mainNavStartNode = pimcore_document(1) %}
  32.                         {% endif %}
  33.                         {% set breadbrumbs = pimcore_build_nav({
  34.                                     active: document,
  35.                                     root: mainNavStartNode
  36.                                 }) %}
  37.                         {% do app_navigation_enrich_breadcrumbs(breadbrumbs) %}
  38.                         {% do pimcore_nav_renderer('breadcrumbs').setMinDepth(null) %}
  39.                         <div class="breadcrumbs mt-3">
  40.                             <a href="/">Home</a>
  41.                             /
  42.                             <a href="/Training">CESSDA Training</a>
  43.                             /
  44.                             <a href="/Training-Resources">Training Resources</a>
  45.                             / 
  46.                                                                                                                                                                       Resource ID: crd-{{ resource.id }}
  47.                         </div>
  48.                     {% endif %}
  49.                     <div class="row">
  50.                         <div class="col-12 my-3">
  51.                             <div id="main-content" class="main-content resource-detail">
  52.                                 <div class="page-header">
  53.                                     <h1>{{ resource.title }}</h1>
  54.                                 </div>
  55.                                 <div class="row resource-keydata">
  56.                                     <div class="col-12 col-lg-4">
  57.                                         CESSDA ID: crd-{{ resource.id }}
  58.                                     </div>
  59.                                     <div class="col-12 col-lg-4">
  60.                                         Published:
  61.                                         {{ resource.date | date('Y-m-d') }}
  62.                                         {% if resource.version %}<br>
  63.                                             Version:
  64.                                             {{ resource.version }}
  65.                                         {% endif %}
  66.                                     </div>
  67.                                     <div class="col-12 col-lg-4">
  68.                                         {% if resource.publisher %}
  69.                                             Publisher:
  70.                                             {{ resource.publisher }}
  71.                                         {% endif %}
  72.                                     </div>
  73.                                 </div>
  74.                                 <div class="rdata">
  75.                                     <h4>Author(s)</h4>
  76.                                     <div class="px-2">
  77.                                         {{ resource.author|split(';')|join(' / ') }}
  78.                                     </div>
  79.                                 </div>
  80.                                 <div class="rdata">
  81.                                     {% if resource.description %}
  82.                                         <h4>Description</h4>
  83.                                         <div class="px-2">
  84.                                             <p>
  85.                                                 {{ resource.description }}</p>
  86.                                         </div>
  87.                                     {% endif %}
  88.                                     {% if resource.longdesc %}
  89.                                         <div class="px-2">
  90.                                             <button class="btn btn-link m-0 pt-0 pb-2 px-0" data-bs-toggle="collapse" data-bs-target="#longdesc" type="button" aria-expanded="false" aria-controls="longdesc">
  91.                                                 Show/hide details
  92.                                             </button>
  93.                                             <div class="collapse" id="longdesc">
  94.                                                 {{ resource.longdesc|raw }}
  95.                                             </div>
  96.                                         </div>
  97.                                     {% endif %}
  98.                                 </div>
  99.                                 {% if resource.objective %}
  100.                                     <div class="rdata">
  101.                                         <h4>Objective</h4>
  102.                                         <div class="px-2">
  103.                                             <p>
  104.                                                 {{ resource.objective }}</p>
  105.                                         </div>
  106.                                     </div>
  107.                                 {% endif %}
  108.                                 {% if resource.direct_url or resource.youtube_url %}
  109.                                     <div class="col-12">
  110.                                         <div class="rdata">
  111.                                             <h4>Direct links</h4>
  112.                                             <div class="px-2">
  113.                                                 {% if resource.direct_url %}
  114.                                                     <div>
  115.                                                         <strong>Direct URL:
  116.                                                         </strong>
  117.                                                         <a href="{{ resource.direct_url }}">{{ resource.direct_url }}</a>
  118.                                                     </div>
  119.                                                 {% endif %}
  120.                                                 {% if resource.youtube_url %}
  121.                                                     <div>
  122.                                                         <strong>Youtube URL:
  123.                                                         </strong>
  124.                                                         <a href="{{ resource.youtube_url }}">{{ resource.youtube_url }}</a>
  125.                                                     </div>
  126.                                                 {% endif %}
  127.                                             </div>
  128.                                         </div>
  129.                                     </div>
  130.                                 {% endif %}
  131.                                 <div class="row">
  132.                                     {% if resource.topics %}
  133.                                         <div class="col-12 col-md-6">
  134.                                             <div class="rdata">
  135.                                                 <h4>Topics</h4>
  136.                                                 <div class="px-2">
  137.                                                     <ul class="list-unstyled m-0">
  138.                                                         {% for topic in resource.topics %}
  139.                                                             <li>
  140.                                                                 <a href="/Training-Resources?topics={{ topic|url_encode(true) }}">{{ topic }}</a>
  141.                                                             </li>
  142.                                                         {% endfor %}
  143.                                                     </ul>
  144.                                                 </div>
  145.                                             </div>
  146.                                         </div>
  147.                                     {% endif %}
  148.                                     {% if resource.keywords %}
  149.                                         {% set kws = resource.keywords|split(';') %}
  150.                                         <div class="col-12 col-md-6">
  151.                                             <div class="rdata">
  152.                                                 <h4>Keywords</h4>
  153.                                                 <div class="px-2">
  154.                                                     {% for kw in kws %}
  155.                                                         <a href="/Training-Resources?keywords={{ kw|trim|url_encode(true) }}">{{ kw|trim }}</a>
  156.                                                         {% if not loop.last %},
  157.                                                         {% endif %}
  158.                                                     {% endfor %}
  159.                                                 </div>
  160.                                             </div>
  161.                                         </div>
  162.                                     {% endif %}
  163.                                     {% if resource.audience %}
  164.                                         <div class="col-12 col-md-6">
  165.                                             <div class="rdata">
  166.                                                 <h4>Audience</h4>
  167.                                                 <div class="px-2">
  168.                                                     <ul class="list-unstyled m-0">
  169.                                                         {% for audience in resource.audience %}
  170.                                                             <li>
  171.                                                                 {{ audience }}</li>
  172.                                                         {% endfor %}
  173.                                                     </ul>
  174.                                                 </div>
  175.                                             </div>
  176.                                         </div>
  177.                                     {% endif %}
  178.                                     {% if resource.discipline %}
  179.                                         <div class="col-12 col-md-6">
  180.                                             <div class="rdata">
  181.                                                 <h4>Discipline</h4>
  182.                                                 <div class="px-2">
  183.                                                     <ul class="list-unstyled m-0">
  184.                                                         {% for discipline in resource.discipline %}
  185.                                                             <li>
  186.                                                                 {{ discipline }}</li>
  187.                                                         {% endfor %}
  188.                                                     </ul>
  189.                                                 </div>
  190.                                             </div>
  191.                                         </div>
  192.                                     {% endif %}
  193.                                     {% if resource.skill_level %}
  194.                                         <div class="col-12 col-md-6">
  195.                                             <div class="rdata">
  196.                                                 <h4>Skill levels</h4>
  197.                                                 <div class="px-2">
  198.                                                     <ul class="list-unstyled m-0">
  199.                                                         {% for skill_level in resource.skill_level %}
  200.                                                             <li>{{ skill_level }}</li>
  201.                                                         {% endfor %}
  202.                                                     </ul>
  203.                                                 </div>
  204.                                             </div>
  205.                                         </div>
  206.                                     {% endif %}
  207.                                     {% if resource.resource_type %}
  208.                                         <div class="col-12 col-md-6">
  209.                                             <div class="rdata">
  210.                                                 <h4>Type</h4>
  211.                                                 <div class="px-2">
  212.                                                     <ul class="list-unstyled m-0">
  213.                                                         {% for resource_type in resource.resource_type %}
  214.                                                             <li>{{ resource_type }}</li>
  215.                                                         {% endfor %}
  216.                                                     </ul>
  217.                                                 </div>
  218.                                             </div>
  219.                                         </div>
  220.                                     {% endif %}
  221.                                     {% if resource.resource_format %}
  222.                                         <div class="col-12 col-md-6">
  223.                                             <div class="rdata">
  224.                                                 <h4>Format</h4>
  225.                                                 <div class="px-2">
  226.                                                     <ul class="list-unstyled m-0">
  227.                                                         {% for resource_format in resource.resource_format %}
  228.                                                             <li>{{ resource_format }}</li>
  229.                                                         {% endfor %}
  230.                                                     </ul>
  231.                                                 </div>
  232.                                             </div>
  233.                                         </div>
  234.                                     {% endif %}
  235.                                     {% if resource.doi or resource.handle or resource.ark or resource.urn_nbn %}
  236.                                         <div class="col-12 col-md-6">
  237.                                             <div class="rdata">
  238.                                                 <h4>Persistent Identifiers (PIDs)</h4>
  239.                                                 <div class="px-2">
  240.                                                     {% if resource.doi %}
  241.                                                         {% if "https://doi.org/" in resource.doi %}
  242.                                                             {% set doilink = resource.doi %}
  243.                                                         {% else %}
  244.                                                             {% set doilink = "https://doi.org/" ~ resource.doi %}
  245.                                                         {% endif %}
  246.                                                         {% set doi = doilink|split("https://doi.org/") %}
  247.                                                         <div>
  248.                                                             <strong>DOI:
  249.                                                             </strong>
  250.                                                             <a href="{{ doilink|raw }}" target="_blank">
  251.                                                                 {% for doivalue in doi %}
  252.                                                                     {{ doivalue }}
  253.                                                                 {% endfor %}
  254.                                                             </a>
  255.                                                         </div>
  256.                                                     {% endif %}
  257.                                                     {% if resource.handle %}
  258.                                                         <div>
  259.                                                             <strong>Handle:
  260.                                                             </strong>
  261.                                                             {{ resource.handle }}
  262.                                                         </div>
  263.                                                     {% endif %}
  264.                                                     {% if resource.ark %}
  265.                                                         <div>
  266.                                                             <strong>ARK:
  267.                                                             </strong>
  268.                                                             {{ resource.ark }}
  269.                                                         </div>
  270.                                                     {% endif %}
  271.                                                     {% if resource.urn_nbn %}
  272.                                                         <div>
  273.                                                             <strong>URN:NBN:
  274.                                                             </strong>
  275.                                                             {{ resource.urn_nbn }}
  276.                                                         </div>
  277.                                                     {% endif %}
  278.                                                 </div>
  279.                                             </div>
  280.                                         </div>
  281.                                     {% endif %}
  282.                                 </div>
  283.                                 <div class="row">
  284.                                     {% if resource.files %}
  285.                                         <div class="col-12">
  286.                                             <div class="rdata">
  287.                                                 <h4>Downloadable files</h4>
  288.                                                 <div class="px-2">
  289.                                                     {% for file in resource.files %}
  290.                                                         <ul class="list-unstyled m-0">
  291.                                                             <li>
  292.                                                                 <a href="{{file.path}}{{file.filename}}">{{file.filename}}</a>
  293.                                                             </li>
  294.                                                         </ul>
  295.                                                     {% endfor %}
  296.                                                 </div>
  297.                                             </div>
  298.                                         </div>
  299.                                     {% endif %}
  300.                                     {% if resource.hasChildren or resource.parent.type == 'object' %}
  301.                                         <div class="col-12">
  302.                                             <div class="rdata">
  303.                                                 <h4>Accompanying resources</h4>
  304.                                                 <div class="px-2">
  305.                                                     <ul class="m-0">
  306.                                                         {% for child in resource.children %}
  307.                                                             {% set detailLink = app_resource_detaillink(child) %}
  308.                                                             <li>
  309.                                                                 <a href="{{ detailLink }}">{{ child.title }}</a>
  310.                                                             </li>
  311.                                                         {% endfor %}
  312.                                                         {% if resource.parent.type == 'object' %}
  313.                                                             {% set detailLink = app_resource_detaillink(resource.parent) %}
  314.                                                             <li>
  315.                                                                 <a href="{{ detailLink }}">{{ resource.parent.title }}</a>
  316.                                                             </li>
  317.                                                             {% for sibling in resource.siblings %}
  318.                                                                 {% set detailLink = app_resource_detaillink(sibling) %}
  319.                                                                 <li>
  320.                                                                     <a href="{{ detailLink }}">{{ sibling.title }}</a>
  321.                                                                 </li>
  322.                                                             {% endfor %}
  323.                                                         {% endif %}
  324.                                                     </ul>
  325.                                                 </div>
  326.                                             </div>
  327.                                         </div>
  328.                                     {% endif %}
  329.                                     {% if collections %}
  330.                                         <div class="col-12">
  331.                                             <div class="rdata">
  332.                                                 <h4>Part of series/collection</h4>
  333.                                                 <div class="accordion accordion-flush" id="accordion-collections">
  334.                                                     {% for collection in collections %}
  335.                                                         {% set collresource = pimcore_object(collection.id) %}
  336.                                                         <div class="accordion-item">
  337.                                                             <div class="accordion-header" id="ah-{{ collresource.id }}">
  338.                                                                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#ae-{{ collresource.id }}" aria-expanded="false" aria-controls="ae-{{ collresource.id }}">
  339.                                                                     {{ collresource.getTitle }}
  340.                                                                 </button>
  341.                                                             </div>
  342.                                                             <div id="ae-{{ collresource.id }}" class="accordion-collapse collapse" aria-labelledby="ah-{{ collresource.id }}" data-bs-parent="#accordion-collections">
  343.                                                                 <div class="accordion-body">
  344.                                                                     <ul class="m-0">
  345.                                                                         {% for resitem in collresource.resource_item %}
  346.                                                                             <li>
  347.                                                                                 {% if resitem.id != resource.id %}
  348.                                                                                     {% set detailLink = app_resource_detaillink(resitem) %}
  349.                                                                                     <a href="{{ detailLink }}">{{ resitem.title }}</a>
  350.                                                                                 {% else %}
  351.                                                                                     <strong>{{ resitem.title }}</strong>
  352.                                                                                 {% endif %}
  353.                                                                                 {% if resitem.hasChildren() %}
  354.                                                                                     <ul>
  355.                                                                                         {% for child in resitem.children %}
  356.                                                                                             <li>
  357.                                                                                                 {% if child.id != resource.id %}
  358.                                                                                                     <a href="{{ app_resource_detaillink(child) }}">{{ child.title }}</a>
  359.                                                                                                 {% else %}
  360.                                                                                                     <strong>{{ child.title }}</strong>
  361.                                                                                                 {% endif %}
  362.                                                                                             </li>
  363.                                                                                         {% endfor %}
  364.                                                                                     </ul>
  365.                                                                                 {% endif %}
  366.                                                                             </li>
  367.                                                                         {% endfor %}
  368.                                                                     </ul>
  369.                                                                 </div>
  370.                                                             </div>
  371.                                                         </div>
  372.                                                     {% endfor %}
  373.                                                 </div>
  374.                                             </div>
  375.                                         </div>
  376.                                     {% endif %}
  377.                                     {% if resource.external_resources %}
  378.                                         <div class="col-12">
  379.                                             <div class="rdata">
  380.                                                 <h4>External resources</h4>
  381.                                                 <div class="px-2">
  382.                                                     {{ resource.external_resources|raw }}
  383.                                                 </div>
  384.                                             </div>
  385.                                         </div>
  386.                                     {% endif %}
  387.                                 </div>
  388.                                 <div class="row">
  389.                                     <div class="col-12">
  390.                                         <div class="rdata">
  391.                                             <h4>Licence and contact</h4>
  392.                                             <div class="px-2">
  393.                                                 {% if resource.contact_email %}
  394.                                                     <div>
  395.                                                         <strong>Contact email:
  396.                                                         </strong>
  397.                                                         <a href="mailto:{{ resource.contact_email }}">{{ resource.contact_email }}</a>
  398.                                                     </div>
  399.                                                 {% endif %}
  400.                                                 {% if resource.licence %}
  401.                                                     <div>
  402.                                                         <strong>Licence:
  403.                                                         </strong>
  404.                                                         {% if resource.licence_url %}
  405.                                                             <a href="{{ resource.licence_url }}" target="_blank">{{ resource.licence }}</a>
  406.                                                         {% else %}
  407.                                                             {{ resource.licence }}
  408.                                                         {% endif %}
  409.                                                     </div>
  410.                                                 {% endif %}
  411.                                                 {% if resource.project %}
  412.                                                     <div>
  413.                                                         <strong>Project:
  414.                                                         </strong>
  415.                                                         {{ resource.project }}
  416.                                                     </div>
  417.                                                 {% endif %}
  418.                                                 {% if resource.access_cost %}
  419.                                                     <div>
  420.                                                         <strong>Access cost:
  421.                                                         </strong>
  422.                                                         {{ resource.access_cost }}
  423.                                                     </div>
  424.                                                 {% endif %}
  425.                                                 {% if resource.comment %}
  426.                                                     <div>
  427.                                                         <strong>Comments:
  428.                                                         </strong>
  429.                                                         {{ resource.comment }}
  430.                                                     </div>
  431.                                                 {% endif %}
  432.                                             </div>
  433.                                         </div>
  434.                                     </div>
  435.                                 </div>
  436.                             </div>
  437.                         </div>
  438.                     </div>
  439.                 </div>
  440.             </div>
  441.         </div>
  442.     </main>
  443. {% endblock %}