aboutsummaryrefslogtreecommitdiff
path: root/benchmark/scripts/lib
diff options
context:
space:
mode:
authorneauoire <aliceffekt@gmail.com>2019-11-09 11:53:24 -0500
committerneauoire <aliceffekt@gmail.com>2019-11-09 11:53:24 -0500
commit3962b96ad69f830caaddc45e5c7a9e0c09a7b1f0 (patch)
tree7727ca6733608d00cba55f575941b47684091f8b /benchmark/scripts/lib
parentba1303d34d624ecfb8a1738cc7818e35e3b4d319 (diff)
*
Diffstat (limited to 'benchmark/scripts/lib')
-rw-r--r--benchmark/scripts/lib/theme.js155
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