public function SimpleInstagramBlock::blockForm in Simple Instagram Feed Block 8.3

Same name and namespace in other branches

1. 8 src/Plugin/Block/SimpleInstagramBlock.php \Drupal\simple_instagram_feed\Plugin\Block\SimpleInstagramBlock::blockForm()
2. 8.2 src/Plugin/Block/SimpleInstagramBlock.php \Drupal\simple_instagram_feed\Plugin\Block\SimpleInstagramBlock::blockForm()
3. 1.0.x src/Plugin/Block/SimpleInstagramBlock.php \Drupal\simple_instagram_feed\Plugin\Block\SimpleInstagramBlock::blockForm()

Overrides BlockPluginTrait::blockForm

File

src/Plugin/Block/SimpleInstagramBlock.php, line 52

Class

SimpleInstagramBlock

Provides a block with a dynamic Instagram Feed.

Namespace

Drupal\simple_instagram_feed\Plugin\Block

Code

public function blockForm($form, FormStateInterface $form_state) {
  $form = parent::blockForm($form, $form_state);
  $config = $this
    ->getConfiguration();
  $form['simple_instagram_username'] = [
    '#type' => 'textfield',
    '#title' => $this
      ->t('Instagram username'),
    '#description' => $this
      ->t('Insert the username of the instagram account in the field above.'),
    '#default_value' => isset($config['simple_instagram_username']) ? $config['simple_instagram_username'] : 'instagram',
    '#required' => TRUE,
  ];
  $form['simple_instagram_display_profile'] = [
    '#type' => 'checkbox',
    '#title' => $this
      ->t('Display profile?'),
    '#description' => $this
      ->t('Do you wish to display the Instagram profile on this Instagram Feed?'),
    '#default_value' => isset($config['simple_instagram_display_profile']) ? $config['simple_instagram_display_profile'] : 'true',
  ];
  $form['simple_instagram_display_biography'] = [
    '#type' => 'checkbox',
    '#title' => $this
      ->t('Display bio?'),
    '#description' => $this
      ->t('Do you wish to display the Instagram Bio on this Instagram Feed?'),
    '#default_value' => isset($config['simple_instagram_display_biography']) ? $config['simple_instagram_display_biography'] : 'true',
  ];
  $form['simple_instagram_captions'] = [
    '#type' => 'checkbox',
    '#title' => $this
      ->t('Display captions'),
    '#description' => $this
      ->t('Enables displaying captions for each post as overlay on hover.'),
    '#default_value' => isset($config['simple_instagram_captions']) ? $config['simple_instagram_captions'] : FALSE,
    '#attributes' => [
      'id' => 'simple_instagram_captions',
    ],
  ];
  $form['simple_instagram_items'] = [
    '#type' => 'textfield',
    '#size' => 3,
    '#maxlength' => 3,
    '#title' => $this
      ->t('Number of images'),
    '#description' => $this
      ->t('How many images do you wish to feature on this Instagram Feed?'),
    '#default_value' => isset($config['simple_instagram_items']) ? $config['simple_instagram_items'] : '12',
    '#required' => TRUE,
  ];
  $form['simple_instagram_items_per_row'] = [
    '#type' => 'fieldset',
    '#title' => $this
      ->t('Items per row'),
  ];
  $form['simple_instagram_items_per_row']['simple_instagram_items_per_row_type'] = [
    '#type' => 'checkbox',
    '#title' => $this
      ->t('Check it if you want to choose how many images to display depends on the window size.'),
    '#default_value' => isset($config['simple_instagram_items_per_row_type']) ? $config['simple_instagram_items_per_row_type'] : 0,
    '#attributes' => [
      'id' => 'simple_instagram_items_per_row_type',
    ],
  ];
  $simple_items_range = range(1, 12);
  $form['simple_instagram_items_per_row']['simple_instagram_items_per_row_default'] = [
    '#type' => 'select',
    '#title' => $this
      ->t('Number of images per row for all window size.'),
    '#description' => $this
      ->t('How many images do you wish to feature on each row of this Instagram Feed? You can produce a single row if you set the number of images to equal the number of images per row.'),
    '#options' => [
      $simple_items_range,
    ],
    '#default_value' => isset($config['simple_instagram_items_per_row_default']) ? $config['simple_instagram_items_per_row_default'] : '5',
    '#states' => [
      'visible' => [
        ':input[id="simple_instagram_items_per_row_type"]' => [
          'checked' => FALSE,
        ],
      ],
    ],
  ];
  $form['simple_instagram_items_per_row']['simple_instagram_items_per_row_l_720'] = [
    '#type' => 'select',
    '#title' => $this
      ->t('Number of images per row if window size is <720px.'),
    '#description' => $this
      ->t('How many images do you wish on each row if the user window size is lower than 720px.'),
    '#options' => [
      $simple_items_range,
    ],
    '#default_value' => isset($config['simple_instagram_items_per_row_l_720']) ? $config['simple_instagram_items_per_row_l_720'] : '5',
    '#states' => [
      'visible' => [
        ':input[id="simple_instagram_items_per_row_type"]' => [
          'checked' => TRUE,
        ],
      ],
    ],
  ];
  $form['simple_instagram_items_per_row']['simple_instagram_items_per_row_l_960'] = [
    '#type' => 'select',
    '#title' => $this
      ->t('Number of images per row if window size is >= 720px and < 960.'),
    '#description' => $this
      ->t('How many images do you wish on each row if the user window size is lower than 960px and higher than 720px.'),
    '#options' => [
      $simple_items_range,
    ],
    '#default_value' => isset($config['simple_instagram_items_per_row_l_960']) ? $config['simple_instagram_items_per_row_l_960'] : '5',
    '#states' => [
      'visible' => [
        ':input[id="simple_instagram_items_per_row_type"]' => [
          'checked' => TRUE,
        ],
      ],
    ],
  ];
  $form['simple_instagram_items_per_row']['simple_instagram_items_per_row_h_960'] = [
    '#type' => 'select',
    '#title' => $this
      ->t('Number of images per row if window size is >=960px.'),
    '#description' => $this
      ->t('How many images do you wish on each row if the user window size is higher than 960px.'),
    '#options' => [
      $simple_items_range,
    ],
    '#default_value' => isset($config['simple_instagram_items_per_row_h_960']) ? $config['simple_instagram_items_per_row_h_960'] : '5',
    '#states' => [
      'visible' => [
        ':input[id="simple_instagram_items_per_row_type"]' => [
          'checked' => TRUE,
        ],
      ],
    ],
  ];
  $form['simple_instagram_styling'] = [
    '#type' => 'select',
    '#options' => [
      'true' => 'True',
      'false' => 'False',
    ],
    '#title' => $this
      ->t('Styling'),
    '#description' => $this
      ->t('Uncheck to omit instagramFeed styles and provide your own in your CSS. Enabled by default when using captions.'),
    '#default_value' => isset($config['simple_instagram_styling']) ? $config['simple_instagram_styling'] : 'true',
    '#states' => [
      'disabled' => [
        ':input[id="simple_instagram_captions"]' => [
          'checked' => TRUE,
        ],
      ],
    ],
    '#default_value' => isset($config['simple_instagram_styling']) ?? 'true',
  ];
  $simple_image_sizes = [
    '640' => 640,
    '480' => 480,
    '320' => 320,
    '240' => 240,
    '150' => 150,
  ];
  $form['simple_instagram_image_size'] = [
    '#type' => 'select',
    '#options' => $simple_image_sizes,
    '#title' => $this
      ->t('Image Size'),
    '#description' => $this
      ->t('Scale of items to build gallery. Accepted values [150, 240, 320, 480, 640].'),
    '#default_value' => isset($config['simple_instagram_image_size']) ? $config['simple_instagram_image_size'] : '640',
  ];
  $form['simple_instagram_lazy_load'] = [
    '#type' => 'checkbox',
    '#title' => $this
      ->t('Lazyload assets'),
    '#description' => $this
      ->t('Do you wish to Lazy-load on this Instagram Feed?'),
    '#default_value' => isset($config['simple_instagram_lazy_load']) ? $config['simple_instagram_lazy_load'] : 'true',
  ];

  // Add a warning if the js library is not available.
  $this->simpleInstagramFeedLibrary
    ->isAvailable(TRUE);
  return $form;
}