Issue #54: Set up edit sidebar as a theme setting option.

backdrop-contrib · Aug 29, 2023 · 11ad3aa · 11ad3aa
1 parent 307e52e
commit 11ad3aa
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 40 deletions.
diff --git a/dist/js/edit_form.js b/dist/js/edit_form.js
@@ -1,7 +1,7 @@
-var $;
-
-$ = jQuery, Backdrop.behaviors.ginEditForm = {
-  attach: function(context, settings) {
-    $(".block-page-title-block").append($(".form-actions")), $(".form-actions input").attr("form", $(".node-form").attr("id"));
-  }
-};
+(Backdrop => {
+  Backdrop.behaviors.ginEditForm = {
+    attach: function(context, settings) {
+      $(".block-page-title-block").append($(".form-actions")), $(".form-actions input").attr("form", $(".node-form").attr("id"));
+    }
+  };
+})(Backdrop);
diff --git a/js/edit_form.js b/js/edit_form.js
@@ -1,5 +1,4 @@
-(function ($) {
-
+((Backdrop) => {
   /**
    * Move action buttons to the sticky area.
    */
@@ -11,4 +10,4 @@
     }
   };
 
-})(jQuery);
+})(Backdrop);
diff --git a/template.php b/template.php
@@ -333,38 +333,40 @@ function gin_css_alter(&$css) {
  * Changes vertical tabs to container.
  */
 function gin_form_node_form_alter(&$form, &$form_state, $form_id) {
-  $form['layout_region_node_main'] = array(
-    '#type' => 'container',
-    '#attributes' => array(
-      'class' => array('layout-region-node-main'),
-    ),
-  );
-  $form['layout_region_node_secondary'] = array(
-    '#type' => 'container',
-    '#attributes' => array(
-      'class' => array('layout-region-node-secondary'),
-    ),
-  );
-  foreach (element_children($form) as $key) {
-    $skips = array(
-      'layout_region_node_main',
-      'layout_region_node_secondary',
+  if (theme_get_setting('edit_form_sidebar', 'gin')) {
+    $form['layout_region_node_main'] = array(
+      '#type' => 'container',
+      '#attributes' => array(
+        'class' => array('layout-region-node-main'),
+      ),
     );
-    $form['layout_region_node_secondary']['additional_settings'] = $form['additional_settings'];
-    unset($form['additional_settings']);
-    if (!in_array($key, $skips)) {
-      if ((empty($form[$key]['#group']) || $form[$key]['#group'] != 'additional_settings')) {
-        $form['layout_region_node_main'][$key] = $form[$key];
-        unset($form[$key]);
-      }
-      elseif (!empty($form[$key]['#group']) && $form[$key]['#group'] == 'additional_settings') {
-        $form[$key]['#collapsed'] = TRUE;
-        $form['layout_region_node_secondary'][$key] = $form[$key];
-        unset($form[$key]);
+    $form['layout_region_node_secondary'] = array(
+      '#type' => 'container',
+      '#attributes' => array(
+        'class' => array('layout-region-node-secondary'),
+      ),
+    );
+    foreach (element_children($form) as $key) {
+      $skips = array(
+        'layout_region_node_main',
+        'layout_region_node_secondary',
+      );
+      $form['layout_region_node_secondary']['additional_settings'] = $form['additional_settings'];
+      unset($form['additional_settings']);
+      if (!in_array($key, $skips)) {
+        if ((empty($form[$key]['#group']) || $form[$key]['#group'] != 'additional_settings')) {
+          $form['layout_region_node_main'][$key] = $form[$key];
+          unset($form[$key]);
+        }
+        elseif (!empty($form[$key]['#group']) && $form[$key]['#group'] == 'additional_settings') {
+          $form[$key]['#collapsed'] = TRUE;
+          $form['layout_region_node_secondary'][$key] = $form[$key];
+          unset($form[$key]);
+        }
       }
     }
+    $form['layout_region_node_secondary']['options']['#collapsed'] = FALSE;
+    $form['#attached']['css'][] = backdrop_get_path('theme', 'gin') . '/dist/css/components/edit_form.css';
+    $form['#attached']['js'][] = backdrop_get_path('theme', 'gin') . '/dist/js/edit_form.js';
   }
-  $form['layout_region_node_secondary']['options']['#collapsed'] = FALSE;
-  $form['#attached']['css'][] = backdrop_get_path('theme', 'gin') . '/dist/css/components/edit_form.css';
-  $form['#attached']['js'][] = backdrop_get_path('theme', 'gin') . '/dist/js/edit_form.js';
 }
diff --git a/theme-settings.php b/theme-settings.php
@@ -139,6 +139,14 @@
   '#default_value' => theme_get_setting('high_contrast_mode'),
 ];
 
+// Edit form sidebar.
+$form['edit_form_sidebar'] = [
+  '#type' => 'checkbox',
+  '#title' => t('Sidebar on edit form') . $experimental_label,
+  '#description' => t('Move the vertical tabs to the sidebar on edit forms.'),
+  '#default_value' => theme_get_setting('edit_form_sidebar'),
+];
+
 // Toolbar setting.
 // $form['classic_toolbar'] = [
 //   '#type' => 'radios',