summaryrefslogtreecommitdiff
path: root/resources/views/edit/reorder-media.phtml
diff options
context:
space:
mode:
Diffstat (limited to 'resources/views/edit/reorder-media.phtml')
-rw-r--r--resources/views/edit/reorder-media.phtml41
1 files changed, 41 insertions, 0 deletions
diff --git a/resources/views/edit/reorder-media.phtml b/resources/views/edit/reorder-media.phtml
new file mode 100644
index 0000000000..3680efffa2
--- /dev/null
+++ b/resources/views/edit/reorder-media.phtml
@@ -0,0 +1,41 @@
+<?php use Fisharebest\Webtrees\FontAwesome; ?>
+<?php use Fisharebest\Webtrees\I18N; ?>
+<?php use Fisharebest\Webtrees\View; ?>
+
+<h2 class="wt-page-title"><?= $title ?></h2>
+
+<form class="wt-page-content" method="post">
+ <?= csrf_field() ?>
+ <div class="wt-sortable-list">
+ <?php foreach ($individual->getFacts('OBJE') as $fact) : ?>
+ <div class="card mb-2 wt-sortable-item">
+ <input type="hidden" name="order[]" value="<?= $fact->getFactId() ?>">
+ <h3 class="card-header">
+ <?= FontAwesome::semanticIcon('drag-handle', '') ?>
+ <?= $fact->getTarget()->getFullName() ?>
+ </h3>
+ <div class="card-body">
+ <?= $fact->getTarget()->displayImage(100, 100, "contain") ?>
+ </div>
+ </div>
+ <?php endforeach ?>
+ </div>
+
+ <p>
+ <button class="btn btn-primary" type="submit">
+ <?= FontAwesome::decorativeIcon('save') ?>
+ <?= /* I18N: A button label. */ I18N::translate('save') ?>
+ </button>
+
+ <a class="btn btn-secondary" href="<?= e($individual->url()) ?>">
+ <?= FontAwesome::decorativeIcon('cancel') ?>
+ <?= /* I18N: A button label. */ I18N::translate('cancel') ?>
+ </a>
+ </p>
+</form>
+
+<?php View::push('javascript') ?>
+<script>
+ new Sortable(document.querySelector(".wt-sortable-list"), {});
+</script>
+<?php View::endpush() ?>