https://ramboamadeus.com/js/Notify.js

1class Notify {
2
3	static loading(status = true, text = 'Loading...', params = {}){
4		console.log('notify status', status);
5		if(status){
6			console.log('notify status in', status);
7			$(document.body).append(`<div class="notify-loader">${text}</div>`);
8		}else{
9			console.log('notify delete');
10			$('.notify-loader').remove();
11		}
12	}
13
14
15	static info(text, params = {}){
16
17		let seconds = Math.floor(new Date().getTime() / 1000);
18		$(document.body).append(`<div id="notify-${seconds}">${text}</div>`);
19		$(`#notify-${seconds}`).css({
20			'position': 'fixed',
21			'border': '1px solid gray',
22			'border-radius': '.3em',
23			'color': 'black',
24			'background': 'white',
25			'top': '5em',
26			'left': '30%',
27			'z-index': '100',
28			'display': 'inline-block',
29			'width': '40%',
30			'text-align': 'center',
31			'padding': '1em',
32			'box-shadow': '0px 0px 10px #00000080',
33			'box-sizing': 'border-box'
34		});
35		var width = $(window).width();
36  		if (width < 1000){
37  			$(`#notify-${seconds}`).css({
38  				'width': '90%',
39  				'left': '5%'
40  			})
41  		}
42
43  		setTimeout(function(){
44  			$(`#notify-${seconds}`).remove();
45  			console.log('removed');
46  		}, 3000);
47
48  			$(`#notify-${seconds}`).delay('1000').fadeOut({duration: '4000', easing: 'linear'}, ()=>{
49  				$(`#notify-${seconds}`).hide();
50  				$(`#notify-${seconds}`).remove();
51  				console.log('removed');
52  			});
53
54		//console.log('textnnn');
55
56	}
57}
58