DooHTML-keyed-v0.70.1

Henrik jJaven · Henrik jJaven · commit e1480e08f5dd · 2022-04-10T00:14:27.000-07:00
diff --git a/frameworks/keyed/doohtml/index.html b/frameworks/keyed/doohtml/index.html
@@ -5,8 +5,8 @@
   <title>DooHTML</title>
   <link href="/css/currentStyle.css" rel="preload" as="style"/>
   <link href="/css/currentStyle.css" rel="stylesheet"/>
-  <link href="./js/doo.html.js" rel="preload" as="script"/>
-  <script type="module" src="./js/doo.html.js"></script>
+  <link href="./js/doo.html.min.js" rel="preload" as="script"/>
+  <script type="module" src="./js/doo.html.min.js"></script>
   <script type="module" src="./js/Main.class.js" defer ></script>
 </head>
 <body>
diff --git a/frameworks/keyed/doohtml/js/Main.class.js b/frameworks/keyed/doohtml/js/Main.class.js
@@ -8,8 +8,6 @@ const nouns = ["table", "chair", "house", "bbq", "desk", "car", "pony", "cookie"
 
 const lenA = adjectives.length, lenB = colours.length, lenC = nouns.length
 
-import Timer from './doo.timer.js'
-
 Doo.define(
   	class Main extends Doo {
 		constructor() {
@@ -92,13 +90,25 @@ Doo.define(
 			this.data.rows = this.data.rows.concat(this.buildData())
 			this.renderTable(this.data.rows, this.data.rows.length)
 		}    
-	// 	add() {
-	// //		let startRow = this.data.rows.length
-	// 		this.data.rows = this.data.rows.concat(this.buildData())
-	// 		this.renderTable(this.data.rows, this.data.rows.length)
+	 	add() {
+			let startRow = this.data.rows.length
+	 		this.data.rows = this.data.rows.concat(this.buildData())
+	 		this.renderTable(this.data.rows, startRow)
 
-	// 	}    
+		}    
 
+		renderTable(dataSet=this.data[this.defaultDataSet], start=0) {
+		//	debugger
+			let len = dataSet.length - start
+			let elem = document.createElement('tbody')
+			elem.innerHTML = this.renderNode(this.place[0], dataSet, start , len) 
+			let tableRows = elem.querySelectorAll('tr')
+			let newElem
+			for (let i=0;i<len;i++) {
+				newElem = this.place[0].appendChild(tableRows.item(i))
+				newElem.key = dataSet[i].id
+			}	
+		}
 
 
 		runLots() {
diff --git a/frameworks/keyed/doohtml/js/doo.html.min.js b/frameworks/keyed/doohtml/js/doo.html.min.js
diff --git a/frameworks/non-keyed/doohtml/index.html b/frameworks/non-keyed/doohtml/index.html
@@ -6,7 +6,7 @@
   <link href="/css/currentStyle.css" rel="preload" as="style"/>
   <link href="/css/currentStyle.css" rel="stylesheet"/>
   <link href="./js/doo.html.min.js" rel="preload" as="script"/>
-  <script src="./js/doo.html.min.js"></script> 
+  <script type="module" src="./js/doo.html.min.js"></script> 
   <script type="module" src="./js/Main.class.js" defer ></script>
 </head>
 <body>
diff --git a/frameworks/non-keyed/doohtml/js/Main.class.js b/frameworks/non-keyed/doohtml/js/Main.class.js
@@ -74,8 +74,9 @@ Doo.define(
 			this.renderTable()
 		}
 		add() {
+			let startRow = this.data.rows.length
 			this.data.rows = this.data.rows.concat(this.buildData())
-			this.renderTable(this.data.rows, this.data.rows.length)
+			this.renderTable(this.data.rows, startRow)
 		}    
 
 		runLots() {

Original file line number	Diff line number	Diff line change
`@@ -74,8 +74,9 @@ Doo.define(`
`74`	`74`	`this.renderTable()`
`75`	`75`	`}`
`76`	`76`	`add() {`
	`77`	`+ let startRow = this.data.rows.length`
`77`	`78`	`this.data.rows = this.data.rows.concat(this.buildData())`
`78`		`- this.renderTable(this.data.rows, this.data.rows.length)`
	`79`	`+ this.renderTable(this.data.rows, startRow)`
`79`	`80`	`}`
`80`	`81`
`81`	`82`	`runLots() {`