function QuickTabs::render

Same name in other branches

1. 4.x src/Plugin/TabRenderer/QuickTabs.php \Drupal\quicktabs\Plugin\TabRenderer\QuickTabs::render()

Returns a render array to be used in a block or page.

Return value

array A render array.

Overrides TabRendererBase::render

File

src/Plugin/TabRenderer/QuickTabs.php, line 72

Class

QuickTabs

Provides a 'QuickTabs' tab renderer.

Namespace

Drupal\quicktabs\Plugin\TabRenderer

Code

public function render(QuickTabsInstance $instance) {
    $qt_id = $instance->id();
    $type = \Drupal::service('plugin.manager.tab_type');
    // The render array used to build the block.
    $build = [];
    $build['pages'] = [];
    $build['pages']['#theme_wrappers'] = [
        'container' => [
            '#attributes' => [
                'class' => [
                    'quicktabs-main',
                ],
                'id' => 'quicktabs-container-' . $qt_id,
            ],
        ],
    ];
    // Pages of content that will be shown or hidden.
    $tab_pages = [];
    // Tabs used to show/hide content.
    $titles = [];
    $is_ajax = $instance->getOptions()['quick_tabs']['ajax'];
    $style = $instance->getOptions()['quick_tabs']['style'] ?? '';
    $custom_class = $instance->getOptions()['quick_tabs']['class'] ?? '';
    foreach ($instance->getConfigurationData() as $index => $tab) {
        // Build the pages //////////////////////////////////////.
        $default_tab = $instance->getDefaultTab() == 9999 ? 0 : $instance->getDefaultTab();
        if ($is_ajax) {
            if ($default_tab == $index) {
                $object = $type->createInstance($tab['type']);
                $render = $object->render($tab);
            }
            else {
                $render = [
                    '#markup' => $this->t('Loading content ...'),
                ];
            }
        }
        else {
            $object = $type->createInstance($tab['type']);
            $render = $object->render($tab);
        }
        // If user wants to hide empty tabs and there is no content
        // then skip to next tab.
        if ($instance->getHideEmptyTabs() && empty($render)) {
            continue;
        }
        $classes = [
            'quicktabs-tabpage',
        ];
        if ($default_tab != $index) {
            $classes[] = 'quicktabs-hide';
        }
        $render['#prefix'] = '<div>';
        $render['#suffix'] = '</div>';
        $block_id = 'quicktabs-tabpage-' . $qt_id . '-' . $index;
        $tab_id = 'quicktabs-tab-' . $qt_id . '-' . $index;
        if (!empty($tab['content'][$tab['type']]['options']['display_title']) && !empty($tab['content'][$tab['type']]['options']['block_title'])) {
            $build['pages'][$index]['#title'] = $tab['content'][$tab['type']]['options']['block_title'];
        }
        $build['pages'][$index]['#block'] = $render;
        $build['pages'][$index]['#classes'] = implode(' ', $classes);
        $build['pages'][$index]['#id'] = $block_id;
        $build['pages'][$index]['#tabid'] = $tab_id;
        $build['pages'][$index]['#theme'] = 'quicktabs_block_content';
        // Build the tabs ///////////////////////////////.
        $wrapper_attributes = [
            'role' => 'tab',
            'aria-controls' => $block_id,
            'aria-selected' => 'false',
            'id' => $tab_id,
            'tabIndex' => '-1',
        ];
        if ($default_tab == $index) {
            $wrapper_attributes['class'] = [
                'active',
            ];
            $wrapper_attributes['aria-selected'] = 'true';
            $wrapper_attributes['tabindex'] = '0';
        }
        if ($custom_class) {
            $wrapper_attributes['class'][] = $custom_class;
        }
        $title_class = strip_tags($tab['title']);
        $wrapper_attributes['class'][] = strtolower(Html::cleanCssIdentifier($title_class));
        $link_classes = [];
        if ($is_ajax) {
            $link_classes[] = 'use-ajax';
            if ($default_tab == $index) {
                $link_classes[] = 'quicktabs-loaded';
            }
        }
        else {
            $link_classes[] = 'quicktabs-loaded';
        }
        $titles[] = [
            '0' => Link::fromTextAndUrl(new TranslatableMarkup($tab['title']), Url::fromRoute('quicktabs.ajax_content', [
                'js' => 'nojs',
                'instance' => $qt_id,
                'tab' => $index,
            ], [
                'attributes' => [
                    'class' => $link_classes,
                    'data-quicktabs-tab-index' => $index,
                ],
            ]))->toRenderable(),
            '#wrapper_attributes' => $wrapper_attributes,
        ];
        // Array of tab pages to pass as settings ////////////.
        $tab['tab_page'] = $index;
        $tab_pages[] = $tab;
    }
    $tabs = [
        '#theme' => 'item_list__quicktabs__' . $qt_id,
        '#items' => $titles,
        '#attributes' => [
            'class' => [
                'quicktabs-tabs',
            ],
            'role' => 'tablist',
        ],
    ];
    // Add tabs to the build.
    array_unshift($build, $tabs);
    // Attach libraries.
    $libraries = [
        'quicktabs/quicktabs',
    ];
    if ($style) {
        $libraries[] = 'quicktabs/' . $style;
    }
    $build['#attached'] = [
        'library' => $libraries,
        'drupalSettings' => [
            'quicktabs' => [
                'qt_' . $qt_id => [
                    'tabs' => $tab_pages,
                ],
            ],
        ],
    ];
    // Add a wrapper.
    $classes = [
        'quicktabs-wrapper',
    ];
    if ($style) {
        $classes[] = $style;
    }
    $build['#theme_wrappers'] = [
        'container' => [
            '#attributes' => [
                'class' => $classes,
                'id' => 'quicktabs-' . $qt_id,
            ],
        ],
    ];
    return $build;
}