UiTabs.php in Quick Tabs 8.3

Namespace

Drupal\quicktabs_jqueryui\Plugin\TabRenderer

File

quicktabs_jqueryui/src/Plugin/TabRenderer/UiTabs.php

<?php

namespace Drupal\quicktabs_jqueryui\Plugin\TabRenderer;

use Drupal\quicktabs\TabRendererBase;
use Drupal\quicktabs\Entity\QuickTabsInstance;
use Drupal\Core\Template\Attribute;
use Drupal\Core\StringTranslation\TranslatableMarkup;

/**
 * Provides a 'ui tabs' tab renderer.
 *
 * @TabRenderer(
 *   id = "ui_tabs",
 *   name = @Translation("jquery ui"),
 * )
 */
class UiTabs extends TabRendererBase {

  /**
   * {@inheritdoc}
   */
  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'] = [];

    // Pages of content that will be shown or hidden.
    $tab_pages = [];

    // Tabs used to show/hide content.
    $titles = [];
    foreach ($instance
      ->getConfigurationData() as $index => $tab) {
      $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;
      }
      $tab_num = $index + 1;
      $attributes = new Attribute([
        'id' => 'qt-' . $qt_id . '-ui-tabs' . $tab_num,
      ]);
      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]['#prefix'] = '<div ' . $attributes . '>';
      $build['pages'][$index]['#suffix'] = '</div>';
      $build['pages'][$index]['#theme'] = 'quicktabs_block_content';
      $href = '#qt-' . $qt_id . '-ui-tabs' . $tab_num;
      $titles[] = [
        '#markup' => '<a href="' . $href . '">' . new TranslatableMarkup($tab['title']) . '</a>',
      ];
      $tab_pages[] = $tab;
    }

    // Add a wrapper.
    $build['#theme_wrappers'] = [
      'container' => [
        '#attributes' => [
          'class' => [
            'quicktabs-ui-wrapper',
          ],
          'id' => 'quicktabs-' . $qt_id,
        ],
      ],
    ];
    $tabs = [
      '#theme' => 'item_list',
      '#items' => $titles,
    ];

    // Add tabs to the build.
    array_unshift($build, $tabs);

    // Attach js.
    $default_tab = $instance
      ->getDefaultTab();
    $build['#attached'] = [
      'library' => [
        'quicktabs_jqueryui/quicktabs.ui',
      ],
      'drupalSettings' => [
        'quicktabs' => [
          'qt_' . $qt_id => [
            'tabs' => $tab_pages,
            'default_tab' => $default_tab,
          ],
        ],
      ],
    ];
    return $build;
  }

}

Classes

Name	Description
UiTabs	Provides a 'ui tabs' tab renderer.