@cocreate/render 1.3.23 → 1.4.1

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+## [1.4.1](https://github.com/CoCreate-app/CoCreate-render/compare/v1.4.0...v1.4.1) (2022-01-01)
+
+
+### Bug Fixes
+
+* removed data- from attributes ([62e95f9](https://github.com/CoCreate-app/CoCreate-render/commit/62e95f94719dfc19b6dd1df339ab587098b6f65c))
+
+# [1.4.0](https://github.com/CoCreate-app/CoCreate-render/compare/v1.3.25...v1.4.0) (2021-12-31)
+
+
+### Features
+
+* added renderKey function ([dbe7190](https://github.com/CoCreate-app/CoCreate-render/commit/dbe7190e9f358ba8e85f510d326fd31bf03e40a5))
+
+## [1.3.25](https://github.com/CoCreate-app/CoCreate-render/compare/v1.3.24...v1.3.25) (2021-12-15)
+
+
+### Bug Fixes
+
+* update dependencies ([ae84466](https://github.com/CoCreate-app/CoCreate-render/commit/ae84466f0b74b208c7455a8deabab79146e3ef34))
+
+## [1.3.24](https://github.com/CoCreate-app/CoCreate-render/compare/v1.3.23...v1.3.24) (2021-12-14)
+
+
+### Bug Fixes
+
+* update dependencies ([8d71aff](https://github.com/CoCreate-app/CoCreate-render/commit/8d71aff411db90ed2feb7231a62a7d36b64c082e))
+
 ## [1.3.23](https://github.com/CoCreate-app/CoCreate-render/compare/v1.3.22...v1.3.23) (2021-11-27)
 
 

package/demo/fetch.html

@@ -9,12 +9,12 @@
         
         <div template_id="abc1">
             <div class="template card {{render2.collection}} card margin:10px" 
-                data-value="{{render2.data._id}}" 
+                value="{{render2.data._id}}" 
                 template_id="abc1" 
                 render-array="render2.data">
                 <div class="card-body padding:15px" collection="{{render2.collection}}">
                     <h3 class="{{render2.data.firstname}} blue" value="{{render2.data.lastname}} - {{render2.data.firstname}}">--</h3>
-                    <h3 data-value="{{ render2.data.lastname }}" value="{{lastname}}"></h3>
+                    <h3 value="{{ render2.data.lastname }}" value="{{lastname}}"></h3>
                     <input value="{{ render2.collection }}"/>
                     <h3 class="email" value="{{render2.data.email}}">--</h3>
                     <textarea value="{{render2.data.lastname}}"></textarea>

package/demo/index.html

@@ -9,12 +9,12 @@
         
         <div template_id="abc1">
             <div class="template card {{render2.collection}} card margin:10px firstname" 
-                data-value="{{render2.data._id}}" 
+                value="{{render2.data._id}}" 
                 template_id="abc1" 
                 render-array="render2.data">
                 <div class="card-body padding:15px" collection="{{render2.collection}}">
                     <h3 class="{{render2.data.firstname}} blue" value="{{render2.data.lastname}} - {{render2.data.firstname}}">--</h3>
-                    <h3 data-value="{{ render2.data.lastname }}" value="{{lastname}}"></h3>
+                    <h3 value="{{ render2.data.lastname }}" value="{{lastname}}"></h3>
                     <input value="{{ render2.collection }}"/>
                     <h3 class="email" value="{{render2.data.email}}">--</h3>
                     <textarea value="{{render2.data.lastname}}"></textarea>

package/demo/suggestion.html

@@ -9,7 +9,7 @@
         
         <div template_id="abc1" fetch-collection="render_test">
             <div class="template card {{render2.collection}} card margin:10px firstname" 
-                data-value="{{render2.data._id}}" 
+                value="{{render2.data._id}}" 
                 template_id="abc1" 
                 render-array="render2.data">
                 <div class="card-body padding:15px" collection="{{render2.collection}}">

package/docs/index.html

@@ -77,12 +77,12 @@
 					<pre><code class="language-html">
 	&lt;div template_id=&quot;abc1&quot; fetch-collection=&quot;render_test&quot;&gt;
 	    &lt;div class=&quot;template card {{render2.collection}} card margin:10px firstname&quot; 
-	        data-value=&quot;{{render2.data._id}}&quot; 
+	        value=&quot;{{render2.data._id}}&quot; 
 	        template_id=&quot;abc1&quot; 
 	        render-array=&quot;render2.data&quot;&gt;
 	        &lt;div class=&quot;card-body padding:15px&quot; collection=&quot;{{render2.collection}}&quot;&gt;
 	            &lt;h3 class=&quot;{{render2.data.firstname}} blue&quot; value=&quot;{{render2.data.lastname}} - {{render2.data.firstname}}&quot;&gt;--&lt;/h3&gt;
-	            &lt;h3 data-value=&quot;{{ render2.data.lastname }}&quot; value=&quot;{{lastname}}&quot;&gt;&lt;/h3&gt;
+	            &lt;h3 value=&quot;{{ render2.data.lastname }}&quot; value=&quot;{{lastname}}&quot;&gt;&lt;/h3&gt;
 	            &lt;input value=&quot;{{ render2.collection }}&quot;/&gt;
 	            &lt;h3 class=&quot;email&quot; value=&quot;{{render2.data.email}}&quot;&gt;--&lt;/h3&gt;
 	            &lt;textarea value=&quot;{{render2.data.lastname}}&quot;&gt;&lt;/textarea&gt;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/render",
-  "version": "1.3.23",
+  "version": "1.4.1",
   "description": "A simple render component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.",
   "keywords": [
     "render",
@@ -61,8 +61,8 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/actions": "^1.3.23",
-    "@cocreate/api": "^1.2.15",
-    "@cocreate/docs": "^1.2.60"
+    "@cocreate/actions": "^1.3.25",
+    "@cocreate/api": "^1.2.18",
+    "@cocreate/docs": "^1.2.62"
   }
 }

package/src/index.js

@@ -1,6 +1,6 @@
 /*globals CustomEvent*/
 import action from '@cocreate/actions';
-
+// import CoCreateApi from '@cocreate/api';
 
 const CoCreateRender = {
 
@@ -114,41 +114,19 @@ const CoCreateRender = {
 		return cloneEl;
 	},
  
-	setValue:function(els, data, passTo, template){
+	setValue:function(els, data, template){
 		if (!data) return;
 		const that = this;
 		Array.from(els).forEach(el => {
-			
-			// let passId = e.getAttribute('pass_id');
-			// if (passTo && passId != passTo) {
-			// 	return;
-			// }
 			// if (el.classList.contains('template')) {
 			// 	el = this.cloneEl(el);
 			// }
 			Array.from(el.attributes).forEach(attr=>{
 				let attr_name = attr.name.toLowerCase();
-				// let  isPass = false;
 				let attrValue = attr.value;
 				attrValue = that.__replaceValue(data, attrValue);
 				
 				if (attrValue) {
-					// if(attr_name == 'value'){
-					// 	let tag = e.tagName.toLowerCase();
-					// 	switch (tag) {
-					// 		case 'input':
-					// 			 e.setAttribute(attr_name, attrValue);
-					// 			break;
-					// 		case 'textarea':
-					// 			e.setAttribute(attr_name, attrValue);
-					// 			e.textContent = attrValue;
-					// 			break;
-					// 		default:
-					// 			if (e.children.length === 0) {
-					// 				e.innerHTML =  attrValue;
-					// 			}
-					// 	}
-					// }
 					el.setAttribute(attr_name, attrValue);
 				}
 			});
@@ -162,7 +140,7 @@ const CoCreateRender = {
 			}
 			
 			if(el.children.length > 0) {
-				that.setValue(el.children, data, passTo, template);
+				that.setValue(el.children, data, template);
 			}
 			if (el.classList.contains('template')) {
 				that.render(el, data);
@@ -171,7 +149,7 @@ const CoCreateRender = {
 		});
 	},
 	
-	data: function({selector, data, elements, passTo}) {
+	data: function({selector, data, elements}) {
 		if (selector) {
 			let template = document.querySelector(selector)
 			if (!template) return;
@@ -179,9 +157,9 @@ const CoCreateRender = {
 				this.render(template, data)
 			}
 			else
-				this.setValue([template], data, passTo, template);
+				this.setValue([template], data, template);
 		} else if (elements) {
-			this.setValue(elements, data, passTo);
+			this.setValue(elements, data);
 		}
 		
 	}
@@ -204,26 +182,26 @@ action.init({
 });
 
 
-// function renderKey(element) {
-// 	const container = element.closest("form") || document;
-// 	let data = form.getFormData(this.id, 'renderKey',  container);
+function renderKey(element) {
+	const form = element.closest("form") || document;
+	let data = CoCreate.api.getFormData('render-key', 'renderKey',  form);
 
-// 	CoCreateRender.data({
-// 		selector: "[template_id='renderKey']",
-// 		data: data
-// 	});
+	CoCreateRender.data({
+		selector: "[template_id='renderKey']",
+		data: {renderKey: data}
+	});
 	
-// 	document.dispatchEvent(new CustomEvent('renderKey', {
-// 		detail: { data }
-// 	}));
-// }
+	document.dispatchEvent(new CustomEvent('renderKey', {
+		detail: { data }
+	}));
+}
 
-// action.init({
-// 	action: "renderKey",
-// 	endEvent: "renderKey",
-// 	callback: (btn, data) => {
-// 		renderKey(btn);
-// 	}
-// });
+action.init({
+	action: "renderKey",
+	endEvent: "renderKey",
+	callback: (btn, data) => {
+		renderKey(btn);
+	}
+});
 
 export default CoCreateRender;