1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
|
<?php
declare(strict_types=1);
use Fisharebest\Webtrees\Fact;
use Fisharebest\Webtrees\Gedcom;
use Fisharebest\Webtrees\Http\RequestHandlers\ReorderFamiliesAction;
use Fisharebest\Webtrees\I18N;
use Fisharebest\Webtrees\Individual;
use Fisharebest\Webtrees\Registry;
use Fisharebest\Webtrees\Tree;
use Fisharebest\Webtrees\View;
use Illuminate\Support\Collection;
/**
* @var Collection<int,Fact> $famc_facts
* @var Collection<int,Fact> $fams_facts
* @var Individual $individual
* @var string $title
* @var Tree $tree
*/
?>
<h2 class="wt-page-title"><?= $title ?></h2>
<form method="post" action="<?= e(route(ReorderFamiliesAction::class, ['tree' => $tree->name(), 'xref' => $individual->xref()])) ?>" class="wt-page-content">
<?php if ($fams_facts->count() < 2) : ?>
<?php foreach ($fams_facts as $fact) : ?>
<input type="hidden" name="order[]" value="<?= e($fact->id()) ?>">
<?php endforeach ?>
<?php else : ?>
<h3><?= I18N::translate('Spouses') ?></h3>
<p>
<?= I18N::translate('When an individual has more than one spouse, you should sort the families in date order.') ?>
</p>
<p>
<button class="btn btn-secondary" id="btn-default-order" type="button">
<?= view('icons/sort') ?>
<?= /* I18N: A button label. */ I18N::translate('sort by date of marriage') ?>
</button>
</p>
<div class="wt-sortable-list wt-sortable-list-fams">
<?php foreach ($fams_facts as $fact) : ?>
<div class="card mb-2 wt-sortable-item" data-wt-sort-by-date="<?= $fact->target()->getMarriageDate()->julianDay() ?>">
<input type="hidden" name="order[]" value="<?= $fact->id() ?>">
<div class="card-header">
<?= view('edit/reorder-card-header', ['title' => $fact->target()->fullName()]) ?>
</div>
<div class="card-body">
<?= $fact->target()->formatFirstMajorFact(Gedcom::MARRIAGE_EVENTS, 2) ?>
<?= $fact->target()->formatFirstMajorFact(Gedcom::DIVORCE_EVENTS, 2) ?>
</div>
</div>
<?php endforeach ?>
</div>
<?php endif ?>
<?php if ($famc_facts->count() < 2) : ?>
<?php foreach ($famc_facts as $fact) : ?>
<input type="hidden" name="order[]" value="<?= e($fact->id()) ?>">
<?php endforeach ?>
<?php else : ?>
<?php if ($fams_facts->count() >= 2) : ?>
<hr>
<?php endif ?>
<h3><?= I18N::translate('Parents') ?></h3>
<p>
<?= I18N::translate('An individual can have more than one set of parents. For example, birth and adopted.') ?>
<br>
<?= I18N::translate('The first family in the list will be used in charts, lists, reports, etc.') ?>
</p>
<div class="wt-sortable-list wt-sortable-list-famc">
<?php foreach ($famc_facts as $fact) : ?>
<div class="card my-2 wt-sortable-item" data-sortbydate="<?= $fact->target()->getMarriageDate()->julianDay() ?>">
<input type="hidden" name="order[]" value="<?= $fact->id() ?>">
<div class="card-header">
<?= view('edit/reorder-card-header', ['title' => $fact->target()->fullName() . ($fact->attribute('PEDI') === '' ? '' : ' — ' . Registry::elementFactory()->make('INDI:FAMC:PEDI')->value($fact->attribute('PEDI'), $tree))]) ?>
</div>
<div class="card-body">
<?= $fact->target()->formatFirstMajorFact(Gedcom::MARRIAGE_EVENTS, 2) ?>
<?= $fact->target()->formatFirstMajorFact(Gedcom::DIVORCE_EVENTS, 2) ?>
</div>
</div>
<?php endforeach ?>
</div>
<?php endif ?>
<p>
<button class="btn btn-primary" type="submit">
<?= view('icons/save') ?>
<?= /* I18N: A button label. */ I18N::translate('save') ?>
</button>
<a class="btn btn-secondary" href="<?= e($individual->url()) ?>">
<?= view('icons/cancel') ?>
<?= /* I18N: A button label. */ I18N::translate('cancel') ?>
</a>
</p>
<?= csrf_field() ?>
</form>
<?php View::push('javascript') ?>
<script>
const famc_list = document.querySelector(".wt-sortable-list-famc");
const fams_list = document.querySelector(".wt-sortable-list-fams");
if (famc_list !== null) {
new Sortable(famc_list, {
handle: ".card-header",
});
}
if (fams_list !== null) {
new Sortable(fams_list, {
handle: ".card-header",
});
$("#btn-default-order").on("click", function () {
$(".wt-sortable-list-fams .wt-sortable-item").sort(function (x, y) {
return Math.sign(x.dataset.wtSortByDate - y.dataset.wtSortByDate);
}).appendTo(".wt-sortable-list-fams");
});
}
</script>
<?php View::endpush() ?>
|
