diff options
| author | neauoire <aliceffekt@gmail.com> | 2019-11-09 11:53:24 -0500 |
|---|---|---|
| committer | neauoire <aliceffekt@gmail.com> | 2019-11-09 11:53:24 -0500 |
| commit | 3962b96ad69f830caaddc45e5c7a9e0c09a7b1f0 (patch) | |
| tree | 7727ca6733608d00cba55f575941b47684091f8b /benchmark/scripts/lib | |
| parent | ba1303d34d624ecfb8a1738cc7818e35e3b4d319 (diff) | |
*
Diffstat (limited to 'benchmark/scripts/lib')
| -rw-r--r-- | benchmark/scripts/lib/theme.js | 155 |
1 files changed, 0 insertions, 155 deletions
diff --git a/benchmark/scripts/lib/theme.js b/benchmark/scripts/lib/theme.js deleted file mode 100644 index c094aaa..0000000 --- a/benchmark/scripts/lib/theme.js +++ /dev/null @@ -1,155 +0,0 @@ -'use strict'; - -function Theme(default_theme = {background: "#222", f_high: "#fff", f_med: "#777", f_low: "#444", f_inv: "#fff", b_high: "#000", b_med: "#aaa", b_low: "#000", b_inv: "#000"}) -{ - let themer = this; - - this.el = document.createElement("style") - this.el.type = 'text/css' - - this.callback; - this.active; - - this.collection = { - default: default_theme, - noir: {background: "#222", f_high: "#fff", f_med: "#777", f_low: "#444", f_inv: "#fff", b_high: "#000", b_med: "#aaa", b_low: "#000", b_inv: "#000" }, - pale: {background: "#e1e1e1", f_high: "#000", f_med: "#777", f_low: "#aaa", f_inv: "#000", b_high: "#000", b_med: "#aaa", b_low: "#ccc", b_inv: "#fff" } - } - - this.install = function(host = document.body,callback) - { - console.log("Theme","Installing..") - host.appendChild(this.el) - this.callback = callback - } - - this.start = function() - { - console.log("Theme","Starting..") - let storage = is_json(localStorage.theme) ? JSON.parse(localStorage.theme) : this.collection.default; - this.load(!storage.background ? this.collection.default : storage) - } - - this.save = function(theme) - { - console.log("Theme","Saving..") - this.active = theme; - localStorage.setItem("theme", JSON.stringify(theme)); - } - - this.load = function(theme, fall_back = this.collection.noir) - { - if(!theme || !theme.background){ console.warn("Theme","Not a theme",theme); return; } - - this.save(theme); - this.apply(theme); - - if(this.callback){ - this.callback(); - } - } - - this.apply = function(theme) - { - this.el.innerHTML = ` - :root { - --background: ${theme.background}; - --f_high: ${theme.f_high}; - --f_med: ${theme.f_med}; - --f_low: ${theme.f_low}; - --f_inv: ${theme.f_inv}; - --b_high: ${theme.b_high}; - --b_med: ${theme.b_med}; - --b_low: ${theme.b_low}; - --b_inv: ${theme.b_inv}; - }`; - } - - this.parse = function(any) - { - let theme; - - if(any && any.background){ return any; } - else if(any && any.data){ return any.data; } - else if(any && is_json(any)){ return JSON.parse(any); } - else if(any && is_html(any)){ return this.extract(any); } - - return null; - } - - this.extract = function(text) - { - let svg = new DOMParser().parseFromString(text,"text/xml") - - try{ - return { - "background": svg.getElementById("background").getAttribute("fill"), - "f_high": svg.getElementById("f_high").getAttribute("fill"), - "f_med": svg.getElementById("f_med").getAttribute("fill"), - "f_low": svg.getElementById("f_low").getAttribute("fill"), - "f_inv": svg.getElementById("f_inv").getAttribute("fill"), - "b_high": svg.getElementById("b_high").getAttribute("fill"), - "b_med": svg.getElementById("b_med").getAttribute("fill"), - "b_low": svg.getElementById("b_low").getAttribute("fill"), - "b_inv": svg.getElementById("b_inv").getAttribute("fill") - }; - } - catch(err){ - console.warn("Theme","Incomplete SVG Theme", err) - } - } - - this.reset = function() - { - this.load(this.collection.default); - } - - // Defaults - - this.pale = function() - { - this.load(this.collection.pale) - } - - this.noir = function() - { - this.load(this.collection.noir) - } - - this.invert = function() - { - this.load(this.active.background == this.collection.noir.background ? this.collection.pale : this.collection.noir) - } - - // Drag - - this.drag = function(e) - { - e.stopPropagation(); - e.preventDefault(); - e.dataTransfer.dropEffect = 'copy'; - } - - this.drop = function(e) - { - e.preventDefault(); - e.stopPropagation(); - - let file = e.dataTransfer.files[0]; - - if(!file || !file.name){ console.warn("Theme","Unnamed file."); return; } - if(file.name.indexOf(".thm") < 0 && file.name.indexOf(".svg") < 0){ console.warn("Theme","Skipped, not a theme"); return; } - - let reader = new FileReader(); - reader.onload = function(e){ - themer.load(themer.parse(e.target.result)); - }; - reader.readAsText(file); - } - - window.addEventListener('dragover',this.drag); - window.addEventListener('drop', this.drop); - - function is_json(text){ try{ JSON.parse(text); return true; } catch (error){ return false; } } - function is_html(text){ try{ new DOMParser().parseFromString(text,"text/xml"); return true; } catch (error){ return false; } } -}
\ No newline at end of file |
