feat: make resouce type badge clickable

Author: OliverGeneser

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

@@ -231,12 +231,19 @@
                     <div class="right floated right aligned column">
 
                       {% if record_ui["ui"]["resource_type"] %}
-                        <span role="note"
-                              class="ui label horizontal small neutral mb-5"
-                              aria-label="{{ _('Resource type') }}"
+                      {% set rt_id = record_ui["ui"]["resource_type"]["id"] %}
+                        {% if "-" in rt_id %}
+                          {% set rt_filter = "resource_type%3A" ~ rt_id.split("-")[0] ~ "%2Binner%3A" ~ rt_id %}
+                        {% else %}
+                          {% set rt_filter = "resource_type%3A" ~ rt_id %}
+                        {% endif %}
+                        <a href="/search?q=&f={{ rt_filter }}"
+                           role="note"
+                           class="ui label horizontal small neutral mb-5"
+                           aria-label="{{ _('Resource type') }}"
                         >
                           {{ record_ui["ui"]["resource_type"]["title_l10n"] }}
-                        </span>
+                        </a>
                       {% endif %}
 
                       <span role="note"

invenio_app_rdm/theme/assets/semantic-ui/js/invenio_app_rdm/components/RecordsResultsListItem.js

@@ -47,6 +47,10 @@ class RecordsResultsListItem extends Component {
       "ui.resource_type.title_l10n",
       i18next.t("No resource type")
     );
+    const resourceTypeId = _get(result, "ui.resource_type.id", "");
+    const resourceTypeFilter = resourceTypeId.includes("-")
+      ? `resource_type%3A${resourceTypeId.split("-")[0]}%2Binner%3A${resourceTypeId}`
+      : `resource_type%3A${resourceTypeId}`;
     const subjects = _get(result, "ui.subjects", []);
     const title = _get(result, "metadata.title", i18next.t("No title"));
     const version = _get(result, "ui.version", null);
@@ -90,7 +94,13 @@ class RecordsResultsListItem extends Component {
               <Label horizontal size="small" className="primary theme-primary">
                 {publicationDate} ({version})
               </Label>
-              <Label horizontal size="small" className="neutral">
+              <Label
+                horizontal
+                size="small"
+                className="neutral"
+                as="a"
+                href={`/search?q=&f=${resourceTypeFilter}`}
+              >
                 {resourceType}
               </Label>
               <Label