alexander
/
noticer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 2 Wiki Activity

Compare commits

base: alexander:master
Branches Tags
alexander:master
alexander:v0.1.1
alexander:v0.1.0
..
compare: alexander:v0.1.0
Branches Tags
alexander:master
alexander:v0.1.1
alexander:v0.1.0

No commits in common. "master" and "v0.1.0" have entirely different histories.
master ... v0.1.0

3 changed files with 9 additions and 25 deletions
Show Stats Expand all files Collapse all files

12
noticer.js
View File

@ -1,8 +1,10 @@
/*! noticer - v0.1.1 - 2023-06-02 /*! noticer - v0.1.0 - 2023-05-31
* https://git.zhirov.kz/alexander/noticer * https://git.zhirov.kz/alexander/noticer
* Copyright Alexander Zhirov; Licensed GPL-2.0 */ * Copyright Alexander Zhirov; Licensed GPL-2.0 */
class Noticer { class Noticer {
timer;
constructor() { constructor() {
this.div = $('<div id="noticer"></div>'); this.div = $('<div id="noticer"></div>');
this.div.css({ this.div.css({
@ -83,17 +85,17 @@ class Noticer {
newNotice.fadeIn(500).mouseenter(() => { newNotice.fadeIn(500).mouseenter(() => {
clearTimeout(opacityTimeout); clearTimeout(opacityTimeout);
timer.pause(); this.timer.pause();
}).mouseleave(() => { }).mouseleave(() => {
timer.resume(); this.timer.resume();
}).click(() => { }).click(() => {
timer.dead(); this.timer.dead();
newNotice.fadeOut(0, function(){ newNotice.fadeOut(0, function(){
this.remove(); this.remove();
}); });
}); });
let timer = new Timer(() => { this.timer = new Timer(() => {
newNotice.fadeOut(500, function(){ newNotice.fadeOut(500, function(){
this.remove(); this.remove();
}); });

4
noticer.min.js vendored
View File

@ -1,4 +1,4 @@
/*! noticer - v0.1.1 - 2023-06-02 /*! noticer - v0.1.0 - 2023-05-31
* https://git.zhirov.kz/alexander/noticer * https://git.zhirov.kz/alexander/noticer
* Copyright Alexander Zhirov; Licensed GPL-2.0 */ * Copyright Alexander Zhirov; Licensed GPL-2.0 */
class Noticer{constructor(){this.div=$('<div id="noticer"></div>'),this.div.css({position:"absolute",top:"10px",right:"20px","z-index":"1000"}),$("body").append(this.div)}success(e,t=6e3){this.print(e,t,"#52b818","#bffdc0")}warning(e,t=6e3){this.print(e,t,"#b8ae18","#f8fdbf")}error(e,t=6e3){this.print(e,t,"#b96161","#fddede")}print=function(e,t,n,s){t<6e3&&(t=6e3);let a=function(e,t){let n,s,o=t;this.pause=function(){clearTimeout(n),o-=new Date-s},this.resume=function(){s=new Date,clearTimeout(n),n=setTimeout(e,o)},this.dead=function(){clearTimeout(n)},this.resume()},o=$(`<div class="notice">${e}</div>`);o.css({border:`1px solid ${n}`,"background-color":`${s}`,color:"#333",padding:"10px 30px","text-align":"center",display:"none",margin:"10px 0 0 0",width:"350px",opacity:"1",cursor:"pointer"}),o.hover(function(){$(this).css({opacity:"1"})},function(){$(this).css({opacity:"0.3"})}),this.div.append(o);let r=setTimeout(function(){o.fadeTo(1e3,.3)},2500);o.fadeIn(500).mouseenter(()=>{clearTimeout(r),i.pause()}).mouseleave(()=>{i.resume()}).click(()=>{i.dead(),o.fadeOut(0,function(){this.remove()})});let i=new a(()=>{o.fadeOut(500,function(){this.remove()})},t)}} class Noticer{timer;constructor(){this.div=$('<div id="noticer"></div>'),this.div.css({position:"absolute",top:"10px",right:"20px","z-index":"1000"}),$("body").append(this.div)}success(e,t=6e3){this.print(e,t,"#52b818","#bffdc0")}warning(e,t=6e3){this.print(e,t,"#b8ae18","#f8fdbf")}error(e,t=6e3){this.print(e,t,"#b96161","#fddede")}print=function(e,t,n,s){t<6e3&&(t=6e3);let i=function(e,t){let n,s,o=t;this.pause=function(){clearTimeout(n),o-=new Date-s},this.resume=function(){s=new Date,clearTimeout(n),n=setTimeout(e,o)},this.dead=function(){clearTimeout(n)},this.resume()},o=$(`<div class="notice">${e}</div>`);o.css({border:`1px solid ${n}`,"background-color":`${s}`,color:"#333",padding:"10px 30px","text-align":"center",display:"none",margin:"10px 0 0 0",width:"350px",opacity:"1",cursor:"pointer"}),o.hover(function(){$(this).css({opacity:"1"})},function(){$(this).css({opacity:"0.3"})}),this.div.append(o);let a=setTimeout(function(){o.fadeTo(1e3,.3)},2500);o.fadeIn(500).mouseenter(()=>{clearTimeout(a),this.timer.pause()}).mouseleave(()=>{this.timer.resume()}).click(()=>{this.timer.dead(),o.fadeOut(0,function(){this.remove()})}),this.timer=new i(()=>{o.fadeOut(500,function(){this.remove()})},t)}}

18
test/index.html
View File

@ -1,18 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
<script src="../noticer.js"></script>
</head>
<body>
<button id="test">test</button>
<script>
noticer = new Noticer;
$('#test').click(() => {
noticer.success("This is success notice");
noticer.warning("This is warning notice");
noticer.error("This is error notice");
});
</script>
</body>
</html>