{"content": "\n
\n \n

Template source: page.html

\n
\n
\n
\n 
{% extends "base.html" %}\n{% load static i18n %}\n{% load account socialaccount %}\n{% load crispy_forms_tags %}\n{% load sass_tags %}\n\n{% block extra_css %}\n<link type="text/css" href="{% sass_src 'css/components/reader.scss' %}" rel="stylesheet">\n{% endblock extra_css %}\n\n{% block nav %}\n{% include '_page/_navbar.html' %}\n{% endblock nav %}\n\n{% block content %}\n{{ json_data|json_script:"context" }}\n{% block inner %}\n\n<!-- uiAction search -->\n<div id="modal-search" class="reader-modal" uk-modal>\n  <div class="uk-modal-dialog uk-padding-small">\n    <button class="uk-modal-close-full uk-padding-small uk-margin-small-top uk-close-small" type="button" uk-close></button>\n    <volume-search pid="{{ volume.pid }}"></volume-search>\n    <volume-annotations class="uk-margin-small-top" :manifest-count="{{ user_annotation_count }}" :page-count="{{ user_annotation_page_count }}" annotation-index="{{user_annotation_index}}"></volume-annotations>\n  </div>\n</div>\n<!-- uiAction search -->\n\n<!-- uiAction information -->\n<div id="modal-info" class="reader-modal" uk-modal>\n  <div class="uk-modal-dialog uk-padding-small">\n    <button class="uk-modal-close-full uk-padding-small uk-margin-small-top uk-close-small" type="button" uk-close></button>\n    <ul uk-tab class="uk-text-bold uk-text-large">\n        <li class="uk-active"><a href="#">Info</a></li>\n        <li><a href="#">URLs</a></li>\n    </ul>\n    <ul class="uk-switcher uk-margin-top">\n        <li>{% include '_page/_information.html' %}</li>\n        <li>{% include '_page/_urls.html' %}</li>\n    </ul>\n  </div>\n</div>\n<!-- uiAction information -->\n\n<!-- uiAction urls and exports -->\n<div id="modal-urls" class="reader-modal" uk-modal>\n  <div class="uk-modal-dialog uk-padding-small">\n    <button class="uk-modal-close-full uk-padding-small uk-margin-small-top uk-close-small" type="button" uk-close></button>\n    {% include '_page/_exports.html' %}\n  </div>\n</div>\n<!-- uiAction urls and exports -->\n\n<!-- uiAction ocr -->\n<div id="modal-ocr" class="reader-modal" uk-modal>\n  <div class="uk-modal-dialog uk-padding-small">\n    <button class="uk-modal-close-full uk-padding-small uk-margin-small-top uk-close-small" type="button" uk-close></button>\n    {% include '_page/_ocr.html' %}\n  </div>\n</div>\n<!-- uiAction ocr -->\n\n{% endblock inner %}\n{% endblock content %}\n\n{% block viewer %}\n<div class="rdx-viewer-container">\n  <div id="rdx-viewer" role="region"></div>\n</div>\n{% if page.pid is not None %}\n<!--\n  <p id="test"></p>\n  <a class="facebook" href='http://www.facebook.com/sharer.php?s=100&p[url]=http://{{ request.META.HTTP_HOST }}{{ request.path }}&p[images][0]{{ page.IIIF_IMAGE_SERVER_BASE }}{{ page.pid }}/full/600,/0/default.jpg' target="_blank">\n  <img src="https://www.cabq.gov/culturalservices/biopark/images/share-on-facebook.png/@@images/image.png" title="Facebook" alt="Facebook" ></a>\n-->\n{% endif %}\n{% endblock viewer %}\n\n{% block extra_javascript %}\n<script type="text/javascript">\nwindow.onload = function() {\n  const options = {\n    manifest: 'https://{{ request.META.HTTP_HOST }}/iiif/v3/{{ volume.pid }}/manifest',\n    id: 'rdx-viewer',\n    token: document.getElementsByName('csrfmiddlewaretoken')[0].value,\n    uiActions: [\n      {\n        id: 'action-info',\n        tooltipContent: 'Information',\n        onClick: () => UIkit.modal('#modal-info').show(),\n        icon: "<span uk-icon='icon: info'></span>"\n      }, {\n        id: 'action-search',\n        tooltipContent: 'Search within this volume',\n        onClick: () => UIkit.modal('#modal-search').show(),\n        icon: "<span uk-icon='icon: search'></span>"\n      }, {\n        id: 'action-links',\n        tooltipContent: 'Export',\n        onClick: () => UIkit.modal('#modal-urls').show(),\n        icon: "<span uk-icon='icon: cloud-download'></span>"\n      }, {\n        id: 'action-ocr',\n        tooltipContent: 'OCR Options',\n        onClick: () => UIkit.modal('#modal-ocr').show(),\n        icon: "<span uk-icon='icon: file-text'></span>",\n        hideOnAll: true\n      }\n    ]\n  };\n\n  {% if not user.is_anonymouns %}\n    options.user = {\n      id: '{{user.get_username}}',\n      displayName: '{{user.name}}'\n    };\n  {% endif %}\n\n  ECDSAnnotator.init(options);\n}\n</script>\n\n{% endblock extra_javascript %}\n
\n\n
\n
\n"}