fix array indexing

punch_list/api_code.html

@@ -26,6 +26,65 @@
 
 <script>
 
+
+function genUid() {
+	function chr4() {
+		return Math.random().toString(16).slice(-4);
+	}
+	return chr4() + chr4() +
+	'-' + chr4() +
+	'-' + chr4() +
+	'-' + chr4() +
+	'-' + chr4() + chr4() + chr4();
+}
+
+function getuuidJson() {
+console.log(`getuuidJson`);
+
+	let req = new XMLHttpRequest();
+
+	req.onreadystatechange = () => {
+		if (req.readyState == XMLHttpRequest.DONE) {
+			window.list = JSON.parse(req.responseText);
+			console.log(`uuidList - ${window.list}`);
+			injectUuid();
+		}
+	};
+
+	req.open("GET", jsonUrl, true);
+	req.send();
+}
+
+function injectUuid() {
+	length = window.list.length;
+
+	for (x = 0; x < length; x++) {
+		if (window.list[x].uuid === undefined) {
+			window.list[x].uuid = genUid();
+		}
+	}
+
+	jsonStr = JSON.stringify(window.list);
+	sendJson(jsonStr);
+}
+
+function sendJson(data) {
+	let req = new XMLHttpRequest();
+
+	req.onreadystatechange = () => {
+		if (req.readyState == XMLHttpRequest.DONE) {
+			document.getElementById("result").innerHTML += req.status + req.responseText + "<br />";
+		}
+	};
+
+	req.open("PUT", jsonUrl, true);
+	req.setRequestHeader("Content-type", "application/json");
+	req.send(data);
+
+}
+
+//getuuidJson();
+
 function test() {
 	d = document.getElementById("data").value;
 	document.getElementById("result").innerHTML = d;
@@ -65,5 +124,4 @@ console.log(`getJson`);
 
 }
 
-
 </script>

punch_list/eventManage.js

@@ -38,6 +38,16 @@ function getJson() {
 
 }
 
