invenio-app-rdm 5.0.0.dev0__py2.py3-none-any.whl → 14.0.0b4.dev4__py2.py3-none-any.whl

invenio_app_rdm/records_ui/templates/semantic-ui/invenio_app_rdm/records/details/access-form.html

@@ -0,0 +1,64 @@
+{#
+  Copyright (C) 2023 CERN.
+  Copyright (C) 2024 KTH Royal Institute of Technology.
+  Invenio RDM Records is free software; you can redistribute it and/or modify
+  it under the terms of the MIT License; see LICENSE file for more details.
+-#}
+
+{% from "invenio_accounts/_macros.html" import render_field, form_errors %}
+
+<div class="container rel-mt-2">
+  {%- if current_user.is_anonymous %}
+    {% set email = None %}
+    {% set full_name = None %}
+    <p class="rel-mb-2">
+      <i aria-hidden="true" class="user secret icon"></i>
+      <strong>{{ _("You are currently not logged in") }}</strong>. {{ _("Do you have an account?") }}
+      <a href="/login/">{{ _("Log in here") }}</a>
+    </p>
+  {% else %}
+    {% set email = current_user.email %}
+    {% set full_name = current_user.user_profile.full_name or "" %}
+    <h4>{{ _("You are logged in as") }}</h4>
+    <div class="flex align-items-center column-mobile mb-10">
+      <div class="ui image label mb-10 rel-mr-1">
+        <img src="{{ user_avatar }}" alt="" />
+        <strong class="text-muted mr-5">{{ full_name }}</strong>
+      </div>
+
+      <p class="mt-0 mb-10">
+        {{ _("Not you?") }}
+        <a href="{{ url_for('security.login') }}">{{ _("Log out") }}</a> {{ _("to switch account.") }}
+      </p>
+    </div>
+  {% endif %}
+  <div id="access-request-form-root"
+       data-record='{{ record_ui | tojson }}'
+       data-user-anonymous='{{ current_user.is_anonymous | tojson }}'
+       data-user-full-name='{{ full_name | tojson }}'
+       data-user-email='{{ email | tojson }}'>
+    <div class="ui fluid placeholder">
+      <div class="header">
+        {%- if current_user.is_anonymous %}
+        <div class="paragraph">
+          <div class="line"></div>
+          <div class="line"></div>
+          <div class="line"></div>
+          <div class="line"></div>
+          <div class="line"></div>
+        </div>
+        {% endif %}
+        <div class="full line"></div>
+        <div class="full line"></div>
+        <div class="full line"></div>
+        <div class="full line"></div>
+        <div class="full line"></div>
+        <div class="full line"></div>
+        <div class="full line"></div>
+      </div>
+    </div>
+  </div>
+</div>
+  {%- block javascript %}
+    {{ webpack['invenio-app-rdm-landing-page-access-form.js'] }}
+  {%-endblock %}

invenio_app_rdm/records_ui/templates/semantic-ui/invenio_app_rdm/records/details/citation.html

@@ -1,16 +1,14 @@
 {#
-    Copyright (C) 2020 CERN.
+    Copyright (C) 2020-2025 CERN.
     Copyright (C) 2020 Northwestern University.
+    Copyright (C) 2021 New York University.
 
     Invenio RDM Records is free software; you can redistribute it and/or modify
     it under the terms of the MIT License; see LICENSE file for more details.
 #}
 
-<hr class="thin-line"></hr>
-<dt>{{_('Citation')}}:</dt>
-<dd>
-<p><em>Coming soon!</em></p>
-<br>
-<br>
-</dd>
-<hr class="thin-line"></hr>
+<div id="recordCitation" data-record-links='{{ record_ui.links | tojson }}'
+  data-styles='{{ config.get("RDM_CITATION_STYLES") | tojson }}'
+  data-defaultstyle='{{ config.get("RDM_CITATION_STYLES_DEFAULT") | tojson }}'
+  data-include-deleted='{{ include_deleted | tojson }}'>
+</div>

invenio_app_rdm/records_ui/templates/semantic-ui/invenio_app_rdm/records/details/contact.html

@@ -1,11 +1,12 @@
 {#
   Copyright (C) 2020 CERN.
   Copyright (C) 2020 Northwestern University.
+  Copyright (C) 2024 KTH Royal Institute of Technology.
 
   Invenio RDM Records is free software; you can redistribute it and/or modify
   it under the terms of the MIT License; see LICENSE file for more details.
 #}
 
 <dd>
-  <a href="/coming-soon" class="ui button"><i class="envelope icon"></i> Send message</a>
+  <a href="/coming-soon" class="ui button"><i class="envelope icon"></i> {{ _("Send message") }}</a>
 </dd>

invenio_app_rdm/records_ui/templates/semantic-ui/invenio_app_rdm/records/details/creatibutors.html

@@ -0,0 +1,51 @@
+{#
+  Copyright (C) 2020-2024 CERN.
+  Copyright (C) 2020 Northwestern University.
+  Copyright (C) 2021 TU Wien.
+
+  Invenio RDM Records is free software; you can redistribute it and/or modify
+  it under the terms of the MIT License; see LICENSE file for more details.
+#}
+
+{%- from "invenio_app_rdm/records/macros/creatibutors.html" import affiliations_accordion, show_creatibutors %}
+
+<div class="ui grid">
+  {% if record_ui["ui"]["creators"] and record_ui["ui"]["creators"]["creators"] %}
+    <div class="row ui accordion affiliations">
+      <div class="sixteen wide mobile twelve wide tablet thirteen wide computer column">
+          <h3 class="sr-only">{{ _('Authors/Creators') }}</h3>
+          <ul class="creatibutors">
+            {{ show_creatibutors(record_ui["ui"]["creators"]["creators"], show_affiliations=True, show_role=True) }}
+          </ul>
+      </div>
+
+        {# Todo: get full list of all affiliations (both creators & contributors) e.g.
+        record_ui["ui"]["affiliation"] and merge to one accordion #}
+        {% if record_ui["ui"]["creators"] and record_ui["ui"]["creators"]["affiliations"] %}
+          {{ affiliations_accordion('creators', record_ui["ui"]["creators"]["affiliations"])}}
+        {% endif %}
+
+    </div>
+  {% endif %}
+
+  {% if record_ui["ui"]["contributors"] and record_ui["ui"]["contributors"]["contributors"] %}
+    <div class="row ui accordion affiliations">
+      <div class="sixteen wide mobile twelve wide tablet thirteen wide computer column">
+          <h3>{{ _('Contributors') }}</h3>
+          {%- for group in record_ui["ui"]["contributors"]["contributors"]|groupby('role.title')%}
+          <div>
+            <h3 class="creatibutors-header ui small header">{{group.grouper}}{%- if group.list|length > 1 -%}s{%- endif -%}:</h3>
+            <ul class="creatibutors">
+              {{ show_creatibutors(group.list, show_affiliations=True, type="contributors") }}
+            </ul>
+          </div>
+          {%- endfor %}
+      </div>
+
+      {% if record_ui["ui"]["contributors"] and record_ui["ui"]["contributors"]["affiliations"] %}
+        {{ affiliations_accordion('contributors', record_ui["ui"]["contributors"]["affiliations"])}}
+      {% endif %}
+
+    </div>
+  {% endif %}
+</div>

invenio_app_rdm/records_ui/templates/semantic-ui/invenio_app_rdm/records/details/description.html

@@ -1,12 +1,23 @@
 {#
-  Copyright (C) 2020 CERN.
+  Copyright (C) 2020-2025 CERN.
   Copyright (C) 2020 Northwestern University.
+  Copyright (C) 2021 New York University.
 
   Invenio RDM Records is free software; you can redistribute it and/or modify
   it under the terms of the MIT License; see LICENSE file for more details.
 #}
 
+{%- from "invenio_app_rdm/records/macros/detail.html" import show_add_descriptions %}
+
 {% set description = metadata.get('description') %}
 {% if description %}
-{{ description | sanitize_html() | safe }}
+  <section id="description" class="rel-mt-2 rich-input-content" aria-label="{{ _('Record description') }}">
+    <h2 id="description-heading" class="sr-only">{{ _('Description') }}</h2>
+    {# description data is being sanitized by marshmallow in the backend #}
+    <div style="word-wrap: break-word;">
+      {{ description | safe }}
+    </div>
+  </section>
 {% endif %}
+
+{{ show_add_descriptions(record_ui["ui"]["additional_descriptions"]) if record_ui["ui"]["additional_descriptions"] }}

invenio_app_rdm/records_ui/templates/semantic-ui/invenio_app_rdm/records/details/details.html

@@ -1,30 +1,338 @@
 {#
-  Copyright (C) 2020-2021 CERN.
+  Copyright (C) 2020-2025 CERN.
   Copyright (C) 2020-2021 Northwestern University.
+  Copyright (C) 2021 New York University.
 
   Invenio RDM Records is free software; you can redistribute it and/or modify
   it under the terms of the MIT License; see LICENSE file for more details.
 #}
 
 
-{%- from "invenio_app_rdm/records/macros/detail.html" import list_formats, list_languages,
-  list_sizes, show_add_descriptions, show_add_titles, show_dates, show_detail, show_funding,
-  show_references, show_related_identifiers %}
-
-<dt><b>{{ _('Details')}}</b></dt>
-<hr class="thin-line"></hr>
-<dd class="top-bottom-padded">
-  {{ show_detail(_('Resource type'), record.ui.resource_type.title_l10n) if record.ui.resource_type }}
-  {{ show_detail(_('Publication date'), record.ui.publication_date_l10n) if record.ui.publication_date_l10n }}
-  {{ show_detail(_('Publisher'), metadata.publisher) if metadata.publisher }}
-  {{ show_detail(_('Additional titles'), show_add_titles(metadata.additional_titles)) if metadata.additional_titles }}
-  {{ show_detail(_('Additional descriptions'), show_add_descriptions(metadata.additional_descriptions)) if metadata.additional_descriptions }}
-  {{ show_detail(_('Dates'), show_dates(metadata.dates)) if metadata.dates }}
-  {{ show_detail(_('Languages'), list_languages(record.ui.languages)) if record.ui.languages }}
-  {{ show_detail(_('Formats'), list_formats(metadata.formats)) if metadata.formats }}
-  {{ show_detail(_('Sizes'), list_sizes(metadata.sizes)) if metadata.sizes }}
-  {{ show_detail(_('Funding'), show_funding(metadata.funding)) if metadata.funding }}
-  {{ show_detail(_('Related works'), show_related_identifiers(metadata.related_identifiers)) if metadata.related_identifiers }}
-  {{ show_detail(_('References'), show_references(metadata.references)) if metadata.references }}
-</dd>
-<hr class="thin-line"></hr>
+{%- from "invenio_app_rdm/records/macros/detail.html" import show_section_custom_fields, show_references, show_add_titles,
+show_alternate_identifiers, show_related_identifiers, show_funding, show_dates %}
+
+{% set hasContent = namespace(value=false) %}
+{% set hasContent.value = record_ui["ui"]["additional_titles"] or
+                    metadata.identifiers or
+                    record_ui["ui"]["related_identifiers"] or
+                    metadata.funding or
+                    record_ui["ui"]["dates"] or
+                    metadata.references
+%}
+
+{# Check if custom field has values if no other content #}
+{% if record_ui["ui"]["custom_fields"] and not hasContent.value %}
+  {% for section_cfg in custom_fields_ui %}
+    {% for field_cfg in section_cfg.fields %}
+      {% if record_ui["custom_fields"].get(field_cfg.field) %}
+        {% set hasContent.value = true %}
+      {% endif %}
+    {% endfor %}
+  {% endfor %}
+{% endif %}
+
+{% set rights = record_ui["ui"].get('rights') %}
+{% set funding = record_ui["ui"].get('funding') %}
+
+{% if hasContent.value %}
+  <h2 id="record-details-heading">{{ _('Additional details') }}</h2>
+
+  <div class="ui divider"></div>
+
+  {% if record_ui["ui"]["additional_titles"] %}
+    {% if record_ui["ui"]["additional_titles"]|length > 5 %}
+      <div class="ui fluid accordion padded grid rel-mb-1">
+        <div class="active title sixteen wide mobile four wide tablet three wide computer column">
+          <h3 class="ui header">
+            <div
+              id="additional-titles-accordion-trigger"
+              role="button"
+              tabindex="0"
+              aria-expanded="true"
+              aria-controls="additional-titles-panel"
+              class="trigger"
+            >
+              <i class="caret right icon" aria-hidden="true"></i>{{ _('Additional titles') }}
+            </div>
+          </h3>
+        </div>
+        <div
+          id="additional-titles-panel"
+          role="region"
+          aria-labelledby="additional-titles-accordion-trigger"
+          class="active content sixteen wide mobile twelve wide tablet thirteen wide computer column"
+        >
+          <dl class="details-list">
+            {{ show_add_titles(record_ui["ui"]["additional_titles"]) }}
+          </dl>
+        </div>
+      </div>
+    {% else %}
+      <div class="ui grid">
+        <div class="sixteen wide mobile four wide tablet three wide computer column">
+          <h3 class="ui header">{{ _('Additional titles') }}</h3>
+        </div>
+        <div class="sixteen wide mobile twelve wide tablet thirteen wide computer column">
+          <dl class="details-list">
+            {{ show_add_titles(record_ui["ui"]["additional_titles"]) }}
+          </dl>
+        </div>
+      </div>
+    {% endif %}
+    <div class="ui divider"></div>
+  {% endif %}
+
+  {% if metadata.identifiers %}
+    {% if metadata.identifiers|length > 5 %}
+      <div class="ui fluid accordion padded grid rel-mb-1">
+        <div class="active title sixteen wide mobile four wide tablet three wide computer column">
+          <h3 class="ui header">
+            <div
+              id="identifiers-accordion-trigger"
+              role="button"
+              tabindex="0"
+              aria-expanded="true"
+              aria-controls="identifiers-panel"
+              class="trigger"
+            >
+              <i class="caret right icon" aria-hidden="true"></i>{{ _('Identifiers') }}
+            </div>
+          </h3>
+        </div>
+        <div
+          id="identifiers-panel"
+          role="region"
+          aria-labelledby="identifiers-accordion-trigger"
+          class="active content sixteen wide mobile twelve wide tablet thirteen wide computer column"
+        >
+          <dl class="details-list">
+            {{ show_alternate_identifiers(metadata.identifiers) }}
+          </dl>
+        </div>
+      </div>
+    {% else %}
+      <div class="ui grid">
+        <div class="sixteen wide mobile four wide tablet three wide computer column">
+          <h3 class="ui header">{{ _('Identifiers') }}</h3>
+        </div>
+        <div class="sixteen wide mobile twelve wide tablet thirteen wide computer column">
+          <dl class="details-list">
+            {{ show_alternate_identifiers(metadata.identifiers) }}
+          </dl>
+        </div>
+      </div>
+    {% endif %}
+    <div class="ui divider"></div>
+  {% endif %}
+
+  {% if record_ui["ui"]["related_identifiers"] %}
+    {% if record_ui["ui"]["related_identifiers"]|length > 5 %}
+      <div class="ui fluid accordion padded grid rel-mb-1">
+        <div class="active title sixteen wide mobile four wide tablet three wide computer column">
+          <h3 class="ui header">
+            <div
+              id="related-works-accordion-trigger"
+              role="button"
+              tabindex="0"
+              aria-expanded="true"
+              aria-controls="related-works-panel"
+              class="trigger"
+            >
+              <i class="caret right icon" aria-hidden="true"></i>{{ _('Related works') }}
+            </div>
+          </h3>
+        </div>
+        <div
+          id="related-works-panel"
+          role="region"
+          aria-labelledby="related-works-accordion-trigger"
+          class="active content sixteen wide mobile twelve wide tablet thirteen wide computer column"
+        >
+          {{ show_related_identifiers(record_ui["ui"]["related_identifiers"]) }}
+        </div>
+      </div>
+    {% else %}
+      <div class="ui grid">
+        <div class="sixteen wide mobile four wide tablet three wide computer column">
+          <h3 class="ui header">{{ _('Related works') }}</h3>
+        </div>
+        <div class="sixteen wide mobile twelve wide tablet thirteen wide computer column">
+          {{ show_related_identifiers(record_ui["ui"]["related_identifiers"]) }}
+        </div>
+      </div>
+    {% endif %}
+    <div class="ui divider"></div>
+  {% endif %}
+
+  {% if funding %}
+   {% if funding|length > 5 %}
+    <div class="ui fluid accordion padded grid rel-mb-1">
+      <div class="active title sixteen wide mobile four wide tablet three wide computer column">
+        <h3 class="ui header">
+          <div
+            id="funding-accordion-trigger"
+            role="button"
+            tabindex="0"
+            aria-expanded="true"
+            aria-controls="funding-panel"
+            class="trigger"
+          >
+            <i class="caret right icon" aria-hidden="true"></i>{{ _('Funding') }}
+          </div>
+        </h3>
+      </div>
+      <div
+        id="funding-panel"
+        role="region"
+        aria-labelledby="funding-accordion-trigger"
+        class="active content sixteen wide mobile twelve wide tablet thirteen wide computer column"
+      >
+        <dl class="details-list">
+          {{ show_funding(funding) }}
+        </dl>
+      </div>
+    </div>
+    {% else %}
+      <div class="ui grid">
+        <div class="sixteen wide mobile four wide tablet three wide computer column">
+          <h3 class="ui header">{{ _('Funding') }}</h3>
+        </div>
+        <div class="sixteen wide mobile twelve wide tablet thirteen wide computer column">
+          <dl class="details-list">
+            {{ show_funding(funding) }}
+          </dl>
+        </div>
+      </div>
+    {% endif %}
+    <div class="ui divider"></div>
+  {% endif %}
+
+  {% if record_ui["ui"]["dates"] %}
+    {% if record_ui["ui"]["dates"]|length > 5 %}
+      <div class="ui fluid accordion padded grid rel-mb-1">
+        <div class="active title sixteen wide mobile four wide tablet three wide computer column">
+          <h3 class="ui header">
+            <div
+              id="dates-accordion-trigger"
+              role="button"
+              tabindex="0"
+              aria-expanded="true"
+              aria-controls="dates-panel"
+              class="trigger"
+            >
+              <i class="caret right icon" aria-hidden="true"></i>{{ _('Dates') }}
+            </div>
+          </h3>
+        </div>
+        <div
+          id="dates-panel"
+          role="region"
+          aria-labelledby="dates-accordion-trigger"
+          class="active content sixteen wide mobile twelve wide tablet thirteen wide computer column"
+        >
+          <dl class="details-list">
+            {{ show_dates(record_ui["ui"]["dates"]) }}
+          </dl>
+        </div>
+      </div>
+    {% else %}
+      <div class="ui grid">
+        <div class="sixteen wide mobile four wide tablet three wide computer column">
+          <h3 class="ui header">{{ _('Dates') }}</h3>
+        </div>
+        <div class="sixteen wide mobile twelve wide tablet thirteen wide computer column">
+          <dl class="details-list">
+            {{ show_dates(record_ui["ui"]["dates"]) }}
+          </dl>
+        </div>
+      </div>
+    {% endif %}
+    <div class="ui divider"></div>
+  {% endif %}
+
+  {% if record_ui["custom_fields"] %}
+
+    {%- for section_cfg in custom_fields_ui %}
+      {% set section_has_fields = namespace(value=false) %}
+      {% set section_format = section_cfg.section | replace(" ", "-") %}
+      {# Show the section if at least one of its fields is in record #}
+      {% for field_cfg in section_cfg.fields %}
+        {% if record_ui["custom_fields"].get(field_cfg.field) %}
+          {% set section_has_fields.value = true %}
+        {% endif %}
+      {% endfor %}
+
+      {% if section_has_fields.value %}
+        <div class="ui fluid accordion padded grid rel-mb-1">
+          <div class="active title sixteen wide mobile four wide tablet three wide computer column">
+            <h3 class="ui header">
+              <div
+                id="custom-fields-accordion-trigger"
+                role="button"
+                tabindex="0"
+                aria-expanded="true"
+                aria-controls="custom-fields-panel"
+                class="trigger"
+              >
+                <i class="caret right icon" aria-hidden="true"></i>{{ section_cfg.section }}
+              </div>
+            </h3>
+          </div>
+          <div
+            id="custom-fields-panel"
+            role="region"
+            aria-labelledby="custom-fields-accordion-trigger"
+            class="active content sixteen wide mobile twelve wide tablet thirteen wide computer column"
+          >
+              {% set section_format = section_cfg.section | replace(" ", "-") %}
+              <dl class="details-list">
+                {{ show_section_custom_fields(record_ui["ui"]["custom_fields"], section_cfg.fields) }}
+              </dl>
+          </div>
+        </div>
+        <div class="ui divider"></div>
+      {% endif %}
+    {%- endfor %}
+  {% endif %}
+
+  {% if metadata.references %}
+    {% if metadata.references|length > 5 %}
+      <div class="ui fluid accordion padded grid rel-mb-1">
+        <div class="active title sixteen wide mobile four wide tablet three wide computer column">
+          <h3 class="ui header">
+            <div
+              id="references-accordion-trigger"
+              role="button"
+              tabindex="0"
+              aria-expanded="true"
+              aria-controls="references-panel"
+              class="trigger"
+            >
+              <i class="caret right icon" aria-hidden="true"></i>{{ _('References') }}
+            </div>
+          </h3>
+        </div>
+        <div
+          id="references-panel"
+          role="region"
+          aria-labelledby="references-accordion-trigger"
+          class="active content sixteen wide mobile twelve wide tablet thirteen wide computer column text-break"
+        >
+          {{ show_references(metadata.references) }}
+        </div>
+      </div>
+    {% else %}
+      <div class="ui grid">
+        <div class="sixteen wide mobile four wide tablet three wide computer column">
+          <h3 class="ui header">{{ _('References') }}</h3>
+        </div>
+        <div class="sixteen wide mobile twelve wide tablet thirteen wide computer column">
+          {{ show_references(metadata.references) }}
+        </div>
+      </div>
+    {% endif %}
+    <div class="ui divider"></div>
+  {% endif %}
+{% endif %}
+
+{% block extras %}{% endblock %}

invenio_app_rdm/records_ui/templates/semantic-ui/invenio_app_rdm/records/details/doi.html

@@ -1,33 +1,15 @@
 {#
   Copyright (C) 2020 CERN.
   Copyright (C) 2020 Northwestern University.
+  Copyright (C) 2021 New York University.
 
   Invenio RDM Records is free software; you can redistribute it and/or modify
   it under the terms of the MIT License; see LICENSE file for more details.
 #}
 
-{%- set id_doi = record.pids|doi_identifier %}
+{%- from "invenio_app_rdm/records/macros/doi.html" import show_doi %}
+
+{%- set id_doi = record.pids.get('doi', {}).get('identifier') %}
 {% if id_doi %}
-<dt><b>{{_('DOI')}}</b></dt>
-<dd class="top-bottom-padded">
-  <span class="get-badge" data-toggle="tooltip" data-placement="bottom" style="cursor: pointer;"
-    title="Get the DOI badge!">
-    <img id="record-doi-badge" data-target="[data-modal='{{ id_doi }}']"
-      src="{{ url_for('invenio_formatter_badges.badge', title='DOI', value=id_doi, ext='svg') }}" alt="{{ id_doi }}">
-    </img>
-  </span>
-  <div id="doi-modal" class="ui modal fade badge-modal" data-modal="{{ id_doi }}">
-    <div class="header">DOI Badge</div>
-    <div class="content">
-      <h4>
-        <small>DOI</small>
-      </h4>
-      <h4>
-        <pre>{{ id_doi }}</pre>
-      </h4>
-      {% from "semantic-ui/invenio_formatter/macros/badges.html" import badges_formats_list %}
-      {{ badges_formats_list(url_for('invenio_formatter_badges.badge', title='DOI', value=id_doi, ext='svg', _external=True, _scheme='https'), id_doi|pid_url(scheme='doi')) }}
-    </div>
-  </div>
-</dd>
+ {{ show_doi(id_doi, record) }}
 {% endif %}

invenio_app_rdm/records_ui/templates/semantic-ui/invenio_app_rdm/records/details/meta.html

@@ -0,0 +1,36 @@
+{#
+Copyright (C) 2020-2025 CERN.
+Copyright (C) 2020 Northwestern University.
+Copyright (C) 2021 New York University.
+Copyright (C) 2023 Front Matter.
+
+Invenio App RDM is free software; you can redistribute it and/or modify
+it under the terms of the MIT License; see LICENSE file for more details.
+#}
+
+{%- from "invenio_formatter/macros/meta.html" import meta_twittercard, meta_opengraph, meta_highwire -%}
+
+{%- set meta_title = record_ui["metadata"]["title"]|striptags -%}
+{%- set meta_description = record_ui["metadata"]["description"]|striptags -%}
+{%- set meta_authors = record_ui["metadata"]["creators"]|map(attribute='person_or_org')|map(attribute='name') -%}
+{%- set files = record_ui["files"] %}
+
+{{- meta_highwire(meta_title,meta_description,authors=meta_authors,publisher=meta_publisher,publication_date=record_ui["publication_date"]|from_isodate,doi=record_ui["pids"].get("doi", {}).get("identifier"),keywords=record_ui["metadata"]["subjects"] | map(attribute="subject"),url=record_ui["links"]["self_html"]) }}
+{{- meta_opengraph(meta_title, meta_description, url=record_ui["links"]["self_html"]) }}
+{{- meta_twittercard(meta_title, meta_description) }}
+
+{%- if permissions.can_read_files -%}
+  {%- for file_name, file in files.entries.items() or {} -%}
+    {%- set file_url = url_for("invenio_app_rdm_records.record_file_download", pid_value=record_ui["id"], filename=file_name,
+_external=True) %}
+    {##}
+    {%- if file.ext == "pdf" %}
+      <meta name="citation_pdf_url" content="{{ file_url }}"/>
+    {%- endif %}
+    <link rel="alternate" type="{{ file.mimetype }}" href="{{ file_url }}">
+    {#- See https://signposting.org/FAIR/ #}
+    <link rel="item" type="{{ file.mimetype }}" href="{{ file_url }}">
+  {%- endfor %}
+{% endif %}
+
+<link rel="canonical" href="{{ record_ui["links"]["self_html"] }}">

invenio_app_rdm/records_ui/templates/semantic-ui/invenio_app_rdm/records/details/side_bar/citations.html

@@ -0,0 +1,6 @@
+<div class="sidebar-container">
+  <h2 class="ui medium top attached header mt-0">{{ _('Citation') }}</h2>
+  <div id="citation" class="ui segment bottom attached rdm-sidebar">
+    {%- include "invenio_app_rdm/records/details/citation.html" %}
+  </div>
+</div>