@agung_dhewe/webapps 1.1.2 → 1.2.1

package/src/generator/templates/__rollup-module.ejs

@@ -6,7 +6,7 @@
  * usage:
  * npx rollup -c ./public/modules/<%=moduleName%>/__rollup.<%=moduleName%>.js
  *
- * This module is generated by fgta5 generator at <%= timeGenerated %>
+ * This module is generated by fgta5 generator
  ************************************************************************/
 
  

package/src/generator/templates/api-module.js.ejs

@@ -29,13 +29,16 @@ export default class extends Api {
 	//         header-open-data
 	async init(body) { return await <%= moduleName %>_init(this, body) }
 
+	// extender call
+	async execute(body) { return await <%= moduleName %>_execute(this, body) }
+
 	// header
 	async headerList(body) { return await <%= moduleName %>_headerList(this, body) }
 	async headerOpen(body) { return await <%= moduleName %>_headerOpen(this, body) }
 	async headerUpdate(body) { return await <%= moduleName %>_headerUpdate(this, body)}
 	async headerCreate(body) { return await <%= moduleName %>_headerCreate(this, body)}
 	async headerDelete(body) { return await <%= moduleName %>_headerDelete(this, body) }
-	
+
 	<% entitiesDetil.forEach(entity => { %>
 	// <%= entity.name %>	
 	async <%= entity.name %>List(body) { return await <%= moduleName %>_<%= entity.name %>List(this, body) }
@@ -66,22 +69,49 @@ async function <%= moduleName %>_init(self, body) {
 			}
 		}
 
-		return {
+		const initialData = {
 			userId: req.session.user.userId,
 			userName: req.session.user.userName,
 			userFullname: req.session.userFullname,
 			sid: req.session.sid ,
 			notifierId: Api.generateNotifierId(moduleName, req.sessionID),
 			notifierSocket: req.app.locals.appConfig.notifierSocket,
-			appsUrls: appsUrls
+			appName: req.app.locals.appConfig.appName,
+			appsUrls: appsUrls,
+			setting: {}
 		}
 		
+		if (typeof Extender.<%= moduleName %>_init === 'function') {
+			// export async function <%= moduleName %>_init(self, initialData) {}
+			await Extender.<%= moduleName %>_init(self, initialData)
+		}
+
+		return initialData
+		
 	} catch (err) {
 		throw err
 	}
 }
 
 
+// execute extender function
+async function <%= moduleName %>_execute(self, body) {
+	const { fnName } = body
+
+	if (fnName==null || fnName=='') {
+		throw new Error('fnName belum didefinisikan di api call') 
+	}
+
+	if (typeof Extender[fnName] === 'function') {
+		// export async function [fnName](self, db, body, <%= moduleName %>_log) {}
+		return await Extender[fnName](self, db, body, <%= moduleName %>_log)
+	} else {
+		// api function extender tidak ditemukan
+		throw new Error(`${fnName} tidak ditmukan di extender`)
+	}
+}
+
+
 // data logging
 async function <%= moduleName %>_log(self, body, startTime, tablename, id, action, data={}, remark='') {
 	const { source } = body
@@ -98,6 +128,8 @@ async function <%= moduleName %>_log(self, body, startTime, tablename, id, actio
 	return ret
 }
 
+
+
 <% if (importbucket) { %>
 async function <%= moduleName %>_upload(self, data, files, detilName, id, fn_uploadSuccess) {
 	const bucketname = '<%= moduleName %>'
@@ -162,14 +194,26 @@ async function <%= moduleName %>_headerList(self, body) {
 			}
 		}
 
+		const args = { db, criteria, tablename }
+
 		// apabila ada keperluan untuk recompose criteria
 		if (typeof Extender.headerListCriteria === 'function') {
-			await Extender.headerListCriteria(self, db, searchMap, criteria, sort, columns)
+			// export async function headerListCriteria(self, db, searchMap, criteria, sort, columns, args) {}
+			await Extender.headerListCriteria(self, db, searchMap, criteria, sort, columns, args)
 		}
 
 		var max_rows = limit==0 ? 10 : limit
 		const {whereClause, queryParams} = sqlUtil.createWhereClause(criteria, searchMap) 
-		const sql = sqlUtil.createSqlSelect({tablename, columns, whereClause, sort, limit:max_rows+1, offset, queryParams})
+		const sql = sqlUtil.createSqlSelect({
+			tablename: args.tablename, 
+			columns, 
+			whereClause, 
+			sort: args.sqlSort ?? sort,
+			limit:max_rows+1, 
+			offset, 
+			queryParams
+		})
+
 		const rows = await db.any(sql, queryParams);
 
 		
@@ -187,7 +231,8 @@ async function <%= moduleName %>_headerList(self, body) {
 			<% }) %>
 			// pasang extender di sini
 			if (typeof Extender.headerListRow === 'function') {
-				await Extender.headerListRow(self, row)
+				// export async function headerListRow(self, row, args) {}
+				await Extender.headerListRow(self, row, args)
 			}
 
 			data.push(row)
@@ -252,8 +297,10 @@ async function <%= moduleName %>_headerOpen(self, body) {
 		}
 		
 		// pasang extender untuk olah data
+		// export async function headerOpen(self, db, data) {}
 		if (typeof Extender.headerOpen === 'function') {
-			await Extender.headerOpen(self, data)
+			// export async function headerOpen(self, db, data) {}
+			await Extender.headerOpen(self, db, data)
 		}
 
 		return data
@@ -282,6 +329,9 @@ async function <%= moduleName %>_headerCreate(self, body) {
 		const result = await db.tx(async tx=>{
 			sqlUtil.connect(tx)
 
+
+			const args = { section: 'header', doc_id:'<%= identifierPrefix %>' }
+
 			<% if (usesequencer) { %>// buat sequencer document	
 			const sequencer = createSequencerDocument(tx, { 
 				COMPANY_CODE: req.app.locals.appConfig.COMPANY_CODE,
@@ -292,49 +342,54 @@ async function <%= moduleName %>_headerCreate(self, body) {
 			if (typeof Extender.sequencerSetup === 'function') {
 				// jika ada keperluan menambahkan code block/cluster di sequencer
 				// dapat diimplementasikan di exterder sequencerSetup 
-				await Extender.sequencerSetup(self, tx, sequencer, data)
+				// export async function sequencerSetup(self, tx, sequencer, data, args) {}
+				await Extender.sequencerSetup(self, tx, sequencer, data, args)
 			}
 
-			<%if (yearly) { %>// generate data <%= identifierPrefix %> reset pertahun
-			const seqdata = await sequencer.yearly('<%= identifierPrefix %>')<% } 
+			<%if (yearly) { %>// generate data sesuai prefix dari doc_id (default:  <%= identifierPrefix %>) reset pertahun
+			const seqdata = await sequencer.yearly(args.doc_id)<% } 
 			else { 
 			
-			%>// generate data <%= identifierPrefix %> reset perbulan
-			const seqdata = await sequencer.monthly('<%= identifierPrefix %>')<% } %>	
+			%>// generate data sesuai prefix dari doc_id (default: <%= identifierPrefix %>) reset perbulan
+			const seqdata = await sequencer.monthly(args.doc_id)<% } %>	
 			data.<%= headerPrimaryKey %> = seqdata.id
 
 			// apabila ada keperluan pengelohan data sebelum disimpan, lakukan di extender headerCreating
 			if (typeof Extender.headerCreating === 'function') {
-				await Extender.headerCreating(self, tx, data, seqdata)
+				// export async function headerCreating(self, tx, data, seqdata, args) {}
+				await Extender.headerCreating(self, tx, data, seqdata, args)
 			}			
 			
-			<% } else if (usesequencerline) { %>
+			<% } else if (shortsequencer) { %>
 			// buat short sequencer	
 			const sequencer = createSequencerLine(tx, {})
 
 			if (typeof Extender.sequencerSetup === 'function') {
 				// jika ada keperluan menambahkan code block/cluster di sequencer
 				// dapat diimplementasikan di exterder sequencerSetup 
-				await Extender.sequencerSetup(self, tx, sequencer, data)
+				// export async function sequencerSetup(self, tx, sequencer, data, args) {}
+				await Extender.sequencerSetup(self, tx, sequencer, data, args)
 			}
 
-			// generate short id untuk <%= identifierPrefix %> reset pertahun
-			const id = await sequencer.yearlyshort('<%= identifierPrefix %>')
-			data.<%= headerPrimaryKey %> = id
+			// generate short id sesuai prefix (default: <%= identifierPrefix %>) reset pertahun
+			const seqdata = await sequencer.yearlyshort(args.prefix)
+			data.<%= headerPrimaryKey %> = seqdata.id
 
 			// apabila ada keperluan pengelohan data sebelum disimpan, lakukan di extender headerCreating
 			if (typeof Extender.headerCreating === 'function') {
-				await Extender.headerCreating(self, tx, data)
+				// export async function headerCreating(self, tx, data, seqdata, args) {}
+				await Extender.headerCreating(self, tx, data, seqdata, args)
 			}
 
 			<% } else { %>	
 			// apabila ada keperluan pengelohan data sebelum disimpan, lakukan di extender headerCreating
 			if (typeof Extender.headerCreating === 'function') {
-				await Extender.headerCreating(self, tx, data)
+				// export async function headerCreating(self, tx, data, seqdata, args) {}
+				await Extender.headerCreating(self, tx, data, null, args)
 			}<% } %>
 
 			<% if (autoid) { 
-			%><% if (usesequencer || usesequencerline) { %>const cmd = sqlUtil.createInsertCommand(tablename, data)<% } else { %>const cmd = sqlUtil.createInsertCommand(tablename, data, ['<%= headerPrimaryKey %>'])<% } %><% 
+			%><% if (usesequencer || shortsequencer) { %>const cmd = sqlUtil.createInsertCommand(tablename, data)<% } else { %>const cmd = sqlUtil.createInsertCommand(tablename, data, ['<%= headerPrimaryKey %>'])<% } %><% 
 		    } else { %>const cmd = sqlUtil.createInsertCommand(tablename, data)<% } %>
 			const ret = await cmd.execute(data)
 
@@ -350,7 +405,8 @@ async function <%= moduleName %>_headerCreate(self, body) {
 
 			// apabila ada keperluan pengelohan data setelah disimpan, lakukan di extender headerCreated
 			if (typeof Extender.headerCreated === 'function') {
-				await Extender.headerCreated(self, tx, ret, data, logMetadata)
+				// export async function headerCreated(self, tx, ret, data, logMetadata, args) {}
+				await Extender.headerCreated(self, tx, ret, data, logMetadata, args)
 			}
 
 			// record log
@@ -387,6 +443,7 @@ async function <%= moduleName %>_headerUpdate(self, body) {
 
 			// apabila ada keperluan pengelohan data sebelum disimpan, lakukan di extender headerCreating
 			if (typeof Extender.headerUpdating === 'function') {
+				// export async function headerUpdating(self, tx, data) {}
 				await Extender.headerUpdating(self, tx, data)
 			}
 
@@ -406,6 +463,7 @@ async function <%= moduleName %>_headerUpdate(self, body) {
 
 			// apabila ada keperluan pengelohan data setelah disimpan, lakukan di extender headerCreated
 			if (typeof Extender.headerUpdated === 'function') {
+				// export async function headerUpdated(self, tx, ret, data, logMetadata) {}
 				await Extender.headerUpdated(self, tx, ret, data, logMetadata)
 			}			
 
@@ -439,6 +497,7 @@ async function <%= moduleName %>_headerDelete(self, body) {
 
 			// apabila ada keperluan pengelohan data sebelum dihapus, lakukan di extender headerDeleting
 			if (typeof Extender.headerDeleting === 'function') {
+				// export async function headerDeleting(self, tx, dataToRemove) {}
 				await Extender.headerDeleting(self, tx, dataToRemove)
 			}
 
@@ -448,8 +507,12 @@ async function <%= moduleName %>_headerDelete(self, body) {
 				const sql = `select * from ${<%= entity.name %>TableName} where <%= headerPrimaryKey %>=\${<%= headerPrimaryKey %>}`
 				const rows = await tx.any(sql, dataToRemove)
 				for (let row<%= entity.name %> of rows) {
+					
+					const logMetadata = {}
+					
 					// apabila ada keperluan pengelohan data sebelum dihapus, lakukan di extender
 					if (typeof Extender.<%= entity.name %>Deleting === 'function') {
+						// export async function <%= entity.name %>Deleting(self, tx, row<%= entity.name %>, logMetadata) {}
 						await Extender.<%= entity.name %>Deleting(self, tx, row<%= entity.name %>, logMetadata)
 					}
 
@@ -459,6 +522,7 @@ async function <%= moduleName %>_headerDelete(self, body) {
 
 					// apabila ada keperluan pengelohan data setelah dihapus, lakukan di extender
 					if (typeof Extender.<%= entity.name %>Deleted === 'function') {
+						// export async function <%= entity.name %>Deleted(self, tx, deletedRow, logMetadata) {}
 						await Extender.<%= entity.name %>Deleted(self, tx, deletedRow, logMetadata)
 					}					
 
@@ -480,7 +544,8 @@ async function <%= moduleName %>_headerDelete(self, body) {
 
 			// apabila ada keperluan pengelohan data setelah dihapus, lakukan di extender headerDeleted
 			if (typeof Extender.headerDeleted === 'function') {
-				await Extender.headerDeleted(self, tx, ret, logMetadata)
+				// export async function headerDeleted(self, tx, deletedRow, logMetadata) {}
+				await Extender.headerDeleted(self, tx, deletedRow, logMetadata)
 			}
 
 			// record log
@@ -508,6 +573,11 @@ async function <%= moduleName %>_<%= entity.name %>List(self, body) {
 	};
 
 
+	if (Object.keys(sort).length === 0) {
+		sort.<%= entity.pk %> = 'asc'
+	}
+
+
 	try {
 	
 		// hilangkan criteria '' atau null
@@ -517,14 +587,25 @@ async function <%= moduleName %>_<%= entity.name %>List(self, body) {
 			}
 		}
 
+		const args = { db, criteria, tablename }
+
 		// apabila ada keperluan untuk recompose criteria
-		if (typeof Extender.<%= moduleName %>ListCriteria === 'function') {
-			await Extender.<%= moduleName %>ListCriteria(self, db, searchMap, criteria, sort, columns)
+		if (typeof Extender.<%= entity.name %>ListCriteria === 'function') {
+			// export async function <%= entity.name %>ListCriteria(self, db, searchMap, criteria, sort, columns, args) {}
+			await Extender.<%= entity.name %>ListCriteria(self, db, searchMap, criteria, sort, columns, args)
 		}
 
 		var max_rows = limit==0 ? 10 : limit
 		const {whereClause, queryParams} = sqlUtil.createWhereClause(criteria, searchMap) 
-		const sql = sqlUtil.createSqlSelect({tablename, columns, whereClause, sort, limit:max_rows+1, offset, queryParams})
+		const sql = sqlUtil.createSqlSelect({
+			tablename: args.tablename, 
+			columns, 
+			whereClause, 
+			sort: args.sqlSort ?? sort, 
+			limit:max_rows+1, 
+			offset, 
+			queryParams
+		})
 		const rows = await db.any(sql, queryParams);
 
 		
@@ -543,7 +624,8 @@ async function <%= moduleName %>_<%= entity.name %>List(self, body) {
 
 			// pasang extender di sini
 			if (typeof Extender.detilListRow === 'function') {
-				await Extender.detilListRow(row)
+				// export async function detilListRow(self, row, args) {}
+				await Extender.detilListRow(self, row, args)
 			}
 
 			data.push(row)
@@ -554,13 +636,20 @@ async function <%= moduleName %>_<%= entity.name %>List(self, body) {
 			nextoffset = offset+max_rows
 		}
 
-		return {
+
+		const listData = {
 			criteria: criteria,
 			limit:  max_rows,
 			nextoffset: nextoffset,
 			data: data
 		}
 
+		if (typeof Extender.detilList === 'function') {
+			// export async function detilList(self, listData, args) {}
+			await Extender.detilList(self, listData, args)
+		}
+
+		return listData
 	} catch (err) {
 		throw err
 	}
@@ -608,6 +697,14 @@ async function <%= moduleName %>_<%= entity.name %>Open(self, body) {
 			data._modifyby = user_fullname ?? ''
 		}	
 
+
+		// pasang extender untuk olah data
+		// export async function <%= entity.name %>Open(self, db, data) {}
+		if (typeof Extender.<%= entity.name %>Open === 'function') {
+			// export async function <%= entity.name %>Open(self, db, data) {}
+			await Extender.<%= entity.name %>Open(self, db, data)
+		}
+
 		return data
 	} catch (err) {
 		throw err
@@ -633,13 +730,30 @@ async function <%= moduleName %>_<%= entity.name %>Create(self, body) {
 		const result = await db.tx(async tx=>{
 			sqlUtil.connect(tx)
 
+
+			const args = { 
+				section: '<%= entity.name %>', 
+				prefix: '<%= identifierPrefix %>'	
+			}
+
 			const sequencer = createSequencerLine(tx, {})
-			const id = await sequencer.increment('<%= identifierPrefix %>')
-			data.<%= entity.pk %> = id
+
+
+			if (typeof Extender.sequencerSetup === 'function') {
+				// jika ada keperluan menambahkan code block/cluster di sequencer
+				// dapat diimplementasikan di exterder sequencerSetup 
+				// export async function sequencerSetup(self, tx, sequencer, data, args) {}
+				await Extender.sequencerSetup(self, tx, sequencer, data, args)
+			}
+
+
+			const seqdata = await sequencer.increment(args.prefix)
+			data.<%= entity.pk %> = seqdata.id
 
 			// apabila ada keperluan pengolahan data SEBELUM disimpan
 			if (typeof Extender.<%= entity.name %>Creating === 'function') {
-				await Extender.<%= entity.name %>Creating(self, tx, data)
+				// export async function <%= entity.name %>Creating(self, tx, data, seqdata, args) {}
+				await Extender.<%= entity.name %>Creating(self, tx, data, seqdata, args)
 			}
 
 			const cmd = sqlUtil.createInsertCommand(tablename, data)
@@ -656,7 +770,8 @@ async function <%= moduleName %>_<%= entity.name %>Create(self, body) {
 
 			// apabila ada keperluan pengelohan data setelah disimpan, lakukan di extender headerCreated
 			if (typeof Extender.<%= entity.name %>Created === 'function') {
-				await Extender.<%= entity.name %>Created(self, tx, ret, data, logMetadata)
+				// export async function <%= entity.name %>Created(self, tx, ret, data, logMetadata, args) {}
+				await Extender.<%= entity.name %>Created(self, tx, ret, data, logMetadata, args)
 			}
 
 			// record log
@@ -693,6 +808,7 @@ async function <%= moduleName %>_<%= entity.name %>Update(self, body) {
 
 			// apabila ada keperluan pengolahan data SEBELUM disimpan
 			if (typeof Extender.<%= entity.name %>Updating === 'function') {
+				// export async function <%= entity.name %>Updating(self, tx, data) {}
 				await Extender.<%= entity.name %>Updating(self, tx, data)
 			}			
 			
@@ -710,6 +826,7 @@ async function <%= moduleName %>_<%= entity.name %>Update(self, body) {
 
 			// apabila ada keperluan pengelohan data setelah disimpan, lakukan di extender headerCreated
 			if (typeof Extender.<%= entity.name %>Updated === 'function') {
+				// export async function <%= entity.name %>Updated(self, tx, ret, data, logMetadata) {}
 				await Extender.<%= entity.name %>Updated(self, tx, ret, data, logMetadata)
 			}
 
@@ -741,9 +858,11 @@ async function <%= moduleName %>_<%= entity.name %>Delete(self, body) {
 			const sql = `select * from ${<%= entity.name %>TableName} where <%= entity.pk %>=\${<%= entity.pk %>}`
 			const row<%= entity.name %> = await tx.oneOrNone(sql, dataToRemove)
 
+			const logMetadata = {}
 
 			// apabila ada keperluan pengelohan data sebelum dihapus, lakukan di extender
 			if (typeof Extender.<%= entity.name %>Deleting === 'function') {
+				// export async function <%= entity.name %>Deleting(self, tx, row<%= entity.name %>, logMetadata) {}
 				await Extender.<%= entity.name %>Deleting(self, tx, row<%= entity.name %>, logMetadata)
 			}
 
@@ -753,6 +872,7 @@ async function <%= moduleName %>_<%= entity.name %>Delete(self, body) {
 
 			// apabila ada keperluan pengelohan data setelah dihapus, lakukan di extender
 			if (typeof Extender.<%= entity.name %>Deleted === 'function') {
+				// export async function <%= entity.name %>Deleted(self, tx, deletedRow, logMetadata) {}
 				await Extender.<%= entity.name %>Deleted(self, tx, deletedRow, logMetadata)
 			}					
 
@@ -778,6 +898,8 @@ async function <%= moduleName %>_<%= entity.name %>DeleteRows(self, body) {
 
 
 	try {
+
+		let <%= headerPrimaryKey %>
 		const result = await db.tx(async tx=>{
 			sqlUtil.connect(tx)
 
@@ -785,9 +907,14 @@ async function <%= moduleName %>_<%= entity.name %>DeleteRows(self, body) {
 				const dataToRemove = {<%= entity.pk %>: id}
 				const sql = `select * from ${<%= entity.name %>TableName} where <%= entity.pk %>=\${<%= entity.pk %>}`
 				const row<%= entity.name %> = await tx.oneOrNone(sql, dataToRemove)
+				<%= headerPrimaryKey %> = row<%= entity.name %>.<%= headerPrimaryKey %>
 
+				const logMetadata = {}
+
+				
 				// apabila ada keperluan pengelohan data sebelum dihapus, lakukan di extender
 				if (typeof Extender.<%= entity.name %>Deleting === 'function') {
+					// async function <%= entity.name %>Deleting(self, tx, row<%= entity.name %>, logMetadata) {}
 					await Extender.<%= entity.name %>Deleting(self, tx, row<%= entity.name %>, logMetadata)
 				}
 
@@ -797,6 +924,7 @@ async function <%= moduleName %>_<%= entity.name %>DeleteRows(self, body) {
 
 				// apabila ada keperluan pengelohan data setelah dihapus, lakukan di extender
 				if (typeof Extender.<%= entity.name %>Deleted === 'function') {
+					// export async function <%= entity.name %>Deleted(self, tx, deletedRow, logMetadata) {}
 					await Extender.<%= entity.name %>Deleted(self, tx, deletedRow, logMetadata)
 				}					
 
@@ -804,11 +932,22 @@ async function <%= moduleName %>_<%= entity.name %>DeleteRows(self, body) {
 				<%= moduleName %>_log(self, body, startTime, headerTableName, row<%= entity.name %>.<%= headerPrimaryKey %>, 'DELETE ROW <%= entity.name.toUpperCase() %>', {<%= entity.pk %>: row<%= entity.name %>.<%= entity.pk %>, tablename: <%= entity.name %>TableName}, `removed: ${row<%= entity.name %>.<%= entity.pk %>}`)
 			}
 		})
+		
 
 		const res = {
 			deleted: true,
+			<%= headerPrimaryKey %>: <%= headerPrimaryKey %>,
 			message: ''
 		}
+
+		// apabila ada keperluan update info / pemrosesan data setelah hapus multirow, lakukan di extender
+		const fn_name = '<%= entity.name %>RowsDeleted'
+		const fn = Extender[fn_name]
+		if (typeof fn === 'function') {
+			// export async function <%= entity.name %>RowsDeleted(self, db, res) {}
+			await fn(self, db, res)
+		}
+
 		return res
 	} catch (err) {
 		throw err

package/src/generator/templates/layout.css.ejs

@@ -0,0 +1,24 @@
+@media screen and (min-width: 501px) {
+
+	#<%= modulePart %>-frm {
+		display: grid;
+		grid-template-columns: repeat(6, 1fr);
+		grid-auto-rows: auto;
+		gap: 0;
+		width: 850px;
+	}
+
+	#<%= modulePart %>-frm > div {
+		padding: 5px;
+	}
+
+	<% fields.forEach(field => { %>
+	#<%= field.elementId %>-container {
+		grid-row: <%= field.dposrow %><%= field.dposrowspan %>;
+		grid-column: <%= field.dposcol %><%= field.dposcolspan %>;
+		<%= field.dposstyle %>
+	}
+	<% }) %>	
+
+
+}

package/src/generator/templates/module-ext.html.ejs

@@ -1,3 +1,3 @@
 <!-- Additional Search Parameter-->
-<template name="custom-search-panel">
+<template id="tpl-custom-search-panel">
 </template>

package/src/generator/templates/module-ext.mjs.ejs

@@ -9,13 +9,31 @@ export async function init(self, args) {
 	/* // contoh menambahkan content dari template extender
 	{
 		const target = secRec.querySelector('#fRecord-section div[name="column"][exteder]')
-		const tpl = document.querySelector('template[name="record-panel"]')
+		const tpl = document.getElementById('tpl-record-panel')
 		if (tpl!=null) {
 			const clone = tpl.content.cloneNode(true); // salin isi template
 			target.prepend(clone)
 		}
 	}
 	*/	
+
+
+	
+	/* // contoh menambahkan custom validator
+	// pada html, tambahkan validator="cobaFunction:paramValue"
+	const frm = self.Modules.coaHeaderEdit.getHeaderForm()
+	const obj_coa_normal = frm.Inputs['coaHeaderEdit-obj_coa_normal']
+	$validators.addCustomValidator('cobaFunction', (v, param)=>{
+	 	console.log(v)
+	 	setTimeout(()=>{
+	 		obj_coa_normal.setError('ini error')
+	 	}, 500)
+	})	
+
+
+	*/
+
+
 }
 
 

package/src/generator/templates/module.ejs.ejs

@@ -5,8 +5,16 @@
 <% }) %>
 
 <section id="fRecord-section" class="fgta5-carousell" data-title="Record Status">
+
 	<div name="panel">
+		<div name="row">
+			<span name="caption">Id</span>
+			<span name="value" id="fRecord-section-id">-</span>
+		</div>
+	</div>	
 
+
+	<div name="panel">
 		<!-- LEFT: Standard Info -->
 		<div name="column">
 			<div name="row">

package/src/generator/templates/module.mjs.ejs

@@ -20,6 +20,22 @@ export default class extends Module {
 		args.autoLoadGridData = true
 
 		const self = this
+		Context.program = self
+
+		// ambil metadata variance dan id
+		const variance = document.querySelector('meta[name="variance"]').getAttribute('content');
+		const id = document.querySelector('meta[name="id"]').getAttribute('content');
+		Context.variance = variance
+		Context.id = id
+
+
+		// configureModule
+		// gunakan untuk setup context atau args
+		const fn_configureModule_name = 'configureModule'
+		const fn_configureModule = Extender[fn_configureModule_name]
+		if (typeof fn_configureModule === 'function') {
+			fn_configureModule(self, args)
+		}
 
 		// module-module yang di load perlu di pack dulu ke dalam variable
 		// jangan import lagi module-module ini di dalam mjs tersebut
@@ -38,7 +54,9 @@ export default class extends Module {
 				Context.userId = result.userId
 				Context.userFullname = result.userFullname
 				Context.sid = result.sid
+				Context.appName = result.appName
 				Context.appsUrls = result.appsUrls
+				Context.setting = result.setting
 			} catch (err) {
 				throw err
 			} 
@@ -73,7 +91,7 @@ export default class extends Module {
 				}
 			};
 
-
+			app.finalize()
 		} catch (err) {
 			throw err
 		}
@@ -137,7 +155,16 @@ async function render(self) {
 			const sectionTargetName = link.getAttribute('data-target-section')
 			const sectionCurrentName = link.getAttribute('data-current-section')
 			
+			// Detil bisa dibuka apabila data sudah di save
 			link.addEventListener('click', (evt)=>{
+				const moduleHeaderEdit = self.Modules[sectionCurrentName]
+				const form = moduleHeaderEdit.getForm()
+				if (form.isNew()) {
+					console.warn('tidak bisa buka detil jika data baru')	
+					$fgta5.MessageBox.warning('Detil bisa dibuka setelah data disimpan')
+					return;
+				}
+
 				openDetilSection(self, sectionTargetName, sectionCurrentName)
 			})
 
@@ -169,10 +196,17 @@ function openDetilSection(self, sectionTargetName, sectionCurrentName) {
 	const sectionId = Context.Sections[sectionTargetName]
 	const section = Crsl.Items[sectionId]
 
+	const moduleHeaderEdit = self.Modules[sectionCurrentName]
+	const frm = moduleHeaderEdit.getForm()
+
+	if (frm.isChanged()) {
+		$fgta5.MessageBox.warning(`simpan data dulu sebelum ke <b>${section.Title}</b>`)
+		return
+	}
+
 	section.setSectionReturn(sectionCurrent)
 	section.show({}, ()=>{
 		const moduleTarget = self.Modules[sectionTargetName]
-		const moduleHeaderEdit = self.Modules[sectionCurrentName]
 		moduleTarget.openList(self, {
 			moduleHeaderEdit
 		})
@@ -203,11 +237,14 @@ function listenUserKeys(self) {
 		const module = self.Modules[moduleId]
 
 		// jika ada dialog yang terbuka, semua event keyboard abaikan dulu, keculai tombol escape
-		const dialog = document.querySelector('dialog[open]');
+		const dialogs = [...document.querySelectorAll('dialog[open]')];
+		const dialog = dialogs.pop() || null;
+		// const dialog = document.querySelector('dialog[open]');
 		if (dialog) {
 			if (evt.key.toLowerCase()=='escape') {
-				dialog.close();
-				evt.preventDefault();
+				dialog.close()
+				evt.preventDefault()
+				evt.stopPropagation()
 			} else if ((evt.ctrlKey || evt.metaKey) && evt.key.toLowerCase() === 's') {
 				evt.preventDefault(); 
 			}