BodyForm.php in Header and Footer Scripts 8

Namespace

Drupal\header_and_footer_scripts\Form

File

src/Form/BodyForm.php

<?php

namespace Drupal\header_and_footer_scripts\Form;

use Drupal\Core\Form\ConfigFormBase;
use Symfony\Component\HttpFoundation\Request;
use Drupal\Core\Form\FormStateInterface;

/**
 * Provide settings page for adding CSS/JS after the start of body tag.
 */
class BodyForm extends ConfigFormBase {

  /**
   * Implements FormBuilder::getFormId.
   */
  public function getFormId() {
    return 'hfs_body_settings';
  }

  /**
   * Implements ConfigFormBase::getEditableConfigNames.
   */
  protected function getEditableConfigNames() {
    return [
      'header_and_footer_scripts.body.settings',
    ];
  }

  /**
   * Implements FormBuilder::buildForm.
   */
  public function buildForm(array $form, FormStateInterface $form_state, Request $request = NULL) {
    $body_section = $this
      ->config('header_and_footer_scripts.body.settings')
      ->get();
    $form['hfs_body'] = [
      '#type' => 'fieldset',
      '#title' => $this
        ->t('Add Scripts and Styles in body'),
      '#description' => $this
        ->t('All the defined scripts and styles in this section would be added next to <strong>body</strong> tag.'),
    ];
    $form['hfs_body']['styles'] = [
      '#type' => 'textarea',
      '#title' => $this
        ->t('Body Styles'),
      '#default_value' => isset($body_section['styles']) ? $body_section['styles'] : '',
      '#description' => $this
        ->t('<p>You can add multiple <strong>stylesheets</strong> here with multiple ways, For example: </p><p>1. &lt;link type="text/css" rel="stylesheet" href="http://www.example.com/style.css" media="all" /&gt;</p><p> 2. &lt;link type="text/css" rel="stylesheet" href="/style.css" media="all" /&gt;</p><p> 3. &lt;style&gt;#header { color: grey; }&lt;/style&gt;</p>'),
      '#rows' => 10,
    ];
    $form['hfs_body']['scripts'] = [
      '#type' => 'textarea',
      '#title' => $this
        ->t('Body Scripts'),
      '#default_value' => isset($body_section['scripts']) ? $body_section['scripts'] : '',
      '#description' => $this
        ->t('<p>On mostly sites, this section is used to add the <strong>Google Tag Manager</strong>. <strong>Like:</strong></p><p>1. &lt;!-- Google Tag Manager --&gt;&lt;noscript&gt;<strong>Write Your code here</strong>&lt;/script&gt;&lt;!-- End Google Tag Manager --&gt;</p><p>You can also add multiple <strong>scripts</strong> here with multiple ways, For example: </p><p>1. &lt;script type="text/javascript" src="http://www.example.com/script.js"&gt;&lt;/script&gt;</p><p> 2. &lt;script type="text/javascript" src="/script.js"&gt;&lt;/script&gt;</p><p> 3. &lt;script type="text/javascript"&gt;console.log("HFS Body");&lt;/script&gt;</p>'),
      '#rows' => 10,
    ];
    return parent::buildForm($form, $form_state);
  }

  /**
   * Implements FormBuilder::submitForm().
   *
   * Serialize the user's settings and save it to the Drupal's config Table.
   */
  public function submitForm(array &$form, FormStateInterface $form_state) {
    $values = $form_state
      ->getValues();
    $this
      ->configFactory()
      ->getEditable('header_and_footer_scripts.body.settings')
      ->set('styles', $values['styles'])
      ->set('scripts', $values['scripts'])
      ->save();
    drupal_set_message($this
      ->t('Your Settings have been saved.'), 'status');
  }

}

Classes

Name	Description
BodyForm	Provide settings page for adding CSS/JS after the start of body tag.