@agung_dhewe/webapps 1.1.2

package/src/generator/templates/moduleHeaderList.html.ejs

@@ -0,0 +1,24 @@
+<div class="search-container">
+	<div id="<%= modulePart %>-pnl_search" class="search-parameters">
+		<input id="<%= modulePart %>-txt_searchtext" fgta5-component="Textbox" placeholder="search" autocomplete="off" spellcheck="false" binding="searchtext" data-searchinput>
+	</div>
+	<button id="<%= modulePart %>-btn_gridload">Load</button>
+</div>
+
+<table id="<%= modulePart %>-tbl" fgta5-component="Gridview">
+	<thead>
+		<tr data-header key="<%= section.primaryKey %>"><% fields.forEach(field => { %>
+			<th data-name="<%= field.dataName %>" binding="<%= field.binding %>" <%- field.additionalAttributes %>><%= field.label %></th><% }); %>
+		</tr>
+	</thead>
+</table>
+
+
+
+<div class="footer-buttons-container">
+	<div></div>
+	<div>
+		<button id="<%=modulePart%>-btn_new" data-action="<%= moduleSection %>-new" data-sectionsource="<%=modulePart%>-section">New</button>
+	</div>
+	<div></div>
+</div>

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

@@ -0,0 +1,308 @@
+import Context from './<%= moduleName %>-context.mjs'
+import * as Extender from './<%= moduleName %>-ext.mjs'
+
+
+const Crsl =  Context.Crsl
+const CurrentSectionId = Context.Sections.<%= modulePart %>
+const CurrentSection = Crsl.Items[CurrentSectionId]
+const CurrentState = {}
+
+const tbl =  new $fgta5.Gridview('<%= modulePart %>-tbl')
+const pnl_search = document.getElementById('<%= modulePart %>-pnl_search')
+const btn_gridload = new $fgta5.ActionButton('<%= modulePart %>-btn_gridload') 
+
+export const Section = CurrentSection
+export const SearchParams = {}
+
+export async function init(self, args) {
+	console.log('initializing <%= modulePart %> ...')
+
+	// add event listener
+	tbl.addEventListener('nextdata', async evt=>{ tbl_nextdata(self, evt) })
+	tbl.addEventListener('sorting', async evt=>{ tbl_sorting(self, evt) })
+
+
+	// tambahkan event lain di extender: rowrender, rowremoving
+	// dapatkan parameternya di evt.detail
+	const fn_addTableEvents_name = '<%= sectionName %>List_addTableEvents'
+	const fn_addTableEvents = Extender[fn_addTableEvents_name]
+	if (typeof fn_addTableEvents === 'function') {
+		fn_addTableEvents(self, tbl)
+	}
+
+	if (Module.isMobileDevice()) {
+		tbl.addEventListener('cellclick', async evt=>{ tbl_cellclick(self, evt) })
+	} else {
+		tbl.addEventListener('celldblclick', async evt=>{ tbl_cellclick(self, evt) })
+	}
+
+	btn_gridload.addEventListener('click', async evt=>{ btn_gridload_click(self, evt) })
+	
+
+	try {
+		// extract custom search panel from template
+		const tplSearchPanel = document.querySelector('template[name="custom-search-panel"]')
+		if (tplSearchPanel!=null) {
+			const clone = tplSearchPanel.content.cloneNode(true); // salin isi template
+			pnl_search.prepend(clone)
+		}
+		
+		// setup search panel
+		const cmps = pnl_search.querySelectorAll('[fgta5-component][binding]')
+		for (var cmp of cmps) {
+			var id = cmp.getAttribute('id')
+			var componentname = cmp.getAttribute('fgta5-component')
+			var binding = cmp.getAttribute('binding')
+			SearchParams[binding] =  new $fgta5[componentname](id)
+		}
+
+		// saat user ketik tombol enter di text search, lakukan load data
+		const obj_searchtext = document.getElementById('<%= modulePart %>-txt_searchtext')
+		const btn_load = document.getElementById('<%= modulePart %>-btn_gridload')
+		obj_searchtext.addEventListener('keydown', (evt)=>{
+			if (evt.key.toLowerCase()=='enter') {
+				evt.stopPropagation()
+				btn_load.click()
+				obj_searchtext.blur()
+			}
+		})
+
+
+		// <%= modulePart %>-ext.mjs, export function initSearchParams(self, SearchParams) {} 
+		const fn_initSearchParams_name = '<%= sectionName %>List_initSearchParams'
+		const fn_initSearchParams = Extender[fn_initSearchParams_name]
+		if (typeof fn_initSearchParams === 'function') {
+			fn_initSearchParams(self, SearchParams)
+		} else {
+			console.warn(`'initSearchParams' tidak diimplementasikan di extender`)
+		}
+		
+	} catch (err) {
+		throw err
+	} finally {
+		// load data
+		if (args.autoLoadGridData===true) {
+			loadData(self)
+		}
+	}
+
+
+}
+
+export async function loadData(self) {
+	await tbl.clear()
+	tbl_loadData(self)
+}
+
+
+export function getGrid(self) {
+	return tbl
+}
+
+export function getCurrentRow(self) {
+	return CurrentState.SelectedRow
+}
+
+export function addNewRow(self, data) {
+	const tr = tbl.addRow(data)
+	setCurrentRow(self, tr)
+}
+
+export function updateCurrentRow(self, data) {
+	const tr = CurrentState.SelectedRow
+
+	try {
+		tbl.updateRow(tr, data)
+	} catch (err) {
+		throw err
+	}
+}
+
+export function removeCurrentRow(self) {
+	const tr = CurrentState.SelectedRow
+	tbl.removeRow(tr)
+}
+
+export function selectNextRow(self) {
+	const tr = CurrentState.SelectedRow
+	if (tr.nextElementSibling) {
+		tbl.CurrentRow = tr.nextElementSibling
+		openRow(self, tr.nextElementSibling)
+	}
+}
+
+export function selectPreviousRow(self) {
+	const tr = CurrentState.SelectedRow
+	if (tr.previousElementSibling) {
+		tbl.CurrentRow = tr.previousElementSibling
+		openRow(self, tr.previousElementSibling)
+	}
+}
+
+
+export function setPagingButton(self,  editModule) {
+	const tr = CurrentState.SelectedRow
+	
+	if (tr.previousElementSibling) {
+		editModule.disablePrevButton(self, false)
+	} else {
+		editModule.disablePrevButton(self, true)
+	}
+
+	if (tr.nextElementSibling) {
+		editModule.disableNextButton(self, false)
+	} else {
+		editModule.disableNextButton(self, true)
+	}
+
+}
+
+export function keyboardAction(self, actionName, evt) {
+	if (actionName=='up') {
+		tbl.previousRecord()
+	} else if (actionName=='down') {
+		tbl.nextRecord()
+	} else if (actionName=='enter') {
+		const <%= moduleEdit %> = self.Modules.<%= moduleEdit %>
+		<%= moduleEdit %>.Section.show({}, ()=>{
+			openRow(self, tbl.CurrentRow)
+		})		
+	} else if (actionName=='typing') {
+		evt.preventDefault();
+		evt.stopPropagation();
+
+		const obj_searchtext = document.getElementById('<%= modulePart %>-txt_searchtext')
+		const key = evt.key
+		obj_searchtext.focus()
+		if (key=='Backspace') {
+			Module.deleteAtCursor(obj_searchtext, 'backspace');
+		} else if (key=='Delete') {
+			Module.deleteAtCursor(obj_searchtext, 'delete');
+		} else {
+			Module.insertAtCursor(obj_searchtext, evt.key);
+		}
+	}
+}
+
+
+function setCurrentRow(self, tr) {
+	CurrentState.SelectedRow = tr
+}
+
+async function openRow(self, tr) {
+	const keyvalue = tr.getAttribute('keyvalue')
+	const key = tr.getAttribute('key')
+
+	const <%= moduleEdit %> = self.Modules.<%= moduleEdit %>
+	<%= moduleEdit %>.clearForm(self, 'loading...')
+
+	try {
+		setCurrentRow(self, tr)
+		CurrentState.SelectedRow.keyValue = keyvalue
+		CurrentState.SelectedRow.key = key
+		await <%= moduleEdit %>.openSelectedData(self, {key:key, keyvalue:keyvalue})
+	} catch (err) {
+		console.error(err)
+		await $fgta5.MessageBox.error(err.message)
+
+		setCurrentRow(self, null)
+		CurrentSection.show() // kembalikan ke list kalau error saat buka data
+	}
+
+
+	// matikan atau nyalakan button prev/next sesuai kondisi
+	setPagingButton(self, <%= moduleEdit %>)
+}
+
+async function listRows(self, criteria, offset,limit, sort) {
+	const url = `/${Context.moduleName}/header-list`
+	try {
+		const columns = []
+		const result = await Module.apiCall(url, {  
+			columns,
+			criteria,
+			offset,
+			limit,
+			sort
+		}) 
+		return result 
+	} catch (err) {
+		throw err	
+	} 
+}
+
+async function tbl_nextdata(self, evt) {
+	const criteria = evt.detail.criteria
+	const limit = evt.detail.limit
+	const offset = evt.detail.nextoffset
+	const sort = evt.detail.sort
+
+	await tbl_loadData(self, {criteria, limit, offset, sort})
+	tbl.scrollToFooter()
+}
+
+function tbl_sorting(self, evt) {
+	tbl.clear()
+	const sort = evt.detail.sort
+	const criteria = evt.detail.Criteria
+	tbl_loadData(self, {criteria, sort})
+}
+
+function tbl_cellclick(self, evt) {
+	const tr = evt.detail.tr
+
+	const <%= moduleEdit %> = self.Modules.<%= moduleEdit %>
+	<%= moduleEdit %>.Section.show({}, (evt)=>{
+		openRow(self, tr)
+	})
+
+	
+}
+
+async function tbl_loadData(self, params={}) {
+	console.log('loading <%= moduleSection %> data')
+	console.log(params)
+
+	const { criteria={}, limit=0, offset=0, sort={} } = params
+
+	// isi criteria
+	for (var key in SearchParams) {
+		var cmp = SearchParams[key]
+		var valid = cmp.validate()
+		if (!valid) {
+			console.error('ada yang belum diisi')
+			return false
+		}
+		criteria[key] = SearchParams[key].value
+	}
+
+
+	// cek sorting
+	if (sort===undefined) {
+		sort = tbl.getSort()
+	}
+
+	
+	let mask = $fgta5.Modal.createMask()
+	try {
+		const result = await listRows(self, criteria, offset,limit, sort)
+
+		if (offset===0) {
+			tbl.clear()
+		}
+		tbl.addRows(result.data)
+		tbl.setNext(result.nextoffset, result.limit)
+	} catch (err) {
+		console.error(err)
+		$fgta5.MessageBox.error(err.message)
+	} finally {
+		mask.close()
+		mask = null
+	}
+	
+}
+
+function btn_gridload_click(self, evt) {
+	setCurrentRow(self, null)
+	loadData(self)
+}

