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
|
<?php
use Fisharebest\Webtrees\Gedcom;
use Fisharebest\Webtrees\GedcomCode\GedcomCodePedi;
use Fisharebest\Webtrees\Http\RequestHandlers\ReorderFamiliesAction;
use Fisharebest\Webtrees\I18N;
use Fisharebest\Webtrees\View;
?>
<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">
<?= csrf_field() ?>
<?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-fams">
<?php foreach ($fams_facts as $fact) : ?>
<div class="card mb-2 wt-sortable-item" data-sortbydate="<?= $fact->target()->getMarriageDate()->julianDay() ?>">
<input type="hidden" name="order[]" value="<?= $fact->id() ?>">
<div class="card-header">
<span class="drag-handle">
<?= view('icons/drag-handle') ?>
</span>
<?= $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-famc">
<?php foreach ($famc_facts as $fact) : ?>
<div class="card mb-2 wt-sortable-item" data-sortbydate="<?= $fact->target()->getMarriageDate()->julianDay() ?>">
<input type="hidden" name="order[]" value="<?= $fact->id() ?>">
<div class="card-header">
<span class="drag-handle">
<?= view('icons/drag-handle') ?>
</span>
<?= $fact->target()->fullName() ?>
<?php if ($fact->attribute('PEDI') !== '') : ?>
— <?= GedcomCodePedi::getValue($fact->attribute('PEDI'), $individual) ?>
<?php endif ?>
</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>
</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: ".drag-handle",
});
}
if (fams_list !== null) {
new Sortable(fams_list, {
handle: ".drag-handle",
});
$("#btn-default-order").on("click", function() {
$(".wt-sortable-list-fams .wt-sortable-item").sort(function(x, y) {
return Math.sign(x.dataset.sortbydate - y.dataset.sortbydate);
}).appendTo(".wt-sortable-list-fams");
});
}
</script>
<?php View::endpush() ?>
|
