diff --git a/core/modules/views_ui/css/views_ui.admin.theme.css b/core/modules/views_ui/css/views_ui.admin.theme.css index dee195a..437c342 100644 --- a/core/modules/views_ui/css/views_ui.admin.theme.css +++ b/core/modules/views_ui/css/views_ui.admin.theme.css @@ -570,7 +570,7 @@ td.group-title { margin-top: 0; margin-bottom: 0; } -.views-ui-dialog .views-override .views-filterable-options-controls { +.views-ui-dialog .views-ajax-title .views-filterable-options-controls { margin: 1em 0; } .views-filterable-options-controls .form-item { @@ -600,13 +600,13 @@ td.group-title { margin: 0; padding: 6px 16px; } -.views-ui-dialog .views-override { +.views-ui-dialog .views-ajax-title { background-color: #f3f4ee; } .views-ui-dialog.views-ui-dialog-scroll .ui-dialog-titlebar { border: none; } -.views-ui-dialog .views-override { +.views-ui-dialog .views-ajax-title { padding: 8px 13px; } .views-ui-dialog .views-offset-top { @@ -615,7 +615,7 @@ td.group-title { .views-ui-dialog .views-offset-bottom { border-top: 1px solid #CCC; } -.views-ui-dialog .views-override > * { +.views-ui-dialog .views-ajax-title > * { margin: 0; } .views-ui-dialog .views-progress-indicator { diff --git a/core/modules/views_ui/src/ViewEditForm.php b/core/modules/views_ui/src/ViewEditForm.php index 8d2d32f..816dc69 100644 --- a/core/modules/views_ui/src/ViewEditForm.php +++ b/core/modules/views_ui/src/ViewEditForm.php @@ -122,6 +122,13 @@ public function form(array $form, FormStateInterface $form_state) { $form['#attached']['library'][] = 'views_ui/views_ui.admin'; $form['#attached']['library'][] = 'views_ui/admin.styling'; + $form['#attached']['drupalSettings']['views']['ajax'] = [ + 'id' => '.views-ajax-body', + 'title' => '.views-ajax-title', + 'popup' => '.views-ajax-popup', + 'defaultForm' => $view->getDefaultAJAXMessage(), + ]; + $form += array( '#prefix' => '', '#suffix' => '', @@ -214,6 +221,23 @@ public function form(array $form, FormStateInterface $form_state) { '#type' => 'container', 'tab_content' => $tab_content, ); + + // The content of the popup dialog. + $form['ajax-area'] = array( + '#type' => 'container', + '#attributes' => array( + 'class' => array('views-ajax-popup'), + ), + ); + $form['ajax-area']['ajax-title'] = array( + '#markup' => '
', + ); + $form['ajax-area']['ajax-body'] = array( + '#type' => 'container', + '#attributes' => array( + 'class' => array('views-ajax-body'), + ), + ); } return $form; diff --git a/core/modules/views_ui/src/ViewUI.php b/core/modules/views_ui/src/ViewUI.php index 5fde131..75bbbdf 100644 --- a/core/modules/views_ui/src/ViewUI.php +++ b/core/modules/views_ui/src/ViewUI.php @@ -198,6 +198,10 @@ public function set($property_name, $value, $notify = TRUE) { } } + public static function getDefaultAJAXMessage() { + return SafeMarkup::set('
' . t("Click on an item to edit that item's details.") . '
'); + } + /** * {@inheritdoc} */