package/src/generator/templates/sqlAddField.ejs

@@ -0,0 +1,3 @@
+-- ADD <%=fieldname%>
+alter table <%=schema%>."<%=tablename%>" add <%=fieldname%> <%=type%> <%=setnull%> <%-setdefault%>;
+comment on column <%=schema%>."<%=tablename%>".<%=fieldname%> is '<%-description%>';

package/src/generator/templates/sqlAddForeignKey.ejs

@@ -0,0 +1,12 @@
+-- Add Foreign Key Constraint  <% fkList.forEach(fk => { %>
+ALTER TABLE <%= schema %>."<%= tablename %>"
+	ADD CONSTRAINT <%= fk.ref_name %>
+	FOREIGN KEY (<%= fk.fieldname %>)
+	REFERENCES <%= fk.ref_schema %>."<%= fk.ref_tablename %>"(<%= fk.ref_fieldname %>);
+
+
+-- Add As Index, drop dulu jika sudah ada
+DROP INDEX IF EXISTS <%= schema %>.idx_<%= fk.ref_name %>;
+CREATE INDEX idx_<%= fk.ref_name %> ON <%= schema %>."<%= tablename %>"(<%= fk.fieldname %>);	
+
+<% }) %>	

package/src/generator/templates/sqlAddUniqueIndex.ejs

