@agung_dhewe/webapps 1.1.2

package/modules/generator/generatorList.mjs

@@ -0,0 +1,243 @@
+import Context from './generator-context.mjs'
+import * as Extender from './generator-ext.mjs'
+
+
+const Crsl =  Context.Crsl
+const CurrentSectionId = Context.Sections.generatorList
+const CurrentSection = Crsl.Items[CurrentSectionId]
+const CurrentState = {}
+
+const tbl =  new $fgta5.Gridview('generatorList-tbl')
+const pnl_search = document.getElementById('generatorList-pnl_search')
+const btn_gridload = new $fgta5.ActionButton('generatorList-btn_gridload') 
+
+export const Section = CurrentSection
+export const SearchParams = {}
+
+export async function init(self, args) {
+	console.log('initializing generatorList ...')
+
+	// add event listener
+	tbl.addEventListener('nextdata', async evt=>{ tbl_nextdata(self, evt) })
+	tbl.addEventListener('sorting', async evt=>{ tbl_sorting(self, evt) })
+	tbl.addEventListener('cellclick', async evt=>{ tbl_cellclick(self, evt) })
+	tbl.addEventListener('celldblclick', async evt=>{ tbl_celldblclick(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)
+		}
+
+		// generator-ext.mjs, export function initSearchParams(self, SearchParams) {} 
+		// jangan exekusi langsung dari generatorExtender, karena akan error saat di rollup
+		if (typeof Extender.initSearchParams === 'function') {
+			Extender.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 render(self) {
+	console.log('generatorList render')
+}
+
+export function keyboardAction(self, actionName) {
+	if (actionName=='up') {
+		tbl.previousRecord()
+	} else if (actionName=='down') {
+		tbl.nextRecord()
+	} else if (actionName=='enter') {
+		const generatorEdit = self.Modules.generatorEdit
+		generatorEdit.Section.show({}, (evt)=>{
+			openRow(self, tbl.CurrentRow)
+		})		
+	}
+}
+
+export async function loadData(self) {
+	await tbl.clear()
+	tbl_loadData(self)
+}
+
+export function getCurrentRow(self) {
+	return CurrentState.SelectedRow
+}
+
+function setCurrentRow(self, tr) {
+	CurrentState.SelectedRow = tr
+}
+
+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
+	tr.remove()
+}
+
+export function selectNextRow(self) {
+	const tr = CurrentState.SelectedRow
+	if (tr.nextElementSibling) {
+		openRow(self, tr.nextElementSibling)
+	}
+}
+
+export function selectPreviousRow(self) {
+	const tr = CurrentState.SelectedRow
+	if (tr.previousElementSibling) {
+		openRow(self, tr.previousElementSibling)
+	}
+}
+
+
+async function openRow(self, tr) {
+	const keyvalue = tr.getAttribute('keyvalue')
+	const key = tr.getAttribute('key')
+
+	const generatorEdit = self.Modules.generatorEdit
+
+	try {
+		setCurrentRow(self, tr)
+		CurrentState.SelectedRow.keyValue = keyvalue
+		CurrentState.SelectedRow.key = key
+		await generatorEdit.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
+	}
+}
+
+
+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()
+}
+
+async function tbl_sorting(self, evt) {
+	tbl.clear()
+	const sort = evt.detail.sort
+	const criteria = evt.detail.Criteria
+	tbl_loadData(self, {criteria, sort})
+}
+
+async function tbl_cellclick(self, evt) {
+	if (Module.isMobileDevice()) {
+		await tbl_celldblclick(self, evt)
+	}
+}
+
+async function tbl_celldblclick(self, evt) {
+	const tr = evt.detail.tr
+
+	const generatorEdit = self.Modules.generatorEdit
+	generatorEdit.Section.show()
+
+	await openRow(self, tr)
+}
+
+async function btn_gridload_click(self, evt) {
+	setCurrentRow(self, null)
+	loadData(self)
+}
+
+
+async function tbl_loadData(self, params={}) {
+	console.log('loading generator 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()
+	}
+
+	const args = {
+		columns: ['generator_id', 'generator_appname', 'generator_modulename'],
+		criteria: criteria,
+		offset: offset,
+		limit: limit,
+		sort: sort		
+	}
+
+	let mask = $fgta5.Modal.createMask()
+
+	const apiList = new $fgta5.ApiEndpoint('/generator/list')
+	try {
+		const result = await apiList.execute(args)
+
+		// jika offset tidak didefinisikan, berarti start dari awal, table dikosongkan dahulua
+		// jika offset didefinisikan berarti request untuk halaman berikutnya
+		if (offset===undefined) {
+			tbl.clear()
+		}
+		tbl.addRows(result.data)
+		tbl.setNext(result.nextoffset, result.limit)
+
+	} catch (err) {
+		console.error(err)
+		$fgta5.MessageBox.error(err.message)
+	} finally {
+		apiList.dispose()
+		mask.close()
+		mask = null
+	}
+	
+}

package/modules/login/login.css

@@ -0,0 +1,11 @@
+.loginbox {
+	margin: 10px
+}
+
+.loginbox input {
+	margin-bottom: 5px;
+}
+
+.loginbox button {
+	margin-top: 5px;
+}

package/modules/login/login.html

@@ -0,0 +1,12 @@
+<div class="loginbox">
+	<h1>Login</h1>
+	<div>
+		<input type="text" id="obj_username" placeholder="username">
+	</div>
+	<div>
+		<input type="password" id="obj_password" placeholder="password">
+	</div>
+	<div>
+		<button id="btn_login">Login</button>
+	</div>
+</div>

package/modules/login/login.mjs

@@ -0,0 +1,111 @@
+const Context = {}
+const btn_login = document.getElementById('btn_login')
+const obj_username = document.getElementById('obj_username')
+const obj_password = document.getElementById('obj_password')
+
+// need test direct open
+// https://core-dev.transfashion.id/?nexturl=https://ent-dev.transfashion.id/sitetype&id=STO
+// skenario: buka link di atas dalam kondisi belum login, setelah login, diredirect lagi ke halaman di atas
+
+
+export default class extends Module {
+	constructor() {
+		super()
+	}
+
+	async main(args={}) {
+		
+		console.log('initializing module...')
+
+		sessionStorage.removeItem('nextmodule');
+		btn_login.addEventListener('click', (evt)=>{
+			btn_login_click(self, evt)
+		})
+		
+		obj_username.addEventListener('keypress', evt=>{
+			const key = evt.key.toLowerCase()
+			if (key=='enter' && obj_username.value.trim()!='') {
+				obj_password.focus()
+			}
+		})
+
+		obj_password.addEventListener('keypress', evt=>{
+			const key = evt.key.toLowerCase()
+			if (key=='enter' && obj_password.value.trim()!='') {
+				btn_login.click()
+			}
+		})
+
+		setTimeout(()=>{
+			obj_username.focus()
+		}, 500)
+		
+
+		try {
+			// inisiasi sisi server
+			try {
+				const result = await Module.apiCall(`/login/init`, { })
+				if (result.isLogin) {
+					location.href = '/'
+				}
+			} catch (err) {
+				throw err
+			} 
+
+		} catch (err) {
+			throw err
+		}
+
+	}
+
+}
+
+
+
+async function btn_login_click(self, evt) {
+	console.log('login')
+	const username = obj_username.value
+	const password = obj_password.value
+	
+	const queryString = window.location.search
+	const params = new URLSearchParams(queryString)
+	const nexturl = params.get('nexturl')
+	const nextmodule = params.get('nextmodule')
+
+	console.log(nexturl, nextmodule)
+
+	let mask = $fgta5.Modal.createMask()
+	try {
+		// login, tidak pakai self.apiCall, karena akan bypass session
+		const apiLogin = new $fgta5.ApiEndpoint('login/do-login')
+		const result = await apiLogin.execute({username, password})
+		if (result!=null) {
+			// login berhasil
+			
+			// simpan flag login
+			sessionStorage.setItem('login', true);
+
+			if (nextmodule!=null) {
+				sessionStorage.setItem('nextmodule', nextmodule);
+			}
+
+			if (nexturl!=null) {
+				// redirect ke next url
+				sessionStorage.setItem('login_nexturl', nexturl);
+				location.href = nexturl
+			} else {
+				location.href = '/'
+			}
+		} else {
+			// login gagal
+			$fgta5.MessageBox.error('Login salah!')
+		}
+
+	} catch (err) {
+		console.log(err)
+		$fgta5.MessageBox.error(err.message)
+	} finally {
+		mask.close()
+		mask = null
+	}
+}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@agung_dhewe/webapps",
+  "version": "1.1.2",
+  "description": "library javascript (nodejs+express) untuk pengembangan applikasi web",
+  "type": "module",
+  "main": "./src/webapps.js",
+  "scripts": {
+    "generate": "node ./src/generator/trygenerate.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/agungdhewe/webapps.git"
+  },
+  "keywords": [
+    "webapps",
+    "postgresql"
+  ],
+  "author": "Agung Nugroho",
+  "license": "GPL-3.0-or-later",
+  "publishConfig": {
+    "access": "public"
+  },
+  "bugs": {
+    "url": "https://github.com/agungdhewe/webapps/issues"
+  },
+  "homepage": "https://github.com/agungdhewe/webapps#readme",
+  "dependencies": {
+    "@agung_dhewe/pgsqlc": "^1.1.5",
+    "bcrypt": "^6.0.0",
+    "connect-redis": "^9.0.0",
+    "cors": "^2.8.5",
+    "dotenv": "^16.5.0",
+    "ejs": "^3.1.10",
+    "express": "^5.1.0",
+    "express-session": "^1.18.1",
+    "jsonwebtoken": "^9.0.2",
+    "minio": "^8.0.6",
+    "multer": "^2.0.1",
+    "node-fetch": "^3.3.2",
+    "pg": "^8.16.2",
+    "pg-promise": "^11.14.0",
+    "redis": "^5.5.6",
+    "serve-favicon": "^2.5.0",
+    "ws": "^8.18.3"
+  }
+}

