croyzor/wavelert

💾 Windows 98 style javascript prompts

Wavelert

Windows 98 style javascript prompts.

But…why?

Regular alerts just look worse and less cool than they used to. Also, I wanted to use ES6 syntax for something

Also, Wavelert requires jQuery because I'm too lazy to use queryselector so you'll have to deal with that, sorry.

ES6 browser usage

With jQuery already loaded, import any module, then init it and place() it on the html. You don't need wavelert.min.js

import {Alert}   from 'wavelert/alert';
import {Confirm} from 'wavelert/confirm';

$('.🆒').on('click',function(){
	var cf = new Confirm('Are you sure?').place()
	cf.success(function(){
        new Alert('✨ all is good ✨').place();
    })
    cf.fail(function(){
        new Alert('💩 you dismissed the alert 💩').place();
	});
});

Legacy browser usage

With jQuery already loaded, add a regular script tag for dist/wavelert.min.js. You can use wavelert.confirm and wavelert.alert

Check the live demo for details.

$('.🆒').on('click',function(){
	wavelert.confirm({
		title: 'Wololo',
		dark: true,
		icon: 'alert'
	}).success(function(){
        wavelert.alert('✨ all is good ✨');
    }).fail(function(){
        wavelert.alert('💩 you dismissed the alert 💩');
	})
});

Building wavelert.min.js

Just install gulp if you don't have it already

sudo npm install --global gulp

Then gulp everything whenever you want to see changes

sudo npm install
gulp