@agung_dhewe/webapps 1.1.2

package/src/generator/createModuleDetilEditMjs.js

@@ -0,0 +1,172 @@
+import { kebabToCamel, isFileExist, getSectionData } from './helper.js'
+import { fileURLToPath } from 'url';
+import path from 'path'
+import fs from 'fs/promises'
+import ejs from 'ejs'
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export async function createModuleDetilEditMjs(context, options) {
+	const overwrite = options.overwrite===true
+	const moduleName = context.moduleName
+	const title = context.title
+	const sectionPart = 'edit'
+
+	try {
+
+		const headerEntityData = context.entities['header']
+		const headerModulePartEdit = kebabToCamel(`${moduleName}-header-edit`)
+		const headerPrimaryKey = headerEntityData.pk
+
+
+		for (let entityName in context.entities) {
+			const entityData = context.entities[entityName]
+
+			// process selain header
+			if (entityName=='header') {
+				continue
+			}
+
+			const sectionName = entityName
+			const modulePart = kebabToCamel(`${moduleName}-${sectionName}-${sectionPart}`)
+			const targetFile = path.join(context.moduleDir, `${modulePart}.mjs`)
+
+			// cek dulu apakah file ada
+			var fileExists = await isFileExist(targetFile)
+			if (fileExists && !overwrite) {
+				context.postMessage({message: `skip file: '${targetFile}`})
+				return
+			}
+
+			// reporting progress to parent process
+			context.postMessage({message: `generating file: '${targetFile}`})
+
+
+			const tablename = entityData.table
+
+			const fields = []
+			const fieldHandles = []
+			const defaultInits = []
+			const uploadFields = []
+			const comboboxList = []
+			let detilHasUpload = false
+			for (var fieldName in entityData.Items) {
+				const item = entityData.Items[fieldName]
+
+				if (!item.showInForm) {
+					continue
+				}
+
+
+				const component = item.component
+				const fieldname = item.data_fieldname
+				const inputname = item.input_name
+				const elementId = `${modulePart}-${item.input_name}`
+
+
+				if (component=='Filebox') {
+					detilHasUpload = true
+					uploadFields.push({
+						elementId,
+						fieldname,
+						inputname
+					})
+				} else if (component=='Combobox') {
+					comboboxList.push({
+						inputname
+					})
+				}				
+
+				// setup handles
+				const handles = []
+				for (let eventname in item.Handle) {
+					let createhandle = item.Handle[eventname]
+					if (createhandle) {
+						if (eventname=='selecting' && component=='Combobox') {
+							handles.push({
+								eventname,
+								appId: item.Reference.loaderApiModule,
+								path: item.Reference.loaderApiPath,
+								field_value: item.Reference.bindingValue,
+								field_text: item.Reference.bindingText, 
+							})
+						} else {
+							handles.push({eventname})
+						}
+					}
+				}
+
+				if (handles.length>0) {
+					fieldHandles.push({component, inputname, handles})
+				}
+
+
+				// setup default values
+				let setdefault
+				if (item.data_defaultvalue != '') {
+					if (item.component=='Datepicker' || item.component=='Timepicker') {
+						setdefault = `${item.name }: new Date()`
+					} else if (item.component=='Numberbox') {
+						setdefault = `${item.name }: ${item.data_defaultvalue}`
+					} else if (item.component=='Checkbox') {
+						if (item.data_defaultvalue==='true' || item.data_defaultvalue==='checked' || item.data_defaultvalue==='1') {
+							setdefault = `${item.name }: true`
+						}
+					} else {
+						setdefault = `${item.name }: '${item.data_defaultvalue}'`
+					}
+				}
+
+				if (setdefault!=null) {
+					defaultInits.push(setdefault)
+				}
+
+
+
+
+
+				// add to field config data	
+				fields.push({  
+					component,
+					fieldname,
+					inputname,
+					elementId
+				})
+			}	
+			
+			
+			const detilPrimaryKey = entityData.pk
+
+
+			const variables = {
+				timeGenerated: context.timeGenerated,
+				title,
+				tablename,
+				modulePart,
+				moduleName,
+				sectionName,
+				entityName,
+				headerPrimaryKey,
+				detilPrimaryKey,
+				moduleSection:  kebabToCamel(`${moduleName}-${sectionName}`),
+				moduleList: kebabToCamel(`${moduleName}-${sectionName}-list`),
+				fields,
+				fieldHandles,
+				defaultInits,
+				detilHasUpload,
+				uploadFields,
+				comboboxList
+			}
+
+			const tplFilePath = path.join(__dirname, 'templates', 'moduleDetilEdit.mjs.ejs')
+			const template = await fs.readFile(tplFilePath, 'utf-8');
+			const content = ejs.render(template, variables)
+					
+			await fs.writeFile(targetFile, content, 'utf8');
+		}
+	} catch (err) {
+		throw err
+	}
+
+}

