diff --git a/src/templates/nodes/view_base.pug b/src/templates/nodes/view_base.pug index 08770d97..3144026b 100644 --- a/src/templates/nodes/view_base.pug +++ b/src/templates/nodes/view_base.pug @@ -1,118 +1,116 @@ | {% block body %} -#node-container - #node-overlay - | {% block node_preview %} - | {% if node.picture %} - | {% if current_user.has_cap('subscriber') or node.permissions.world %} - section.node-preview.image.js-node-preview-image - img.node-preview-thumbnail(src="{{ node.picture.thumbnail('l', api=api) }}") - | {% else %} - | {% include 'nodes/custom/_node_preview_forbidden.html' %} +| {% block node_preview %} +| {% if node.picture %} +| {% if current_user.has_cap('subscriber') or node.permissions.world %} +section.node-preview.image.js-node-preview-image + img.node-preview-thumbnail(src="{{ node.picture.thumbnail('l', api=api) }}") +| {% else %} +| {% include 'nodes/custom/_node_preview_forbidden.html' %} +| {% endif %} +| {% endif %} +| {% endblock node_preview %} + +| {% block node_details %} + +| {# NAME #} +section.px-4 + h4.pt-4.mb-3 {{node.name}} + + | {# DESCRIPTION #} + | {% if node.description %} + .node-details-description + | {{ node | markdowned('description') }} | {% endif %} - | {% endif %} - | {% endblock node_preview %} - | {% block node_details %} - - | {# NAME #} - section.px-4 - h4.pt-4.mb-3 {{node.name}} - - | {# DESCRIPTION #} - | {% if node.description %} - .node-details-description - | {{ node | markdowned('description') }} +| {# DETAILS #} +section.node-details-meta.pl-4.pr-2.py-2.border-bottom + ul.list-unstyled.m-0 + | {% if node.properties.license_type %} + li.px-2 + a.node-details-license( + href="https://creativecommons.org/licenses/", + target="_blank", + title="{{ node.properties.license_type }} {% if node.properties.license_notes %}{{ node.properties.license_notes }}{% endif %}", + data-toggle="tooltip", + data-placement="top") + i(class="pi-license-{{ node.properties.license_type }}") | {% endif %} - | {# DETAILS #} - section.node-details-meta.pl-4.pr-2.py-2.border-bottom - ul.list-unstyled.m-0 - | {% if node.properties.license_type %} - li.px-2 - a.node-details-license( - href="https://creativecommons.org/licenses/", - target="_blank", - title="{{ node.properties.license_type }} {% if node.properties.license_notes %}{{ node.properties.license_notes }}{% endif %}", - data-toggle="tooltip", - data-placement="top") - i(class="pi-license-{{ node.properties.license_type }}") - | {% endif %} + | {% if node.has_method('PUT') and (node.properties.status != 'published') %} + li.px-2(class="status-{{ node.properties.status }}") + | {{ node.properties.status | undertitle }} + | {% endif %} - | {% if node.has_method('PUT') and (node.properties.status != 'published') %} - li.px-2(class="status-{{ node.properties.status }}") - | {{ node.properties.status | undertitle }} - | {% endif %} + li.px-2(title="Author") + | {{ node.user.full_name }} + | {{ node.user.badges.html|safe }} - li.px-2(title="Author") - | {{ node.user.full_name }} - | {{ node.user.badges.html|safe }} + li.px-2( + title="Created {{ node._created }} (updated {{ node._updated | pretty_date_time }})") + | {{ node._created | pretty_date }} - li.px-2( - title="Created {{ node._created }} (updated {{ node._updated | pretty_date_time }})") - | {{ node._created | pretty_date }} + | {% if node.short_link %} + li.shared + a(href="{{ node.short_link }}") + i.pi-share + | Shared + | {% endif %} - | {% if node.short_link %} - li.shared - a(href="{{ node.short_link }}") - i.pi-share - | Shared - | {% endif %} + li.ml-auto - li.ml-auto + | {% if node.file %} + li.px-2(title="File size") + | {{ node.file.length | filesizeformat }} + li.px-2.js-type(title="File format") + | {{ node.file.content_type }} + | {% endif %} - | {% if node.file %} - li.px-2(title="File size") - | {{ node.file.length | filesizeformat }} - li.px-2.js-type(title="File format") - | {{ node.file.content_type }} - | {% endif %} + | {% if node.permissions.world %} + li.public( + data-toggle="tooltip", + data-placement="bottom", + title="Anybody can download. Share it!") + i.pi-lock-open + span Public + | {% endif %} - | {% if node.permissions.world %} - li.public( - data-toggle="tooltip", - data-placement="bottom", - title="Anybody can download. Share it!") - i.pi-lock-open - span Public - | {% endif %} + | {% block node_details_meta_extra %}{% endblock %} - | {% block node_details_meta_extra %}{% endblock %} - - li.download - | {% if (current_user.has_cap('subscriber') or node.permissions.world) and (node.file or node.properties.files) %} - | {% block node_download %} - a( - title="Download {{ node.properties.content_type | undertitle }}", - href="{{ node.file.link }}", - download="{{ node.file.filename }}") - button.btn.btn-sm.btn-outline-primary.px-3(type="button") - i.pi-download.pr-2 - | Download - | {% endblock node_download %} - - | {% elif current_user.has_cap('can-renew-subscription') %} - a.btn.btn-outline-primary( - title="Renew your subscription to download", - target="_blank", - href="/renew") - i.pi-heart.pr-2 - | Renew Subscription - - | {% elif current_user.is_authenticated %} - .btn.disabled - i.pi-lock + li.download + | {% if (current_user.has_cap('subscriber') or node.permissions.world) and (node.file or node.properties.files) %} + | {% block node_download %} + a( + title="Download {{ node.properties.content_type | undertitle }}", + href="{{ node.file.link }}", + download="{{ node.file.filename }}") + button.btn.btn-sm.btn-outline-primary.px-3(type="button") + i.pi-download.pr-2 | Download + | {% endblock node_download %} - | {% else %} - a.btn( - title="Login to download {{ node.properties.content_type | undertitle }}", - href="{{ url_for('users.login') }}") - i.pi-lock - | Download - | {% endif %} + | {% elif current_user.has_cap('can-renew-subscription') %} + a.btn.btn-outline-primary( + title="Renew your subscription to download", + target="_blank", + href="/renew") + i.pi-heart.pr-2 + | Renew Subscription - | {% endblock node_details %} + | {% elif current_user.is_authenticated %} + .btn.disabled + i.pi-lock + | Download + + | {% else %} + a.btn( + title="Login to download {{ node.properties.content_type | undertitle }}", + href="{{ url_for('users.login') }}") + i.pi-lock + | Download + | {% endif %} + +| {% endblock node_details %} .container-fluid .row | {% block node_comments %}