@@ -0,0 +1,4 @@
+-- Add unique index <% data.forEach(uniq => { %>
+alter table  <%= schema %>."<%= tablename %>"
+	add constraint <%= uniq.uniquename %> unique (<%- uniq.uniquefields %>); 
+<% }); %>

package/src/generator/templates/sqlCreateTable.ejs

@@ -0,0 +1,9 @@
+/* =============================================
+ * CREATE TABLE <%=schema%>."<%=tablename%>"
+ * ============================================*/
+create table <%=schema%>."<%=tablename%>" (
+	<%=fieldname%> <%=type%>,
+	constraint <%=tablename%>_pk primary key (<%=fieldname%>)
+);
+comment on table <%=schema%>."<%=tablename%>" is '<%-tabledescr%>';	
+

package/src/generator/templates/sqlDropForeignKey.ejs

@@ -0,0 +1,3 @@
+-- Drop Existing Foreign Key Constraint <% existingFk.forEach(fk => { %>
+ALTER TABLE <%= schema %>."<%= tablename %>" DROP CONSTRAINT <%= fk.constraint_name %>;<% }) %>
+

package/src/generator/templates/sqlDropUniqueIndex.ejs

@@ -0,0 +1,4 @@
+-- Drop existing unique index <% existingUniques.forEach(uniq => { %>
+alter table <%=schema%>."<%=tablename%>"
+	drop constraint <%= uniq.constraint_name %>;
+<% }); %>	

