Class TJSDocumentDelete

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

Hierarchy

Constructors

constructor

Accessors

data elementContent elementTarget managedPromise position reactive state svelte defaultOptions

Methods

maximize minimize onSvelteMount onSvelteRemount wait confirm prompt show wait

Constructors

constructor

  • new TJSDocumentDelete(
        document: object,
        opts?: { context?: object; options?: any },
        dialogData?: any,
    ): TJSDocumentDelete

  • Parameters

    • document: object

      Document to delete.

    • Optionalopts: { context?: object; options?: any }

      Additional context options or dialog positioning options.

      • Optionalcontext?: object

        DocumentModificationContext.

      • Optionaloptions?: any

        Rest of options to pass to TJSDialog / Application.

    • OptionaldialogData: any

      Optional data to modify dialog.

    Returns TJSDocumentDelete

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

StaticdefaultOptions

Methods

maximize

  • maximize(opts?: { animate?: boolean; duration?: number }): 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?: { animate?: boolean; duration?: number }): 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

onSvelteRemount

  • onSvelteRemount(mountedAppShell?: 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?: { reuse?: boolean }): 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?: TJSDialogOptions & {
            onNo?:
                | string
                | (data?: { application?: TJSDialog<SvelteApp.Options> }) => any;
            onYes?:
                | string
                | (data?: { application?: TJSDialog<SvelteApp.Options> }) => any;
        },
        options?: SvelteApp.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<SvelteApp.Options> }) => any;
          onYes?:
              | string
              | (data?: { application?: TJSDialog<SvelteApp.Options> }) => any;
      }

      Confirm dialog options.

      • OptionalonNo?: string | (data?: { application?: TJSDialog<SvelteApp.Options> }) => any

        Callback function upon no; may be an async function. When defined as a string any matching function by name exported from content Svelte component is invoked.

      • OptionalonYes?: string | (data?: { application?: TJSDialog<SvelteApp.Options> }) => any

        Callback function upon yes; may be an async function. When defined as a string any matching function by name exported from content Svelte component is invoked.

    • Optionaloptions: SvelteApp.Options

      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?: TJSDialogOptions & {
            icon?: string;
            label?: string;
            onOk?:
                | string
                | (data?: { application?: TJSDialog<SvelteApp.Options> }) => any;
        },
        options?: SvelteApp.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<SvelteApp.Options> }) => any;
      }

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

      • Optionalicon?: string

        Set another icon besides fas fa-check for button.

      • Optionallabel?: string

        The OK prompt button text.

      • OptionalonOk?: string | (data?: { application?: TJSDialog<SvelteApp.Options> }) => any

        Callback function upon ok; may be an async function. When defined as a string any matching function by name exported from content Svelte component is invoked.

    • Optionaloptions: SvelteApp.Options

      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);

Staticshow

  • show(
        document: object,
        opts?: { context?: object; options?: any },
        dialogData?: any,
    ): Promise<boolean | object>

  • Shows a modal / non-draggable dialog to delete a document.

    Parameters

    • document: object

      Document to delete.

    • Optionalopts: { context?: object; options?: any }

      Additional context options or dialog positioning options.

      • Optionalcontext?: object

        DocumentModificationContext.

      • Optionaloptions?: any

        Rest of options to pass to TJSDialog / Application.

    • OptionaldialogData: any

      Optional data to modify dialog.

    Returns Promise<boolean | object>

    The document if deleted or a falsy value; either 'false' for cancelling or 'null' if the user closed the dialog via <Esc> or the close header button.

Staticwait

  • wait<T>(data: TJSDialogOptions, options?: SvelteApp.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

    • data: TJSDialogOptions

      Dialog data passed to the TJSDialog constructor.

    • Optionaloptions: SvelteApp.Options

      SvelteApplication options passed to the TJSDialog constructor.

    Returns Promise<T>

    A Promise that resolves to the chosen result.

Settings

Member Visibility

On This Page

Constructors
Accessors
Methods