feat: supports rendering objects as key and value. If value is an object convert to string for rendering

frankpagan · frankpagan · commit a4985b09ef75 · 2022-04-14T00:19:12.000Z
diff --git a/demo/render.object.html b/demo/render.object.html
@@ -11,9 +11,10 @@
     <body>
         
         <div class="template" template_id="abc1">
+            <div>{{data}}</div>
             <h1> {{data.collection}} {{data._id}}</h1>
             <div class="template" render-object="data" render-key="one">
-                <h3>{{one}} : <b att="{{one.key}}, {{one.value}}">{{one}}</b> {{one}}</h3>
+                <h3>{{one.key}} : {{one.value}}</h3>
             </div>
             <div class="template" render-array="data.current_org" render-key="current_org" value="{{current_org[]}}">
                 <h3>{{current_org}}</h3>
diff --git a/src/index.js b/src/index.js
@@ -57,7 +57,16 @@ const CoCreateRender = {
 		if (variables) {
 			variables.forEach((attr) => {
 				let value = self.__getValue(data, attr);
-				if (value && typeof(value) !== "object") {
+				// if (value && typeof(value) !== "object") {
+				if (value) {
+					if (!Array.isArray(value) && typeof(value) == "object") {
+						let str = '';
+						for (const [key, val] of Object.entries(value)) {
+							str += `${key}: ${val}\n`;
+						}
+						value = str	
+					}	
+						
 					isPass = true;
 					inputValue = inputValue.replace(attr, value);
 				}
@@ -83,7 +92,15 @@ const CoCreateRender = {
 			const renderObject = template.getAttribute('render-object');
 			if (renderObject)
 				arrayData = data[renderObject];
-			arrayData = Object.keys(arrayData);
+			
+			let array = []
+			for (const [key, value] of Object.entries(arrayData)) {
+				array.push({key: key, value: value})
+			}
+			if (array.length > 0)
+				arrayData = array
+			
+			// arrayData = Object.entries(arrayData);
 			type = renderObject || 'data'
 		}
 
