diff --git a/Controller/LaguController.php b/Controller/LaguController.php
index fdb5bfbf1a9d5a2ad4afc3b0d50000173410a5b3..b3054ccb7db2fdd2114ede6ac4efe3a157d51b6d 100644
--- a/Controller/LaguController.php
+++ b/Controller/LaguController.php
@@ -325,8 +325,8 @@ class LaguController
{
$data = $req->formData();
//print_r($data);
- $id = $data["id"];
- unset($data["id"]);
+ $id = $req->getParam("/lagu/:id", "id");
+ $data["song_id"] = $id;
//simpan files
$storage = new LocalStorage();
$audio = $data["audio"] ?? null;
@@ -368,7 +368,7 @@ class LaguController
$lagu_db = new Song($req->db);
$transaction = $lagu_db->transaction();
try {
- $paths = $transaction->select(["audio_path,image_path"])->where("song_id =?", [$id])->all()[0];
+ $paths = $transaction->select(["*"])->where("song_id =?", [$id])->all()[0];
//print_r($paths);
//hapus file
if ($paths["audio_path"] !== "/" && $paths["audio_path"] !== "" && $paths["audio_path"] !== null && $audio !== null) {
@@ -378,30 +378,40 @@ class LaguController
$storage->delete("/app" . $paths["image_path"]);
}
// print_r($data);
- $transaction->update("song_id= ?", [$id], $data)->commit();
+ $transaction->update("song_id= ?", [$id], $data);
+ //update data
+ // $lagu = $transaction->select(["*"])->where("song_id =?", [$id])->all();
+ // //print_r($lagu);
+ // $transaction->update("title= ?",[$id],$title);
+ // [
+ // "title" => ,
+ // "release_date" => $release_date,
+ // "duration" => $duration,
+ // "audio_path" => $target_path_audio,
+ // "singer_name" => $singer_name ?? "",
+ // "genre" => $genre,
+ // "image_path" => $target_path_image
+ // ]
+ // );
+ $transaction->commit();
} catch (Exception) {
$transaction->rollback();
}
- //update data
- $lagu = $transaction->select(["*"])->where("song_id =?", [$id])->all();
- //print_r($lagu);
- if (count($lagu) === 0) {
- return LaguController::searchLagu($req, $res);
- }
//cek type audio
- $subTitle = explode('.', $lagu[0]["audio_path"]);
- $type = "audio/" . $subTitle[count($subTitle) - 1];
- //proses release date
- $date = LaguController::formatDate($lagu[0]["release_date"]);
+ // $subTitle = explode('.', $lagu[0]["audio_path"]);
+ // $type = "audio/" . $subTitle[count($subTitle) - 1];
+ // //proses release date
+ // $date = LaguController::formatDate($lagu[0]["release_date"]);
return $res->json([
- "image_path" => $lagu[0]["image_path"],
- "title" => $lagu[0]["title"],
- "audio_path" => $lagu[0]["audio_path"],
- "sound_type" => $type,
- "release_date" => $date,
- "genre" => $lagu[0]["genre"],
- "date" => $lagu[0]["release_date"],
+ // "image_path" => $lagu[0]["image_path"],
+ // "title" => $lagu[0]["title"],
+ // "audio_path" => $lagu[0]["audio_path"],
+ // "sound_type" => $type,
+ // "release_date" => $date,
+ // "genre" => $lagu[0]["genre"],
+ // "date" => $lagu[0]["release_date"],
+ "data"=>$data,
"status" => "Perubahan berhasil disimpan!"
]);
}
@@ -671,4 +681,33 @@ class LaguController
$song_transaction->commit();
}
+
+ static function editLaguPage(IRequest $req, IResponse $res)
+ {
+ $id = $req->getParam("/lagu/:id/edit", "id");
+ $song = new Song($req->db);
+ $song_transaction = $song->transaction();
+
+ //cari song
+ $lagu = $song_transaction->select(["*"])->where("song_id =?", [$id])->all();
+ //print_r($lagu);
+ if (count($lagu) === 0) {
+ return LaguController::searchLagu($req, $res);
+ }
+ return $res->view(
+ "Pages/EditLagu",
+ [
+ "id" => $id,
+ "image_path" => $lagu[0]["image_path"],
+ "title" => $lagu[0]["title"],
+ "singer_name" => $lagu[0]["singer_name"],
+ "audio_path" => $lagu[0]["audio_path"],
+ "release_date" => $lagu[0]["release_date"],
+ "genre" => $lagu[0]["genre"],
+ "duration" => LaguController::formatDuration($lagu[0]["duration"]),
+ "auth" => $req->auth,
+ "date" => str_replace("-", "/", $lagu[0]["release_date"])
+ ]
+ );
+ }
}
diff --git a/Controller/SubsciberController.php b/Controller/SubsciberController.php
index 9614b60c99a1551da4ad6fd5cdda6b56811c2250..05fc1ca8309712cf897c42eaa78c3e63b2743b8e 100644
--- a/Controller/SubsciberController.php
+++ b/Controller/SubsciberController.php
@@ -147,7 +147,8 @@ class SubsciberController
}
}
- static function fetchSubscriptions(int $page,int $limit, int $user_id,$db){
+ static function fetchSubscriptions(int $page, int $limit, int $user_id, $db)
+ {
$fetcher = new FetchAPI(getenv("REST_API"));
$param = [
"page" => $page,
@@ -207,7 +208,7 @@ class SubsciberController
($req->getQuery("limit") > 0 ? $req->getQuery("limit") : SubsciberController::DEFAULT_LIMIT)
: SubsciberController::DEFAULT_LIMIT;
$data = SubsciberController::fetchSubscriptions($page, $limit, $user_id, $req->db);
- if ($data === false) {
+ if ($data === false) {
return $res->redirect("/", 500);
}
//fetch max page
@@ -239,17 +240,18 @@ class SubsciberController
// ]);
}
- static function subscribeSinger(IRequest $req, IResponse $res){
+ static function subscribeSinger(IRequest $req, IResponse $res)
+ {
$request_data = $req->formData();
$singer_id = $request_data["singer-id"];
$user_id = $request_data["user-id"];
$nyabun_client = new SubscribeSoap();
- $nyabun_client->requestSubscription($singer_id,$user_id);
+ $nyabun_client->requestSubscription($singer_id, $user_id);
return $res->json([
- "status"=>"success",
- "message"=>"subscription request sent to the server successfully!",
+ "status" => "success",
+ "message" => "subscription request sent to the server successfully!",
]);
}
-};
\ No newline at end of file
+};
diff --git a/Router/AppRoutes.php b/Router/AppRoutes.php
index 4bcd4ee366eb01601616144e1f632dd72d7c1264..b49defae7f14b79be41ba4bc8925fc8200f28d61 100644
--- a/Router/AppRoutes.php
+++ b/Router/AppRoutes.php
@@ -34,6 +34,7 @@ class AppRoutes
$route->route(HttpMethod::Post, "/lagu/add", [LaguController::class, "addLagu"]);
$route->route(HttpMethod::Get, "/lagu/:id", [LaguController::class, "getLagu"]);
$route->route(HttpMethod::Post, "/lagu/:id", [LaguController::class, "updateLagu"]);
+ $route->route(HttpMethod::Get, "/lagu/:id/edit", [LaguController::class, "editLaguPage"]);
$route->route(HttpMethod::Delete, "/lagu/delete/:id", [LaguController::class, "hapusLagu"]);
$route->route(HttpMethod::Get, "/subscription", [SubsciberController::class, "getStatus"]);
diff --git a/Router/PremiumRouter.php b/Router/PremiumRouter.php
index a5e166b3655e892bf50c1336e91da6ab70d51819..bdca369d05b25d6eabadf705783aa19e50c709d2 100644
--- a/Router/PremiumRouter.php
+++ b/Router/PremiumRouter.php
@@ -16,7 +16,7 @@ class PremiumRouter
//dapetin list penyanyi permium
$route->route(HttpMethod::Get, "/premium", [SubsciberController::class, "getPremiumSinger"]);
$route->route(HttpMethod::Post, "/premium/subscribe", [SubsciberController::class, "subscribeSinger"]);
- $route->route(HttpMethod::Get, "/premium/songs", [PremiumSongsController::class, "getPremiumSongs"]);
+ $route->route(HttpMethod::Get, "/premium/songs/:id", [PremiumSongsController::class, "getPremiumSongs"]);
return $route;
}
diff --git a/View/Pages/EditLagu.php b/View/Pages/EditLagu.php
new file mode 100644
index 0000000000000000000000000000000000000000..3f1eaa1bb078d1c8e26cfaa176a42980ebb77307
--- /dev/null
+++ b/View/Pages/EditLagu.php
@@ -0,0 +1,43 @@
+<?php
+$this->layout("Templates/PageTemplate", [
+ "title" => "$title | Webtune",
+ "scripts" => [
+ "/static/js/http.js",
+ "/static/js/editLaguPage.js"
+ ],
+ "auth" => $auth,
+ "page" => "lagu",
+ "styles" => [
+ "/static/css/form.css",
+ "/static/css/lagu.css"
+ ],
+]);
+?>
+<p id="status"><?= $status ?? "" ?></p>
+<div class="container__lagu">
+ <h1>Edit Lagu</h1>
+ <label for="image">Pilih Gambar:
+ <input id="image" name="image" type="file" accept="image/*">
+ </label>
+ <label for="audio">Pilih File Musik:
+ <input id="audio" name="audio" type="file" accept="audio/*">
+ </label>
+ <label for="title">Judul:
+ <input id="title" name="title" type="text" placeholder="<?= $title ?>">
+ </label>
+ <p id="singer_name">Penyanyi: <?= $singer_name ?></p>
+ <label for="release_date">Tanggal Rilis:
+ <input id="release_date" name="release_date" type="date" placeholder="<?= $date ?>">
+ </label>
+ <label for="genre">Genre:
+ <input id="genre" name="genre" type="text" placeholder="<?= $genre ?>">
+ </label>
+ <p id="duration">Durasi: <?= $duration ?></p>
+ <?php if (isset($auth) && $auth->is_admin) {
+ echo <<<XYZ
+ <button id="edit" type="submit">Edit Lagu</button>
+ XYZ;
+ } ?>
+</div>
+
+<input id="songId" type="hidden" name="id" value=<?= $id ?>>
\ No newline at end of file
diff --git a/View/Pages/Lagu.php b/View/Pages/Lagu.php
index 1e132b0340536c7e22d1dbb189f7ed78c709bd0f..d8179613b11e511b5f68d395d2bc5debfe3711f0 100644
--- a/View/Pages/Lagu.php
+++ b/View/Pages/Lagu.php
@@ -43,4 +43,4 @@ $this->layout("Templates/PageTemplate", [
</div>
</div>
-<input type="hidden" name="id" value=<?= $id ?>>
\ No newline at end of file
+<input id="songId" type="hidden" name="id" value=<?= $id ?>>
\ No newline at end of file
diff --git a/View/Pages/PremiumSinger.php b/View/Pages/PremiumSinger.php
index e486ab1eac270f730e37182715c959968c3ef142..0eb8ade685dadb37593abbdc59ff58a8fbe79b59 100644
--- a/View/Pages/PremiumSinger.php
+++ b/View/Pages/PremiumSinger.php
@@ -39,7 +39,7 @@ $this->layout("Templates/PageTemplate", [
<td>
<div>
<?php if ($singer["isSubscribe"]) { ?>
- <form method="GET" action="/premium/<?= $singer["singer_id"] ?>">
+ <form method="GET" action="/premium/songs/<?= $singer["singer_id"] ?>">
<button type="submit" id="test" class="subscribe__button subscribed" onclick="">Lihat Lagu</button>
</form>
<?php } else { ?>
diff --git a/static/js/editLaguPage.js b/static/js/editLaguPage.js
new file mode 100644
index 0000000000000000000000000000000000000000..cba776e72c543ea8bdeb0f90ae84af47388ca330
--- /dev/null
+++ b/static/js/editLaguPage.js
@@ -0,0 +1,40 @@
+const editButton = document.querySelector("#edit")
+const image = document.querySelector("#image")
+const audio = document.querySelector("#audio")
+const title = document.querySelector("#title")
+const release_date = document.querySelector("#release_date")
+const genre = document.querySelector("#genre")
+
+editButton.onclick = async () => {
+ let formData = new FormData()
+ //masukin gambar
+ if (image.files.length > 0) {
+ formData.append("image", image.files[0])
+ }
+ //masukin lagu
+ if (audio.files.length > 0) {
+ formData.append("audio", audio.files[0])
+ }
+ //masukin judul
+ if (title.value.length > 0) {
+ formData.append("title", title.value)
+ }
+ //masukin tanggal
+ if (release_date.value) {
+ formData.append("release_date", release_date.value)
+ }
+ //masukin genre
+ if (genre.value.length > 0) {
+ formData.append("genre", genre.value)
+ }
+ console.log(formData)
+ const status_update = await http.post("/lagu/" + document.querySelector("input[name='id'").value, formData, {
+ json: false,
+ // headers: {
+ // "Content-Type": "multipart/form-data"
+ // },
+ });
+ let data = status_update["data"]
+ console.log(status_update)
+
+}
\ No newline at end of file
diff --git a/static/js/http.js b/static/js/http.js
index 3025c603311d09030cf5d7ca48f888a33544f4f0..daeef5eee97276b14158382d1d2b3e52b939ee55 100644
--- a/static/js/http.js
+++ b/static/js/http.js
@@ -19,6 +19,7 @@ function http(method, url, options) {
if (this.readyState === 4) {
let data = this.responseText;
if (this.getResponseHeader("Content-Type") === "application/json") {
+ console.log(data)
data = JSON.parse(data);
}
diff --git a/static/js/modifylagu.js b/static/js/modifylagu.js
index 95001d74d256891d7c7f7a1b875e831f9973796c..c2e720a0f6b459da2c5de7de9da8da822b388e07 100644
--- a/static/js/modifylagu.js
+++ b/static/js/modifylagu.js
@@ -1,197 +1,200 @@
-const editButton = document.querySelector("button#edit");
-const image = document.querySelector("#image")
-const audio = document.querySelector("#audio")
-const title = document.querySelector("#title")
-const singer_name = document.querySelector("#singer_name")
-const release_date = document.querySelector("#release_date")
-const genre = document.querySelector("#genre")
-const imageContainer = document.querySelector("#imageContainer")
-const audioPlayer = document.querySelector("audio")
-const duration = document.querySelector("#duration")
-const content_div = title.parentNode
-let initialData = {}
-let modifiedData = {}
-
-function getContent(parent) {
- let text = parent.innerHTML.split(" ")
- parent.innerHTML = text.shift()
- let contentText = ""
- if (text.length > 1) {
- contentText = text.join(" ")
- }
- else if (text.length === 1) {
- contentText = text[0]
- }
- return contentText;
+ const editButton = document.querySelector("button#edit");
+ const idInput = document.querySelector("#songId")
+// const image = document.querySelector("#image")
+// const audio = document.querySelector("#audio")
+// const title = document.querySelector("#title")
+// const singer_name = document.querySelector("#singer_name")
+// const release_date = document.querySelector("#release_date")
+// const genre = document.querySelector("#genre")
+// const imageContainer = document.querySelector("#imageContainer")
+// const audioPlayer = document.querySelector("audio")
+// const duration = document.querySelector("#duration")
+// const content_div = title.parentNode
+// let initialData = {}
+// let modifiedData = {}
+editButton.onclick = ()=>{
+ window.location = `/lagu/${idInput.value}/edit`
}
-editButton.onclick = (e) => {
- //edit gambar
- const inputGambar = document.createElement("input")
- inputGambar.type = "file"
- inputGambar.accept = "image/*"
- imageContainer.appendChild(inputGambar)
- let srcc = image.src.split('/')
- for (i = 0; i < 3; i++) {
- srcc.shift()
- }
- initialData["image_path"] = ('/' + srcc.join("/")).replace("%20", " ")
- //edit lagu
- const inputLagu = document.createElement("input")
- inputLagu.accept = "audio/*"
- inputLagu.type = "file"
- audioPlayer.parentNode.insertBefore(inputLagu, audioPlayer.nextSibling)
- srcc = audio.src.split('/')
- for (i = 0; i < 3; i++) {
- srcc.shift()
- }
- initialData["audio_path"] = ('/' + srcc.join("/")).replace("%20", " ")
- //edit judul
- let titleText = getContent(title)
- const ubahJudul = document.createElement("input")
- ubahJudul.type = "text"
- ubahJudul.value = titleText
- title.parentNode.insertBefore(ubahJudul, title.nextSibling)
+// function getContent(parent) {
+// let text = parent.innerHTML.split(" ")
+// parent.innerHTML = text.shift()
+// let contentText = ""
+// if (text.length > 1) {
+// contentText = text.join(" ")
+// }
+// else if (text.length === 1) {
+// contentText = text[0]
+// }
+// return contentText;
+// }
+// editButton.onclick = (e) => {
+// //edit gambar
+// const inputGambar = document.createElement("input")
+// inputGambar.type = "file"
+// inputGambar.accept = "image/*"
+// imageContainer.appendChild(inputGambar)
+// let srcc = image.src.split('/')
+// for (i = 0; i < 3; i++) {
+// srcc.shift()
+// }
+// initialData["image_path"] = ('/' + srcc.join("/")).replace("%20", " ")
+// //edit lagu
+// const inputLagu = document.createElement("input")
+// inputLagu.accept = "audio/*"
+// inputLagu.type = "file"
+// audioPlayer.parentNode.insertBefore(inputLagu, audioPlayer.nextSibling)
+// srcc = audio.src.split('/')
+// for (i = 0; i < 3; i++) {
+// srcc.shift()
+// }
+// initialData["audio_path"] = ('/' + srcc.join("/")).replace("%20", " ")
+// //edit judul
+// let titleText = getContent(title)
+// const ubahJudul = document.createElement("input")
+// ubahJudul.type = "text"
+// ubahJudul.value = titleText
+// title.parentNode.insertBefore(ubahJudul, title.nextSibling)
- initialData["title"] = titleText
+// initialData["title"] = titleText
- //edit tanggal rilis
- let dateText = release_date.getAttribute("data-date-type")
- console.log(dateText)
- const ubahDate = document.createElement("input")
- ubahDate.type = "date"
- ubahDate.value = dateText
- release_date.parentNode.insertBefore(ubahDate, release_date.nextSibling)
- initialData["release_date"] = dateText
- //edit genre
- let genreText = getContent(genre)
- const ubahGenre = document.createElement("input")
- ubahGenre.type = "text"
- ubahGenre.value = genreText
- genre.parentNode.insertBefore(ubahGenre, genre.nextSibling)
- initialData["genre"] = genreText
- //tambahin tombol cancel dan update
- let buttonsList = document.createElement("div")
- buttonsList.id = "list__button"
- duration.parentNode.insertBefore(buttonsList, duration.nextSibling)
- //button cancel
- let cancelButton = document.createElement("button")
- cancelButton.innerText = "Batalkan"
- cancelButton.onclick = (e) => {
- status.innerHTML = ''
- title.innerHTML = title.innerHTML + " " + initialData["title"]
- genre.innerHTML = genre.innerHTML + " " + initialData["genre"]
- //hapus input field
- imageContainer.removeChild(inputGambar)
- audioPlayer.parentNode.removeChild(inputLagu)
- content_div.removeChild(ubahJudul)
- content_div.removeChild(ubahDate)
- content_div.removeChild(ubahGenre)
- //hapus tombol
- buttonsList.innerHTML = ''
- buttonsList.parentNode.removeChild(buttonsList)
- //tampilin lagi edit button
- editButton.style.display = "inline-block"
- }
+// //edit tanggal rilis
+// let dateText = release_date.getAttribute("data-date-type")
+// console.log(dateText)
+// const ubahDate = document.createElement("input")
+// ubahDate.type = "date"
+// ubahDate.value = dateText
+// release_date.parentNode.insertBefore(ubahDate, release_date.nextSibling)
+// initialData["release_date"] = dateText
+// //edit genre
+// let genreText = getContent(genre)
+// const ubahGenre = document.createElement("input")
+// ubahGenre.type = "text"
+// ubahGenre.value = genreText
+// genre.parentNode.insertBefore(ubahGenre, genre.nextSibling)
+// initialData["genre"] = genreText
+// //tambahin tombol cancel dan update
+// let buttonsList = document.createElement("div")
+// buttonsList.id = "list__button"
+// duration.parentNode.insertBefore(buttonsList, duration.nextSibling)
+// //button cancel
+// let cancelButton = document.createElement("button")
+// cancelButton.innerText = "Batalkan"
+// cancelButton.onclick = (e) => {
+// status.innerHTML = ''
+// title.innerHTML = title.innerHTML + " " + initialData["title"]
+// genre.innerHTML = genre.innerHTML + " " + initialData["genre"]
+// //hapus input field
+// imageContainer.removeChild(inputGambar)
+// audioPlayer.parentNode.removeChild(inputLagu)
+// content_div.removeChild(ubahJudul)
+// content_div.removeChild(ubahDate)
+// content_div.removeChild(ubahGenre)
+// //hapus tombol
+// buttonsList.innerHTML = ''
+// buttonsList.parentNode.removeChild(buttonsList)
+// //tampilin lagi edit button
+// editButton.style.display = "inline-block"
+// }
- buttonsList.appendChild(cancelButton)
- //button update
- let updateButton = document.createElement("button")
- updateButton.innerText = "Ubah"
- buttonsList.appendChild(updateButton)
+// buttonsList.appendChild(cancelButton)
+// //button update
+// let updateButton = document.createElement("button")
+// updateButton.innerText = "Ubah"
+// buttonsList.appendChild(updateButton)
- updateButton.onclick = async (e) => {
- modifiedData["title"] = ubahJudul.value
- modifiedData["release_date"] = ubahDate.value
- modifiedData["genre"] = ubahGenre.value
- modifiedData["id"] = document.querySelector("input[name='id'").value
- modifiedData["audio"] = inputLagu.files[0];
- modifiedData["image"] = inputGambar.files[0];
+// updateButton.onclick = async (e) => {
+// modifiedData["title"] = ubahJudul.value
+// modifiedData["release_date"] = ubahDate.value
+// modifiedData["genre"] = ubahGenre.value
+// modifiedData["id"] = document.querySelector("input[name='id'").value
+// modifiedData["audio"] = inputLagu.files[0];
+// modifiedData["image"] = inputGambar.files[0];
- console.log(modifiedData)
- //bikin form data
- let formData = new FormData()
- if (modifiedData["title"] !== initialData["title"]) {
- formData.append("title", modifiedData["title"])
- }
- if (modifiedData["release_date"] !== initialData["release_date"]) {
- formData.append("release_date", modifiedData["release_date"])
- }
- if (modifiedData["genre"] !== initialData["genre"]) {
- formData.append("genre", modifiedData["genre"])
- }
- formData.append("id", modifiedData["id"])
- if (modifiedData["release_date"] !== initialData["release_date"]) {
- formData.append("release_date", modifiedData["release_date"])
- }
- if (modifiedData["image"] !== null && modifiedData["image"] !== undefined) {
- formData.append("image", modifiedData["image"])
- }
- if (modifiedData["audio"] !== null && modifiedData["audio"] !== undefined) {
- formData.append("audio", modifiedData["audio"])
- }
- console.log(formData)
- console.log("/lagu/" + document.querySelector("input[name='id'").value)
- const status_update = await http.post("/lagu/" + document.querySelector("input[name='id'").value, formData, {
- json: false,
- // headers: {
- // "Content-Type": "multipart/form-data"
- // },
- });
- let data = status_update["data"]
- console.log(status_update)
- console.log(data)
- //update
- audio.src = data["audio_path"]
- audio.type = data["sound_type"]
- image.src = data["image_path"]
- title.innerHTML = title.innerHTML + " " + data["title"]
- getContent(release_date)
- release_date.innerHTML = "Tanggal Rilis: " + data["release_date"]
- genre.innerHTML = genre.innerHTML + " " + data["genre"]
- release_date.dataset.dateType = data["date"]
- let status_ = document.querySelector("#status")
- status_.innerText = data["status"]
- status_.classList.add("success__added")
- //hapus input field
- imageContainer.removeChild(inputGambar)
- audioPlayer.parentNode.removeChild(inputLagu)
- content_div.removeChild(ubahJudul)
- content_div.removeChild(ubahDate)
- content_div.removeChild(ubahGenre)
- //hapus tombol
- buttonsList.innerHTML = ''
- buttonsList.parentNode.removeChild(buttonsList)
- //tampilin lagi edit button
- editButton.style.display = "inline-block"
+// console.log(modifiedData)
+// //bikin form data
+// let formData = new FormData()
+// if (modifiedData["title"] !== initialData["title"]) {
+// formData.append("title", modifiedData["title"])
+// }
+// if (modifiedData["release_date"] !== initialData["release_date"]) {
+// formData.append("release_date", modifiedData["release_date"])
+// }
+// if (modifiedData["genre"] !== initialData["genre"]) {
+// formData.append("genre", modifiedData["genre"])
+// }
+// formData.append("id", modifiedData["id"])
+// if (modifiedData["release_date"] !== initialData["release_date"]) {
+// formData.append("release_date", modifiedData["release_date"])
+// }
+// if (modifiedData["image"] !== null && modifiedData["image"] !== undefined) {
+// formData.append("image", modifiedData["image"])
+// }
+// if (modifiedData["audio"] !== null && modifiedData["audio"] !== undefined) {
+// formData.append("audio", modifiedData["audio"])
+// }
+// console.log(formData)
+// console.log("/lagu/" + document.querySelector("input[name='id'").value)
+// const status_update = await http.post("/lagu/" + document.querySelector("input[name='id'").value, formData, {
+// json: false,
+// // headers: {
+// // "Content-Type": "multipart/form-data"
+// // },
+// });
+// let data = status_update["data"]
+// console.log(status_update)
+// console.log(data)
+// //update
+// audio.src = data["audio_path"]
+// audio.type = data["sound_type"]
+// image.src = data["image_path"]
+// title.innerHTML = title.innerHTML + " " + data["title"]
+// getContent(release_date)
+// release_date.innerHTML = "Tanggal Rilis: " + data["release_date"]
+// genre.innerHTML = genre.innerHTML + " " + data["genre"]
+// release_date.dataset.dateType = data["date"]
+// let status_ = document.querySelector("#status")
+// status_.innerText = data["status"]
+// status_.classList.add("success__added")
+// //hapus input field
+// imageContainer.removeChild(inputGambar)
+// audioPlayer.parentNode.removeChild(inputLagu)
+// content_div.removeChild(ubahJudul)
+// content_div.removeChild(ubahDate)
+// content_div.removeChild(ubahGenre)
+// //hapus tombol
+// buttonsList.innerHTML = ''
+// buttonsList.parentNode.removeChild(buttonsList)
+// //tampilin lagi edit button
+// editButton.style.display = "inline-block"
- }
- //button delete
- let deleteButton = document.createElement("button")
- deleteButton.innerText = "Hapus Lagu"
- deleteButton.classList.add("remove__button")
- deleteButton.style.backgroundColor = "red"
- buttonsList.appendChild(deleteButton)
- deleteButton.onclick = async (e) => {
- let status = await http.delete("/lagu/delete/" + document.querySelector("input[name='id'").value)
- console.log(status)
- let sta = status["data"]["deleted"]
- if (sta === true) {
- let contess = document.querySelector(".content")
- contess.innerHTML = `
- <h1> Lagu Berhasil Dihapus!</h1>
- <a href="/">
- <button id="returnButton"> Kembali ke halaman awal</button>
- </a>
- `
- }
- }
- //tulisan kalau lagi di mode edit
- let status = document.querySelector("#status")
- status.innerText = "Edit Lagu"
- imageContainer.parentNode.insertBefore(status, imageContainer)
+// }
+// //button delete
+// let deleteButton = document.createElement("button")
+// deleteButton.innerText = "Hapus Lagu"
+// deleteButton.classList.add("remove__button")
+// deleteButton.style.backgroundColor = "red"
+// buttonsList.appendChild(deleteButton)
+// deleteButton.onclick = async (e) => {
+// let status = await http.delete("/lagu/delete/" + document.querySelector("input[name='id'").value)
+// console.log(status)
+// let sta = status["data"]["deleted"]
+// if (sta === true) {
+// let contess = document.querySelector(".content")
+// contess.innerHTML = `
+// <h1> Lagu Berhasil Dihapus!</h1>
+// <a href="/">
+// <button id="returnButton"> Kembali ke halaman awal</button>
+// </a>
+// `
+// }
+// }
+// //tulisan kalau lagi di mode edit
+// let status = document.querySelector("#status")
+// status.innerText = "Edit Lagu"
+// imageContainer.parentNode.insertBefore(status, imageContainer)
- //hapus edit button
- //editButton.parentElement.removeChild(editButton)
- editButton.style.display = "none"
- console.log(initialData)
-}
\ No newline at end of file
+// //hapus edit button
+// //editButton.parentElement.removeChild(editButton)
+// editButton.style.display = "none"
+// console.log(initialData)
+// }
\ No newline at end of file