Record landing page

{% extends "invenio_app_rdm/records/detail.html" %}
 
{%- block javascript %}
  {{ super() }}
  {% if not embedded %}
    {{ webpack["record_sharing.js"] }}
  {% endif %}
{%- endblock javascript %}

{% extends "oarepo_ui/record_detail.html" %}
 
{%- block page_banners %}
  {% include "mymodel/record_detail/banners.html" %}
{%- endblock page_banners %}
 
{%- block page_main %}
  {% include "mymodel/record_detail/main.html" %}
{%- endblock page_main %}
 
{%- block record_sidebar %}
  {% include "mymodel/record_detail/side_bar.html" ignore missing %}
{%- endblock record_sidebar %}

from oarepo_ui.resources.records.config import RecordsUIResourceConfig
 
class MymodelUIResourceConfig(RecordsUIResourceConfig):
    blueprint_name = "mymodel"
    url_prefix = "/mymodel"
 
    routes = {
        "record_detail": "/records/<pid_value>",
        # ... other routes
    }

{# Custom banners for your model #}
 
{%- if extra_context.custom_banner -%}
<div class="ui message info">
  <i class="info icon"></i>
  {{ extra_context.custom_banner }}
</div>
{%- endif -%}
 
{%- if is_preview -%}
<div class="ui message warning">
  <i class="eye icon"></i>
  {{ _("Preview mode - this record is not published") }}
</div>
{%- endif -%}

{% extends "oarepo_ui/record_detail/banners.html" %}
 
{%- block banner_preview_header -%}
  {{ super() }}
  {%- if extra_context.custom_warning -%}
  <div class="ui message warning">
    <i class="exclamation triangle icon"></i>
    {{ extra_context.custom_warning }}
  </div>
  {%- endif -%}
{%- endblock -%}

ui/mymodel/templates/semantic-ui/mymodel/record_detail/main.html

{% extends "oarepo_ui/record_detail/main.html" %}
 
{# Add badge after title #}
{%- block record_title -%}
  {{ super() }}
  <span class="ui label">MyModel</span>
{%- endblock -%}
 
{# Add custom metadata section #}
{%- block additional_record_details -%}
  {{ super() }}
  <div class="ui segment">
    <h3>MyModel Metadata</h3>
    <p>{{ d.custom_field }}</p>
  </div>
{%- endblock -%}

{%- block record_header_info -%}
  {# Hide publication date and version by not calling super() #}
{%- endblock -%}

APP_RDM_DETAIL_SIDE_BAR_TEMPLATES = [
    "invenio_app_rdm/records/details/side_bar/versioning.html",
    "mymodel/record_detail/record_sidebar.html",  # Your custom widget
]

<div class="ui segment">
  <h3>Custom Widget</h3>
  <p>Your custom content here.</p>
</div>

<div class="ui segments">
  <div class="ui segment">
    <h3>Custom Sidebar</h3>
    <p>Your custom content here.</p>
  </div>
</div>

<style>
  .my-model-detail .record-title {
    color: #2185d0;
  }
</style>

<script>
  // Add interactivity to your detail page
  document.addEventListener('DOMContentLoaded', function() {
    console.log('MyModel detail page loaded');
  });
</script>

<meta name="my-model-specific" content="custom value">
<meta property="og:type" content="article">

from oarepo_ui.resources.components import UIResourceComponent
 
class MymodelDetailComponent(UIResourceComponent):
    def before_detail(self, resource, request, extra_context, **kwargs):
        # Add custom data to template context
        record = extra_context.get("record")
        if record:
            extra_context["related_records"] = self._get_related(record)
 
    def _get_related(self, record):
        # Fetch related records from service layer
        return []

from .components import MymodelDetailComponent
 
class MymodelUIResourceConfig(RecordsUIResourceConfig):
    components = [
        MymodelDetailComponent,
    ]

{%- block additional_record_details -%}
  {{ super() }}
  {% if related_records %}
  <div class="related-records">
    <h3>Related Records</h3>
    {% for rec in related_records %}
    <div class="related-item">
      <a href="{{ rec.links.self_html }}">{{ rec.metadata.title }}</a>
    </div>
    {% endfor %}
  </div>
  {% endif %}
{%- endblock additional_record_details -%}

{# def record, record_ui, files, model_name, ... #}
{% extends model_name ~ "/record_detail.html" %}

{% extends "oarepo_ui/record_detail.html" %}
 
{% block page_body %}
  <div class="my-custom-layout">
    <h1>{{ d.title }}</h1>
    {{ super() }}
  </div>
{% endblock %}

class MymodelUIResourceConfig(RecordsUIResourceConfig):
    templates = {
        "record_detail": "mymodel.RecordDetail",
    }

{# def
  record,
  record_ui,
  files,
  media_files,
  permissions,
  is_preview,
  include_deleted,
  is_draft,
  model,
  model_name,
  community,
  community_ui,
  user_avatar,
  record_owner_id,
  ui_links,
  extra_context,
  d,
#}
{% extends model_name ~ "/record_detail.html" %}

{% extends config.THEME_ERROR_TEMPLATE %}
{% block page_body %}
<div class="ui container centered rel-pt-2">
  <h1 class="ui header inline-block">
    <i class="icon search" aria-hidden="true"></i>
    <div class="content pl-0 rel-pr-1">
      {{ _("Not found") }}
    </div>
  </h1>
 
  <p>
    {%- trans sitename=config.THEME_SITENAME %}
      The record you are trying to access does not exist in the repository.
    {%- endtrans %}
  </p>
 
  {% block pid_info %}
  {% if pid %}
    <p>
      {{ _("PID") }}: <code>{{ pid }}</code>
    </p>
  {% endif %}
  {% endblock pid_info %}
</div>
{% endblock page_body %}

{# def pid, model_name #}
{% extends model_name ~ "/not_found.html" %}

{% extends config.THEME_ERROR_TEMPLATE %}
 
{% block page_body %}
<h1>{{ _("Record Not Found") }}</h1>
 
{% if pid %}
  {# Fix common typos: O→0, l→1 #}
  {% set fixed = pid|replace('O', '0')|replace('l', '1') %}
 
  {% if fixed != pid %}
  <div class="ui message">
    <p>{{ _("Did you mean:") }} <a href="/records/{{ fixed }}">{{ fixed }}</a>?</p>
  </div>
  {% endif %}
{% endif %}
{% endblock %}

{% extends config.THEME_ERROR_TEMPLATE %}
{% block page_body %}
<div class="ui container centered rel-pt-2">
  <h1 class="ui header inline-block">
    <i class="icon lightning" aria-hidden="true"></i>
    <div class="content pl-0 rel-pr-1">
      {{ _("Gone") }}
    </div>
  </h1>
 
  <p>
    {%- trans sitename=config.THEME_SITENAME %}
      The record you are trying to access was removed. The
      metadata of the record is kept for archival purposes.
    {%- endtrans %}
  </p>
 
  {% block tombstone_content %}
  {% if tombstone %}
    <table class="ui table">
      <tbody>
        {% for key, value in tombstone.items() %}
          {% if key and value %}
            <tr>
              <th class="left aligned pl-5">{{ _(key) }}:</th>
              <td>
                {% if key == "URL" %}
                  <a href="{{ value }}" target="_blank">{{ value }}</a>
                {% else %}
                  {{ value }}
                {% endif %}
              </td>
            </tr>
          {% endif %}
        {% endfor %}
      </tbody>
    </table>
  {% else %}
    <p>No tombstone (e.g. removal reason, note) available.</p>
  {% endif %}
  {% endblock tombstone_content %}
</div>
{% endblock page_body %}

{# def tombstone, pid, model_name #}
{% extends model_name ~ "/tombstone.html" %}

{% extends config.THEME_ERROR_TEMPLATE %}
 
{% block page_body %}
<h1><i class="icon archive"></i> {{ _("Record Removed") }}</h1>
 
<div class="ui message warning">
  {{ _("If you cited this record, please update your references.") }}
</div>
 
{% if tombstone %}
<table class="ui table">
  <tr><td>ID</td><td><code>{{ pid }}</code></td></tr>
  {% if tombstone.removal_date %}
  <tr><td>{{ _("Removed") }}</td><td>{{ tombstone.removal_date }}</td></tr>
  {% endif %}
</table>
{% endif %}
{% endblock %}

class MymodelUIResourceConfig(RecordsUIResourceConfig):
    # ...
    templates = {
        "tombstone": "mymodel.Tombstone",
    }