package/src/generator/createModuleDetilListHtml.js

@@ -0,0 +1,146 @@
+import { kebabToCamel, isFileExist, getSectionData } from './helper.js'
+import { fileURLToPath } from 'url';
+import path from 'path'
+import fs from 'fs/promises'
+import ejs from 'ejs'
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export async function createModuleDetilListHtml(context, options) {
+	const overwrite = options.overwrite===true
+	const moduleName = context.moduleName
+	const title = context.title
+	const sectionPart = 'list'
+	
+
+	try {
+		
+		for (let entityName in context.entities) {
+			// process selain header
+			if (entityName=='header') {
+				continue
+			}
+
+			const sectionName = entityName
+			const modulePart = kebabToCamel(`${moduleName}-${sectionName}-${sectionPart}`)
+			const targetFile = path.join(context.moduleDir, `${modulePart}.html`)
+			
+			// cek dulu apakah file ada
+			var fileExists = await isFileExist(targetFile)         
+			if (fileExists && !overwrite) {
+				context.postMessage({message: `skip file: '${targetFile}`})
+				return
+			}
+			context.postMessage({message: `generating file: '${targetFile}`})  // reporting progress to parent process
+
+			// start geneate program code
+			const entityData = context.entities[entityName]
+			const sectionData = getSectionData(moduleName, entityName, entityData, 'list')
+		
+			const itemsList = []
+			for (var fieldName in entityData.Items) {
+				const item = entityData.Items[fieldName]
+				if (!item.showInGrid) {
+					continue
+				}
+				item._fieldName = fieldName
+				item._columnIndex = Number(item.input_index)
+				itemsList.push(item)
+			}
+
+			// urutkan data
+			itemsList.sort((a, b) => a._columnIndex - b._columnIndex);
+
+			const sortedItems = {}
+			for (let item of itemsList) {
+				sortedItems[item._fieldName] = item
+			}
+		
+
+			const fields = []
+			for (var fieldName in sortedItems) {
+				const item = entityData.Items[fieldName]
+
+				if (!item.showInGrid) {
+					continue
+				}
+
+				// console.log(item.input_index)
+
+				const component = item.component
+				const dataName = item.name
+				const binding = item.data_fieldname
+				const label = item.input_label
+				const {bindingValue, bindingText, bindingDisplay, table} = item.Reference
+				
+				// additional attributes
+				const attrs = []
+				if (item.grid_formatter.trim()!='') {
+					attrs.push(`formatter="${item.grid_formatter}"`)
+				}
+				
+				if (item.grid_css.trim()!='') {
+					attrs.push(`class="${item.grid_css}"`)
+				}
+
+				if (item.grid_inlinestyle.trim()!='') {
+					attrs.push(`style='${item.grid_inlinestyle}'`)
+				}
+
+				if (item.grid_sorting) {
+					attrs.push(`sorting="true"`)
+				}
+
+				let additionalAttributes = attrs.join(' ')
+
+
+
+				let columnDataName = dataName
+				let columnDataBinding = binding
+
+				if (component=='Combobox') {
+					if (bindingDisplay!='' && bindingDisplay!=null) {
+						columnDataName = bindingDisplay
+						columnDataBinding = bindingDisplay
+					} else {
+						columnDataName = bindingText
+						columnDataBinding = bindingText
+					}
+				}
+
+
+				// masukkan ke fields
+				fields.push({  
+					component,
+					dataName: columnDataName, //bindingDisplay!=null ? bindingDisplay : dataName, 
+					binding: columnDataBinding, //bindingDisplay!=null ? bindingDisplay : binding,
+					label,
+					additionalAttributes
+				})
+			}
+
+
+			const variables = {
+				timeGenerated: context.timeGenerated,
+				title: title,
+				moduleName: moduleName,
+				modulePart: modulePart,
+				moduleSection:  kebabToCamel(`${moduleName}-${sectionName}`),
+				section: sectionData,
+				fields: fields
+			}
+
+		
+			const tplFilePath = path.join(__dirname, 'templates', 'moduleDetilList.html.ejs')
+			const template = await fs.readFile(tplFilePath, 'utf-8');
+			const content = ejs.render(template, variables)
+					
+			await fs.writeFile(targetFile, content, 'utf8');
+		
+		}
+	} catch (err) {
+		throw err
+	}
+
+}

