View source
<?php
namespace Drupal\ajax_test\Controller;
use Drupal\Core\Ajax\AjaxResponse;
use Drupal\Core\Ajax\AlertCommand;
use Drupal\Core\Ajax\CloseDialogCommand;
use Drupal\Core\Ajax\HtmlCommand;
use Drupal\Core\Url;
use Symfony\Component\HttpFoundation\Request;
class AjaxTestController {
public static function dialogContents() {
$content = [
'#title' => '<em>AJAX Dialog & contents</em>',
'content' => [
'#markup' => 'Example message',
],
'cancel' => [
'#type' => 'link',
'#title' => 'Cancel',
'#url' => Url::fromRoute('<front>'),
'#attributes' => [
'class' => [
'dialog-cancel',
],
],
],
];
return $content;
}
public function renderTypes($type) {
return [
'#title' => '<em>AJAX Dialog & contents</em>',
'content' => [
'#type' => 'inline_template',
'#template' => $this
->getRenderTypes()[$type]['render'],
],
];
}
public function insertLinksBlockWrapper() {
$methods = [
'html',
'replaceWith',
];
$build['links'] = [
'ajax_target' => [
'#markup' => '<div class="ajax-target-wrapper"><div id="ajax-target">Target</div></div>',
],
'links' => [
'#theme' => 'links',
'#attached' => [
'library' => [
'ajax_test/ajax_insert',
],
],
],
];
foreach ($methods as $method) {
foreach ($this
->getRenderTypes() as $type => $item) {
$class = 'ajax-insert';
$build['links']['links']['#links']["{$method}-{$type}"] = [
'title' => "Link {$method} {$type}",
'url' => Url::fromRoute('ajax_test.ajax_render_types', [
'type' => $type,
]),
'attributes' => [
'class' => [
$class,
],
'data-method' => $method,
'data-effect' => $item['effect'],
],
];
}
}
return $build;
}
public function insertLinksInlineWrapper() {
$methods = [
'html',
'replaceWith',
];
$build['links'] = [
'ajax_target' => [
'#markup' => '<div class="ajax-target-wrapper"><span id="ajax-target-inline">Target inline</span></div>',
],
'links' => [
'#theme' => 'links',
'#attached' => [
'library' => [
'ajax_test/ajax_insert',
],
],
],
];
foreach ($methods as $method) {
foreach ($this
->getRenderTypes() as $type => $item) {
$class = 'ajax-insert-inline';
$build['links']['links']['#links']["{$method}-{$type}"] = [
'title' => "Link {$method} {$type}",
'url' => Url::fromRoute('ajax_test.ajax_render_types', [
'type' => $type,
]),
'attributes' => [
'class' => [
$class,
],
'data-method' => $method,
'data-effect' => $item['effect'],
],
];
}
}
return $build;
}
public function render() {
return [
'#attached' => [
'library' => [
'core/drupalSettings',
],
'drupalSettings' => [
'ajax' => 'test',
],
],
];
}
public function theme() {
return [
'#markup' => 'Current theme: ' . \Drupal::theme()
->getActiveTheme()
->getName(),
];
}
public function order() {
$response = new AjaxResponse();
$response
->addCommand(new HtmlCommand('body', 'Hello, world!'));
$build['#attached']['library'][] = 'ajax_test/order';
$response
->setAttachments($build['#attached']);
return $response;
}
public function renderError(Request $request) {
$message = '';
$query = $request->query;
if ($query
->has('message')) {
$message = $query
->get('message');
}
$response = new AjaxResponse();
$response
->addCommand(new AlertCommand($message));
return $response;
}
public function dialog() {
$build['dialog_wrappers'] = [
'#markup' => '<div id="ajax-test-dialog-wrapper-1"></div><div id="ajax-test-dialog-wrapper-2"></div>',
];
$build['form'] = \Drupal::formBuilder()
->getForm('Drupal\\ajax_test\\Form\\AjaxTestDialogForm');
$build['link'] = [
'#type' => 'link',
'#title' => 'Link 1 (modal)',
'#url' => Url::fromRoute('ajax_test.dialog_contents'),
'#attributes' => [
'class' => [
'use-ajax',
],
'data-dialog-type' => 'modal',
],
];
$build['links'] = [
'#theme' => 'links',
'#links' => [
'link2' => [
'title' => 'Link 2 (modal)',
'url' => Url::fromRoute('ajax_test.dialog_contents'),
'attributes' => [
'class' => [
'use-ajax',
],
'data-dialog-type' => 'modal',
'data-dialog-options' => json_encode([
'width' => 400,
]),
],
],
'link3' => [
'title' => 'Link 3 (non-modal)',
'url' => Url::fromRoute('ajax_test.dialog_contents'),
'attributes' => [
'class' => [
'use-ajax',
],
'data-dialog-type' => 'dialog',
'data-dialog-options' => json_encode([
'target' => 'ajax-test-dialog-wrapper-1',
'width' => 800,
]),
],
],
'link4' => [
'title' => 'Link 4 (close non-modal if open)',
'url' => Url::fromRoute('ajax_test.dialog_close'),
'attributes' => [
'class' => [
'use-ajax',
],
'data-dialog-type' => 'modal',
],
],
'link5' => [
'title' => 'Link 5 (form)',
'url' => Url::fromRoute('ajax_test.dialog_form'),
'attributes' => [
'class' => [
'use-ajax',
],
'data-dialog-type' => 'modal',
],
],
'link6' => [
'title' => 'Link 6 (entity form)',
'url' => Url::fromRoute('contact.form_add'),
'attributes' => [
'class' => [
'use-ajax',
],
'data-dialog-type' => 'modal',
'data-dialog-options' => json_encode([
'width' => 800,
'height' => 500,
]),
],
],
'link7' => [
'title' => 'Link 7 (non-modal, no target)',
'url' => Url::fromRoute('ajax_test.dialog_contents'),
'attributes' => [
'class' => [
'use-ajax',
],
'data-dialog-type' => 'dialog',
'data-dialog-options' => json_encode([
'width' => 800,
]),
],
],
'link8' => [
'title' => 'Link 8 (ajax)',
'url' => Url::fromRoute('ajax_test.admin.theme'),
'attributes' => [
'class' => [
'use-ajax',
],
'data-dialog-type' => 'modal',
'data-dialog-options' => json_encode([
'width' => 400,
]),
],
],
],
];
return $build;
}
public function dialogClose() {
$response = new AjaxResponse();
$response
->addCommand(new CloseDialogCommand('#ajax-test-dialog-wrapper-1'));
return $response;
}
protected function getRenderTypes() {
$render_single_root = [
'pre-wrapped-div' => '<div class="pre-wrapped">pre-wrapped<script> var test;</script></div>',
'pre-wrapped-span' => '<span class="pre-wrapped">pre-wrapped<script> var test;</script></span>',
'pre-wrapped-whitespace' => ' <div class="pre-wrapped-whitespace">pre-wrapped-whitespace</div>' . "\r\n",
'not-wrapped' => 'not-wrapped',
'comment-string-not-wrapped' => '<!-- COMMENT -->comment-string-not-wrapped',
'comment-not-wrapped' => '<!-- COMMENT --><div class="comment-not-wrapped">comment-not-wrapped</div>',
'svg' => '<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10"><rect x="0" y="0" height="10" width="10" fill="green"/></svg>',
'empty' => '',
];
$render_multiple_root = [
'mixed' => ' foo <!-- COMMENT --> foo bar<div class="a class"><p>some string</p></div> additional not wrapped strings, <!-- ANOTHER COMMENT --> <p>final string</p>',
'top-level-only' => '<div>element #1</div><div>element #2</div>',
'top-level-only-pre-whitespace' => ' <div>element #1</div><div>element #2</div> ',
'top-level-only-middle-whitespace-span' => '<span>element #1</span> <span>element #2</span>',
'top-level-only-middle-whitespace-div' => '<div>element #1</div> <div>element #2</div>',
];
$render_info = [];
foreach ($render_single_root as $key => $render) {
$render_info[$key] = [
'render' => $render,
'effect' => 'fade',
];
}
foreach ($render_multiple_root as $key => $render) {
$render_info[$key] = [
'render' => $render,
'effect' => 'none',
];
$render_info["{$key}--effect"] = [
'render' => $render,
'effect' => 'fade',
];
}
return $render_info;
}
}