xref: /webtrees/resources/views/statistics/other/charts/geo.phtml (revision 66ce3d2365f7eb099897303ad7dc49a8459ceb55)

<?php
declare(strict_types=1);

use Fisharebest\Localization\Locale\LocaleInterface;
use Fisharebest\Webtrees\I18N;

$id   = 'google-chart-' . bin2hex(random_bytes(8));
$name = 'callback_' . bin2hex(random_bytes(12));
?>

<?php if (count($data) === 1): ?>
    <?= I18N::translate('This information is not available.') ?>
<?php else: ?>
    <div class="mb-3">
        <div class="card-deck">
            <div class="col-12 mb-3">
                <div class="card m-0">
                    <div class="card-header">
                        <?= $chart_title ?>
                    </div>
                    <div class="card-body">
                        <div id="<?= $id ?>" title="<?= $chart_title ?>"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>

    let <?= $name ?> = function () {
        statistics.drawGeoChart(
            <?= json_encode($id) ?>,
            <?= json_encode($data) ?>,
            {
                title: '<?= $chart_title ?>',
                region: '<?= $region ?>',
                colorAxis: {
                    colors: [
                        '#<?= $chart_color3 ?>',
                        '#<?= $chart_color2 ?>'
                    ]
                }
            }
        );
    };

    if (document.readyState === "complete"
        || (document.readyState !== "loading" && !document.documentElement.doScroll)
    ) {
        statistics.init(<?= json_encode(app(LocaleInterface::class)->code()) ?>);
        statistics.addCallback(<?= $name ?>);
    } else {
        document.addEventListener("DOMContentLoaded", function () {
            statistics.init(<?= json_encode(app(LocaleInterface::class)->code()) ?>);
            statistics.addCallback(<?= $name ?>);
        });
    }

    </script>
<?php endif; ?>