diff options
| author | Greg Roach <fisharebest@webtrees.net> | 2019-09-26 16:17:54 +0100 |
|---|---|---|
| committer | Greg Roach <fisharebest@webtrees.net> | 2019-09-26 16:17:54 +0100 |
| commit | 75b444f74a3f1005e5f45f80589c0e892ad69b7b (patch) | |
| tree | dadaa683f358edbfa15a0003ca1e001020dccfed /resources/views | |
| parent | 581f2c230ca3356bbc31ad18bd1daa3f307fec2f (diff) | |
| download | webtrees-75b444f74a3f1005e5f45f80589c0e892ad69b7b.tar.gz webtrees-75b444f74a3f1005e5f45f80589c0e892ad69b7b.tar.bz2 webtrees-75b444f74a3f1005e5f45f80589c0e892ad69b7b.zip | |
Fix: drag'n'drop re-ordering
Diffstat (limited to 'resources/views')
| -rw-r--r-- | resources/views/edit/raw-gedcom-record.phtml | 15 | ||||
| -rw-r--r-- | resources/views/edit/reorder-media.phtml | 12 | ||||
| -rw-r--r-- | resources/views/edit/reorder-names.phtml | 23 |
3 files changed, 31 insertions, 19 deletions
diff --git a/resources/views/edit/raw-gedcom-record.phtml b/resources/views/edit/raw-gedcom-record.phtml index 0aa13894bf..1c5232116e 100644 --- a/resources/views/edit/raw-gedcom-record.phtml +++ b/resources/views/edit/raw-gedcom-record.phtml @@ -1,5 +1,6 @@ -<?php use Fisharebest\Webtrees\I18N; ?> -<?php use Fisharebest\Webtrees\View; ?> +<?php use Fisharebest\Webtrees\I18N; +use Fisharebest\Webtrees\View; ?> +<?php ?> <h2 class="wt-page-title"><?= $title ?></h2> @@ -24,13 +25,13 @@ </div> </div> - <div id="raw-gedcom-list"> + <div id="wt-sortable-list"> <?php foreach ($record->facts() as $fact) : ?> <?php if (!$fact->isPendingDeletion()) : ?> <div class="card my-2"> <label class="card-header py-1 px-2 d-flex" for="fact-<?= e($fact->id()) ?>"> <span class="drag-handle"> - <?= view('icons/drag-handle') ?> + <?= view('icons/drag-handle') ?> </span> <?= $fact->summary() ?> </label> @@ -65,8 +66,8 @@ <?php View::push('javascript') ?> <script> - new Sortable(document.getElementById("raw-gedcom-list"), { - handle: '.drag-handle' - }); + new Sortable(document.getElementById("wt-sortable-list"), { + handle: ".drag-handle", + }); </script> <?php View::endpush() ?> diff --git a/resources/views/edit/reorder-media.phtml b/resources/views/edit/reorder-media.phtml index dfd49c90fb..6d94e5dfb0 100644 --- a/resources/views/edit/reorder-media.phtml +++ b/resources/views/edit/reorder-media.phtml @@ -9,10 +9,12 @@ <?php foreach ($individual->facts(['OBJE']) as $fact) : ?> <div class="card mb-2 wt-sortable-item"> <input type="hidden" name="order[]" value="<?= $fact->id() ?>"> - <h3 class="card-header"> - <?= view('icons/drag-handle') ?> + <div class="card-header"> + <span class="drag-handle"> + <?= view('icons/drag-handle') ?> + </span> <?= $fact->target()->fullName() ?> - </h3> + </div> <div class="card-body"> <?= $fact->target()->displayImage(100, 100, 'contain') ?> </div> @@ -35,6 +37,8 @@ <?php View::push('javascript') ?> <script> - new Sortable(document.querySelector(".wt-sortable-list"), {}); + new Sortable(document.querySelector(".wt-sortable-list"), { + handle: '.drag-handle' + }); </script> <?php View::endpush() ?> diff --git a/resources/views/edit/reorder-names.phtml b/resources/views/edit/reorder-names.phtml index 7260f5b684..6756894f41 100644 --- a/resources/views/edit/reorder-names.phtml +++ b/resources/views/edit/reorder-names.phtml @@ -1,7 +1,10 @@ -<?php use Fisharebest\Webtrees\GedcomCode\GedcomCodeName; ?> -<?php use Fisharebest\Webtrees\GedcomTag; ?> -<?php use Fisharebest\Webtrees\I18N; ?> -<?php use Fisharebest\Webtrees\View; ?> +<?php use Fisharebest\Webtrees\GedcomCode\GedcomCodeName; +use Fisharebest\Webtrees\GedcomTag; +use Fisharebest\Webtrees\I18N; +use Fisharebest\Webtrees\View; ?> +<?php ?> +<?php ?> +<?php ?> <h2 class="wt-page-title"><?= $title ?></h2> @@ -11,10 +14,12 @@ <?php foreach ($individual->facts(['NAME']) as $fact) : ?> <div class="card mb-2 wt-sortable-item"> <input type="hidden" name="order[]" value="<?= $fact->id() ?>"> - <h3 class="card-header"> - <?= view('icons/drag-handle') ?> + <div class="card-header"> + <span class="drag-handle"> + <?= view('icons/drag-handle') ?> + </span> <?= $fact->value() ?> - </h3> + </div> <div class="card-body"> <?= GedcomTag::getLabelValue('TYPE', GedcomCodeName::getValue($fact->attribute('TYPE'), $fact->record())) ?> </div> @@ -37,6 +42,8 @@ <?php View::push('javascript') ?> <script> - new Sortable(document.querySelector(".wt-sortable-list"), {}); + new Sortable(document.querySelector(".wt-sortable-list"), { + handle: ".drag-handle", + }); </script> <?php View::endpush() ?> |