npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

presentation-dialogs

v3.1.11

Published

The Augmented.js Next - Presentation Dialog Module.

Downloads

137

Readme

presentation-dialogs

Augmented.js Next Presentation - Dialog Components

API

Table of Contents

DialogView

Extends DecoratorView

A automatic dialog view - creates a dialog with simple configurations to customize</br/> supports title, body, style, and buttons as options buttons are defined as an object with key as name, value as function to call

Parameters

  • options Object Options to pass to the class

isOpen

isOpen property (readonly)

Returns boolean true on open

title

title property - the title of the dialog

Parameters

  • title

style

style property - the style (form, alert, bigForm, or whatever class you want)

Parameters

  • style

buttons

buttons object property - the buttons to match to functions

Parameters

  • buttons

Properties

body

Body - sets the body content of the dialog

Parameters

  • body

Properties

  • body String A string value of th body (supports HTML)

render

render - render the dialog

cancel

cancel - standard built-in cancel callback. Calls close method by default

Parameters

  • event Event Event passed in

open

open - standard built-in open callback. Calls render method by default

Parameters

  • event Event Event passed in

close

close - standard built-in close callback. Closes the dialog, triggers the 'close' event

Parameters

  • event Event Event passed in

ConfirmationDialogView

Extends DialogView

A automatic comfirmation dialog view - creates a dialog with yes no buttons

Parameters

  • options

AlertDialogView

Extends DialogView

A automatic alert dialog view - creates a dialog with cancel button and a message

Parameters

  • options

Notification

Extends DialogView

Notification

Parameters

  • options Options to pass

Examples

options passed are: timeOut, name, style

Splash

Extends DecoratorView

Splash Screen View

Parameters

  • options Options to pass

Examples

options passed are: title, subTitle, subSubTitle, name, style, and figureStyle

ErrorDialogView

Extends AlertDialogView

A automatic error dialog view - creates a dialog ok button

Parameters

  • options

MessageDialogView

Extends AlertDialogView

A automatic message dialog view - creates a dialog ok button

Parameters

  • options

AboutDialogView

Extends DialogView

A automatic about dialog view - creates a dialog with cancel button and a message. Pass the following options for pre-formated dialog:

Parameters

  • options