From: WoltLab GmbH Date: Thu, 13 Oct 2022 17:25:34 +0000 (+0000) Subject: Deployed ba47e7ac to 6.0 with MkDocs 1.4.0 and mike 1.1.2 X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=6d611e8ae408777477c8e49579707fa2f7ca1778;p=GitHub%2FWoltLab%2Fwoltlab.github.io.git Deployed ba47e7ac to 6.0 with MkDocs 1.4.0 and mike 1.1.2 --- diff --git a/6.0/404.html b/6.0/404.html index 53605749..1e688789 100644 --- a/6.0/404.html +++ b/6.0/404.html @@ -1788,6 +1788,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/getting-started/index.html b/6.0/getting-started/index.html index 145addab..e8ff5497 100644 --- a/6.0/getting-started/index.html +++ b/6.0/getting-started/index.html @@ -1925,6 +1925,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/index.html b/6.0/index.html index 80187fa4..bf831587 100644 --- a/6.0/index.html +++ b/6.0/index.html @@ -1795,6 +1795,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/javascript/code-snippets/index.html b/6.0/javascript/code-snippets/index.html index 707549d5..7b88b4e5 100644 --- a/6.0/javascript/code-snippets/index.html +++ b/6.0/javascript/code-snippets/index.html @@ -1838,6 +1838,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/javascript/components_confirmation/index.html b/6.0/javascript/components_confirmation/index.html index 6c8553e9..e826caa9 100644 --- a/6.0/javascript/components_confirmation/index.html +++ b/6.0/javascript/components_confirmation/index.html @@ -1888,6 +1888,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/javascript/components_dialog/index.html b/6.0/javascript/components_dialog/index.html index f59f7f2c..b57f5a1b 100644 --- a/6.0/javascript/components_dialog/index.html +++ b/6.0/javascript/components_dialog/index.html @@ -1017,6 +1017,13 @@ Accessing the Content +
    • + +
  • + + Managing an Instance of a Dialog + +
  • @@ -2016,6 +2023,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries @@ -2884,6 +2905,13 @@ Accessing the Content +
    • + +
  • + + Managing an Instance of a Dialog + +
  • @@ -3144,6 +3172,75 @@ Check the .open property to determine if the dialog is currently op // Find a text input inside the dialog. const input = dialog.content.querySelector('input[type="text"]'); +

    Managing an Instance of a Dialog#

    +

    The old API for dialogs implicitly kept track of the instance by binding it to the this parameter as seen in calls like UiDialog.open(this);. +The new implementation requires to you to keep track of the dialog on your own.

    +
     1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+10
