public function BlazySettingsForm::buildForm in Blazy 8

Same name and namespace in other branches

1. 8.2 blazy_ui/src/Form/BlazySettingsForm.php \Drupal\blazy_ui\Form\BlazySettingsForm::buildForm()
2. 7 modules/blazy_ui/src/Form/BlazySettingsForm.php \Drupal\blazy_ui\Form\BlazySettingsForm::buildForm()

Implements \Drupal\Core\Form\FormInterface::buildForm().

Overrides ConfigFormBase::buildForm

File

blazy_ui/src/Form/BlazySettingsForm.php, line 31

Class

BlazySettingsForm

Defines blazy admin settings form.

Namespace

Drupal\blazy_ui\Form

Code

public function buildForm(array $form, FormStateInterface $form_state) {
  $config = $this
    ->config('blazy.settings');
  $form['admin_css'] = [
    '#type' => 'checkbox',
    '#title' => $this
      ->t('Admin CSS'),
    '#default_value' => $config
      ->get('admin_css'),
    '#description' => $this
      ->t('Uncheck to disable blazy related admin compact form styling, only if not compatible with your admin theme.'),
  ];
  $form['responsive_image'] = [
    '#type' => 'checkbox',
    '#title' => $this
      ->t('Support Responsive image'),
    '#default_value' => $config
      ->get('responsive_image'),
    '#description' => $this
      ->t('Check to support lazyloading for the core Responsive image module. Be sure to use Blazy formatter to have relevant styling.'),
  ];
  $form['one_pixel'] = [
    '#type' => 'checkbox',
    '#title' => $this
      ->t('One pixel placeholder'),
    '#default_value' => $config
      ->get('one_pixel'),
    '#description' => $this
      ->t('By default a one pixel image is the placeholder for lazyloaded Responsive image. Useful to perform a lot better. Uncheck to disable, and use Drupal-managed smallest/fallback image style instead. Be sure to add proper dimensions or at least min-height/min-width via CSS accordingly to avoid layout reflow since Aspect ratio is not supported with Responsive image yet. Disabling this will result in downloading fallback image as well for non-PICTURE element (double downloads).'),
  ];
  $form['blazy'] = [
    '#type' => 'container',
    '#tree' => TRUE,
    '#title' => $this
      ->t('Blazy JS settings'),
    '#description' => $this
      ->t('The following are JS related settings.'),
  ];
  $form['blazy']['loadInvisible'] = [
    '#type' => 'checkbox',
    '#title' => $this
      ->t('Load invisible'),
    '#default_value' => $config
      ->get('blazy.loadInvisible'),
    '#description' => $this
      ->t('Set to true if you want to load invisible (hidden) elements.'),
  ];
  $form['blazy']['offset'] = [
    '#type' => 'textfield',
    '#title' => $this
      ->t('Offset'),
    '#default_value' => $config
      ->get('blazy.offset'),
    '#description' => $this
      ->t("The offset controls how early you want the elements to be loaded before they're visible. Default is <strong>100</strong>, so 100px before an element is visible it'll start loading."),
    '#field_suffix' => 'px',
    '#maxlength' => 5,
    '#size' => 10,
  ];
  $form['blazy']['saveViewportOffsetDelay'] = [
    '#type' => 'textfield',
    '#title' => $this
      ->t('Save viewport offset delay'),
    '#default_value' => $config
      ->get('blazy.saveViewportOffsetDelay'),
    '#description' => $this
      ->t('Delay for how often it should call the saveViewportOffset function on resize. Default is <strong>50</strong>ms.'),
    '#field_suffix' => 'ms',
    '#maxlength' => 5,
    '#size' => 10,
  ];
  $form['blazy']['validateDelay'] = [
    '#type' => 'textfield',
    '#title' => $this
      ->t('Set validate delay'),
    '#default_value' => $config
      ->get('blazy.validateDelay'),
    '#description' => $this
      ->t('Delay for how often it should call the validate function on scroll/resize. Default is <strong>25</strong>ms.'),
    '#field_suffix' => 'ms',
    '#maxlength' => 5,
    '#size' => 10,
  ];
  $form['blazy']['container'] = [
    '#type' => 'textfield',
    '#title' => $this
      ->t('Scrolling container'),
    '#default_value' => $config
      ->get('blazy.container'),
    '#description' => $this
      ->t('If you put Blazy within a scrolling container, provide valid comma separated CSS selectors, e.g.: <code>#drupal-modal, .another-scrolling-container</code>. A known scrolling container is <code>#drupal-modal</code> like seen at Media library. A scrolling modal with an iframe like Entity Browser has no issue since the scrolling container is the entire DOM. Must know <code>.blazy</code> parent container which has CSS rules containing <code>overflow</code> with values anything but <code>hidden</code> such as <code>auto or scroll</code>. Press F12 at any browser to inspect elements'),
  ];
  return parent::buildForm($form, $form_state);
}