@nakedcreativity/cee-ms-node 0.3.35 → 0.3.36

package/index.js

@@ -541,12 +541,69 @@ ceems.prototype.render = function(req, res, page=null) {
 	console.log('pagination, ', page.pagination)
 
 	var renderedRegions = {}
+	var renderedColumns = {}
+	var renderedModules = {}
+
 	var jobs = []
 
 	// load page data
 	_.each(page.regions, function(region, key){
 		
 		renderedRegions[key] = []
+		console.log(key)
+
+		if(region.containers){
+
+			region.containers.forEach((container, index)=>{
+
+				console.log(container)
+				if(container.module){
+					
+					var html = `{% ${container.module} %}`
+
+				}else {
+
+				
+					if(!container.class) {
+						container.class = 'container'
+					}
+
+					var html = ''
+					if(container.wrapper){
+						html += `<div class="${container.wrapper}">`
+					}
+
+					html += `<div class="${container.class}">`
+
+					container.rows.forEach(row=>{
+
+						html += `<div class="row  ${row.class}">`
+						row.columns.forEach(column=>{
+
+							var modules = _.reduce(column.modules, (modules, id)=>{
+								return modules + '{% '+id+' %}'
+							}, '')
+							html += `<div class="col ${column.class}">${modules}</div>` // inserts placeholder in format {% id %}
+
+						})
+
+						html += `</div>`
+
+					})
+					if(container.wrapper){
+						html += `</div>`
+					}
+					html += `</div>`
+			
+				}
+				
+				renderedRegions[key][index] = html
+				
+			})
+		}
+
+		console.log(renderedRegions)
+
 		_.each(region.modules, function(module, index){
 
 			var moduleTemplate = fs.readFileSync('./views/'+module.type+'.liquid');
@@ -562,7 +619,7 @@ ceems.prototype.render = function(req, res, page=null) {
 					scope.navigation = this.site.navigation
 				}
 				this.engine.parseAndRender(moduleTemplate, scope)
-			    .then(function(html){
+			    .then(html => {
 			       
 			        if(req.query.edit != null){
 						var $ = cheerio.load(html);
@@ -572,10 +629,15 @@ ceems.prototype.render = function(req, res, page=null) {
 							$.root().children().attr('data-module-id', module._id);
 						}
 						html = $.html()
-			        }
-
-			        renderedRegions[key][index] = html
-			        return resolve();
+					}
+					
+					if(region.containers){
+						renderedModules[module._id] = html
+					}else {
+						renderedRegions[key][index] = html
+					}
+					return resolve();
+					
 				})
 				.catch(error=>{
 					reject(error)
@@ -583,6 +645,8 @@ ceems.prototype.render = function(req, res, page=null) {
 			}))
 
 		}, this)
+
+
 	}, this)
 
 	// loop through each module not in a region and generate HTML
@@ -628,10 +692,20 @@ ceems.prototype.render = function(req, res, page=null) {
 		_.each(renderedRegions, function(region, key){
 			page.regions[key] = ''
 			_.each(region, function(html){
+
+				// items in rendered columns to place
+				if(Object.keys(renderedModules).length > 0){
+					_.each(renderedModules, (moduleHtml, key)=>{
+						html = html.replace(new RegExp('{%\\s'+key+'\\s%}','g'), moduleHtml)
+					})
+
+				}
+
 				page.regions[key] += html
 			})
 		})
 
+		
 		var scope = page
 		if(this.site && this.site.navigation)
 			scope.navigation = this.site.navigation

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nakedcreativity/cee-ms-node",
-  "version": "0.3.35",
+  "version": "0.3.36",
   "description": "Cee.ms for Node.js",
   "main": "index.js",
   "scripts": {