Sidr.php in Responsive Menus 8

Namespace

Drupal\responsive_menus\Plugin\ResponsiveMenus

File

src/Plugin/ResponsiveMenus/Sidr.php

<?php

namespace Drupal\responsive_menus\Plugin\ResponsiveMenus;

use Drupal\Core\Form\FormStateInterface;
use Drupal\responsive_menus\ResponsiveMenusPluginBase;
use Drupal\responsive_menus\ResponsiveMenusPluginInterface;

/**
 * Defines the "sidr" plugin.
 *
 * @ResponsiveMenus(
 *   id = "sidr",
 *   label = @Translation("Sidr"),
 *   library = "responsive_menus/sidr"
 * )
 */
class Sidr extends ResponsiveMenusPluginBase implements ResponsiveMenusPluginInterface {

  /**
   * {@inheritdoc}
   */
  public static function getSelectorInfo() {
    return t('Anything (parent of ul preferred).  Example: Given <code>@code</code> you could use @use', [
      '@ul' => '<ul>',
      '@code' => '<div id="parent-div"> <ul class="menu"> </ul> </div>',
      '@use' => '<strong>#parent-div or .menu</strong>',
    ]);
  }

  /**
   * {@inheritdoc}
   */
  public static function defaultSettings() {
    return [
      'responsive_menus_sidr_css_selectors' => '#main-menu',
      'responsive_menus_sidr_trigger_txt' => t('Menu'),
      'responsive_menus_sidr_menu_side' => 'left',
      'responsive_menus_sidr_menu_theme' => 'dark',
      'responsive_menus_sidr_animation_speed' => 200,
      'responsive_menus_sidr_media_size' => 768,
      'responsive_menus_sidr_displace' => 1,
      'responsive_menus_sidr_renaming' => 1,
      'responsive_menus_sidr_on_open' => '',
      'responsive_menus_sidr_on_close' => '',
    ];
  }

