public function MultiLevelPushMenu::settingsForm in Responsive Menus 8

Form constructor.

Parameters

array $form: An associative array containing the initial structure of the plugin form.

\Drupal\Core\Form\FormStateInterface $form_state: The current state of the complete form.

Return value

array The form structure.

Overrides ResponsiveMenusPluginBase::settingsForm

File

src/Plugin/ResponsiveMenus/MultiLevelPushMenu.php, line 67

Class

MultiLevelPushMenu

Defines the "mlpm" plugin.

Namespace

Drupal\responsive_menus\Plugin\ResponsiveMenus

Code

public function settingsForm(array $form, FormStateInterface $form_state) {
  $form['responsive_menus_mlpm_css_selectors'] = [
    '#type' => 'textfield',
    '#title' => $this
      ->t('CSS selectors for which menu to responsify'),
    '#default_value' => $this
      ->getSetting('responsive_menus_mlpm_css_selectors'),
    '#description' => $this
      ->t('Enter CSS/jQuery selector of menus to responsify.'),
  ];
  $form['responsive_menus_mlpm_media_size'] = [
    '#type' => 'textfield',
    '#title' => $this
      ->t('Screen width to respond to'),
    '#size' => 5,
    '#default_value' => $this
      ->getSetting('responsive_menus_mlpm_media_size'),
    '#description' => $this
      ->t('Width in pixels when we swap out responsive menu e.g. 768 (0 means the responsive menu will always show)'),
  ];
  $form['responsive_menus_mlpm_move_to'] = [
    '#type' => 'textfield',
    '#title' => $this
      ->t('CSS selector to move menu to'),
    '#default_value' => $this
      ->getSetting('responsive_menus_mlpm_move_to'),
    '#description' => $this
      ->t("Enter a CSS/JQuery selector of the container the nav menu will be moved to. This is useful when using a theme you don't want to alter."),
  ];
  $form['responsive_menus_mlpm_nav_block'] = [
    '#type' => 'select',
    '#title' => $this
      ->t('Add nav block?'),
    '#options' => [
      1 => $this
        ->t('Yes'),
      0 => $this
        ->t('No'),
    ],
    '#default_value' => $this
      ->getSetting('responsive_menus_mlpm_nav_block'),
    '#description' => $this
      ->t("MLPM requires a nav block to be in place. This can be added using javascript if you don't want to alter your theme."),
  ];
  $form['responsive_menus_mlpm_nav_block_name'] = [
    '#type' => 'textfield',
    '#title' => $this
      ->t('Id for nav block'),
    '#default_value' => $this
      ->getSetting('responsive_menus_mlpm_nav_block_name'),
    '#description' => $this
      ->t('Enter the id of nav block.'),
  ];
  $form['responsive_menus_mlpm_push'] = [
    '#type' => 'textarea',
    '#title' => $this
      ->t('CSS selectors of containers to push'),
    '#default_value' => $this
      ->getSetting('responsive_menus_mlpm_push'),
    '#description' => $this
      ->t('CSS/jQuery selectors of the elements that need to be pushed when expading the MLPM (one per line)'),
  ];
  $form['responsive_menus_mlpm_menu_height'] = [
    '#type' => 'textfield',
    '#title' => 'Menu height',
    '#description' => "Menu height (integer, '%', 'px', 'em').",
    '#default_value' => $this
      ->getSetting('responsive_menus_mlpm_menu_height'),
  ];
  $form['responsive_menus_mlpm_direction'] = [
    '#type' => 'select',
    '#title' => $this
      ->t('Sliding direction'),
    '#options' => [
      'ltr' => $this
        ->t('Left to right'),
      'rtl' => $this
        ->t('Right to left'),
    ],
    '#description' => '',
    '#default_value' => $this
      ->getSetting('responsive_menus_mlpm_direction'),
  ];
  $form['responsive_menus_mlpm_mode'] = [
    '#type' => 'select',
    '#title' => $this
      ->t('Menu sliding mode'),
    '#options' => [
      'overlap' => $this
        ->t('Overlap'),
      'cover' => $this
        ->t('Cover'),
    ],
    '#description' => '',
    '#default_value' => $this
      ->getSetting('responsive_menus_mlpm_mode'),
  ];
  $form['responsive_menus_mlpm_collapsed'] = [
    '#type' => 'select',
    '#title' => $this
      ->t('How to load the menu'),
    '#options' => [
      1 => $this
        ->t('Collapsed'),
      0 => $this
        ->t('Expanded'),
    ],
    '#description' => 'Initialize menu in collapsed/expanded mode',
    '#default_value' => $this
      ->getSetting('responsive_menus_mlpm_collapsed'),
  ];
  $form['responsive_menus_mlpm_full_collapse'] = [
    '#type' => 'select',
    '#title' => $this
      ->t('Full collapse'),
    '#options' => [
      1 => $this
        ->t('Yes'),
      0 => $this
        ->t('No'),
    ],
    '#description' => 'Do you want to fully hide base level holder when collapsed?',
    '#default_value' => $this
      ->getSetting('responsive_menus_mlpm_full_collapse'),
  ];
  $form['responsive_menus_mlpm_swipe'] = [
    '#type' => 'select',
    '#title' => $this
      ->t('Swipe mode'),
    '#options' => [
      'both' => $this
        ->t('Both'),
      'desktop' => $this
        ->t('Desktop'),
      'touchscreen' => $this
        ->t('Touchscreen'),
    ],
    '#description' => '',
    '#default_value' => $this
      ->getSetting('responsive_menus_mlpm_swipe'),
  ];
  $form['responsive_menus_mlpm_decoration'] = [
    '#type' => 'details',
    '#title' => $this
      ->t('Menu decoration'),
    '#open' => FALSE,
  ];
  $style = $this
    ->getSetting('responsive_menus_mlpm_decoration');
  $form['responsive_menus_mlpm_decoration']['font_awesome'] = [
    '#type' => 'checkbox',
    '#title' => $this
      ->t('Include font awesome'),
    '#description' => $this
      ->t('By default font awesome is used for the menu icons'),
    '#default_value' => $style['font_awesome'],
  ];
  $form['responsive_menus_mlpm_decoration']['google_fonts'] = [
    '#type' => 'checkbox',
    '#title' => $this
      ->t('Include google fonts'),
    '#description' => $this
      ->t('By default google fonts are used to style this menu.'),
    '#default_value' => $style['google_fonts'],
  ];
  $form['responsive_menus_mlpm_decoration']['back_text'] = [
    '#type' => 'textfield',
    '#title' => $this
      ->t('Back text'),
    '#description' => $this
      ->t('The text that will appear on the back links leading you to previous levels of the menu.'),
    '#default_value' => $style['back_text'],
  ];
  $form['responsive_menus_mlpm_decoration']['back_class'] = [
    '#type' => 'textfield',
    '#title' => $this
      ->t('Back item class'),
    '#description' => $this
      ->t('The class of the back link that leads to the pervious levels of the menu.'),
    '#default_value' => $style['back_class'],
  ];
  $form['responsive_menus_mlpm_decoration']['back_icon'] = [
    '#type' => 'textfield',
    '#title' => $this
      ->t('Back item icon'),
    '#description' => $this
      ->t('The icon used for the back link that leads to previous levels of the menu (default requires font awesome).'),
    '#default_value' => $style['back_icon'],
  ];
  $form['responsive_menus_mlpm_decoration']['group_icon'] = [
    '#type' => 'textfield',
    '#title' => $this
      ->t('Group icon'),
    '#description' => $this
      ->t('The icon used on menu links that lead into new layers of the menu (default requires font awesome).'),
    '#default_value' => $style['group_icon'],
  ];
  $form['responsive_menus_mlpm_toggle'] = [
    '#type' => 'details',
    '#title' => $this
      ->t('Toggle control'),
    '#open' => FALSE,
  ];
  $toggle = $this
    ->getSetting('responsive_menus_mlpm_toggle');
  $form['responsive_menus_mlpm_toggle']['container'] = [
    '#type' => 'textfield',
    '#title' => $this
      ->t('Menu toggle control container'),
    '#description' => $this
      ->t('The CSS/jQuery selector you would like an anchor tag that will toggle the menu open and closed (leave blank for no control).'),
    '#default_value' => $toggle['container'],
  ];
  $form['responsive_menus_mlpm_toggle']['text'] = [
    '#type' => 'textarea',
    '#title' => $this
      ->t('Menu toggle control text'),
    '#description' => $this
      ->t('The text/filtered html you would like inside the toggle control'),
    '#default_value' => $toggle['text'],
  ];
  $form['responsive_menus_mlpm_toggle']['off_menu'] = [
    '#type' => 'textfield',
    '#title' => $this
      ->t('Container to detect off menu clicks'),
    '#description' => $this
      ->t('The CSS/jQuery selector that will close the menu when clicked. This is useful for when you want to be able to close the menu by clicking off of the menu.'),
    '#default_value' => $toggle['off_menu'],
  ];
  return $form;
}