VaKeR CYBER ARMY
Apache/2.4.41 (Ubuntu) Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 www-data ( 33 )7.4.33 pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, / var /www /html /webtrees /resources /views /modules /statistics-chart /
Current File : /var/www/html/webtrees/resources/views/modules/statistics-chart/custom.phtml <?php
declare(strict_types=1);
use Fisharebest\Webtrees\Http\RequestHandlers\AutoCompleteSurname;
use Fisharebest\Webtrees\I18N;
use Fisharebest\Webtrees\Module\StatisticsChartModule;
use Fisharebest\Webtrees\Tree;
use Fisharebest\Webtrees\View;
/**
* @var StatisticsChartModule $module
* @var Tree $tree
*/
?>
<div class="container pt-3">
<h4 class="border-bottom p-2 mb-4">
<?= I18N::translate('Create your own chart') ?>
</h4>
<form method="post" action="<?= e(route('module', ['module' => $module->name(), 'action' => 'CustomChart', 'tree' => $tree->name()])) ?>" id="own-stats-form" class="wt-page-options wt-page-options-statistics">
<div class="row mb-3">
<div class="col-sm-2 wt-page-options-label">
<?= I18N::translate('Chart type') ?>
</div>
<div class="col-sm-4 wt-page-options-value">
<fieldset>
<legend><?= I18N::translate('Individual') ?></legend>
<?= view('components/radios', [
'name' => 'x-as', 'selected' => $module::X_AXIS_BIRTH_MONTH, 'options' => [
$module::X_AXIS_BIRTH_MONTH => I18N::translate('Month of birth'),
$module::X_AXIS_DEATH_MONTH => I18N::translate('Month of death'),
$module::X_AXIS_FIRST_CHILD_MONTH => I18N::translate('Month of birth of first child in a relation'),
$module::X_AXIS_AGE_AT_DEATH => I18N::translate('Average age at death'),
$module::X_AXIS_AGE_AT_MARRIAGE => I18N::translate('Age in year of marriage'),
$module::X_AXIS_AGE_AT_FIRST_MARRIAGE => I18N::translate('Age in year of first marriage'),
],
]) ?>
</fieldset>
<fieldset>
<legend><?= I18N::translate('Family') ?></legend>
<?= view('components/radios', [
'name' => 'x-as', 'selected' => $module::X_AXIS_BIRTH_MONTH, 'options' => [
$module::X_AXIS_MARRIAGE_MONTH => I18N::translate('Month of marriage'),
$module::X_AXIS_FIRST_MARRIAGE_MONTH => I18N::translate('Month of first marriage'),
$module::X_AXIS_NUMBER_OF_CHILDREN => I18N::translate('Number of children'),
],
]) ?>
</fieldset>
<fieldset>
<legend><?= I18N::translate('Map') ?></legend>
<?= view('components/radios', [
'name' => 'x-as', 'selected' => $module::X_AXIS_BIRTH_MONTH, 'options' => [
$module::X_AXIS_INDIVIDUAL_MAP => I18N::translate('Individuals'),
$module::X_AXIS_BIRTH_MAP => I18N::translate('Births'),
$module::X_AXIS_MARRIAGE_MAP => I18N::translate('Marriages'),
$module::X_AXIS_DEATH_MAP => I18N::translate('Deaths'),
],
]) ?>
</fieldset>
</div>
<div class="col-sm-2 wt-page-options-label">
<?= I18N::translate('Details') ?>
</div>
<div class="col-sm-4 wt-page-options-value">
<fieldset id="axes">
<legend><?= I18N::translate('Categories') ?></legend>
<label>
<input type="radio" id="z_none" name="z-as" value="<?= $module::Z_AXIS_ALL ?>" onclick="statusDisable('z-axis-boundaries-periods');">
<?= I18N::translate('none') ?>
</label>
<br>
<label>
<input type="radio" id="z_sex" name="z-as" value="<?= $module::Z_AXIS_SEX ?>" onclick="statusDisable('z-axis-boundaries-periods');">
<?= I18N::translate('gender') ?>
</label>
<br>
<label>
<input type="radio" id="z_time" name="z-as" value="<?= $module::Z_AXIS_TIME ?>" checked onclick="statusEnable('z-axis-boundaries-periods');">
<?= I18N::translate('date periods') ?>
</label>
<label for="z-axis-boundaries-periods" class="visually-hidden">
<?= I18N::translate('Date range') ?>
</label>
<select id="z-axis-boundaries-periods" class="form-select" name="z-axis-boundaries-periods">
<option value="1700,1750,1800,1850,1900,1950,2000" selected>
<?= /* I18N: from 1700 interval 50 years */
I18N::plural('from %1$s interval %2$s year', 'from %1$s interval %2$s years', 50, I18N::digits(1700), I18N::number(50)) ?>
</option>
<option value="1800,1840,1880,1920,1950,1970,2000">
<?= I18N::plural('from %1$s interval %2$s year', 'from %1$s interval %2$s years', 40, I18N::digits(1800), I18N::number(40)) ?>
</option>
<option value="1800,1850,1900,1950,2000">
<?= I18N::plural('from %1$s interval %2$s year', 'from %1$s interval %2$s years', 50, I18N::digits(1800), I18N::number(50)) ?>
</option>
<option value="1900,1920,1940,1960,1980,1990,2000">
<?= I18N::plural('from %1$s interval %2$s year', 'from %1$s interval %2$s years', 20, I18N::digits(1900), I18N::number(20)) ?>
</option>
<option value="1900,1925,1950,1975,2000">
<?= I18N::plural('from %1$s interval %2$s year', 'from %1$s interval %2$s years', 25, I18N::digits(1900), I18N::number(25)) ?>
</option>
<option value="1940,1950,1960,1970,1980,1990,2000">
<?= I18N::plural('from %1$s interval %2$s year', 'from %1$s interval %2$s years', 10, I18N::digits(1940), I18N::number(10)) ?>
</option>
</select>
</fieldset>
<fieldset id="zyaxes">
<legend><?= I18N::translate('Results') ?></legend>
<label>
<input type="radio" name="y-as" value="<?= $module::Y_AXIS_NUMBERS ?>" checked>
<?= I18N::translate('numbers') ?>
</label>
<br>
<label>
<input type="radio" name="y-as" value="<?= $module::Y_AXIS_PERCENT ?>">
<?= I18N::translate('percentage') ?>
</label>
</fieldset>
<fieldset id="x_years" style="display:none;">
<legend><?= I18N::translate('Age interval') ?></legend>
<label for="x-axis-boundaries-ages" class="visually-hidden">
<?= I18N::translate('Age interval') ?>
</label>
<?= view('components/select', ['name' => 'x-axis-boundaries-ages', 'selected' => '1,5,10,20,30,40,50,60,70,80,90,100', 'options' => ['1,5,10,20,30,40,50,60,70,80,90,100' => I18N::plural('%s year', '%s years', 10, I18N::number(10)), '5,20,40,60,75,80,85,90' => I18N::plural('%s year', '%s years', 20, I18N::number(20)), '10,25,50,75,100' => I18N::plural('%s year', '%s years', 25, I18N::number(25))]]) ?>
</fieldset>
<fieldset id="x_years_m" style="display:none;">
<legend><?= I18N::translate('Age interval') ?></legend>
<label for="x-axis-boundaries-ages_m" class="visually-hidden">
<?= I18N::translate('Select the desired age interval') ?>
</label>
<?= view('components/select', ['name' => 'x-axis-boundaries-ages_m', 'selected' => '16,18,20,22,24,26,28,30,32,35,40,50', 'options' => ['16,18,20,22,24,26,28,30,32,35,40,50' => I18N::plural('%s year', '%s years', 2, I18N::number(2)), '20,25,30,35,40,45,50' => I18N::plural('%s year', '%s years', 5, I18N::number(5))]]) ?>
</fieldset>
<div id="map_opt" style="display:none;">
<fieldset id="chart_type">
<legend><?= I18N::translate('Chart type') ?></legend>
<label for="chart_type" class="visually-hidden"><?= I18N::translate('Chart type') ?></label>
<select name="chart_type" class="form-select" onchange="statusShowSurname(this);">
<option value="indi_distribution_chart" selected>
<?= I18N::translate('Individuals') ?>
</option>
<option value="surname_distribution_chart">
<?= I18N::translate('Surnames') ?>
</option>
</select>
<div id="surname_opt" class="mb-3 d-none;">
<label for="SURN"><?= I18N::translate('Surname') ?></label>
<input data-wt-autocomplete-url="<?= e(route(AutoCompleteSurname::class, ['tree' => $tree->name()])) ?>" autocomplete="off" class="form-control" type="text" id="SURN" name="SURN">
</div>
</fieldset>
<fieldset>
<legend id="label-area"><?= I18N::translate('Geographic area') ?></legend>
<label for="chart_shows" class="visually-hidden"><?= I18N::translate('Geographic area') ?></label>
<select id="chart_shows" class="form-select" name="chart_shows">
<option value="world" selected>
<?= I18N::translate('World') ?>
</option>
<option value="150">
<?= I18N::translate('Europe') ?>
</option>
<option value="021">
<?= I18N::translate('Northern America') ?>
</option>
<option value="005">
<?= I18N::translate('South America') ?>
</option>
<option value="142">
<?= I18N::translate('Asia') ?>
</option>
<option value="145">
<?= I18N::translate('Middle East') ?>
</option>
<option value="002">
<?= I18N::translate('Africa') ?>
</option>
</select>
</fieldset>
</div>
</div>
</div>
<p>
<button type="submit" class="btn btn-primary">
<?= view('icons/save') ?>
<?= I18N::translate('show the chart') ?>
</button>
</p>
<?= csrf_field() ?>
</form>
<div id="custom-chart" class="wt-ajax-load">
<!-- Not initially empty, to disable spinner -->
</div>
</div>
<?php View::push('javascript') ?>
<script>
function statusDisable(sel) {
var cbox = document.getElementById(sel);
cbox.checked = false;
cbox.disabled = true;
}
function statusEnable(sel) {
var cbox = document.getElementById(sel);
cbox.disabled = false;
}
function statusHide(sel) {
var box = document.getElementById(sel);
box.style.display = "none";
var box_m = document.getElementById(sel + "_m");
if (box_m) {
box_m.style.display = "none";
}
if (sel === "map_opt") {
var box_axes = document.getElementById("axes");
if (box_axes) {
box_axes.style.display = "";
}
var box_zyaxes = document.getElementById("zyaxes");
if (box_zyaxes) {
box_zyaxes.style.display = "";
}
}
}
function statusShow(sel) {
var box = document.getElementById(sel);
box.style.display = "";
var box_m = document.getElementById(sel + "_m");
if (box_m) {
box_m.style.display = "none";
}
if (sel === "map_opt") {
var box_axes = document.getElementById("axes");
if (box_axes) {
box_axes.style.display = "none";
}
var box_zyaxes = document.getElementById("zyaxes");
if (box_zyaxes) {
box_zyaxes.style.display = "none";
}
}
}
function statusChecked(sel) {
var cbox = document.getElementById(sel);
cbox.checked = true;
}
function statusShowSurname(x) {
if (x.value === "surname_distribution_chart") {
document.getElementById("surname_opt").style.display = "";
} else if (x.value !== "surname_distribution_chart") {
document.getElementById("surname_opt").style.display = "none";
}
}
function loadCustomChart() {
$("#custom-chart").html("");
var form = $("#own-stats-form");
jQuery.post(form.attr("action"), form.serialize())
.done(function (data) {
$("#custom-chart").html(data);
})
.fail(function (jqXHR, textStatus) {
// Server error? Show something to get rid of the spinner.
$("#custom-chart").html(textStatus);
});
return false;
}
$("[name='x-as']").change(function () {
var x_axis = document.querySelector("[name='x-as']:checked").value;
switch (x_axis) {
case "<?= e($module::X_AXIS_BIRTH_MONTH) ?>":
case "<?= e($module::X_AXIS_DEATH_MONTH) ?>":
case "<?= e($module::X_AXIS_FIRST_CHILD_MONTH) ?>":
statusEnable("z_sex");
statusHide("x_years");
statusHide("map_opt");
break;
case "<?= e($module::X_AXIS_AGE_AT_DEATH) ?>":
statusEnable("z_sex");
statusShow("x_years");
statusHide("map_opt");
break;
case "<?= e($module::X_AXIS_AGE_AT_MARRIAGE) ?>":
case "<?= e($module::X_AXIS_AGE_AT_FIRST_MARRIAGE) ?>":
statusEnable("z_sex");
statusHide("x_years");
statusShow("x_years_m");
statusHide("map_opt");
break;
case "<?= e($module::X_AXIS_MARRIAGE_MONTH) ?>":
case "<?= e($module::X_AXIS_FIRST_MARRIAGE_MONTH) ?>":
case "<?= e($module::X_AXIS_NUMBER_OF_CHILDREN) ?>":
statusChecked("z_none");
statusDisable("z_sex");
statusHide("x_years");
statusHide("map_opt");
break;
case "<?= e($module::X_AXIS_INDIVIDUAL_MAP) ?>":
statusHide("x_years");
statusShow("map_opt");
statusShow("chart_type");
break;
case "<?= e($module::X_AXIS_BIRTH_MAP) ?>":
case "<?= e($module::X_AXIS_MARRIAGE_MAP) ?>":
case "<?= e($module::X_AXIS_DEATH_MAP) ?>":
statusHide("x_years");
statusShow("map_opt");
statusHide("chart_type");
statusHide("surname_opt");
break;
}
});
$("#own-stats-form").on("submit", loadCustomChart);
webtrees.autocomplete('#SURN');
</script>
<?php View::endpush() ?>
Server : Apache/2.4.41 (Ubuntu)