Changeset View
Changeset View
Standalone View
Standalone View
swh/web/templates/includes/show-swhids.html
- This file was moved from swh/web/templates/includes/show-swh-ids.html.
| Show All 11 Lines | See top-level LICENSE file for more information | ||||
| <div id="swh-identifiers" style="display: none;"> | <div id="swh-identifiers" style="display: none;"> | ||||
| {% if swhids_info|length > 1 %} | {% if swhids_info|length > 1 %} | ||||
| <a id="right-handle" class="handle ui-slideouttab-handle ui-slideouttab-handle-rounded"><i class="mdi mdi-link-variant mdi-fw" aria-hidden="true"></i>Permalinks</a> | <a id="right-handle" class="handle ui-slideouttab-handle ui-slideouttab-handle-rounded"><i class="mdi mdi-link-variant mdi-fw" aria-hidden="true"></i>Permalinks</a> | ||||
| {% else %} | {% else %} | ||||
| <a id="right-handle" class="handle ui-slideouttab-handle ui-slideouttab-handle-rounded"><i class="mdi mdi-link-variant mdi-fw" aria-hidden="true"></i>Permalink</a> | <a id="right-handle" class="handle ui-slideouttab-handle ui-slideouttab-handle-rounded"><i class="mdi mdi-link-variant mdi-fw" aria-hidden="true"></i>Permalink</a> | ||||
| {% endif %} | {% endif %} | ||||
| <div id="swh-identifiers-content"> | <div id="swh-identifiers-content"> | ||||
| <p> | <p> | ||||
| To reference or cite the objects present in the Software Heritage archive, permalinks based on <a href="https://docs.softwareheritage.org/devel/swh-model/persistent-identifiers.html">persistent identifiers</a> | To reference or cite the objects present in the Software Heritage archive, permalinks based on | ||||
| <a href="https://docs.softwareheritage.org/devel/swh-model/persistent-identifiers.html"> | |||||
| SoftWare Heritage persistent IDentifiers (SWHIDs) | |||||
| </a> | |||||
| must be used instead of copying and pasting the url from the address bar of the browser (as there is no guarantee the current URI | must be used instead of copying and pasting the url from the address bar of the browser (as there is no guarantee the current URI | ||||
| scheme will remain the same over time). | scheme will remain the same over time). | ||||
| <br/> | <br/> | ||||
| <br/> | <br/> | ||||
| Select below a type of object currently browsed in order to display its associated persistent identifier and permalink. | Select below a type of object currently browsed in order to display its associated SWHID and permalink. | ||||
| </p> | </p> | ||||
| <ul class="nav nav-pills ml-auto p-2"> | <ul class="nav nav-pills ml-auto p-2"> | ||||
| {% for swhid_info in swhids_info %} | {% for swhid_info in swhids_info %} | ||||
| {% if forloop.first %} | {% if forloop.first %} | ||||
| <li class="nav-item"> | <li class="nav-item"> | ||||
| <a class="nav-link active" href="#swh-id-tab-{{ swhid_info.object_type }}" data-toggle="tab" onclick="swh.browse.swhIdObjectTypeToggled(event)"> | <a class="nav-link active" href="#swhid-tab-{{ swhid_info.object_type }}" data-toggle="tab" onclick="swh.browse.swhIdObjectTypeToggled(event)"> | ||||
| <i class="{{ swh_object_icons|key_value:swhid_info.object_type }} mdi-fw" aria-hidden="true"></i>{{ swhid_info.object_type }} | <i class="{{ swh_object_icons|key_value:swhid_info.object_type }} mdi-fw" aria-hidden="true"></i>{{ swhid_info.object_type }} | ||||
| </a> | </a> | ||||
| </li> | </li> | ||||
| {% else %} | {% else %} | ||||
| <li class="nav-item"> | <li class="nav-item"> | ||||
| <a class="nav-link" href="#swh-id-tab-{{ swhid_info.object_type }}" data-toggle="tab" onclick="swh.browse.swhIdObjectTypeToggled(event)"> | <a class="nav-link" href="#swhid-tab-{{ swhid_info.object_type }}" data-toggle="tab" onclick="swh.browse.swhIdObjectTypeToggled(event)"> | ||||
| <i class="{{ swh_object_icons|key_value:swhid_info.object_type }} mdi-fw" aria-hidden="true"></i>{{ swhid_info.object_type }} | <i class="{{ swh_object_icons|key_value:swhid_info.object_type }} mdi-fw" aria-hidden="true"></i>{{ swhid_info.object_type }} | ||||
| </a> | </a> | ||||
| </li> | </li> | ||||
| {% endif %} | {% endif %} | ||||
| {% endfor %} | {% endfor %} | ||||
| </ul> | </ul> | ||||
| <div class="tab-content"> | <div class="tab-content"> | ||||
| {% for swhid_info in swhids_info %} | {% for swhid_info in swhids_info %} | ||||
| {% if forloop.first %} | {% if forloop.first %} | ||||
| <div class="tab-pane active" id="swh-id-tab-{{ swhid_info.object_type }}"> | <div class="tab-pane active" id="swhid-tab-{{ swhid_info.object_type }}"> | ||||
| {% else %} | {% else %} | ||||
| <div class="tab-pane" id="swh-id-tab-{{ swhid_info.object_type }}"> | <div class="tab-pane" id="swhid-tab-{{ swhid_info.object_type }}"> | ||||
| {% endif %} | {% endif %} | ||||
| <div class="card"> | <div class="card"> | ||||
| <div class="card-body swh-id-ui"> | <div class="card-body swhid-ui"> | ||||
| {% if snapshot_context and snapshot_context.origin_info %} | {% if snapshot_context and snapshot_context.origin_info %} | ||||
| <img class="swh-badge swh-badge-origin" src="{% url 'swh-badge' 'origin' snapshot_context.origin_info.url %}" | <img class="swh-badge swh-badge-origin" src="{% url 'swh-badge' 'origin' snapshot_context.origin_info.url %}" | ||||
| onclick="swh.webapp.showBadgeInfoModal('origin', '{{ snapshot_context.origin_info.url }}')" | onclick="swh.webapp.showBadgeInfoModal('origin', '{{ snapshot_context.origin_info.url }}')" | ||||
| title="Click to display badge integration info"> | title="Click to display badge integration info"> | ||||
| {% endif %} | {% endif %} | ||||
| {% if swhid_info.object_id %} | {% if swhid_info.object_id %} | ||||
| <img class="swh-badge swh-badge-{{ swhid_info.object_type }}" src="{% url 'swh-badge' swhid_info.object_type swhid_info.object_id %}" | <img class="swh-badge swh-badge-{{ swhid_info.object_type }}" src="{% url 'swh-badge' swhid_info.object_type swhid_info.object_id %}" | ||||
| onclick="swh.webapp.showBadgeInfoModal('{{ swhid_info.object_type }}', $(this).parent().find('.swh-id').text())" | onclick="swh.webapp.showBadgeInfoModal('{{ swhid_info.object_type }}', $(this).parent().find('.swhid').text())" | ||||
| title="Click to display badge integration info"> | title="Click to display badge integration info"> | ||||
| <pre><a class="swh-id" id="{{ swhid_info.swhid }}" href="{{ swhid_info.swhid_url }}">{{ swhid_info.swhid }}</a></pre> | <pre><a class="swhid" id="{{ swhid_info.swhid }}" href="{{ swhid_info.swhid_url }}">{{ swhid_info.swhid }}</a></pre> | ||||
| {% endif %} | {% endif %} | ||||
| {% if swhid_info.swhid_with_context is not None %} | {% if swhid_info.swhid_with_context is not None %} | ||||
| <div class="float-left"> | <div class="float-left"> | ||||
| <form id="swh-id-options"> | <form id="swhid-options"> | ||||
| <div class="custom-control custom-checkbox swh-id-option"> | <div class="custom-control custom-checkbox swhid-option"> | ||||
| <input class="custom-control-input swh-id-context-option" value="option-origin" type="checkbox" | <input class="custom-control-input swhid-context-option" value="option-origin" type="checkbox" | ||||
| id="swh-id-context-option-{{ swhid_info.object_type }}" | id="swhid-context-option-{{ swhid_info.object_type }}" | ||||
| data-swhid-with-context="{{ swhid_info.swhid_with_context }}" | data-swhid-with-context="{{ swhid_info.swhid_with_context }}" | ||||
| onclick="swh.browse.swhIdContextOptionToggled(event)"> | onclick="swh.browse.swhIdContextOptionToggled(event)"> | ||||
| <label class="custom-control-label font-weight-normal" for="swh-id-context-option-{{ swhid_info.object_type }}">Add contextual information</label> | <label class="custom-control-label font-weight-normal" for="swhid-context-option-{{ swhid_info.object_type }}">Add contextual information</label> | ||||
| </div> | </div> | ||||
| </form> | </form> | ||||
| </div> | </div> | ||||
| {% endif %} | {% endif %} | ||||
| <div class="float-right"> | <div class="float-right"> | ||||
| <button type="button" class="btn btn-default btn-sm btn-swh-id-copy" | <button type="button" class="btn btn-default btn-sm btn-swhid-copy" | ||||
| title="Copy persistent identifier to clipboard"> | title="Copy SWHID to clipboard"> | ||||
| <i class="mdi mdi-content-copy mdi-fw" aria-hidden="true"></i>Copy identifier | <i class="mdi mdi-content-copy mdi-fw" aria-hidden="true"></i>Copy identifier | ||||
| <button type="button" class="btn btn-default btn-sm btn-swh-id-url-copy" | <button type="button" class="btn btn-default btn-sm btn-swhid-url-copy" | ||||
| title="Copy url resolving the persistent identifier to clipboard"> | title="Copy url resolving the SWHID to clipboard"> | ||||
| <i class="mdi mdi-content-copy mdi-fw" aria-hidden="true"></i>Copy permalink | <i class="mdi mdi-content-copy mdi-fw" aria-hidden="true"></i>Copy permalink | ||||
| </button> | </button> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| {% endfor %} | {% endfor %} | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <script> | <script> | ||||
| swh.webapp.setSwhIdsContext({{ swhids_info|jsonify }}); | swh.webapp.setSwhIdsContext({{ swhids_info|jsonify }}); | ||||
| </script> | </script> | ||||
| {% endif %} | {% endif %} | ||||