Class TJSFolderCreateUpdate

Provides a reactive dialog for modifying folders that by default is modal and not draggable. An additional set of accessors for the folder assigned are available via the this.reactive.document. You may swap out the folder at any time by setting it to a different folder document.

Hierarchy

Constructors

constructor

Accessors

data elementContent elementTarget managedPromise position reactive state svelte

Methods

maximize minimize onSvelteMount onSvelteRemount wait confirm prompt showCreate showUpdate wait

Constructors

constructor

  • new TJSFolderCreateUpdate(document, options?, dialogData?): TJSFolderCreateUpdate

  • Updates an existing Folder by rendering a dialog window with basic details.

    Parameters

    • document: object

      The folder to edit.

    • Optionaloptions: object

      Options to pass to TJSDialog / Application.

    • OptionaldialogData: any

      Optional data to modify dialog.

    Returns TJSFolderCreateUpdate

Accessors

data

elementContent

  • get elementContent(): HTMLElement

  • Returns the content element if an application shell is mounted.

    Returns HTMLElement

    Content element.

elementTarget

  • get elementTarget(): HTMLElement

  • Returns the target element or main element if no target defined.

    Returns HTMLElement

    Target element.

managedPromise

position

  • get position(): TJSPosition

  • Returns the TJSPosition instance.

    Returns TJSPosition

    The TJSPosition instance.

reactive

  • get reactive(): SvelteReactive

  • Returns the reactive accessors & Svelte stores for SvelteApplication.

    Returns SvelteReactive

    The reactive accessors & Svelte stores.

state

svelte

  • get svelte(): GetSvelteData

  • Returns the Svelte helper class w/ various methods to access mounted Svelte components.

    Returns GetSvelteData

    GetSvelteData

Methods

maximize

  • maximize(opts?): Promise<void>

  • Provides a mechanism to update the UI options store for maximized.

    Note: the sanity check is duplicated from Application.maximize the store is updated before performing the rest of animations. This allows application shells to remove / show any resize handlers correctly. Extra constraint data is stored in a saved position state in SvelteApplication.minimize to animate the content area.

    Parameters

    • Optionalopts: {
          animate?: boolean;
          duration?: number;
      }

      Optional parameters.

      • Optionalanimate?: boolean

        When true perform default maximizing animation.

      • Optionalduration?: number

        Controls content area animation duration in seconds.

    Returns Promise<void>

minimize

  • minimize(opts?): Promise<void>

  • Provides a mechanism to update the UI options store for minimized.

    Note: the sanity check is duplicated from Application.minimize the store is updated before performing the rest of animations. This allows application shells to remove / show any resize handlers correctly. Extra constraint data is stored in a saved position state in SvelteApplication.minimize to animate the content area.

    Parameters

    • Optionalopts: {
          animate?: boolean;
          duration?: number;
      }

      Optional parameters.

      • Optionalanimate?: boolean

        When true perform default minimizing animation.

      • Optionalduration?: number

        Controls content area animation duration in seconds.

    Returns Promise<void>

onSvelteMount

  • onSvelteMount(mountedAppShell?): void

  • Provides a callback after all Svelte components are initialized.

    Parameters

    Returns void

onSvelteRemount

  • onSvelteRemount(mountedAppShell?): void

  • Provides a callback after the main application shell is remounted. This may occur during HMR / hot module replacement or directly invoked from the elementRootUpdate callback passed to the application shell component context.

    Parameters

    Returns void

wait

  • wait<T>(options?): Promise<T>

  • Brings to top or renders this dialog returning a Promise that is resolved any button pressed or when the dialog is closed.

    Creates an anonymous data defined TJSDialog returning a Promise that can be awaited upon for the user to make a choice.

    Note: null is returned if the dialog is closed without a user making a choice.

    Type Parameters

    • T

    Parameters

    • Optionaloptions: {
          reuse?: boolean;
      }

      Options.

      • Optionalreuse?: boolean

        When true if there is an existing managed Promise this allows multiple sources to await on the same result.

    Returns Promise<T>

    A promise for dialog resolution.

Staticconfirm

  • confirm<T>(data?, options?): Promise<T>

  • A helper factory method to create simple confirmation dialog windows which consist of simple yes / no prompts. If you require more flexibility, a custom TJSDialog instance is preferred. The default focused button is 'yes'. You can change the default focused button by setting default to yes or no.

    Type Parameters

    • T

    Parameters

    • Optionaldata: TJSDialogOptions & {
          onNo?: string | ((data?: {
              application?: TJSDialog;
          }) => any);
          onYes?: string | ((data?: {
              application?: TJSDialog;
          }) => any);
      }

      Confirm dialog options.

    • Optionaloptions: SvelteApplicationOptions

      SvelteApplication options passed to the TJSDialog constructor.

    Returns Promise<T>

    A promise which resolves with result of yes / no callbacks or true / false.

    Example

    const result = await TJSDialog.confirm({
     title: 'A Yes or No Question',
     content: '<p>Choose wisely.</p>',
     onYes: () => 'YES Result',
     onNo: () => 'NO Result'
    });

    // Logs 'YES result', 'NO Result', or null if the user closed the dialog without making a selection.
    console.log(result);

Staticprompt

  • prompt<T>(data?, options?): Promise<T>

  • A helper factory method to display a basic "prompt" style TJSDialog with a single button.

    Type Parameters

    • T

    Parameters

    • Optionaldata: TJSDialogOptions & {
          icon?: string;
          label?: string;
          onOk?: string | ((data?: {
              application?: TJSDialog;
          }) => any);
      }

      Prompt dialog options that includes any TJSDialog options along with the following optional fields:

    • Optionaloptions: SvelteApplicationOptions

      SvelteApplication options passed to the TJSDialog constructor.

    Returns Promise<T>

    The returned value from the provided callback function or true if the button is pressed.

    Example

    const result = await TJSDialog.prompt({
     title: 'Are you OK?',
     content: '<p>Are you OK?.</p>',
     label: 'Feeling Fine!',
     onOk: () => 'OK'
    });

    // Logs 'OK' or null if the user closed the dialog without making a selection.
    console.log(result);

StaticshowCreate

  • showCreate(folderData, options?, dialogData?): Promise<object>

  • Create a new Folder by rendering a dialog window to provide basic creation details.

    Parameters

    • folderData: object

      Initial data with which to populate the creation form.

    • Optionaloptions: object

      Options to pass to TJSDialog / Application.

    • OptionaldialogData: object

      Optional data to modify dialog.

    Returns Promise<object>

    The newly created Folder or null if the dialog is closed.

StaticshowUpdate

  • showUpdate(document, options?, dialogData?): Promise<object>

  • Updates an existing Folder by rendering a dialog window with basic details.

    Parameters

    • document: object

      The folder to edit.

    • Optionaloptions: object

      Options to pass to TJSDialog / Application.

    • OptionaldialogData: any

      Optional data to modify dialog.

    Returns Promise<object>

    The modified Folder or null if the dialog is closed.

Staticwait

  • wait<T>(data, options?): Promise<T>

  • Creates an anonymous data defined TJSDialog returning a Promise that can be awaited upon for the user to make a choice.

    Note: By default null is returned if the dialog is closed without a user making a choice.

    Type Parameters

    • T

    Parameters

    Returns Promise<T>

    A Promise that resolves to the chosen result.

Settings

Member Visibility

On This Page

Constructors
Accessors
Methods