update add to init

Author: frankpagan

demo/render.html

@@ -47,7 +47,9 @@ <h1>Paste in your browser console</h1>
 
 
         /** Example of array object from  db -- render2 is an example of data-render_id**/
-        CoCreate.render.data('[data-template_id=abc1]',{
+        CoCreate.render.data({
+        selector: '[data-template_id=abc1]',
+        data: {
              render2: {
                 collection : 'dededede',
                 data: [{
@@ -85,6 +87,7 @@ <h1>Paste in your browser console</h1>
                  },
                 ]
             }
+        }
         })
 
      </pre>

dist/CoCreate-render.js

@@ -95,36 +95,37 @@ <h4 class="margin-top:20px padding:5px_0px">HTML Template</h4>
 				<h4 class="margin-top:40px padding:5px_0px">CoCreate-render usage</h4>
 				<p class="padding:10px_0px">Description.</p>
 				<pre><code class="language-html">
-CoCreate.render.data('[data-template_id=abc1]',{
-	 render2: {
-		collection : 'dededede',
-		data: [{
-			 _id : '123kijfhgfkel45',
-			 firstname : 'Jin',
-			 lastname : 'codingmachinine',
-			 personal_info : {email:'jeanmendozar@gmail.com','phone':'56666'},
-			 email: 'tesing@gamil.com',
-			 testing_array : [
-				 {email:'jeanmendozar@gmail.com','phone':'0','home':'home1'},
-				 {email:'frank@gmail.com','phone':'1','home':'home2'},
-				 {email:'jose@gmail.com','phone':'2','home':'home3'},
-			 ],
-			 string_array: ['string1', 'string2', 1, 3]
-		 },{
-			_id : '5678efe32qd2ol',
-			firstname : 'jean',
-			lastname : 'Mendoza',
-			personal_info : {email:'jeanmendozar@gmail.com','phone':'56666'},
-			email: 'tesing2@gamil.com',
-			testing_array : [
-				{email:'1ana@gmail.com','phone':'16','home':'home17'},
-				{email:'1rosa@gmail.com','phone':'17','home':'home18'},
-				{email:'1nuevo@gmail.com','phone':'18','home':'home19'}
-			],
-			string_array: ['string1', 'string2', 1, 3]
-		 },
-		]
-	}
+CoCreate.render.data({
+	selector: '[data-template_id=abc1]',
+	data: {
+		 render2: {
+			collection : 'dededede',
+			data: [{
+				 _id : '123kijfhgfkel45',
+				 firstname : 'Jin',
+				 lastname : 'codingmachinine',
+				 personal_info : {email:'jeanmendozar@gmail.com','phone':'56666'},
+				 email: 'tesing@gamil.com',
+				 testing_array : [
+					 {email:'jeanmendozar@gmail.com','phone':'0','home':'home1'},
+					 {email:'frank@gmail.com','phone':'1','home':'home2'},
+					 {email:'jose@gmail.com','phone':'2','home':'home3'},
+				 ],
+				 string_array: ['string1', 'string2', 1, 3]
+			 },{
+				_id : '5678efe32qd2ol',
+				firstname : 'jean',
+				lastname : 'Mendoza',
+				personal_info : {email:'jeanmendozar@gmail.com','phone':'56666'},
+				email: 'tesing2@gamil.com',
+				testing_array : [
+					{email:'1ana@gmail.com','phone':'16','home':'home17'},
+					{email:'1rosa@gmail.com','phone':'17','home':'home18'},
+					{email:'1nuevo@gmail.com','phone':'18','home':'home19'}
+				],
+				string_array: ['string1', 'string2', 1, 3]
+			 },
+		]}
 })
 				</code></pre>
 

docs/index.html

@@ -128,7 +128,15 @@ const CoCreateRender = {
 		});
 	},
 
-	data : function(selector, dataResult) {
+	data: function({selector, data, elements, passTo}) {
+		if (selector) {
+			this.render(selector, data);
+		} else if (elements) {
+			this.setValue(elements, data, passTo);
+		}
+	},
+	
+	render : function(selector, dataResult) {
 		let template_div = document.querySelector(selector)
 		if (!template_div) {
 			return;