Rominou34/soft-css

window.onload=function(){addToolTipListeners()};
var softPopup=function(a,c,b){var e=document.createElement("div");e.className="soft-popupmask";var d=document.createElement("div");d.className="soft-popup ";var f=null;switch(a){case "success":f="green";break;case "info":f="blue";break;case "warning":f="yellow";break;case "alert":f="red"}d.innerHTML=null!=f?"<span>"+c+"</span><div><p>"+b+'</p></div><button class="'+f+'">Hide</button>':"<span>"+c+"</span><div><p>"+b+"</p></div><button>Hide</button>";try{d.className+=a}catch(g){console.log(g.message)}d.querySelector("button").addEventListener("click",
function(){this.parentElement.parentElement.remove();this.parentElement.remove()});document.body.appendChild(e);e.appendChild(d)},softProgressBar=function(a,c,b,e){this.minV=a;this.maxV=c;a=document.createElement("div");a.className="soft-progress";a.style.height=e;a.setAttribute("data-minv",this.minV);a.setAttribute("data-maxv",this.maxV);a.innerHTML="<div></div>";a.querySelector("div").style.width="0%";this.element=a;b.appendChild(a)};
softProgressBar.prototype.setProgress=function(a){a=Math.round((a-this.minV)/(this.maxV-this.minV)*100);100<a&&(a=100);this.element.querySelector("div").style.width=a+"%"};
var addToolTipListeners=function(){var a=document.querySelectorAll(".soft-tooltip");toolTipItems=[].slice.call(a);toolTipItems.forEach(function(a){a.addEventListener("mouseover",function(){var b=a.querySelectorAll(".tooltip");tipItems=[].slice.call(b);var e=a.offsetHeight,d=a.offsetWidth;tipItems.forEach(function(a){a.classList.add("plop");a.style.visibility="visible";var b=a.offsetHeight,c=a.offsetWidth;a.classList.contains("top")&&(a.style.top="-"+(b+15)+"px",a.style.left=d/2-c/2+"px");a.classList.contains("right")&&
(a.style.right="-"+(c+15)+"px",a.style.top=e/2-b/2+"px");a.classList.contains("bottom")&&(a.style.bottom="-"+(b+15)+"px",a.style.left=d/2-c/2+"px");a.classList.contains("left")&&(a.style.left="-"+(c+15)+"px",a.style.top=e/2-b/2+"px")})});a.addEventListener("mouseout",function(){var b=a.querySelectorAll(".tooltip");tipItems=[].slice.call(b);tipItems.forEach(function(a){a.classList.remove("plop");a.style.visibility="hidden"})})})};