From 18a4b4f42853c0a4342b840db21e9fd2b4fb0765 Mon Sep 17 00:00:00 2001
From: Ovidiu Alexandru Toma <inoxovi@gmail.com>
Date: Tue, 9 Oct 2018 15:31:11 +0300
Subject: [PATCH] hotfix/add_color - wip

---
 .DS_Store     | Bin 0 -> 6148 bytes
 assets/app.js |  15 ++++++++++++++-
 index.html    |   4 ++--
 3 files changed, 16 insertions(+), 3 deletions(-)
 create mode 100644 .DS_Store

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..8806480b739dd419689d5f30aee94d2d7e87205a
GIT binary patch
literal 6148
zcmeHK-EPw`6h7X{<^~}ugtT4e28oMlY8fyggcQ2=q7ooP5L^K25)#%-X;L*Q0ZLJB
zcn9DOcod$12jKzW^H0&5!0p74Pj&pA*ypq3ud*Ez5$n!^4pEDUI9y=ELh%O^?ZRue
zrfWnalYQir4dV2rAE$mT+f*0@i~|3f0%GlMkVhGQA+4@ou_@e!U;QafzPd#bB@`g{
z4einhj4{P0*1X_+t#CH!9u4S#`t*QY>aS+AtxEPK+5ead8p0!*VyssvJ&Y7$%ww9+
zQKgTMl|GvE2&3Jl9^D7-f*Dj8KPn84nS{ujP>hifujWe~KAq5^mhTtYMDKgw{7D>T
zdAt3ct*tlCZESLGaqEKh!X2fBn|t{z>w42?;_0E6k9-|JPSf~z?D<ckuo$*3AEZg{
zMM*f7<R}P{^89I(1ZmMtXGxIBeq7bSd6PGXt?l{z+FpCd?p(jM*s<sP`-pGc+*>S~
zeCtZ*&fswT_TBvb;=^Z%0Atv^rCrpxgf9qc6MgMYlQ>O|(6;0)^9`OU1@zy?&!4Hc
zHZN-wFbbT80%Cu#;Q}3vr9!!NppaJpU<1|C5Q|R$!Lc<u8cT&}fiXn|Dk{@g45sL)
zw{@PQu~ew&#PsEZ>5-Yfp)ff*`nP2|F-M^(jRHo2RRz}7V@sU>{lDM;S4rl{C}0%$
zuM}X7p4;nUO8RWAO-`J(HvAASOyrdcB?W~(j%6T@;%&GzwAms6IvPubsDYUe0V#ti
Ji~^^sz%O=1rB?s|

literal 0
HcmV?d00001

diff --git a/assets/app.js b/assets/app.js
index 5e90e89..e616068 100644
--- a/assets/app.js
+++ b/assets/app.js
@@ -8,7 +8,14 @@ var getTemplateHtml = template => {
 	})
 	.then(function(html) {
 		document.getElementById('iframe').contentWindow.document.write(html);
-		console.log(document.getElementById('iframe').contentWindow.document)
+		// console.log(document.getElementById('iframe').contentWindow.document)
+
+		var elements = document.getElementById('iframe').contentWindow.document.querySelectorAll("body *");
+		var numElements = elements.length;
+		var i;
+		for (i = 0; i < numElements; i++) {
+			elements[i].addEventListener("click", addColorTrigger);
+		}
 	});
 }
 
@@ -18,6 +25,12 @@ var valueChange = value => {
 	iframehtml.innerHTML = val
 }
 
+var addColorTrigger = (e) => {
+	console.log("click");
+	console.log(e.currentTarget);
+
+}
+
 var downloadPage = () => {
 	var pageContents = new XMLSerializer().serializeToString(document.getElementById('iframe').contentWindow.document)
 	pageContents = pageContents.replace("rep_DEVNAME", document.getElementById("devname").value)
diff --git a/index.html b/index.html
index 750cdc0..a29fedd 100644
--- a/index.html
+++ b/index.html
@@ -22,11 +22,11 @@
                 <button class="themebtn" id="material" onclick="getTemplateHtml('material')">Material</button>
             </div>
             <!-- Colour inputs -->
-            <!-- <div id="themeclrs">
+            <div id="themeclrs">
                 <h2>Colours</h2>
                 <input type="color" class="themeclr" id="primary">
                 <input type="color" class="themeclr" id="secondary">
-            </div> -->
+            </div>
             <div id="inputs">
                 <h2>Values</h2>
                 <label for="sitename">Site name</label>