tabs.php

Go to the documentation of this file.

<?php
$id = elgg_extract('id', $vars);
if (!isset($vars['id'])) {
    $id = "elgg-tabs-" . base_convert(mt_rand(), 10, 36);
}
$vars['id'] = $id;

$vars['class'] = elgg_extract_class($vars, 'elgg-tabs-component');

$tabs = (array) elgg_extract('tabs', $vars, []);
unset($vars['tabs']);
if (empty($tabs)) {
    return;
}

$content = '';
foreach ($tabs as $index => $tab) {
    if (!isset($tab['href']) && !isset($tab['content'])) {
        elgg_log('Tab configuration in "page/components/tabs"
            requires either a "href" or "content" parameter', 'ERROR');
        continue;
    }

    $selected = elgg_extract('selected', $tab);

    if (isset($tab['content'])) {
        $class = ['elgg-content'];
        $class[] = $selected ? 'elgg-state-active' : 'hidden';

        $content .= elgg_format_element('div', [
            'class' => $class,
            'id' => "{$id}-{$index}",
        ], $tab['content']);
        unset($tab['content']);

        $tab['href'] = "#{$id}-{$index}";
    } else {
        if (!isset($tab['data-ajax-reload'])) {
            $tab['data-ajax-reload'] = true;
        }
    }
    
    $tabs[$index] = $tab;
}

$tabs = elgg_view('navigation/tabs', [
    'tabs' => $tabs,
]);

$content = elgg_format_element('div', [
    'class' => 'elgg-tabs-content',
], $content);

$module = elgg_extract('module', $vars, 'tabs');
unset($vars['module']);
echo elgg_view_module($module, $tabs, $content, $vars);

?>
<script>
    require(['page/components/tabs']);
</script>