-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.min.js
16 lines (16 loc) · 5.07 KB
/
app.min.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/**
* Created by alejandrorioscalera
* On 20/10/17
*
* -- SOCIAL NETWORKS --
*
* GitHub: https://github.com/clonalejandro or @clonalejandro
* Website: https://clonalejandro.me/
* Twitter: https://twitter.com/clonalejandro11/ or @clonalejandro11
* Keybase: https://keybase.io/clonalejandro/
*
* -- LICENSE --
*
* All rights reserved for clonalejandro ©malextrap 2017 / 2018
*/
function _getColor(e){return e.getAttribute("point")}function fadeBlocks(){const demoId=document.getElementById("paletteBs");new Hidder(demoId)}function unfadeBlocks(){const demoId=document.getElementById("paletteBs"),body=$("body"),element=$(".isCopied");body.addClass("black"),body.removeAttr("style"),element.removeAttr("style"),element.attr("style","display: none; opacity: 0;"),!0===forWhites&&(forWhites=!1,$(".isCopied > .title").removeClass("forWhites")),new Hidder(demoId)}function demoIn(event){let f_element=null;const self=event.target,f_elements=[$(self).find("button")];if(null!==f_elements)for(var i=0;i<f_elements.length;i++){const dId=$(f_elements[i]).attr("data-forId"),target=$(self).attr("id");null!==dId&&void 0!==dId&&dId===target&&(f_element=$(f_elements[i]))}null!==f_element&&(f_element.attr("style","opacity: 1"),f_element.fadeIn())}function demoOut(event){let unf_element=null;const self=event.target,unf_elements=[$(self).find("button")];if(null!==unf_elements)for(var i=0;i<unf_elements.length;i++){const dId=$(unf_elements[i]).attr("data-forId"),target=$(self).attr("id");null!==dId&&void 0!==dId&&dId===target&&(unf_element=$(unf_elements[i]))}null!==unf_element&&(unf_element.removeAttr("style"),unf_element.attr("style","opacity: 0"))}var forWhites=!1;const converter=f=>{new Converter(f).init()};class Converter{constructor(e){this.e=e}init(){const color=Color.parse(_getColor(this.e)),element=$(".isCopied"),body=$("body");body.removeClass("black"),body.removeAttr("style"),element.removeAttr("style"),body.attr("style","background-color: "+color.value),element.attr("style","opacity: 1"),("secondary"===color.key||"Secondary"===color.key||"pure_white"===color.key||"Pure_white"===color.key||"purewhite"===color.key||"Purewhite"===color.key||"pureWhite"===color.key||"PureWhite"===color.key)&&($(".isCopied > .title").addClass("forWhites"),forWhites=!0),fadeBlocks(),new MainTask}}class Color{static parse(c){switch(c){default:return new Map("primary","#5A94E0");case"secondary":case"Secondary":return new Map("secondary","#F3F4F8");case"terciary":case"Terciary":return new Map("terciary","#CED2D9");case"gray":case"Gray":return new Map("gray","#7A8599");case"dark":case"Dark":return new Map("dark","#353D4C");case"pure_white":case"Pure_white":case"Pure_White":case"pure_White":return new Map("pure_white","#FFFFFF");case"blue":case"Blue":return new Map("blue","#4595E6");case"cyan":case"Cyan":return new Map("cyan","#22b8cf");case"emerald":case"Emerald":return new Map("emerald","#2ecc71");case"green":case"Green":return new Map("green","#5FB335");case"salmon":case"Salmon":return new Map("salmon","#fa5252");case"red":case"Red":return new Map("red","#f03e3e");case"pink":case"Pink":return new Map("pink","#e64980");case"grape":case"Grape":return new Map("grape","#be4bdb");case"violet":case"Violet":return new Map("violet","#7950f2");case"yellow":case"Yellow":return new Map("yellow","#fcc419");case"orange":case"Orange":return new Map("orange","#fd7e14");case"teal":case"Teal":return new Map("teal","#12b886")}}}const demoS=$(".demo"),sp=$(".special"),spe=$(".sp"),copier=$(".copier"),btn=$(".btn");demoS.mouseover(event=>{demoIn(event)}),demoS.mouseout(event=>{demoOut(event)}),sp.mouseover(event=>{const self=$(event.target);self.attr("style","opacity: 1"),self.fadeIn()}),sp.mouseout(event=>{const self=$(event.target);self.removeAttr("style"),self.attr("style","opacity: 0")}),spe.mouseover(event=>{const self=$(event.target);self.attr("style","opacity: 1"),self.fadeIn()}),spe.mouseout(event=>{const self=$(event.target);self.removeAttr("style"),self.attr("style","opacity: 0")}),copier.mouseover(event=>{const self=event.target,res=$(self).find("button");res.attr("style","opacity: 1"),res.fadeIn()}),copier.mouseout(event=>{const self=event.target,res=$(self).find("button");res.removeAttr("style"),res.attr("style","opacity: 0")});const submiter=()=>{btn.each(pos=>{const elem=btn.get(pos),datA="#"+$(elem).attr("data-forId").toString(),color=Color.parse(_getColor($(datA)[0]));$(datA).attr("data-clipboard-text",color.value.toString()),new Clipboard(".demo")})};$("div.copier").attr("align","center"),$(".secondary h1").attr("style","color: black"),$(".pure_white h1").attr("style","color: black"),$(document).ready(()=>{submiter()});class Hidder{constructor(e){switcher(e)&&console.log("Element switched")}}const switcher=e=>{let value="";const el=e.getAttribute("style");return null!==el&&el.includes("display: none")?e.removeAttribute("style"):value="none",""!==value&&(e.setAttribute("style","display: "+value),!0)};class MainTask{constructor(){let time="3";const task=setInterval(()=>{0!==time?time--:(this.kill(task),unfadeBlocks())},seconds)}kill(e){return clearInterval(e)}}class Map{constructor(k,v){return{key:k,value:v}}}const seconds="1000";