package/src/generator/createModuleDetilListMjs.js

@@ -0,0 +1,73 @@
+import { kebabToCamel, isFileExist, getSectionData } from './helper.js'
+import { fileURLToPath } from 'url';
+import path from 'path'
+import fs from 'fs/promises'
+import ejs from 'ejs'
+
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export async function createModuleDetilListMjs(context, options) {
+	const overwrite = options.overwrite===true
+	const moduleName = context.moduleName
+
+	const sectionPart = 'list'
+
+	try {
+
+		const headerEntityData = context.entities['header']
+		const headerModulePartEdit = kebabToCamel(`${moduleName}-header-edit`)
+		const headerPrimaryKey = headerEntityData.pk
+
+		for (let entityName in context.entities) {
+			// process selain header
+			if (entityName=='header') {
+				continue
+			}
+
+			const sectionName = entityName
+			const modulePart = kebabToCamel(`${moduleName}-${sectionName}-${sectionPart}`)
+			const targetFile = path.join(context.moduleDir, `${modulePart}.mjs`)
+				
+
+			// cek dulu apakah file ada
+			var fileExists = await isFileExist(targetFile)
+			if (fileExists && !overwrite) {
+				context.postMessage({message: `skip file: '${targetFile}`})
+				return
+			}
+
+			// reporting progress to parent process
+			context.postMessage({message: `generating file: '${targetFile}`})
+
+
+			// start geneate program code	
+			const entityData = context.entities[entityName]
+			const sectionData = getSectionData(moduleName, entityName, entityData, 'edit')
+			const title = entityData.title
+
+
+			const variables = {
+				timeGenerated: context.timeGenerated,
+				title,
+				modulePart,
+				moduleName,
+				sectionName,
+				headerModulePartEdit,
+				headerPrimaryKey,
+				moduleEdit: kebabToCamel(`${moduleName}-${sectionName}-edit`),
+
+			}
+
+			const tplFilePath = path.join(__dirname, 'templates', 'moduleDetilList.mjs.ejs')
+			const template = await fs.readFile(tplFilePath, 'utf-8');
+			const content = ejs.render(template, variables)
+					
+			await fs.writeFile(targetFile, content, 'utf8');
+		}
+	} catch (err) {
+		throw err
+	}
+
+}

package/src/generator/createModuleEjs.js