package/src/generator/templates/sqlModifyField.ejs

@@ -0,0 +1,6 @@
+-- MODIFY <%=fieldname%>
+alter table <%=schema%>."<%=tablename%>"
+	alter column <%=fieldname%> type <%=type%>,
+	<%-alterdefault%>,
+	<%=alternull%>;
+comment on column <%=schema%>."<%=tablename%>".<%=fieldname%> is '<%-description%>';

package/src/generator/trygenerate.js

@@ -0,0 +1,83 @@
+import dotenv from 'dotenv'
+import { Worker } from 'worker_threads'
+
+dotenv.config()
+
+
+
+console.log('Testing Generator')
+
+const args = process.argv.slice(2)
+const generator_id = args[0]
+
+if (generator_id==null) {
+	console.log("\n\n\x1b[1m\x1b[31mERROR\x1b[0m")
+	console.log("format: npm run generate \x1b[33m<generator_id>\x1b[0m\n\n")
+	process.exit(1)
+}
+
+
+const workerTimeoutMs = 1*60*1000
+
+
+await main(generator_id)
+
+
+async function main(generator_id) {
+	console.log(`Start to generate program id:'${generator_id}'`)
+
+	try {
+		const workerPath = './src/generator/worker.js'
+		const worker = new Worker(workerPath, {
+			workerData: {
+				generator_id,
+				user_id: 1,
+				user_name: 'coredeveloper',
+				ipaddress: 'local-cli'
+			}
+		}, workerTimeoutMs) 
+
+		const timeoutId = setTimeout(()=>{
+			console.log("\n\n\x1b[1m\x1b[31mERROR\x1b[0m")
+			console.log('Worker timeout')
+			worker.terminate()
+		}, workerTimeoutMs) 
+
+
+		worker.on('message', (info)=>{
+			clearTimeout(timeoutId)
+			console.log(info.message)
+			if (info.done===true) {
+				worker.done = true
+				worker.terminate()
+			}
+		})
+
+
+		worker.on('error', (err)=>{
+			clearTimeout(timeoutId)
+			console.log("\n\n\x1b[1m\x1b[31mERROR\x1b[0m")
+			console.error(err)
+			console.log("\n\n")
+			worker.terminate()
+		})
+
+
+		worker.on('exit', (code)=>{
+			clearTimeout(timeoutId)
+			if (worker.done===true) {
+				console.log('Worker finished')
+			} else {
+				console.log(`Worker exited with code ${code}`)
+			}
+			console.log("\n\n")
+		})
+
+
+	} catch (err) {
+		console.log("\n\n\x1b[1m\x1b[31mERROR\x1b[0m")
+		console.log(err.message)
+		process.exit(1)
+	}
+}
+