dialog-promise

dialog-promise

Dialog that returns promises

language: also available in:

API

alertPromise, confirmPromise & promptPromise

Implements alert, confirm & prompt functions with Promises

Use

<script src="dialog-promise.js"></script>
<button onclick='example2(this)'>example</button>
<script>
function example2(button){
    promptPromise("What's your name?").then(function(name){
        return alertPromise("Hi "+name);
    }).then(function(){
        button.textContent='try again!';
    });
}
</script>

alertPromise, confirmPromise, promptPromise

Recives a mensage (and an object with options). These are versions of the native funcions alert, confirm y prompt

function	returned value
alert	true
confirm	true or false
prompt	a string with the entered text

If Escape is pressed or the mouse clicked outside the dialog the function returns undefined.

Options

The options could be passed to all of these functions

option	def	use
underElement	null	the dialog apears below this element. If no element is passed the dialog apears in the center of the window
withCloseButton	true	display the close button
mainAttrs	{}	attributes for main dialog window
reject	true	true if rejects the promise when close by the close button, Esc key or clicking outside of the dialog
closeValue	undefined	value if rejects the promise when close by the close button, Esc key or clicking outside of the dialog
buttonDef	{label:'Ok', value:true}	main button of the alertPromise dialog

miniMenuPromise(elementsList[, opts])

Display a menu

<script src="dialog-promise.js"></script>
<button id=theButton onclick='example3(this)'>example</button>
<script>
function example3(button){
    miniMenuPromise([
        {value:'ar', img:'ar.png', label:'Argentina'},
        {value:'cl', img:'cl.png', label:'Chile'},
        {value:'uy', img:'uy.png', label:'Uruguay'},
    ], {underElement: theButton}).then(function(option){
        return alertPromise("val = "+option);
    });
}
</script>

miniMenuPromise elementList

The options could be passed to all of these functions

option	use
label	text to show
value	value when click. If not set the row is not clickeable.
img	image url
startGroup	if it starts a group (puts a little line)
imgStyle	object with style attributes for the image
fun	alternate function to create cells of the row

License

MIT