Files
pillar/src/templates/nodes/view_base.pug
Tobias Johansson fbcce7a6d8 Vue Comments: Comments ported to Vue + DnD fileupload
* Drag and drop files to comment editor to add a file attachment
* Using Vue to render comments

Since comments now has attachments we need to update the schemas
./manage.py maintenance replace_pillar_node_type_schemas
2018-12-12 11:45:47 +01:00

161 lines
4.4 KiB
Plaintext

| {% block body %}
| {% block node_preview %}
| {% if node.picture %}
| {% if current_user.has_cap('subscriber') or node.permissions.world %}
section.node-preview.d-flex.justify-content-center.cursor-zoom-in(
class="js-node-preview-image")
img.node-preview-thumbnail(
src="{{ node.picture.thumbnail('l', api=api) }}",
alt="{{ node.name }}")
| {% 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 %}
| {# 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 %}
li.pr-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 }}
| {% if node.short_link %}
li.shared
a(href="{{ node.short_link }}")
i.pi-share
| Shared
| {% endif %}
li.ml-auto
| {% if node.properties.duration_seconds %}
li.px-2(title="Duration")
| {{ node.properties.duration_seconds | pretty_duration }}
| {% 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 %}
| {% 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-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
| 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 %}
.col-md-8.col-sm-12
comments-tree#comments-embed(
parent-id="{{ node._id }}"
)
| {% endblock node_comments %}
| {# Check if tags is defined and there is _actually_ a tag at least #}
| {% if node.properties.tags and node.properties.tags[0] %}
.col-md-4.d-none.d-lg-block
script(src="{{ url_for('static_cloud', filename='assets/js/tagged_assets.min.js') }}")
script.
$(function() {
let is_subscriber = {{ current_user.has_cap('subscriber')|string|lower }};
$('.js-asset-list').loadTaggedAssets(4, 0, is_subscriber);
})
.tagged-similar.p-3
h6 Similar assets
| {% for tag in node.properties.tags[:3] %}
| {% if loop.index < 4 %}
.card-deck.card-padless.card-deck-vertical.mx-0(
class="js-asset-list",
data-asset-tag="{{ tag }}")
| {% endif %}
| {% endfor %}
| {% endif %}
| {% include 'nodes/custom/_scripts.html' %}
| {% endblock %}
| {% block node_scripts %}{% endblock %}
| {% block footer_scripts %}
script.
// Generate analytics pageview
ga('send', 'pageview', location.pathname);
| {% endblock %}