From 335f2b6c5a7b965597c6a9317fe76bde0bfb762d Mon Sep 17 00:00:00 2001 From: renaldybrada Date: Wed, 25 Mar 2026 16:12:53 +0700 Subject: [PATCH] update UI figma terbaru --- index.php | 525 ++++++++++++++++++++---------------------------------- 1 file changed, 191 insertions(+), 334 deletions(-) diff --git a/index.php b/index.php index 3007451..40637d2 100644 --- a/index.php +++ b/index.php @@ -39,7 +39,7 @@ if ($_SERVER['REQUEST_METHOD'] == "POST") { - +
@@ -51,7 +51,7 @@ if ($_SERVER['REQUEST_METHOD'] == "POST") {
-
+
-
+
-
- - -
-
-
+
-
+
-
+
+ +
+
+
+ + +
-
+
-
+
+ +
+
-
Tindakan Operatif
-
+
-
+
-
- -
-
- -
+
+
+
-
- -
-
- -
- -
-
- -
-
-
-
-
- -
-
- -
+
+ + -
+
+
+ + +
- - - - -
-
-
-
- -
-
- +
+ +
+ + menit
+ +
+ + +
-
-
-
- -
-
-
- - menit -
+ + +
+
+ + +
+ +
+ +
+ + menit
-
-
-
-
- -
-
- -
+
+ +
+
- -
- - - - - -
- -
-
-
- -
-
- -
-
-
- -
-
-
- -
-
-
- - menit -
-
-
-
- -
-
-
- -
-
- -
-
-
-
- +
-
- -
-
- -
-
- -
+
+ +
-
-
- -
-
- -
+
+ +
+
-
-
- -
-
+
+
+
+
-
-
-
- -
-
+
+
-
-
- -
-
+
+
+
gram
-
-
-
- -
-
- -
-
- -
-
- -
- + +
- -
-
- Jumlah Pendarahan + +
+
+ +
-
+
+ + +
+
+ + +
+
+
cc @@ -392,21 +312,20 @@ if ($_SERVER['REQUEST_METHOD'] == "POST") {
-
-
Jenis & Jumlah Darah Masuk
- -
+
+ +
-
+
cc
-
+
-
-
-

*Format: JPG, PNG | Maks: 1MB

-
-
- -
-
- -
-
- -
-
-

*Format: JPG, PNG | Maks: 1MB

-
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- - -
- - - - - - - - - - - - - - - - - - - -
MerekNama ImplantStikerPendampingAksi
- -
+ +
+ + + + + + + + + + + + + + + + + + + + + + + +
NoMerekNama ImplantStiker / Nomor Register ImplantNama Pendamping ImplantGambarAksi
1 + + Format: JPG, PNG | Maks: 1MB + + + + + +
-
-
Specimen / Jaringan dikirim ke
+
+ -
+
-
+
-
+
+ + + + + + Format: JPG, PNG | Maks: 1MB - ` - - tbody.appendChild(row) - - clearForm() - - }) - - function clearForm() { - - document.getElementById("merek").value = "" - document.getElementById("implant").value = "" - document.getElementById("stiker").value = "" - document.getElementById("pendamping_implant").value = "" + + + + + + + + ` } - document.addEventListener("click", function(e) { + function addRowImplant() { + let rowCount = tableBody.rows.length + 1 + tableBody.insertAdjacentHTML("beforeend", createRowImplant(rowCount)) + reindex() + } - if (e.target.classList.contains("btnDelete")) { - - e.target.closest("tr").remove() + function deleteRowImplant(btn) { + let row = btn.closest("tr") + row.remove() + reindex() + } + function moveUpImplant(btn) { + let row = btn.closest("tr") + let prev = row.previousElementSibling + if (prev) { + row.parentNode.insertBefore(row, prev) + reindex() } + } - }) + function moveDownImplant(btn) { + let row = btn.closest("tr") + let next = row.nextElementSibling + if (next) { + row.parentNode.insertBefore(next, row) + reindex() + } + } + + function reindex() { + [...tableBody.rows].forEach((row, i) => { + row.querySelector(".row-number").innerText = i + 1 + }) + } /* Modal Riwayat*/ document.getElementById("btnRiwayat").addEventListener("click", function(){ @@ -1098,7 +955,7 @@ if ($_SERVER['REQUEST_METHOD'] == "POST") { let formData = new FormData(form) formData.set("uraian", frUraianOperasi.getContents()) - + // const plainObject = Object.fromEntries(formData.entries()); // console.log("form value: ", plainObject)