@@ -0,0 +1,51 @@
+import { kebabToCamel, isFileExist, getSectionData } from './helper.js'
+import { fileURLToPath } from 'url';
+import path from 'path'
+import fs from 'fs/promises'
+import ejs from 'ejs'
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export async function createModuleEjs(context, options) {
+	const overwrite = options.overwrite===true
+	const moduleName = context.moduleName
+	const targetFile = path.join(context.moduleDir, `${moduleName}.ejs`)
+
+	try {
+		// cek dulu apakah file ada
+		var fileExists = await isFileExist(targetFile)
+		if (fileExists && !overwrite) {
+			context.postMessage({message: `skip file: '${targetFile}`})
+			return
+		}
+
+		// reporting progress to parent process
+		context.postMessage({message: `generating file: '${targetFile}`})
+
+
+		// start geneate program code		
+		let sections = []
+		for (var entityName in context.entities) {
+			// console.log(context.entities[entityName])
+			sections.push(getSectionData(moduleName, entityName, context.entities[entityName], 'list'))
+			sections.push(getSectionData(moduleName, entityName, context.entities[entityName], 'edit'))
+		}
+
+		const variables = {
+			timeGenerated: context.timeGenerated,
+			moduleName: moduleName,
+			sections: sections,
+
+		}
+
+		const tplFilePath = path.join(__dirname, 'templates', 'module.ejs.ejs')
+		const template = await fs.readFile(tplFilePath, 'utf-8');
+		const content = ejs.render(template, variables)
+				
+		await fs.writeFile(targetFile, content, 'utf8');
+	} catch (err) {
+		throw err
+	}
+
+}

package/src/generator/createModuleExtenderHtml.js

@@ -0,0 +1,43 @@
+import { kebabToCamel, isFileExist } from './helper.js'
+import { fileURLToPath } from 'url';
+import path from 'path'
+import fs from 'fs/promises'
+import ejs from 'ejs'
+
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export async function createModuleExtenderHtml(context, options) {
+	const overwrite = options.overwrite===true
+	const moduleName = context.moduleName
+	const targetFile = path.join(context.moduleDir, `${moduleName}-ext.html`)
+
+	try {
+		// cek dulu apakah file ada
+		var fileExists = await isFileExist(targetFile)
+		if (fileExists && !overwrite) {
+			context.postMessage({message: `skip file: '${targetFile}`})
+			return
+		}
+
+		// reporting progress to parent process
+		context.postMessage({message: `generating file: '${targetFile}`})
+
+
+		// start geneate program code		
+		const variables = {
+			timeGenerated: context.timeGenerated,
+			moduleName: moduleName,
+		}
+
+		const tplFilePath = path.join(__dirname, 'templates', 'module-ext.html.ejs')
+		const template = await fs.readFile(tplFilePath, 'utf-8');
+		const content = ejs.render(template, variables)
+				
+		await fs.writeFile(targetFile, content, 'utf8');
+	} catch (err) {
+		throw err
+	}
+
+}

package/src/generator/createModuleExtenderMjs.js

@@ -0,0 +1,43 @@
+import { kebabToCamel, isFileExist } from './helper.js'
+import { fileURLToPath } from 'url';
+import path from 'path'
+import fs from 'fs/promises'
+import ejs from 'ejs'
+
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export async function createModuleExtenderMjs(context, options) {
+	const overwrite = options.overwrite===true
+	const moduleName = context.moduleName
+	const targetFile = path.join(context.moduleDir, `${moduleName}-ext.mjs`)
+
+	try {
+		// cek dulu apakah file ada
+		var fileExists = await isFileExist(targetFile)
+		if (fileExists && !overwrite) {
+			context.postMessage({message: `skip file: '${targetFile}`})
+			return
+		}
+
+		// reporting progress to parent process
+		context.postMessage({message: `generating file: '${targetFile}`})
+
+
+		// start geneate program code		
+		const variables = {
+			timeGenerated: context.timeGenerated,
+			moduleName: moduleName,
+		}
+
+		const tplFilePath = path.join(__dirname, 'templates', 'module-ext.mjs.ejs')
+		const template = await fs.readFile(tplFilePath, 'utf-8');
+		const content = ejs.render(template, variables)
+				
+		await fs.writeFile(targetFile, content, 'utf8');
+	} catch (err) {
+		throw err
+	}
+
+}

package/src/generator/createModuleHeaderEditHtml.js