package/percobaan/simmpan-ke-minio.js

@@ -0,0 +1,24 @@
+import { Client } from 'minio';
+
+const minioClient = new Client({
+  endPoint: 'localhost',
+  port: 9000,
+  useSSL: false,
+  accessKey: 'admin',
+  secretKey: 'gacutils13#!',
+});
+
+const uploadFile = async () => {
+  const bucketName = 'testupload';
+  const objectName = '123543/testfile.txt';
+  const filePath = './src/datalog.sql';
+
+  try {
+    await minioClient.fPutObject(bucketName, objectName, filePath);
+    console.log(`✅ File '${objectName}' uploaded to '${bucketName}'`);
+  } catch (error) {
+    console.error('❌ Upload failed:', error);
+  }
+};
+
+uploadFile();

package/src/api.js

@@ -0,0 +1,80 @@
+export default class Api {
+	#req
+	#res
+	#next
+
+	constructor(req, res, next) {
+		this.#req = req
+		this.#res = res
+		this.#next = next
+	}
+
+	get req() { return this.#req }
+	get res() { return this.#res }
+	get next() { return this.#next }
+
+
+	static generateNotifierId(moduleName, str) {
+		return `${moduleName}-${str}`
+	}
+
+
+	static cekLogin(req) {
+		// jika req.session.user tidak ada datanya, berarti belum login 
+		try {
+			if (req.session.user==null) {
+				throw new Error('belum login')
+			}
+
+			if (req.session.user.isLogin==null) {
+				throw new Error('belum login')
+			}
+
+			if (req.session.user.isLogin==false) {
+				throw new Error('belum login')
+			}
+		} catch (err) {
+			err.status = 401
+			throw err
+		}
+	}
+
+	static parseUploadData(data, files) {
+		const jsonFieldName = 'form-body-jsondata'
+		try {
+			if (files!=undefined) {
+				// ambil json data
+				const jsondata = files.filter(file => file.fieldname==jsonFieldName)
+				const jsonstring = jsondata[0].buffer.toString('utf-8')
+				Object.assign(data, JSON.parse(jsonstring).data)
+
+				const filelist = files.filter(file => file.fieldname!=jsonFieldName)
+				return filelist
+			}
+
+			return null
+		} catch (err) {
+			throw err
+		}
+	}
+
+
+	async handleRequest(methodName, body) {
+		try {
+			if (typeof this[methodName] === 'function') {
+				const result = await this[methodName](body)
+				return result 
+			} else {
+				const errNotFound = new Error(`Method "${methodName}" tidak ditemukan.`)
+				errNotFound.code = 404 
+				throw errNotFound
+			}
+		} catch (err) {
+			throw err
+		}
+	}
+
+
+}
+
+