tabs.php

Go to the documentation of this file.

<?php
$id = elgg_extract('id', $vars);
if (!isset($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', 'NOTICE');
        continue;
    }

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

    $class = [];
    $tab_content = '';
    $tab_id = "{$id}-{$index}";
    if (isset($tab['content'])) {
        $class[] = $selected ? 'elgg-state-active' : 'hidden';

        $tab_content = (string) elgg_extract('content', $tab);
        unset($tab['content']);

        $tab['href'] = "#{$tab_id}";
    } else {
        if (!isset($tab['data-ajax-reload'])) {
            $tab['data-ajax-reload'] = true;
        }
        
        $class[] = 'hidden';
    }
    
    // place for content
    $content .= elgg_format_element('div', ['class' => $class, 'id' => $tab_id], $tab_content);
    
    // additional tab information
    if (!isset($tab['name'])) {
        $tab['name'] = "{$id}-tab-{$index}";
    }
    
    $tab['data-target'] = "#{$tab_id}";
    $tab['item_class'] = elgg_extract_class($tab, 'elgg-components-tab', 'item_class');
    
    $tabs[$index] = $tab;
}

$tabs = elgg_view('navigation/tabs', [
    'class' => 'elgg-components-tabs',
    'tabs' => $tabs,
]);

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

$module = (string) elgg_extract('module', $vars, 'tabs');
unset($vars['module']);

echo elgg_view_module($module, (string) elgg_extract('title', $vars), $tabs . $content, $vars);

elgg_import_esm('page/components/tabs');