From b6d2133fcf232ec3c3b267c70d952ecdc8991f9b Mon Sep 17 00:00:00 2001 From: yamanq Date: Wed, 20 Apr 2016 21:18:08 -0400 Subject: [PATCH] added update for key --- atoms/js/main.js | 1 + atoms/js/onload.js | 1 - atoms/js/update.js | 26 ++++++++++++++++++++++++++ 3 files changed, 27 insertions(+), 1 deletion(-) diff --git a/atoms/js/main.js b/atoms/js/main.js index bfb26b2..a8e965d 100644 --- a/atoms/js/main.js +++ b/atoms/js/main.js @@ -24,6 +24,7 @@ function update() { changeTheme(settings["theme"]); tableTheme(dispTheme); legendChange(dispTheme); + keyChange(dispTheme) } var reader = new FileReader(); diff --git a/atoms/js/onload.js b/atoms/js/onload.js index 29458af..8d54cc7 100644 --- a/atoms/js/onload.js +++ b/atoms/js/onload.js @@ -60,7 +60,6 @@ function keyLegend() { }; get("key").appendChild(tbl); - } function createGradientLegend() { diff --git a/atoms/js/update.js b/atoms/js/update.js index 687d92c..3a1e0d0 100644 --- a/atoms/js/update.js +++ b/atoms/js/update.js @@ -27,6 +27,32 @@ function tableTheme(theme) { try {lastElement.click();} catch(err){} } +function keyChange(theme) { + if (document.getElementById("keylegend") != null) { + document.getElementsByClassName("key")[0].removeChild(document.getElementById("keylegend")); + + var index = choices[1].indexOf(theme); + // Create Table + var tbl = document.createElement('table'); + // id for CSS + tbl.id = "keylegend"; + + for (var i = 0; i < Object.keys(keyColors[index]).length; i++) { + var tr = tbl.insertRow(); + var keycolor = tr.insertCell(); + keycolor.className = "keycolor"; + keycolor.style.backgroundColor = keyColors[index][Object.keys(keyColors[index])[i]]; + + var keyname = tr.insertCell(); + keyvalue = document.createTextNode(Object.keys(keyColors[index])[i]); + keyname.appendChild(keyvalue); + keyname.className = "keyvalue"; + + }; + get("key").appendChild(tbl); + } +} + function legendChange(theme) { var units = [""," pm"," g/mol", " kJ/mol"," kJ/mol", " eV", "", " g/mL", "",""];