@@ -0,0 +1,148 @@
+import { kebabToCamel, isFileExist, getSectionData, createAdditionalAttributes } from './helper.js'
+import { fileURLToPath } from 'url';
+import path from 'path'
+import fs from 'fs/promises'
+import ejs from 'ejs'
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export async function createModuleHeaderEditHtml(context, options) {
+	const overwrite = options.overwrite===true
+	const moduleName = context.moduleName
+	const title = context.title
+	const sectionPart = 'edit'
+
+	try {
+
+		// ambil data entity selain header
+		let detilCount = 0
+		for (let entityName in context.entities) {
+			if (entityName=='header') {
+				continue
+			}
+			detilCount++
+		}
+
+
+		for (let entityName in context.entities) {
+			// hanya proses yang Header
+			if (entityName!='header') {
+				continue
+			}
+
+			
+			const sectionName = entityName
+			const modulePart = kebabToCamel(`${moduleName}-${sectionName}-${sectionPart}`)
+			const targetFile = path.join(context.moduleDir, `${modulePart}.html`)
+
+			// cek dulu apakah file ada
+			var fileExists = await isFileExist(targetFile)
+			if (fileExists && !overwrite) {
+				context.postMessage({message: `skip file: '${targetFile}`})
+				return
+			}
+
+			// reporting progress to parent process
+			context.postMessage({message: `generating file: '${targetFile}`})
+
+
+
+
+
+			// start geneate program code
+			const entityData = context.entities[entityName]
+			const sectionData = getSectionData(moduleName, entityName, entityData, 'edit')
+			const primaryKeyFieldData = entityData.Items[sectionData.primaryKey] 
+			const primaryKeyName = primaryKeyFieldData.input_name
+			const primaryKeyElementId = `${modulePart}-${primaryKeyName}`
+
+			const autoid = entityData.identifierMethod=='manual' ? 'false' : 'true'
+
+
+			// ambil data field header
+			const fields = []
+			let index = 0
+			for (var fieldName in entityData.Items) {
+				const item = entityData.Items[fieldName]
+				index++
+
+
+				item.index = index
+				// if (item.data_fieldname=='grouptype_id') {
+				// 	console.log(item)
+				// }
+
+				if (!item.showInForm) {
+					continue
+				}
+
+				const component = item.component
+				const fieldname = item.data_fieldname
+				const elementId = `${modulePart}-${item.input_name}`
+				const placeholder = item.input_placeholder
+				const label = item.input_label
+				const tabindex = item.input_index
+				const binding = item.data_fieldname
+				const additionalAttributes = createAdditionalAttributes(item)
+				const cssContainer = item.input_containercss.trim() == '' ? 'input-field' : `input-field ${item.input_containercss.trim()}` 
+
+				fields.push({  
+					component,
+					cssContainer,
+					fieldname,
+					elementId,
+					placeholder,
+					label,
+					tabindex,
+					binding,
+					additionalAttributes
+				})
+
+			}
+
+
+			// ambil data semua entity
+			const sectionDetils = []
+			for (var detilEntityName in context.entities) {
+				if (detilEntityName=='header') {
+					continue
+				}
+
+				const entityData = context.entities[detilEntityName]
+				const listModulePart = kebabToCamel(`${moduleName}-${detilEntityName}-list`)
+				const title = entityData.title
+				sectionDetils.push({
+					listModulePart,
+					title
+				})
+			}
+
+
+			const variables = {
+				timeGenerated: context.timeGenerated,
+				title: title,
+				moduleName: moduleName,
+				modulePart: modulePart,
+				moduleSection:  kebabToCamel(`${moduleName}-${sectionName}`),
+				section: sectionData,
+				autoid,
+				primaryKeyElementId: primaryKeyElementId,
+				fields: fields,
+				sectionDetils: sectionDetils,
+				detilCount
+			}
+			
+			
+			const tplFilePath = path.join(__dirname, 'templates', 'moduleHeaderEdit.html.ejs')
+			const template = await fs.readFile(tplFilePath, 'utf-8');
+			const content = ejs.render(template, variables)
+					
+			await fs.writeFile(targetFile, content, 'utf8');
+
+		}
+	} catch (err) {
+		throw err
+	}
+
+}