invenio-app-rdm 12.0.0.dev8__py2.py3-none-any.whl → 14.0.0b1.dev8__py2.py3-none-any.whl

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

@@ -1,5 +1,5 @@
 {#
-  Copyright (C) 2020-2021 CERN.
+  Copyright (C) 2020-2025 CERN.
   Copyright (C) 2020-2021 Northwestern University.
   Copyright (C) 2021 New York University.
 
@@ -11,268 +11,328 @@
 {%- 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 = record.ui.additional_titles or
+{% set hasContent = namespace(value=false) %}
+{% set hasContent.value = record_ui["ui"]["additional_titles"] or
                     metadata.identifiers or
-                    record.ui.related_identifiers or
+                    record_ui["ui"]["related_identifiers"] or
                     metadata.funding or
-                    record.ui.dates or
-                    metadata.references or
-                    record.custom_fields
+                    record_ui["ui"]["dates"] or
+                    metadata.references
 %}
-{% set rights = record.ui.get('rights') %}
-{% set funding = record.ui.get('funding') %}
-{% set active = true %}
-{% set active_cf_sections = namespace(items=[]) %}
 
-{% if hasContent %}
-  <h2 id="record-details-heading">{{ _('Additional details') }}</h2>
-
-  <div class="rdm-tab-container ml-0-mobile mr-0-mobile">
-    {# Tabs #}
-    <div role="tablist" class="ui top attached tabs menu rdm-tab-menu">
-      {% if record.ui.additional_titles %}
-        <a
-          role="tab"
-          aria-selected="{{ active }}"
-          aria-controls="additional-titles-tab-panel"
-          data-tab="additional-titles"
-          tabindex="0"
-          class="{{ 'active' if active }} item"
-          id="additional-titles-tab"
-        >
-          {{ _('Additional titles') }}
-        </a>
-        {% set active = false %}
-      {% endif %}
-
-
-      {% if metadata.identifiers %}
-        <a
-          role="tab"
-          aria-selected="{{ active }}"
-          aria-controls="identifiers-tab-panel"
-          data-tab="identifiers"
-          tabindex="0"
-          class="{{ 'active' if active }} item"
-          id="identifiers-tab"
-        >
-          {{ _('Identifiers') }}
-        </a>
-        {% set active = false %}
+{# 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 %}
 
-      {% if record.ui.related_identifiers %}
-        <a
-          role="tab"
-          aria-selected="{{ active }}"
-          aria-controls="related-works-tab-panel"
-          data-tab="related-works"
-          tabindex="0"
-          class="{{ 'active' if active }} item"
-          id="related-works-tab"
-        >
-          {{ _('Related works') }}
-        </a>
-        {% set active = false %}
-      {% endif %}
+{% set rights = record_ui["ui"].get('rights') %}
+{% set funding = record_ui["ui"].get('funding') %}
 
-      {% if metadata.funding %}
-        <a
-          role="tab"
-          aria-selected="{{ active }}"
-          aria-controls="funding-tab-panel"
-          data-tab="funding"
-          tabindex="0"
-          class="{{ 'active' if active }} item"
-          id="funding-tab"
-        >
-          {{ _('Funding') }}
-        </a>
-        {% set active = false %}
-      {% endif %}
+{% if hasContent.value %}
+  <h2 id="record-details-heading">{{ _('Additional details') }}</h2>
 
-      {% if record.ui.dates %}
-        <a
-          role="tab"
-          aria-selected="{{ active }}"
-          aria-controls="dates-tab-panel"
-          data-tab="dates"
-          tabindex="0"
-          class="{{ 'active' if active }} item"
-          id="dates-tab"
-        >
-          {{ _('Dates') }}
-        </a>
-        {% set active = false %}
-      {% endif %}
+  <div class="ui divider"></div>
 
-      {% if metadata.references %}
-        <a
-          role="tab"
-          aria-selected="{{ active }}"
-          aria-controls="references-tab-panel"
-          data-tab="references"
-          tabindex="0"
-          class="{{ 'active' if active }} item"
-          id="references-tab"
-        >
-          {{ _('References') }}
-        </a>
-        {% set active = false %}
-      {% endif %}
-      {% if record.custom_fields %}
-        {# Needed to use namespace as variable assignments are cleared in the end of
-           for loops i.e cannot set active = false #}
-        {% set active_cf = namespace(value=active) %}
-        {%- 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 #}
-          {% if not section_cfg.hidden %}
-            {% for field_cfg in section_cfg.fields %}
-              {% if record.custom_fields.get(field_cfg.field) %}
-                {% set section_has_fields.value = true %}
-              {% endif %}
-            {% endfor %}
-          {% endif %}
-          {% if section_has_fields.value %}
-            {% set active_cf_sections.items = active_cf_sections.items + [section_cfg.section] %}
-            <a
-            role="tab"
-            aria-selected="{{ active_cf.value }}"
-            aria-controls="{{section_format}}-tab-panel"
-            data-tab="{{section_format}}"
-            tabindex="0"
-            class="{{ 'active' if active_cf.value }} item"
-            id="{{section_format}}-tab"
+  {% 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"
             >
-            {{ section_cfg.section }}
-            </a>
-            {% set active_cf.value = false %}
-          {% endif %}
-        {%- endfor %}
-      {% endif %}
-    </div>
-
-    {# Content #}
-    {% set active = true %}
-
-    {% if record.ui.additional_titles %}
-      <div
-          role="tabpanel"
-          class="ui bottom attached {{ 'active' if active }} tab segment"
-          data-tab="additional-titles"
-          aria-labelledby="additional-titles-tab"
-          id="additional-titles-tab-panel"
-          hidden="{{ not active }}"
-
-      >
-        <dl class="details-list">
-          {{ show_add_titles(record.ui.additional_titles) }}
-        </dl>
+              <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>
-      {% set active = false %}
     {% endif %}
+    <div class="ui divider"></div>
+  {% endif %}
 
-    {% if metadata.identifiers %}
-      <div
-          role="tabpanel"
-          class="ui bottom attached {{ 'active' if active }} tab segment"
-          data-tab="identifiers"
-          aria-labelledby="identifiers-tab"
-          id="identifiers-tab-panel"
-          hidden="{{ not active }}"
-      >
-        <dl class="details-list">
-          {{ show_alternate_identifiers(metadata.identifiers) }}
-        </dl>
+  {% 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>
-      {% set active = false %}
     {% endif %}
+    <div class="ui divider"></div>
+  {% endif %}
 
-    {% if record.ui.related_identifiers %}
-      <div
-          role="tabpanel"
-          class="ui bottom attached {{ 'active' if active }} tab segment"
-          data-tab="related-works"
-          aria-labelledby="related-works-tab"
-          id="related-works-tab-panel"
-          hidden="{{ not active }}"
-      >
-        <dl class="details-list">
-          {{ show_related_identifiers(record.ui.related_identifiers) }}
-        </dl>
+  {% 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>
-      {% set active = false %}
     {% endif %}
+    <div class="ui divider"></div>
+  {% endif %}
 
-    {% if funding %}
+  {% 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
-          role="tabpanel"
-          class="ui bottom attached {{ 'active' if active }} tab segment"
-          data-tab="funding"
-          aria-labelledby="funding-tab"
-          id="funding-tab-panel"
-          hidden="{{ not active }}"
+        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>
-      {% set active = false %}
-    {% endif %}
-
-    {% if record.ui.dates %}
-      <div
-          role="tabpanel"
-          class="ui bottom attached {{ 'active' if active }} tab segment"
-          data-tab="dates"
-          aria-labelledby="dates-tab"
-          id="dates-tab-panel"
-          hidden="{{ not active }}"
-      >
-        <dl class="details-list">
-          {{ show_dates(record.ui.dates) }}
-        </dl>
+    </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>
-      {% set active = false %}
     {% endif %}
+    <div class="ui divider"></div>
+  {% endif %}
 
-    {% if metadata.references %}
-      <div
-          role="tabpanel"
-          class="ui bottom attached {{ 'active' if active }} tab segment"
-          data-tab="references"
-          aria-labelledby="references-tab"
-          id="references-tab-panel"
-          hidden="{{ not active }}"
-      >
-        <dl class="details-list">
-          {{ show_references(metadata.references) }}
-        </dl>
+  {% 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 record.custom_fields %}
-      {# Needed to use namespace as variable assignments are cleared in the end of for
-         loops i.e cannot set active = false #}
-      {% set active_cf = namespace(value=active) %}
-      {%- for section_cfg in custom_fields_ui if section_cfg.section in active_cf_sections.items %}
-        {% set section_format = section_cfg.section | replace(" ", "-") %}
+      {% 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
-          role="tabpanel"
-          class="ui bottom attached {{ 'active' if active_cf.value }} tab segment"
-          data-tab="{{section_format}}"
-          aria-labelledby="{{section_format}}-tab"
-          id="{{section_format}}-tab-panel"
-          hidden="{{ not active_cf.value }}"
+          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"
         >
-          <dl class="details-list">
-            {{ show_section_custom_fields(record.ui.custom_fields, section_cfg.fields) }}
-          </dl>
+          {{ 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>
-        {% set active_cf.value = false %}
-      {%- endfor %}
+        <div class="sixteen wide mobile twelve wide tablet thirteen wide computer column">
+          {{ show_references(metadata.references) }}
+        </div>
+      </div>
     {% endif %}
-  </div>
+    <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

@@ -7,30 +7,9 @@
   it under the terms of the MIT License; see LICENSE file for more details.
 #}
 
+{%- from "invenio_app_rdm/records/macros/doi.html" import show_doi %}
+
 {%- set id_doi = record.pids.get('doi', {}).get('identifier') %}
 {% if id_doi %}
-<dl>
-  <dt class="ui tiny header">{{_('DOI')}}</dt>
-  <dd>
-    <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 }}" />
-    </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>
-</dl>
+ {{ 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>