Add Person Pedigree

Add Person Pedigree
Add Person Pedigree
Summary	Adds a 'Pedigree' section on a person's page.
Validation
Mod Updated	26 Jan 2025
	TNG 15.0
	TNG 14.0
Download stats
Author(s)	Eric Dubois
Homepage	Add Person Pedigree
Mod Support	{{{mod_support}}}
Contact Developer	{{{mod_contact}}}
Latest Mod	14.0.0.2c for TNG 14.0.0+ *
Min TNG V	13.0.0
Max TNG V	15.0.0
Files modified	getperson.php
Related Mods
Notes	* Built with TNG 14, reported compatible with TNG 13

Purpose

Adds a 'Pedigree' section on a person's page.

Developer

Eric Dubois

Requirements

A working TNG installation.
A backup of all affected files (see the list in the summary in the upper right corner of the page)
An installed current version of the Mod Manager.

Installation

Download the appropriate zip file as shown in the mod summary in the upper right corner of the page.
Extract the file from the downloaded zip file into the mods folder or FTP the extracted file to your mods folder.
Follow the normal automated installation for Mod Manager, as shown in the example Mod Manager - Installing Config Files to install the mod.
Edit the supplied parameter to choose a 'long' or 'short' format for your titles.

Upgrading

Disable the mod through the Mod Manager
Install the new version of the mod
Enable the mod through the Mod Manager

In the event of a problem

Try using the Mod Manager Remove capability
Copy the backup of the affected files back to your TNG directory
Contact us through the TNG Community Forums.

Uninstalling the mod

If you want to completely Remove (uninstall) this mod and any tables if created, you should

click the Uninstall button to uninstall the mod
click the Delete button to delete the config file from the mods folder.

Screenshots

To come.

CSS customization

Many hooks allow you to stylize the chart in your theme's mytngstyle.css file. These are examples. Adjust to your liking. CSS classes include:

.addped_table : overall tree table
td.ind-root, td.ind-root-M, td.ind-root-F, td.ind-male, td.ind-female : table cell for root, male or female ancestor
td.empty-cell : table cell with no ancestor
td.last-cell : table cell of the last generation
.addped_indiv : div containing the individual's info
.addped_slot, .addped_name, .addped_pid, .addped_date : slot number, name, person ID, and date parts

Color overrides

While colors can be set as parameters, adding the following rules would override the parameters and not reset after a reinstall or upgrade.

:root {
	--addpedlinecolor: purple !important;
	--addpedbkgdcolor: #eec !important;
	--addpedbordercolor: rgba(0,0,0,.5) !important;
}

Color ancestors by gender.

table.addped_table .ind-root .addped_indiv {
	background-color: #ddd;
}
table.addped_table .ind-male .addped_indiv,
table.addped_table .ind-root-M .addped_indiv {
	background-color: #c9d6dc;
}
table.addped_table .ind-female .addped_indiv,
table.addped_table .ind-root-F .addped_indiv {
	background-color: #eacdd1;
}

Center table

table.addped_table {
	padding-left: 8px;
	margin: auto;
}

Stack and reorganize content

If you prefer the elements to be stacked in the ancestor box.

.addped_indiv {
	display: flex;
	flex-direction: column;
	text-align: center;
}

If you want to change the order of the stacked elements in the ancestor box.

.addped_indiv .addped_date {
	order: 0;
}
.addped_indiv .addped_pid {
	order: 1;
}
.addped_indiv .addped_name {
	order: 2;
}
.addped_indiv .addped_slot {
	order: 3;
}

Tweak slot number

Remove period after slot number.

table.addped_table .addped_indiv .addped_slot:after {
	content: "";
}

Prepend or append slot number.

table.addped_table .addped_indiv .addped_slot:before {
	content: "Sosa ";
}
table.addped_table .addped_indiv .addped_slot:after {
	content: " : ";
}

Move slot number center left.

table.addped_table .addped_indiv .addped_slot {
	position: absolute;
	left: -8px;
	top: calc(50% - 8px);
	padding: 1px;
	background: #fff;
	border: 1px solid rgba(0,0,0,.5);
	border-radius: 8px;
}

Make slot appear only on mouseover (work in conjunction with absolute position to avoid jumps).

table.addped_table .addped_indiv .addped_slot {
	display: none;
}
table.addped_table .addped_indiv:hover .addped_slot {
	display: block;
}

The tricks above can also be used for the date (.addped_date), name (.addped_name) or person ID (.addped_pid).

Empty cells

Hide slot number of empty cells and tighten layout

table.addped_table td.empty-cell .addped_indiv .addped_slot {
	display: none;
}
table.addped_table td.empty-cell .addped_indiv {
	min-height: 0;
}

Change line thickness

table.addped_table td.ind-male:before,
table.addped_table td.ind-female:before {
	width: 8px !important;
}
table.addped_table td.ind-root:after,
table.addped_table td.ind-male:after,
table.addped_table td.ind-female:after {
	height: 8px !important;
	top: calc(50% - 4px) !important;
}
table.addped_table td.ind-male .addped_indiv,
table.addped_table td.ind-female .addped_indiv {
	margin-left: 16px;
}

Mod Compatibility

Please add the details of any compatibility issues to this table.

Incompatible Mod	Mod Version(s)	Add Person Pedigree Version(s)	Categorization	Description / Correction
Regroup Person Profile	All	14.0.0.0 - 14.0.0.2	Incompatible	Incompatible

Revision History

Version(s)	Release Date	Comments
14.0.0.0	22 Jan 2025	Initial release.
14.0.0.1	23 Jan 2025	Fixed personID display.
14.0.0.2	25 Jan 2025	Removes empty generations and hides empty cells, expands pedigree section when selected in navigation.
14.0.0.2b	26 Jan 2025	Add gender class to root person cell.
14.0.0.2c	26 Jan 2025	Add generation class to ancestor cells.

Sites using this mod

If you download and install this mod, please add your TNG site to the table below: If you have any problem downloading file, private message me on the forum.

URL

User

Note

Mod-Version

TNG-Version

User-language

Brabantse Genealogie

Rob van Rij

Public Site

14.0.0.2c

TNG 15.0.2

NL,EN,DE,FR