+11
+12
+13
+14
+15
+16
+17
+18
+19
+20
+21
+22
+23
+24
+25
+26
+27
+28
+29
+30
+31
+32
+33
    class MyComponent {
+  #dialog?: WoltlabCoreDialogElement;
+
+  constructor() {
+    const button = document.querySelector(".myButton") as HTMLButtonElement;
+    button.addEventListener("click", () => {
+      this.#showGreeting(button.dataset.name);
+    });
+  }
+
+  #showGreeting(name: string | undefined): void {
+    const dialog = this.#getDialog();
+
+    const p = dialog.content.querySelector("p")!;
+    if (name === undefined) {
+      p.textContent = "Hello World";
+    } else {
+      p.textContent = `Hello ${name}`;
+    }
+
+    dialog.show("Greetings!");
+  }
+
+  #getDialog(): WoltlabCoreDialogElement {
+    if (this.#dialog === undefined) {
+      this.#dialog = dialogFactory()
+        .fromHtml("<p>Hello from MyComponent</p>")
+        .withoutControls();
+    }
+
+    return this.#dialog;
+  }
+}
+

    Event Access#

    You can bind event listeners to specialized events to get notified of events and to modify its behavior.

    afterClose#

    @@ -3234,7 +3331,7 @@ Canceling this event is interpreted as a form validation failure.

    Last update: - 2022-10-11 + 2022-10-13 diff --git a/6.0/javascript/general-usage/index.html b/6.0/javascript/general-usage/index.html index 6552703b..f0a69cb2 100644 --- a/6.0/javascript/general-usage/index.html +++ b/6.0/javascript/general-usage/index.html @@ -1879,6 +1879,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/javascript/helper-functions/index.html b/6.0/javascript/helper-functions/index.html index fce3290b..f50e6726 100644 --- a/6.0/javascript/helper-functions/index.html +++ b/6.0/javascript/helper-functions/index.html @@ -2048,6 +2048,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/javascript/legacy-api/index.html b/6.0/javascript/legacy-api/index.html index 715634e7..2d12df23 100644 --- a/6.0/javascript/legacy-api/index.html +++ b/6.0/javascript/legacy-api/index.html @@ -1899,6 +1899,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/javascript/new-api_ajax/index.html b/6.0/javascript/new-api_ajax/index.html index 0b521856..76403e80 100644 --- a/6.0/javascript/new-api_ajax/index.html +++ b/6.0/javascript/new-api_ajax/index.html @@ -2005,6 +2005,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/javascript/new-api_browser/index.html b/6.0/javascript/new-api_browser/index.html index cf0e951c..821eb0af 100644 --- a/6.0/javascript/new-api_browser/index.html +++ b/6.0/javascript/new-api_browser/index.html @@ -1915,6 +1915,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/javascript/new-api_core/index.html b/6.0/javascript/new-api_core/index.html index ca4655d2..6bc34e98 100644 --- a/6.0/javascript/new-api_core/index.html +++ b/6.0/javascript/new-api_core/index.html @@ -1963,6 +1963,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/javascript/new-api_data-structures/index.html b/6.0/javascript/new-api_data-structures/index.html index 90db6efd..b3c43365 100644 --- a/6.0/javascript/new-api_data-structures/index.html +++ b/6.0/javascript/new-api_data-structures/index.html @@ -1991,6 +1991,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/javascript/new-api_dialogs/index.html b/6.0/javascript/new-api_dialogs/index.html index 1c09e587..a602f2c1 100644 --- a/6.0/javascript/new-api_dialogs/index.html +++ b/6.0/javascript/new-api_dialogs/index.html @@ -1978,6 +1978,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries @@ -2891,7 +2905,9 @@

    Dialogs - JavaScript API#

    -

    !!! info This API has been deprecated in WoltLab Suite 6.0, please refer to the new dialog implementation.

    +
    +

    This API has been deprecated in WoltLab Suite 6.0, please refer to the new dialog implementation.

    +

    Introduction#

    Dialogs are full screen overlays that cover the currently visible window area using a semi-opague backdrop and a prominently placed dialog window in the @@ -3048,7 +3064,7 @@ key is .content which holds a reference to the dialog's inner conte Last update: - 2022-10-11 + 2022-10-13 diff --git a/6.0/javascript/new-api_dom/index.html b/6.0/javascript/new-api_dom/index.html index 13990ae1..dbe538c3 100644 --- a/6.0/javascript/new-api_dom/index.html +++ b/6.0/javascript/new-api_dom/index.html @@ -1923,6 +1923,20 @@ +

  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/javascript/new-api_events/index.html b/6.0/javascript/new-api_events/index.html index 16393448..1bf0f1ef 100644 --- a/6.0/javascript/new-api_events/index.html +++ b/6.0/javascript/new-api_events/index.html @@ -1957,6 +1957,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/javascript/new-api_ui/index.html b/6.0/javascript/new-api_ui/index.html index a52d5fae..ba7ef291 100644 --- a/6.0/javascript/new-api_ui/index.html +++ b/6.0/javascript/new-api_ui/index.html @@ -2023,6 +2023,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/javascript/new-api_writing-a-module/index.html b/6.0/javascript/new-api_writing-a-module/index.html index 034c2894..b3e7f6ce 100644 --- a/6.0/javascript/new-api_writing-a-module/index.html +++ b/6.0/javascript/new-api_writing-a-module/index.html @@ -1867,6 +1867,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/javascript/typescript/index.html b/6.0/javascript/typescript/index.html index e0deffd5..715282a6 100644 --- a/6.0/javascript/typescript/index.html +++ b/6.0/javascript/typescript/index.html @@ -1852,6 +1852,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wcf21/css/index.html b/6.0/migration/wcf21/css/index.html index 044ffc6a..0af38245 100644 --- a/6.0/migration/wcf21/css/index.html +++ b/6.0/migration/wcf21/css/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wcf21/package/index.html b/6.0/migration/wcf21/package/index.html index 19e79a6c..f8bbfff6 100644 --- a/6.0/migration/wcf21/package/index.html +++ b/6.0/migration/wcf21/package/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wcf21/php/index.html b/6.0/migration/wcf21/php/index.html index 5ac53628..cca40a7e 100644 --- a/6.0/migration/wcf21/php/index.html +++ b/6.0/migration/wcf21/php/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wcf21/templates/index.html b/6.0/migration/wcf21/templates/index.html index 19d7327e..0c5e5907 100644 --- a/6.0/migration/wcf21/templates/index.html +++ b/6.0/migration/wcf21/templates/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc30/css/index.html b/6.0/migration/wsc30/css/index.html index 9922f71c..c2e6c7eb 100644 --- a/6.0/migration/wsc30/css/index.html +++ b/6.0/migration/wsc30/css/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc30/javascript/index.html b/6.0/migration/wsc30/javascript/index.html index 2590df69..3eea10ae 100644 --- a/6.0/migration/wsc30/javascript/index.html +++ b/6.0/migration/wsc30/javascript/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc30/package/index.html b/6.0/migration/wsc30/package/index.html index 6e38076d..8f19a817 100644 --- a/6.0/migration/wsc30/package/index.html +++ b/6.0/migration/wsc30/package/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc30/php/index.html b/6.0/migration/wsc30/php/index.html index 80434928..ae3cfcf9 100644 --- a/6.0/migration/wsc30/php/index.html +++ b/6.0/migration/wsc30/php/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc30/templates/index.html b/6.0/migration/wsc30/templates/index.html index a9d1d7fc..79e95a31 100644 --- a/6.0/migration/wsc30/templates/index.html +++ b/6.0/migration/wsc30/templates/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc31/form-builder/index.html b/6.0/migration/wsc31/form-builder/index.html index 289c4eea..0660fbad 100644 --- a/6.0/migration/wsc31/form-builder/index.html +++ b/6.0/migration/wsc31/form-builder/index.html @@ -1795,6 +1795,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc31/like/index.html b/6.0/migration/wsc31/like/index.html index 7b368810..bc165829 100644 --- a/6.0/migration/wsc31/like/index.html +++ b/6.0/migration/wsc31/like/index.html @@ -1795,6 +1795,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc31/php/index.html b/6.0/migration/wsc31/php/index.html index 488c4cb5..80b0dd86 100644 --- a/6.0/migration/wsc31/php/index.html +++ b/6.0/migration/wsc31/php/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc52/libraries/index.html b/6.0/migration/wsc52/libraries/index.html index 8fd521ea..9a07f256 100644 --- a/6.0/migration/wsc52/libraries/index.html +++ b/6.0/migration/wsc52/libraries/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc52/php/index.html b/6.0/migration/wsc52/php/index.html index 1f3f6341..8e15bf10 100644 --- a/6.0/migration/wsc52/php/index.html +++ b/6.0/migration/wsc52/php/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc52/templates/index.html b/6.0/migration/wsc52/templates/index.html index f47a9767..77e4ac96 100644 --- a/6.0/migration/wsc52/templates/index.html +++ b/6.0/migration/wsc52/templates/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc53/javascript/index.html b/6.0/migration/wsc53/javascript/index.html index 06491433..d0574b2b 100644 --- a/6.0/migration/wsc53/javascript/index.html +++ b/6.0/migration/wsc53/javascript/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc53/libraries/index.html b/6.0/migration/wsc53/libraries/index.html index e38684b8..378db9d5 100644 --- a/6.0/migration/wsc53/libraries/index.html +++ b/6.0/migration/wsc53/libraries/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc53/php/index.html b/6.0/migration/wsc53/php/index.html index a1dfd847..d79e6c0e 100644 --- a/6.0/migration/wsc53/php/index.html +++ b/6.0/migration/wsc53/php/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc53/session/index.html b/6.0/migration/wsc53/session/index.html index ada1519b..a466a020 100644 --- a/6.0/migration/wsc53/session/index.html +++ b/6.0/migration/wsc53/session/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc53/templates/index.html b/6.0/migration/wsc53/templates/index.html index 6d9c282d..edeb0b0c 100644 --- a/6.0/migration/wsc53/templates/index.html +++ b/6.0/migration/wsc53/templates/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc54/deprecations_removals/index.html b/6.0/migration/wsc54/deprecations_removals/index.html index 25ec4eb7..24114489 100644 --- a/6.0/migration/wsc54/deprecations_removals/index.html +++ b/6.0/migration/wsc54/deprecations_removals/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc54/forum_subscriptions/index.html b/6.0/migration/wsc54/forum_subscriptions/index.html index b06a2517..03600600 100644 --- a/6.0/migration/wsc54/forum_subscriptions/index.html +++ b/6.0/migration/wsc54/forum_subscriptions/index.html @@ -1795,6 +1795,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc54/javascript/index.html b/6.0/migration/wsc54/javascript/index.html index ec7e807b..04dffbdb 100644 --- a/6.0/migration/wsc54/javascript/index.html +++ b/6.0/migration/wsc54/javascript/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc54/libraries/index.html b/6.0/migration/wsc54/libraries/index.html index 9fd74948..048b0648 100644 --- a/6.0/migration/wsc54/libraries/index.html +++ b/6.0/migration/wsc54/libraries/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc54/php/index.html b/6.0/migration/wsc54/php/index.html index a77ea9be..878ddb0c 100644 --- a/6.0/migration/wsc54/php/index.html +++ b/6.0/migration/wsc54/php/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc54/templates/index.html b/6.0/migration/wsc54/templates/index.html index 6ff4ae27..c2574911 100644 --- a/6.0/migration/wsc54/templates/index.html +++ b/6.0/migration/wsc54/templates/index.html @@ -1797,6 +1797,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc55/deprecations_removals/index.html b/6.0/migration/wsc55/deprecations_removals/index.html index c8f27b65..47d1e9b5 100644 --- a/6.0/migration/wsc55/deprecations_removals/index.html +++ b/6.0/migration/wsc55/deprecations_removals/index.html @@ -1799,6 +1799,20 @@ +
  • + + Dialogs + +
    • + + + + + + + + +
  • Third Party Libraries diff --git a/6.0/migration/wsc55/dialogs/index.html b/6.0/migration/wsc55/dialogs/index.html index 033c1f30..f8ec78dc 100644 --- a/6.0/migration/wsc55/dialogs/index.html +++ b/6.0/migration/wsc55/dialogs/index.html @@ -15,7 +15,7 @@ - Migrating from WoltLab Suite 5.5 - Dialogs - WoltLab Suite Documentation + Dialogs - WoltLab Suite Documentation @@ -110,7 +110,7 @@
    - Migrating from WoltLab Suite 5.5 - Dialogs + Dialogs
    @@ -1686,12 +1686,14 @@ + + -
  • +
  • - + @@ -1712,12 +1714,14 @@ + + -
  • +
  • - + @@ -1794,6 +1798,177 @@ + + + +
  • + + + + + + + + + + + Dialogs + + + + + + +
    • + + + + + + + +
  • @@ -2933,6 +3108,42 @@ Please see the explanation on the four different