  /**
   * {@inheritdoc}
   */
  public function settingsForm(array $form, FormStateInterface $form_state) {
    $form['responsive_menus_sidr_css_selectors'] = [
      '#type' => 'textarea',
      '#title' => $this
        ->t('CSS selectors for which menu to responsify'),
      '#default_value' => $this
        ->getSetting('responsive_menus_sidr_css_selectors'),
      '#description' => $this
        ->t('Enter CSS/jQuery selectors of menus to responsify.  Comma separated or 1 per line'),
    ];
    $form['responsive_menus_sidr_trigger_txt'] = [
      '#type' => 'textarea',
      '#title' => $this
        ->t('Text or HTML for trigger button'),
      '#default_value' => $this
        ->getSetting('responsive_menus_sidr_trigger_txt'),
    ];
    $form['responsive_menus_sidr_menu_side'] = [
      '#type' => 'select',
      '#title' => $this
        ->t('Position of the menu (left/right)'),
      '#options' => [
        'left' => $this
          ->t('Left'),
        'right' => $this
          ->t('Right'),
      ],
      '#default_value' => $this
        ->getSetting('responsive_menus_sidr_menu_side'),
    ];
    $form['responsive_menus_sidr_menu_theme'] = [
      '#type' => 'select',
      '#title' => $this
        ->t('Theme'),
      '#options' => [
        'dark' => $this
          ->t('Dark'),
        'light' => $this
          ->t('Light'),
        'custom' => $this
          ->t('Custom'),
      ],
      '#default_value' => $this
        ->getSetting('responsive_menus_sidr_menu_theme'),
      '#description' => $this
        ->t('Select which <a href="@theme">theme</a> will be used to style the menu. If "Custom" is selected, no CSS will be added; you will need to add your own styles.', [
        '@theme' => 'http://www.berriart.com/sidr/#themes',
      ]),
    ];
    $form['responsive_menus_sidr_animation_speed'] = [
      '#type' => 'textfield',
      '#title' => $this
        ->t('Sidr animation speed'),
      '#size' => 5,
      '#default_value' => $this
        ->getSetting('responsive_menus_sidr_animation_speed'),
      '#description' => $this
        ->t('Speed (in milliseconds) of menu open/close. 1000 = 1 second.'),
    ];
    $form['responsive_menus_sidr_media_size'] = [
      '#type' => 'textfield',
      '#title' => $this
        ->t('Screen width to respond to'),
      '#size' => 5,
      '#default_value' => $this
        ->getSetting('responsive_menus_sidr_media_size'),
      '#description' => $this
        ->t('Width in pixels when we swap out responsive menu e.g. 768'),
    ];
    $form['responsive_menus_sidr_displace'] = [
      '#type' => 'select',
      '#title' => $this
        ->t('Displace body content?'),
      '#options' => [
        1 => t('Yes'),
        0 => t('No'),
      ],
      '#default_value' => $this
        ->getSetting('responsive_menus_sidr_displace'),
      '#description' => $this
        ->t('This setting controls whether the page is pushed when menu is opened.'),
    ];
    $form['responsive_menus_sidr_renaming'] = [
      '#type' => 'select',
      '#title' => $this
        ->t('Rename classes'),
      '#options' => [
        1 => $this
          ->t('Yes'),
        0 => $this
          ->t('No'),
      ],
      '#default_value' => $this
        ->getSetting('responsive_menus_sidr_renaming'),
      '#description' => $this
        ->t('Controls whether Sidr will rename classes within the the selectors specified.'),
    ];
    $form['responsive_menus_sidr_on_open'] = [
      '#type' => 'textarea',
      '#title' => $this
        ->t('onOpen callback (function)'),
      //      '#description' => t('See !documentation for examples.', ['!documentation' => l(t('Sidr documentation'), 'http://www.berriart.com/sidr/#documentation')]),
      '#default_value' => $this
        ->getSetting('responsive_menus_sidr_on_open'),
    ];
    $form['responsive_menus_sidr_on_close'] = [
      '#type' => 'textarea',
      '#title' => $this
        ->t('onClose callback (function)'),
      //      '#description' => t('See !documentation for examples.', ['!documentation' => l(t('Sidr documentation'), 'http://www.berriart.com/sidr/#documentation')]),
      '#default_value' => $this
        ->getSetting('responsive_menus_sidr_on_close'),
    ];

    /* Other sidr attributes not implemented:
     *
     * renaming (Boolean) Default: true
     * When filling the sidr with existing content, choose to rename or not the
     * classes and ids.
     *
     * body (String) Default: 'body' [ Version 1.1.0 an above ]
     * For doing the page movement the 'body' element is animated by default,
     * you can select another element to animate with this option.
     *
     * displace (Boolean) Default: true [ Version 1.2.0 an above ]
     * Displace the body content or not.
     */
    return $form;
  }

  /**
   * {@inheritdoc}
   */
  public function getJsSettings() {
    $js_settings = [
      'selectors' => $this
        ->getSettingArray('responsive_menus_sidr_css_selectors'),
      'trigger_txt' => $this
        ->getSetting('responsive_menus_sidr_trigger_txt'),
      'side' => $this
        ->getSetting('responsive_menus_sidr_menu_side'),
      'speed' => $this
        ->getSetting('responsive_menus_sidr_animation_speed'),
      'media_size' => $this
        ->getSetting('responsive_menus_sidr_media_size'),
      'displace' => $this
        ->getSetting('responsive_menus_sidr_displace'),
      'renaming' => $this
        ->getSetting('responsive_menus_sidr_renaming'),
      'onOpen' => $this
        ->getSetting('responsive_menus_sidr_on_open'),
      'onClose' => $this
        ->getSetting('responsive_menus_sidr_on_close'),
    ];
    return $js_settings;
  }

  /**
   * Gets this plugin's configuration.
   *
   * @return array
   *   An array of this plugin's configuration.
   */
  public function getConfiguration() {

    // TODO: Implement getConfiguration() method.
  }

  /**
   * Sets the configuration for this plugin instance.
   *
   * @param array $configuration
   *   An associative array containing the plugin's configuration.
   */
  public function setConfiguration(array $configuration) {

    // TODO: Implement setConfiguration() method.
  }

  /**
   * Gets default configuration for this plugin.
   *
   * @return array
   *   An associative array with the default configuration.
   */
  public function defaultConfiguration() {

    // TODO: Implement defaultConfiguration() method.
  }

}

Classes

Name	Description
Sidr	Defines the "sidr" plugin.