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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
|
<?php
/**
* webtrees: online genealogy
* Copyright (C) 2015 webtrees development team
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
namespace Fisharebest\Webtrees\Module\InteractiveTree;
use Fisharebest\Webtrees\Family;
use Fisharebest\Webtrees\Filter;
use Fisharebest\Webtrees\I18N;
use Fisharebest\Webtrees\Individual;
/**
* Class TreeView
*/
class TreeView {
/** @var string HTML element name */
private $name;
/** @var string Show all partners */
private $all_partners;
/**
* Treeview Constructor
*
* @param string $name the name of the TreeView object’s instance
*/
public function __construct($name = 'tree') {
$this->name = $name;
$this->all_partners = Filter::cookie('allPartners', 'true|false', 'true');
}
/**
* Draw the viewport which creates the draggable/zoomable framework
* Size is set by the container, as the viewport can scale itself automatically
*
* @param Individual $root_person the id of the root person
* @param int $generations number of generations to draw
*
* @return string[] HTML and Javascript
*/
public function drawViewport(Individual $root_person, $generations) {
$html = '
<a name="tv_content"></a>
<div id="' . $this->name . '_out" class="tv_out">
<div id="tv_tools" class="noprint">
<ul>
<li id="tvbCompact" class="tv_button">
<img src="' . WT_STATIC_URL . WT_MODULES_DIR . 'tree/images/compact.png" alt="' . I18N::translate('Use compact layout') . '" title="' . I18N::translate('Use compact layout') . '">
</li>
<li id="tvbAllPartners" class="tv_button' . ($this->all_partners === 'true' ? ' tvPressed' : '') . '">
<a class="icon-sfamily" href="#" title="' . I18N::translate('Show all spouses and ancestors') . '"></a>
</li>
<li class="tv_button" id="' . $this->name . '_loading">
<i class="icon-loading-small"></i>
</li>
</ul>
</div>
<h2 id="tree-title">' . I18N::translate('Interactive tree of %s', $root_person->getFullName()) . '</h2>
<div id="' . $this->name . '_in" class="tv_in" dir="ltr">
' . $this->drawPerson($root_person, $generations, 0, null, null, true) . '
</div>
</div>
';
return array($html, 'var ' . $this->name . 'Handler = new TreeViewHandler("' . $this->name . '");');
}
/**
* Return a JSON structure to a JSON request
*
* @param string $list list of JSON requests
*
* @return string
*/
public function getPersons($list) {
global $WT_TREE;
$list = explode(';', $list);
$r = array();
foreach ($list as $jsonRequest) {
$firstLetter = substr($jsonRequest, 0, 1);
$jsonRequest = substr($jsonRequest, 1);
switch ($firstLetter) {
case 'c':
$fidlist = explode(',', $jsonRequest);
$flist = array();
foreach ($fidlist as $fid) {
$flist[] = Family::getInstance($fid, $WT_TREE);
}
$r[] = $this->drawChildren($flist, 1, true);
break;
case 'p':
$params = explode('@', $jsonRequest);
$fid = $params[0];
$order = $params[1];
$f = Family::getInstance($fid, $WT_TREE);
if ($f->getHusband()) {
$r[] = $this->drawPerson($f->getHusband(), 0, 1, $f, $order);
} elseif ($f->getWife()) {
$r[] = $this->drawPerson($f->getWife(), 0, 1, $f, $order);
}
break;
}
}
return json_encode($r);
}
/**
* Get the details for a person and their life partner(s)
*
* @param Individual $individual the individual to return the details for
*
* @return string
*/
public function getDetails(Individual $individual) {
$html = $this->getPersonDetails($individual, null);
foreach ($individual->getSpouseFamilies() as $family) {
$spouse = $family->getSpouse($individual);
if ($spouse) {
$html .= $this->getPersonDetails($spouse, $family);
}
}
return $html;
}
/**
* Return the details for a person
*
* @param Individual $individual
* @param Family $family
*
* @return string
*/
private function getPersonDetails(Individual $individual, Family $family = null) {
$hmtl = $this->getThumbnail($individual);
$hmtl .= '<a class="tv_link" href="' . $individual->getHtmlUrl() . '">' . $individual->getFullName() . '</a> <a href="module.php?mod=tree&mod_action=treeview&rootid=' . $individual->getXref() . '" title="' . I18N::translate('Interactive tree of %s', strip_tags($individual->getFullName())) . '" class="icon-button_indi tv_link tv_treelink"></a>';
foreach ($individual->getFacts(WT_EVENTS_BIRT, true) as $fact) {
$hmtl .= $fact->summary();
}
if ($family) {
foreach ($family->getFacts(WT_EVENTS_MARR, true) as $fact) {
$hmtl .= $fact->summary();
}
}
foreach ($individual->getFacts(WT_EVENTS_DEAT, true) as $fact) {
$hmtl .= $fact->summary();
}
return '<div class="tv' . $individual->getSex() . ' tv_person_expanded">' . $hmtl . '</div>';
}
/**
* Draw the children for some families
*
* @param Family[] $familyList array of families to draw the children for
* @param int $gen number of generations to draw
* @param bool $ajax setted to true for an ajax call
*
* @return string
*/
private function drawChildren(array $familyList, $gen = 1, $ajax = false) {
$html = '';
$children2draw = array();
$f2load = array();
foreach ($familyList as $f) {
if (empty($f)) {
continue;
}
$children = $f->getChildren();
if ($children) {
$f2load[] = $f->getXref();
foreach ($children as $child) {
// Eliminate duplicates - e.g. when adopted by a step-parent
$children2draw[$child->getXref()] = $child;
}
}
}
$tc = count($children2draw);
if ($tc) {
$f2load = implode(',', $f2load);
$nbc = 0;
foreach ($children2draw as $child) {
$nbc++;
if ($tc == 1) {
$co = 'c'; // unique
} elseif ($nbc == 1) {
$co = 't'; // first
} elseif ($nbc == $tc) {
$co = 'b'; //last
} else {
$co = 'h';
}
$html .= $this->drawPerson($child, $gen - 1, -1, null, $co);
}
if (!$ajax) {
$html = '<td align="right"' . ($gen == 0 ? ' abbr="c' . $f2load . '"' : '') . '>' . $html . '</td>' . $this->drawHorizontalLine();
}
}
return $html;
}
/**
* Draw a person in the tree
*
* @param Individual $person The Person object to draw the box for
* @param int $gen The number of generations up or down to print
* @param int $state Whether we are going up or down the tree, -1 for descendents +1 for ancestors
* @param Family $pfamily
* @param string $order first (1), last(2), unique(0), or empty. Required for drawing lines between boxes
* @param bool $isRoot
*
* @return string
*
* Notes : "spouse" means explicitely married partners. Thus, the word "partner"
* (for "life partner") here fits much better than "spouse" or "mate"
* to translate properly the modern french meaning of "conjoint"
*/
private function drawPerson(Individual $person, $gen, $state, Family $pfamily = null, $order = null, $isRoot = false) {
if ($gen < 0) {
return '';
}
if (!empty($pfamily)) {
$partner = $pfamily->getSpouse($person);
} else {
$partner = $person->getCurrentSpouse();
}
if ($isRoot) {
$html = '<table id="tvTreeBorder" class="tv_tree"><tbody><tr><td id="tv_tree_topleft"></td><td id="tv_tree_top"></td><td id="tv_tree_topright"></td></tr><tr><td id="tv_tree_left"></td><td>';
} else {
$html = '';
}
/* height 1% : this hack enable the div auto-dimensioning in td for FF & Chrome */
$html .= '<table class="tv_tree"' . ($isRoot ? ' id="tv_tree"' : '') . ' style="height: 1%"><tbody><tr>';
if ($state <= 0) {
// draw children
$html .= $this->drawChildren($person->getSpouseFamilies(), $gen);
} else {
// draw the parent’s lines
$html .= $this->drawVerticalLine($order) . $this->drawHorizontalLine();
}
/* draw the person. Do NOT add person or family id as an id, since a same person could appear more than once in the tree !!! */
// Fixing the width for td to the box initial width when the person is the root person fix a rare bug that happen when a person without child and without known parents is the root person : an unwanted white rectangle appear at the right of the person’s boxes, otherwise.
$html .= '<td' . ($isRoot ? ' style="width:1px"' : '') . '><div class="tv_box' . ($isRoot ? ' rootPerson' : '') . '" dir="' . I18N::direction() . '" style="text-align: ' . (I18N::direction() === 'rtl' ? 'right' : 'left') . '; direction: ' . I18N::direction() . '" abbr="' . $person->getXref() . '" onclick="' . $this->name . 'Handler.expandBox(this, event);">';
$html .= $this->drawPersonName($person);
$fop = array(); // $fop is fathers of partners
if (!is_null($partner)) {
$dashed = '';
foreach ($person->getSpouseFamilies() as $family) {
$spouse = $family->getSpouse($person);
if ($spouse) {
if ($spouse === $partner || $this->all_partners === 'true') {
$spouse_parents = $spouse->getPrimaryChildFamily();
if ($spouse_parents && $spouse_parents->getHusband()) {
$fop[] = array($spouse_parents->getHusband(), $spouse_parents);
} elseif ($spouse_parents && $spouse_parents->getWife()) {
$fop[] = array($spouse_parents->getWife(), $spouse_parents);
}
$html .= $this->drawPersonName($spouse, $dashed);
if ($this->all_partners !== 'true') {
break; // we can stop here the foreach loop
}
$dashed = 'dashed';
}
}
}
}
$html .= '</div></td>';
$primaryChildFamily = $person->getPrimaryChildFamily();
if (!empty($primaryChildFamily)) {
$parent = $primaryChildFamily->getHusband();
if (empty($parent)) {
$parent = $primaryChildFamily->getWife();
}
}
if (!empty($parent) || count($fop) || ($state < 0)) {
$html .= $this->drawHorizontalLine();
}
/* draw the parents */
if ($state >= 0 && (!empty($parent) || count($fop))) {
$unique = (empty($parent) || count($fop) == 0);
$html .= '<td align="left"><table class="tv_tree"><tbody>';
if (!empty($parent)) {
$u = $unique ? 'c' : 't';
$html .= '<tr><td ' . ($gen == 0 ? ' abbr="p' . $primaryChildFamily->getXref() . '@' . $u . '"' : '') . '>';
$html .= $this->drawPerson($parent, $gen - 1, 1, $primaryChildFamily, $u);
$html .= '</td></tr>';
}
if (count($fop)) {
$n = 0;
$nb = count($fop);
foreach ($fop as $p) {
$n++;
$u = $unique ? 'c' : ($n == $nb || empty($p[1]) ? 'b' : 'h');
$html .= '<tr><td ' . ($gen == 0 ? ' abbr="p' . $p[1]->getXref() . '@' . $u . '"' : '') . '>' . $this->drawPerson($p[0], $gen - 1, 1, $p[1], $u) . '</td></tr>';
}
}
$html .= '</tbody></table></td>';
}
if ($state < 0) {
$html .= $this->drawVerticalLine($order);
}
$html .= '</tr></tbody></table>';
if ($isRoot) {
$html .= '</td><td id="tv_tree_right"></td></tr><tr><td id="tv_tree_bottomleft"></td><td id="tv_tree_bottom"></td><td id="tv_tree_bottomright"></td></tr></tbody></table>';
}
return $html;
}
/**
* Draw a person name preceded by sex icon, with parents as tooltip
*
* @param Individual $individual an individual
* @param string $dashed if = 'dashed' print dashed top border to separate multiple spuses
*
* @return string
*/
private function drawPersonName(Individual $individual, $dashed = '') {
if ($this->all_partners === 'true') {
$family = $individual->getPrimaryChildFamily();
if ($family) {
switch ($individual->getSex()) {
case 'M':
$title = ' title="' . strip_tags(
/* I18N: e.g. “Son of [father name & mother name]” */
I18N::translate('Son of %s', $family->getFullName())
) . '"';
break;
case 'F':
$title = ' title="' . strip_tags(
/* I18N: e.g. “Daughter of [father name & mother name]” */
I18N::translate('Daughter of %s', $family->getFullName())
) . '"';
break;
default:
$title = ' title="' . strip_tags(
/* I18N: e.g. “Child of [father name & mother name]” */
I18N::translate('Child of %s', $family->getFullName())
) . '"';
break;
}
} else {
$title = '';
}
} else {
$title = '';
}
$sex = $individual->getSex();
return '<div class="tv' . $sex . ' ' . $dashed . '"' . $title . '><a href="' . $individual->getHtmlUrl() . '"></a>' . $individual->getFullName() . ' <span class="dates">' . $individual->getLifeSpan() . '</span></div>';
}
/**
* Get the thumbnail image for the given person
*
* @param Individual $individual
*
* @return string
*/
private function getThumbnail(Individual $individual) {
if ($individual->getTree()->getPreference('SHOW_HIGHLIGHT_IMAGES')) {
return $individual->displayImage();
} else {
return '';
}
}
/**
* Draw a vertical line
*
* @param string $order A parameter that set how to draw this line with auto-redimensionning capabilities
*
* @return string
* WARNING : some tricky hacks are required in CSS to ensure cross-browser compliance
* some browsers shows an image, which imply a size limit in height,
* and some other browsers (ex: firefox) shows a <div> tag, which have no size limit in height
* Therefore, Firefox is a good choice to print very big trees.
*/
private function drawVerticalLine($order) {
return '<td class="tv_vline tv_vline_' . $order . '"><div class="tv_vline tv_vline_' . $order . '"></div></td>';
}
/**
* Draw an horizontal line
*/
private function drawHorizontalLine() {
return '<td class="tv_hline"><div class="tv_hline"></div></td>';
}
}
|