From 458a87d546a47b9b09db62390712fed7d5f7e42e Mon Sep 17 00:00:00 2001 From: Patrick Alvin Alcala Date: Wed, 1 Oct 2025 12:38:46 +0800 Subject: [PATCH 1/5] Fixed padding props --- src/components/Box/Box.tsx | 4 ++-- src/components/Column/Column.tsx | 3 ++- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/src/components/Box/Box.tsx b/src/components/Box/Box.tsx index b641bcd..255dd2a 100644 --- a/src/components/Box/Box.tsx +++ b/src/components/Box/Box.tsx @@ -6,7 +6,7 @@ interface Props { color?: string children: JSXElement curved?: boolean - padding?: number + padding?: string background?: string } @@ -14,7 +14,7 @@ export default (props: Props) => { const boxClass = createMemo(() => (props.curved ? 'curvedbox' : 'box')) return ( -
+
{props.children}
) diff --git a/src/components/Column/Column.tsx b/src/components/Column/Column.tsx index aec3d3e..7a33aa6 100644 --- a/src/components/Column/Column.tsx +++ b/src/components/Column/Column.tsx @@ -5,12 +5,13 @@ interface Props { children: JSXElement content?: 'top' | 'center' | 'bottom' | 'split' | 'spaced' gap?: number + padding?: string } export default (props: Props) => { return ( <> -
+
{props.children}
From b08ac16aef316cb5304856bb4e593cd9425e1a21 Mon Sep 17 00:00:00 2001 From: Patrick Alvin Alcala Date: Wed, 1 Oct 2025 12:38:55 +0800 Subject: [PATCH 2/5] Updated backend --- backend/main.go | 42 +++++++++++++++++++++++++++++++----------- 1 file changed, 31 insertions(+), 11 deletions(-) diff --git a/backend/main.go b/backend/main.go index 25248e2..d70adee 100644 --- a/backend/main.go +++ b/backend/main.go @@ -536,28 +536,38 @@ func connect() { case "get-employeename": err := db.QueryRow("SELECT IFNULL(employeename, '') AS result FROM employee WHERE employeeid = ?", data).Scan(&result) if err != nil { - c.AbortWithError(http.StatusBadRequest, err) - c.String(http.StatusBadRequest, err.Error()) + if err == sql.ErrNoRows { + result = "0" + } else { + c.AbortWithError(http.StatusBadRequest, err) + c.String(http.StatusBadRequest, err.Error()) + } } c.JSON(http.StatusOK, gin.H{ "result": result, }) case "get-opdetails-electrical": - var result2, result3, result4, result5 string + var result2, result3, result4, result5, result6, result7, result8, result9, result10 string array := []string{} array2 := []string{} array3 := []string{} array4 := []string{} array5 := []string{} + array6 := []string{} + array7 := []string{} + array8 := []string{} + array9 := []string{} + array10 := []string{} - results, err := db.Query("SELECT IFNULL(assessedbyid, 0) AS result, IFNULL(reviewedbyid, 0) AS result2, IFNULL(ref_bldgcomputationsheetid, 0) AS result3, IFNULL(amount, 0) AS result4, IFNULL(opDate, '') AS result5 FROM electrical_orderofpayment_new WHERE electricalid = ?", data) + results, err := db.Query(`SELECT IFNULL(e.electricalNo, '') AS result, IFNULL(c.firstName, '') AS result2, IFNULL(c.middleInitial, '') AS result3, IFNULL(c.lastName, '') AS result4, IFNULL(e.locationofinstallation, '') AS result5, IFNULL(re.type, '') AS result6, IFNULL(em.employeename, '') AS result7, IFNULL(rb.accountdescription, '') AS result8, IFNULL(o.amount, '') AS result9, IFNULL(o.opDate, '') AS result10 + FROM electrical e, customer c, electrical_orderofpayment_new o, ref_electrical_type re, ref_bldgcomputationsheet rb, employee em WHERE e.customerid = c.customerid AND e.electricalid = o.electricalid AND e.ref_electrical_typeid = re.ref_electrical_typeid AND o.ref_bldgcomputationsheetid = rb.ref_bldgcomputationsheetid AND o.assessedbyid = em.employeeid AND e.electricalid = ?`, data) if err != nil { c.AbortWithError(http.StatusBadRequest, err) c.String(http.StatusBadRequest, err.Error()) } for results.Next() { - err = results.Scan(&result, &result2, &result3, &result4, &result5) + err = results.Scan(&result, &result2, &result3, &result4, &result5, &result6, &result7, &result8, &result9, &result10) if err != nil { c.AbortWithError(http.StatusBadRequest, err) c.String(http.StatusBadRequest, err.Error()) @@ -567,17 +577,27 @@ func connect() { array3 = append(array3, result3) array4 = append(array4, result4) array5 = append(array5, result5) + array6 = append(array6, result6) + array7 = append(array7, result7) + array8 = append(array8, result8) + array9 = append(array9, result9) + array10 = append(array10, result10) } c.JSON(http.StatusOK, gin.H{ - "result": array, - "result2": array2, - "result3": array3, - "result4": array4, - "result5": array5, + "result": array, + "result2": array2, + "result3": array3, + "result4": array4, + "result5": array5, + "result6": array6, + "result7": array7, + "result8": array8, + "result9": array9, + "result10": array10, }) - case "get-paymentname": + case "get-paymentname": err := db.QueryRow("SELECT IFNULL(accountdescription, '') AS result FROM ref_bldgcomputationsheet WHERE ref_bldgcomputationsheetid = ?", data).Scan(&result) if err != nil { c.AbortWithError(http.StatusBadRequest, err) From a79e22ffe7baf18458d1a18956b78d619276bc2a Mon Sep 17 00:00:00 2001 From: Patrick Alvin Alcala Date: Wed, 1 Oct 2025 12:39:12 +0800 Subject: [PATCH 3/5] Updated login page --- src/pages/LoginPage/Login.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/pages/LoginPage/Login.tsx b/src/pages/LoginPage/Login.tsx index 7916775..4e3eea3 100644 --- a/src/pages/LoginPage/Login.tsx +++ b/src/pages/LoginPage/Login.tsx @@ -76,7 +76,7 @@ export default () => { - + Login @@ -132,7 +132,7 @@ export default () => { - +

Login Successful

@@ -150,7 +150,7 @@ export default () => { - +

Login Failed

From 6bcf0cd40b2dd9788d5da435ff984a63f6d1f036 Mon Sep 17 00:00:00 2001 From: Patrick Alvin Alcala Date: Wed, 1 Oct 2025 12:39:19 +0800 Subject: [PATCH 4/5] Updated main page --- src/pages/MainPage/Main.sass | 6 ++++- src/pages/MainPage/Main.tsx | 49 ++++++++++++++++++++++++++++++------ 2 files changed, 46 insertions(+), 9 deletions(-) diff --git a/src/pages/MainPage/Main.sass b/src/pages/MainPage/Main.sass index 7e66e00..787c898 100644 --- a/src/pages/MainPage/Main.sass +++ b/src/pages/MainPage/Main.sass @@ -92,6 +92,11 @@ h1 &__application-number font-size: 1.75rem + font-weight: 700 + display: flex + flex-direction: column + flex-wrap: wrap + align-items: center &__name padding: 1rem 0 0 0 @@ -111,4 +116,3 @@ h1 &__detail font-size: 1rem - diff --git a/src/pages/MainPage/Main.tsx b/src/pages/MainPage/Main.tsx index 5e90131..f87ef00 100644 --- a/src/pages/MainPage/Main.tsx +++ b/src/pages/MainPage/Main.tsx @@ -15,6 +15,10 @@ export default () => { const [assessor, setAssessor] = createSignal('') const [approver, setApprover] = createSignal('') const [dateOp, setDateOp] = createSignal('') + const [client, setClient] = createSignal('') + const [location, setLocation] = createSignal('') + const [type, setType] = createSignal('') + const [applicationNo, setApplicationNo] = createSignal('') const getListForApproval = async () => { try { @@ -60,10 +64,13 @@ export default () => { const getopdetails = async () => { const op = await ofetch(API + 'get-opdetails-electrical/23512', { parseResponse: JSON.parse }) - setTotalOp(calculateTotal(op.result4)) - setAssessor(await getEmployeeName(op.result[0])) - setApprover(await getEmployeeName(op.result2[0])) + setApplicationNo(op.result[0]) + setAssessor(op.result7[0]) + setLocation(op.result5[0]) + setType(op.result6[0]) setDateOp(dayjs(op.result5[0]).format('MMMM DD, YYYY')) + setClient(displayFullname(op.result2[0], op.result3[0], op.result4[0])) + setTotalOp(calculateTotal(op.result9)) } const calculateTotal = (list: number[]) => { @@ -94,6 +101,20 @@ export default () => { } } + const displayFullname = (firstname: string, middleinitial: string, lastname: string) => { + let result + if (firstname.length > 0) { + if (middleinitial.length > 0) { + result = `${firstname} ${middleinitial}. ${lastname}` + } else { + result = `${firstname} ${lastname}` + } + } else { + result = lastname + } + return result + } + onMount(async () => { await load() }) @@ -159,12 +180,24 @@ export default () => { - - 25-0000000123 + + {applicationNo()} - - Sample Name - + + + + + +