+function findArrayId(uid) {
+	var length = window.punches.length;
+
+	for (x = 0; x < length; x++) {
+		if (window.punches[x].uuid === uid) {
+			return x;
+		}
+	}
+}
+
 function tagFilter(tagItem) {
 	console.log(`In tagFilter function`);
 	window.tagFilterItem = tagItem;
@@ -81,7 +91,7 @@ function genList(punchList, element) {
 			list += "<div class='punchlist top-bottom-border'>"; //
 			list += "<div class='punchlist container top-bottom-border'>"; //
 			list += "<div class='ten columns'>";
-			list += "<div class='12 columns " + itemStyle + "' onClick=enablePunchDetail(" + i + ")><span class=subject>" + punchList[i].subject + "</span></div>"; //
+			list += "<div class='12 columns " + itemStyle + "' onClick=enablePunchDetail(\"" + punchList[i].uuid + "\")><span class=subject>" + punchList[i].subject + "</span></div>"; //
 			list += "<div class='three columns " + itemStyle + "'>Status: " + punchList[i].progress + "</div>";
 			list += "<div class='two columns " + itemStyle + "'>Priority: " + punchList[i].priority + "</div>";
 			list += "<div class='four columns " + itemStyle + "'>Need By: " + punchList[i].nDate + "</div>";
@@ -96,12 +106,12 @@ function genList(punchList, element) {
 			list += "</div>";
 			list += "<div class='two columns'>";
 			list += "<div class=dropdown>";
-			list += "<button class=dropbtn onClick=dropMenu(" + i + ")>Act<i class='fa fa-caret-down'></i></button>";
+			list += "<button class=dropbtn onClick=dropMenu(\"" + punchList[i].uuid + "\")>Act<i class='fa fa-caret-down'></i></button>";
-			list += "<div class=dropdown-content id='myDropdown" + i + "'>";
+			list += "<div class=dropdown-content id='myDropdown" + punchList[i].uuid + "'>";
-			list += "<a onClick=startPunch(" + i + ")>start</a>";
+			list += "<a onClick=startPunch(\"" + punchList[i].uuid + "\")>start</a>";
-			list += "<a onClick=completePunch(" + i + ")>done</a>";
+			list += "<a onClick=completePunch(\"" + punchList[i].uuid + "\")>done</a>";
-			list += "<a onClick=editPunch(" + i + ")>edit</a>";
+			list += "<a onClick=editPunch(\"" + punchList[i].uuid + "\")>edit</a>";
-			list += "<a onClick=deletePunch(" + i + ")>delete</a>";
+			list += "<a onClick=deletePunch(\"" + punchList[i].uuid + "\")>delete</a>";
 			list += "</div></div></div></div></div>";
 		}
 		} else {
@@ -109,7 +119,7 @@ function genList(punchList, element) {
 			list += "<div class='punchlist top-bottom-border'>"; //
 			list += "<div class='punchlist container top-bottom-border'>"; //
 			list += "<div class='ten columns'>";
-			list += "<div class='12 columns " + itemStyle + "' onClick=enablePunchDetail(" + i + ")><span class=subject>" + punchList[i].subject + "</span></div>"; //
+			list += "<div class='12 columns " + itemStyle + "' onClick=enablePunchDetail(\"" + punchList[i].uuid + "\")><span class=subject>" + punchList[i].subject + "</span></div>"; //
 			list += "<div class='three columns " + itemStyle + "'>Status: " + punchList[i].progress + "</div>";
 			list += "<div class='two columns " + itemStyle + "'>Priority: " + punchList[i].priority + "</div>";
 			list += "<div class='four columns " + itemStyle + "'>Need By: " + punchList[i].nDate + "</div>";
@@ -124,12 +134,12 @@ function genList(punchList, element) {
 			list += "</div>";
 			list += "<div class='two columns'>";
 			list += "<div class=dropdown>";
-			list += "<button class=dropbtn onClick=dropMenu(" + i + ")>Act<i class='fa fa-caret-down'></i></button>";
+			list += "<button class=dropbtn onClick=dropMenu(\"" + punchList[i].uuid + "\")>Act<i class='fa fa-caret-down'></i></button>";
-			list += "<div class=dropdown-content id='myDropdown" + i + "'>";
+			list += "<div class=dropdown-content id='myDropdown" + punchList[i].uuid + "'>";
-			list += "<a onClick=startPunch(" + i + ")>start</a>";
+			list += "<a onClick=startPunch(\"" + punchList[i].uuid + "\")>start</a>";
-			list += "<a onClick=completePunch(" + i + ")>done</a>";
+			list += "<a onClick=completePunch(\"" + punchList[i].uuid + "\")>done</a>";
-			list += "<a onClick=editPunch(" + i + ")>edit</a>";
+			list += "<a onClick=editPunch(\"" + punchList[i].uuid + "\")>edit</a>";
-			list += "<a onClick=deletePunch(" + i + ")>delete</a>";
+			list += "<a onClick=deletePunch(\"" + punchList[i].uuid + "\")>delete</a>";
 			list += "</div></div></div></div></div>";
 		}
 	}
@@ -160,13 +170,12 @@ function completePunch(item) {
 	putJson(jsonStr);
 }
 
-function enablePunchDetail(item) {
+function enablePunchDetail(uuid) {
 	var punchList = window.punches;
+	item = findArrayId(uuid);
 	console.log(`inside enablePunchDetail`);
 	disableElement("punchListAll");
-	console.log(`punchList Disabled`);
 	enableElement("punchDetail");
-	console.log(`punchDetail Enabled`);
 //	html = "";
 	html = "<p>subject: " + punchList[item].subject + "<br />Created: " + punchList[item].cDate + "<br />Modified Date: " + punchList[item].mDate + "<br />Priority: " + punchList[item].priority + "<br />Progress: " + punchList[item].progress + "<br /><textarea>" + punchList[item].notes + "</textarea><br /><input onfocus='clearDefault(this)' type='text' id='tag' value='Add tag'><input onClick='addTag()' type=button value='Add' /></p><input type=button value=close onClick=getJson()>";
 	document.getElementById("punchDetail").innerHTML = html;
@@ -185,7 +194,7 @@ function createNewEvent() {
 	var nDateField = document.getElementById("timepickerCreate").value;
 	var notesField = document.getElementById("newNotes").value;
 
-	var newEventJson = { nDate: nDateField, subject: subjectField, priority: priorityField, progress: progressField, notes: notesField };
+	var newEventJson = { uuid: genUid(), nDate: nDateField, subject: subjectField, priority: priorityField, progress: progressField, notes: notesField };
 	punchList.push(newEventJson);
 	jsonStr = JSON.stringify(punchList);
 	putJson(jsonStr);
@@ -194,10 +203,11 @@ function createNewEvent() {
 //	document.getElementById("newEventList").innerHTML = jsonStr;
 }
 
-function deletePunch(item) {
+function deletePunch(uuid) {
 //	console.log(`${punchList}`);
 //	console.log(`${window.punches}`);
 	punchList = window.punches;
+	item = findArrayId(uuid);
 
 	console.log(`splicing ${item}`);
 
@@ -251,12 +261,13 @@ function toggleShowDone() {
 	getJson();
 }
 
-function editPunch(item) {
+function editPunch(uuid) {
 	disableElement("newEvent");
 	disableElement("punchListAll");
 	enableElement("editPunch");
 
 	punchList = window.punches;
+	item = findArrayId(uuid);
 
 	var id = item;
 
@@ -297,7 +308,7 @@ function submitEditPunch() {
 
 function addTag() {
 	var item = document.getElementById("editID").value;
-	var newTag = document.getElementById("tag").value;
+	var newTag = document.getElementById("tag").value.toLowerCase();
 
 	console.log(`Item: ${item}`);
 	console.log(`New Tag: ${newTag}`);
@@ -321,3 +332,15 @@ function clearDefault(a){
 		a.value="";
 	}
 }
+
+function genUid() {
+	function chr4() {
+		return Math.random().toString(16).slice(-4);
+	}
+	return chr4() + chr4() +
+	'-' + chr4() +
+	'-' + chr4() +
+	'-' + chr4() +
+	'-' + chr4() + chr4() + chr4();
+}
+

punch_list/metadata.js

@@ -1,4 +1,4 @@
-var version = "0.3.045",
+var version = "0.3.047",
 		debug = false,
 		jsonUrl = "https://api.myjson.com/bins/1dodsj",
 		showDone = false,