124 lines
3.5 KiB
HTML
124 lines
3.5 KiB
HTML
{% extends "packages/package_base.html" %}
|
|
|
|
{% block title %}
|
|
{{ _("Screenshots") }} - {{ package.title }}
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
{% if package.checkPerm(current_user, "ADD_SCREENSHOTS") %}
|
|
<a href="{{ package.getURL('packages.create_screenshot') }}" class="btn btn-primary float-end">
|
|
<i class="fas fa-plus me-1"></i>
|
|
{{ _("Add Image") }}
|
|
</a>
|
|
{% endif %}
|
|
<h2 class="mt-0">{{ _("Screenshots") }}</h2>
|
|
|
|
<p class="mb-4">
|
|
{{ _("Topmost screenshot will be used as the package thumbnail.") }}
|
|
</p>
|
|
|
|
<ul class="list-group sortable">
|
|
{% for ss in package.screenshots %}
|
|
{% if ss.approved or package.checkPerm(current_user, "ADD_SCREENSHOTS") %}
|
|
<li class="list-group-item" data-id="{{ ss.id }}">
|
|
<div class="row">
|
|
<div class="col-auto text-muted pe-2">
|
|
<i class="fas fa-bars"></i>
|
|
</div>
|
|
<div class="col-auto">
|
|
<img class="img-fluid" style="max-height: 64px;" src="{{ ss.getThumbnailURL() }}" />
|
|
</div>
|
|
<div class="col">
|
|
{{ ss.title }}
|
|
|
|
<div class="mt-1 text-muted">
|
|
{{ ss.width }} x {{ ss.height }}
|
|
{% if ss.is_low_res() %}
|
|
{% if ss.is_very_small() %}
|
|
<span class="badge bg-danger ms-3">
|
|
{{ _("Way too small") }}
|
|
</span>
|
|
{% elif ss.is_too_small() %}
|
|
<span class="badge bg-warning ms-3">
|
|
{{ _("Too small") }}
|
|
</span>
|
|
{% else %}
|
|
<span class="badge bg-secondary ms-3">
|
|
{{ _("Not HD") }}
|
|
</span>
|
|
{% endif %}
|
|
{% endif %}
|
|
{% if not ss.approved %}
|
|
<span class="ms-3">
|
|
{{ _("Awaiting approval") }}
|
|
</span>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
<form action="{{ ss.getDeleteURL() }}" method="POST" class="col-auto text-end" role="form">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
|
|
<a class="btn btn-sm btn-primary" href="{{ ss.getEditURL() }}">
|
|
<i class="fas fa-pen"></i>
|
|
</a>
|
|
<button type="submit" class="btn btn-sm btn-danger ms-2">
|
|
<i class="fas fa-trash"></i>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</li>
|
|
{% endif %}
|
|
{% else %}
|
|
<li class="list-group-item">
|
|
<i>{{ _("No screenshots.") }}</i>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
|
|
<form action="" method="POST" class="form mt-4" role="form">
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
|
|
<input type="hidden" name="order" value="" />
|
|
<input type="submit" value="{{ _('Save Order') }}" class="btn btn-primary">
|
|
</form>
|
|
|
|
<noscript>
|
|
<p class="alert alert-warning mt-5">
|
|
{{ _("Reordering requires JavaScript.") }}
|
|
</p>
|
|
</noscript>
|
|
|
|
<h2>{{ _("Cover Image") }}</h2>
|
|
|
|
{% from "macros/forms.html" import render_submit_field, render_field %}
|
|
<form action="" method="POST" class="form" role="form">
|
|
{{ form.hidden_tag() }}
|
|
|
|
{{ render_field(form.cover_image, tabindex=220) }}
|
|
|
|
{{ render_submit_field(form.submit, tabindex=280) }}
|
|
</form>
|
|
|
|
<h2>{{ _("Videos") }}</h2>
|
|
<p>
|
|
{{ _("You can set a video on the Edit Details page") }}
|
|
</p>
|
|
{% endblock %}
|
|
|
|
{% block scriptextra %}
|
|
<script src="/static/libs/jquery-ui.min.js"></script>
|
|
<script>
|
|
function update() {
|
|
const elements = Array.from(document.getElementsByClassName("sortable")[0].children);
|
|
const ids = elements.map(x => x.dataset.id).filter(x => x);
|
|
$("input[name='order']").val(ids.join(","))
|
|
}
|
|
|
|
update();
|
|
|
|
$(function() {
|
|
$(".sortable").sortable({
|
|
update: update
|
|
});
|
|
});
|
|
</script>
|
|
{% endblock %}
|