| aaa |
Ceria/Energik |
Ide konten berhasil disimpan!<\/div>\";\r\n } else {\r\n $pesan = \" Gagal menyimpan: \" . mysqli_error($conn) . \"<\/div>\";\r\n }\r\n}\r\n\r\n\/\/ Ambil Data dari Database\r\n$result = mysqli_query($conn, \"SELECT * FROM konten_ide ORDER BY created_at DESC\");\r\n?>\r\n\r\n\r\n\r\n\r\n \r\n \r\n Manager Ide Konten<\/title>\r\n <style>\r\n body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f4f7f6; margin: 0; padding: 20px; color: #333; }\r\n .container { max-width: 900px; margin: auto; }\r\n .card { background: white; padding: 25px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom: 30px; }\r\n h2 { border-bottom: 2px solid #007bff; padding-bottom: 10px; color: #007bff; }\r\n label { display: block; margin-top: 15px; font-weight: bold; }\r\n input[type=\"text\"], textarea, select { width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; }\r\n textarea { height: 100px; resize: vertical; }\r\n button { background-color: #007bff; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; margin-top: 20px; width: 100%; font-size: 16px; }\r\n button:hover { background-color: #0056b3; }\r\n .alert { padding: 15px; border-radius: 4px; margin-bottom: 20px; }\r\n .success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; }\r\n .error { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }\r\n table { width: 100%; border-collapse: collapse; background: white; margin-top: 10px; }\r\n th, td { padding: 12px; text-align: left; border-bottom: 1px solid #ddd; }\r\n th { background-color: #007bff; color: white; }\r\n tr:hover { background-color: #f1f1f1; }\r\n .badge { background: #eee; padding: 3px 8px; border-radius: 10px; font-size: 12px; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <h2>Tambah Ide Konten Baru<\/h2>\r\n <?php echo $pesan; ?>\r\n \r\n <div class=\"card\">\r\n <form method=\"POST\">\r\n <label>Judul Konten:<\/label>\r\n <input type=\"text\" name=\"judul\" placeholder=\"Contoh: Cara Masak Ikan Asin\" required>\r\n\r\n <label>Teks Thumbnail:<\/label>\r\n <input type=\"text\" name=\"teks_thumbnail\" placeholder=\"Teks yang muncul di gambar thumbnail\">\r\n\r\n <label>Style TTS (Text-to-Speech):<\/label>\r\n <select name=\"style_tts\">\r\n <option value=\"Ceria\/Energik\">Ceria\/Energik<\/option>\r\n <option value=\"Formal\/Berita\">Formal\/Berita<\/option>\r\n <option value=\"Horor\/Misteri\">Horor\/Misteri<\/option>\r\n <option value=\"Santai\">Santai<\/option>\r\n <\/select>\r\n\r\n <label>Script:<\/label>\r\n <textarea name=\"script\" placeholder=\"Tulis script narasi di sini...\"><\/textarea>\r\n\r\n <label>Deskripsi Video:<\/label>\r\n <textarea name=\"deskripsi_video\" placeholder=\"Tulis deskripsi untuk kolom YouTube...\"><\/textarea>\r\n\r\n <label>Keyword:<\/label>\r\n <input type=\"text\" name=\"keyword\" placeholder=\"ikan, masak, resep, viral\">\r\n\r\n <button type=\"submit\" name=\"simpan\">Simpan Ide Konten<\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n <h2>Daftar Ide Konten Terdaftar<\/h2>\r\n <div class=\"card\" style=\"overflow-x:auto;\">\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Judul<\/th>\r\n <th>TTS Style<\/th>\r\n <th>Keyword<\/th>\r\n <th>Tanggal<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <?php while($row = mysqli_fetch_assoc($result)): ?>\r\n <tr>\r\n <td><strong><?php echo htmlspecialchars($row['judul']); ?><\/strong><\/td>\r\n <td><span class=\"badge\"><?php echo htmlspecialchars($row['style_tts']); ?><\/span><\/td>\r\n <td><small><?php echo htmlspecialchars($row['keyword']); ?><\/small><\/td>\r\n <td><?php echo date('d\/m\/Y', strtotime($row['created_at'])); ?><\/td>\r\n <\/tr>\r\n <?php endwhile; ?>\r\n <?php if(mysqli_num_rows($result) == 0): ?>\r\n <tr><td colspan=\"4\" style=\"text-align:center;\">Belum ada ide yang disimpan.<\/td><\/tr>\r\n <?php endif; ?>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>","deskripsi_video":"sdasd","keyword":"aa","style_tts":"Ceria\/Energik","created_at":"2026-03-18 18:56:32"})'>Lihat Detail</span>
</td>
</tr>
<tr>
<td><strong>aaa</strong></td>
<td>Ceria/Energik</td>
<td>
<span class="btn-detail" onclick='showDetail({"id":"3","judul":"aaa","teks_thumbnail":"aaa","script":"<?php\r\n\/\/ Konfigurasi Database\r\n$host = \"localhost\";\r\n$user = \"ditt2865_youtubekonten\";\r\n$pass = \"@Ikanasin22!@\";\r\n$db = \"ditt2865_youtubekonten\";\r\n\r\n$conn = mysqli_connect($host, $user, $pass, $db);\r\n\r\nif (!$conn) {\r\n die(\"Koneksi gagal: \" . mysqli_connect_error());\r\n}\r\n\r\n\/\/ Logika Simpan Data\r\n$pesan = \"\";\r\nif (isset($_POST['simpan'])) {\r\n $judul = mysqli_real_escape_string($conn, $_POST['judul']);\r\n $teks_thumbnail = mysqli_real_escape_string($conn, $_POST['teks_thumbnail']);\r\n $script = mysqli_real_escape_string($conn, $_POST['script']);\r\n $deskripsi = mysqli_real_escape_string($conn, $_POST['deskripsi_video']);\r\n $keyword = mysqli_real_escape_string($conn, $_POST['keyword']);\r\n $style_tts = mysqli_real_escape_string($conn, $_POST['style_tts']);\r\n\r\n $query = \"INSERT INTO konten_ide (judul, teks_thumbnail, script, deskripsi_video, keyword, style_tts) \r\n VALUES ('$judul', '$teks_thumbnail', '$script', '$deskripsi', '$keyword', '$style_tts')\";\r\n\r\n if (mysqli_query($conn, $query)) {\r\n $pesan = \"<div class='alert success'>Ide konten berhasil disimpan!<\/div>\";\r\n } else {\r\n $pesan = \"<div class='alert error'>Gagal menyimpan: \" . mysqli_error($conn) . \"<\/div>\";\r\n }\r\n}\r\n\r\n\/\/ Ambil Data dari Database\r\n$result = mysqli_query($conn, \"SELECT * FROM konten_ide ORDER BY created_at DESC\");\r\n?>\r\n\r\n<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Manager Ide Konten<\/title>\r\n <style>\r\n body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f4f7f6; margin: 0; padding: 20px; color: #333; }\r\n .container { max-width: 900px; margin: auto; }\r\n .card { background: white; padding: 25px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom: 30px; }\r\n h2 { border-bottom: 2px solid #007bff; padding-bottom: 10px; color: #007bff; }\r\n label { display: block; margin-top: 15px; font-weight: bold; }\r\n input[type=\"text\"], textarea, select { width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; }\r\n textarea { height: 100px; resize: vertical; }\r\n button { background-color: #007bff; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; margin-top: 20px; width: 100%; font-size: 16px; }\r\n button:hover { background-color: #0056b3; }\r\n .alert { padding: 15px; border-radius: 4px; margin-bottom: 20px; }\r\n .success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; }\r\n .error { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }\r\n table { width: 100%; border-collapse: collapse; background: white; margin-top: 10px; }\r\n th, td { padding: 12px; text-align: left; border-bottom: 1px solid #ddd; }\r\n th { background-color: #007bff; color: white; }\r\n tr:hover { background-color: #f1f1f1; }\r\n .badge { background: #eee; padding: 3px 8px; border-radius: 10px; font-size: 12px; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <h2>Tambah Ide Konten Baru<\/h2>\r\n <?php echo $pesan; ?>\r\n \r\n <div class=\"card\">\r\n <form method=\"POST\">\r\n <label>Judul Konten:<\/label>\r\n <input type=\"text\" name=\"judul\" placeholder=\"Contoh: Cara Masak Ikan Asin\" required>\r\n\r\n <label>Teks Thumbnail:<\/label>\r\n <input type=\"text\" name=\"teks_thumbnail\" placeholder=\"Teks yang muncul di gambar thumbnail\">\r\n\r\n <label>Style TTS (Text-to-Speech):<\/label>\r\n <select name=\"style_tts\">\r\n <option value=\"Ceria\/Energik\">Ceria\/Energik<\/option>\r\n <option value=\"Formal\/Berita\">Formal\/Berita<\/option>\r\n <option value=\"Horor\/Misteri\">Horor\/Misteri<\/option>\r\n <option value=\"Santai\">Santai<\/option>\r\n <\/select>\r\n\r\n <label>Script:<\/label>\r\n <textarea name=\"script\" placeholder=\"Tulis script narasi di sini...\"><\/textarea>\r\n\r\n <label>Deskripsi Video:<\/label>\r\n <textarea name=\"deskripsi_video\" placeholder=\"Tulis deskripsi untuk kolom YouTube...\"><\/textarea>\r\n\r\n <label>Keyword:<\/label>\r\n <input type=\"text\" name=\"keyword\" placeholder=\"ikan, masak, resep, viral\">\r\n\r\n <button type=\"submit\" name=\"simpan\">Simpan Ide Konten<\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n <h2>Daftar Ide Konten Terdaftar<\/h2>\r\n <div class=\"card\" style=\"overflow-x:auto;\">\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Judul<\/th>\r\n <th>TTS Style<\/th>\r\n <th>Keyword<\/th>\r\n <th>Tanggal<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <?php while($row = mysqli_fetch_assoc($result)): ?>\r\n <tr>\r\n <td><strong><?php echo htmlspecialchars($row['judul']); ?><\/strong><\/td>\r\n <td><span class=\"badge\"><?php echo htmlspecialchars($row['style_tts']); ?><\/span><\/td>\r\n <td><small><?php echo htmlspecialchars($row['keyword']); ?><\/small><\/td>\r\n <td><?php echo date('d\/m\/Y', strtotime($row['created_at'])); ?><\/td>\r\n <\/tr>\r\n <?php endwhile; ?>\r\n <?php if(mysqli_num_rows($result) == 0): ?>\r\n <tr><td colspan=\"4\" style=\"text-align:center;\">Belum ada ide yang disimpan.<\/td><\/tr>\r\n <?php endif; ?>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>","deskripsi_video":"sdasd","keyword":"aa","style_tts":"Ceria\/Energik","created_at":"2026-03-18 18:56:20"})'>Lihat Detail</span>
</td>
</tr>
<tr>
<td><strong>aaa</strong></td>
<td>Ceria/Energik</td>
<td>
<span class="btn-detail" onclick='showDetail({"id":"2","judul":"aaa","teks_thumbnail":"aaa","script":"<?php\r\n\/\/ Konfigurasi Database\r\n$host = \"localhost\";\r\n$user = \"ditt2865_youtubekonten\";\r\n$pass = \"@Ikanasin22!@\";\r\n$db = \"ditt2865_youtubekonten\";\r\n\r\n$conn = mysqli_connect($host, $user, $pass, $db);\r\n\r\nif (!$conn) {\r\n die(\"Koneksi gagal: \" . mysqli_connect_error());\r\n}\r\n\r\n\/\/ Logika Simpan Data\r\n$pesan = \"\";\r\nif (isset($_POST['simpan'])) {\r\n $judul = mysqli_real_escape_string($conn, $_POST['judul']);\r\n $teks_thumbnail = mysqli_real_escape_string($conn, $_POST['teks_thumbnail']);\r\n $script = mysqli_real_escape_string($conn, $_POST['script']);\r\n $deskripsi = mysqli_real_escape_string($conn, $_POST['deskripsi_video']);\r\n $keyword = mysqli_real_escape_string($conn, $_POST['keyword']);\r\n $style_tts = mysqli_real_escape_string($conn, $_POST['style_tts']);\r\n\r\n $query = \"INSERT INTO konten_ide (judul, teks_thumbnail, script, deskripsi_video, keyword, style_tts) \r\n VALUES ('$judul', '$teks_thumbnail', '$script', '$deskripsi', '$keyword', '$style_tts')\";\r\n\r\n if (mysqli_query($conn, $query)) {\r\n $pesan = \"<div class='alert success'>Ide konten berhasil disimpan!<\/div>\";\r\n } else {\r\n $pesan = \"<div class='alert error'>Gagal menyimpan: \" . mysqli_error($conn) . \"<\/div>\";\r\n }\r\n}\r\n\r\n\/\/ Ambil Data dari Database\r\n$result = mysqli_query($conn, \"SELECT * FROM konten_ide ORDER BY created_at DESC\");\r\n?>\r\n\r\n<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Manager Ide Konten<\/title>\r\n <style>\r\n body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f4f7f6; margin: 0; padding: 20px; color: #333; }\r\n .container { max-width: 900px; margin: auto; }\r\n .card { background: white; padding: 25px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom: 30px; }\r\n h2 { border-bottom: 2px solid #007bff; padding-bottom: 10px; color: #007bff; }\r\n label { display: block; margin-top: 15px; font-weight: bold; }\r\n input[type=\"text\"], textarea, select { width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; }\r\n textarea { height: 100px; resize: vertical; }\r\n button { background-color: #007bff; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; margin-top: 20px; width: 100%; font-size: 16px; }\r\n button:hover { background-color: #0056b3; }\r\n .alert { padding: 15px; border-radius: 4px; margin-bottom: 20px; }\r\n .success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; }\r\n .error { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }\r\n table { width: 100%; border-collapse: collapse; background: white; margin-top: 10px; }\r\n th, td { padding: 12px; text-align: left; border-bottom: 1px solid #ddd; }\r\n th { background-color: #007bff; color: white; }\r\n tr:hover { background-color: #f1f1f1; }\r\n .badge { background: #eee; padding: 3px 8px; border-radius: 10px; font-size: 12px; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <h2>Tambah Ide Konten Baru<\/h2>\r\n <?php echo $pesan; ?>\r\n \r\n <div class=\"card\">\r\n <form method=\"POST\">\r\n <label>Judul Konten:<\/label>\r\n <input type=\"text\" name=\"judul\" placeholder=\"Contoh: Cara Masak Ikan Asin\" required>\r\n\r\n <label>Teks Thumbnail:<\/label>\r\n <input type=\"text\" name=\"teks_thumbnail\" placeholder=\"Teks yang muncul di gambar thumbnail\">\r\n\r\n <label>Style TTS (Text-to-Speech):<\/label>\r\n <select name=\"style_tts\">\r\n <option value=\"Ceria\/Energik\">Ceria\/Energik<\/option>\r\n <option value=\"Formal\/Berita\">Formal\/Berita<\/option>\r\n <option value=\"Horor\/Misteri\">Horor\/Misteri<\/option>\r\n <option value=\"Santai\">Santai<\/option>\r\n <\/select>\r\n\r\n <label>Script:<\/label>\r\n <textarea name=\"script\" placeholder=\"Tulis script narasi di sini...\"><\/textarea>\r\n\r\n <label>Deskripsi Video:<\/label>\r\n <textarea name=\"deskripsi_video\" placeholder=\"Tulis deskripsi untuk kolom YouTube...\"><\/textarea>\r\n\r\n <label>Keyword:<\/label>\r\n <input type=\"text\" name=\"keyword\" placeholder=\"ikan, masak, resep, viral\">\r\n\r\n <button type=\"submit\" name=\"simpan\">Simpan Ide Konten<\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n <h2>Daftar Ide Konten Terdaftar<\/h2>\r\n <div class=\"card\" style=\"overflow-x:auto;\">\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Judul<\/th>\r\n <th>TTS Style<\/th>\r\n <th>Keyword<\/th>\r\n <th>Tanggal<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <?php while($row = mysqli_fetch_assoc($result)): ?>\r\n <tr>\r\n <td><strong><?php echo htmlspecialchars($row['judul']); ?><\/strong><\/td>\r\n <td><span class=\"badge\"><?php echo htmlspecialchars($row['style_tts']); ?><\/span><\/td>\r\n <td><small><?php echo htmlspecialchars($row['keyword']); ?><\/small><\/td>\r\n <td><?php echo date('d\/m\/Y', strtotime($row['created_at'])); ?><\/td>\r\n <\/tr>\r\n <?php endwhile; ?>\r\n <?php if(mysqli_num_rows($result) == 0): ?>\r\n <tr><td colspan=\"4\" style=\"text-align:center;\">Belum ada ide yang disimpan.<\/td><\/tr>\r\n <?php endif; ?>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>","deskripsi_video":"sdasd","keyword":"aa","style_tts":"Ceria\/Energik","created_at":"2026-03-18 18:55:15"})'>Lihat Detail</span>
</td>
</tr>
<tr>
<td><strong>tes</strong></td>
<td>Ceria/Energik</td>
<td>
<span class="btn-detail" onclick='showDetail({"id":"1","judul":"tes","teks_thumbnail":"tes","script":"sdfsdf","deskripsi_video":"sdfsdf","keyword":"sdfsd","style_tts":"Ceria\/Energik","created_at":"2026-03-18 18:54:57"})'>Lihat Detail</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="myModal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeModal()">×</span>
<h2 id="modalJudul" style="margin-bottom: 25px;"></h2>
<div class="detail-item">
<div class="detail-label">Style TTS</div>
<div id="modalTTS" class="detail-value"></div>
</div>
<div class="detail-item">
<div class="detail-label">Teks Thumbnail</div>
<div id="modalThumb" class="detail-value"></div>
</div>
<div class="detail-item">
<div class="detail-label">Script</div>
<div id="modalScript" class="detail-value" style="background: #f8fafc; padding: 15px; border-radius: 8px; border: 1px solid #e2e8f0;"></div>
</div>
<div class="detail-item">
<div class="detail-label">Deskripsi</div>
<div id="modalDesc" class="detail-value"></div>
</div>
<div class="detail-item">
<div class="detail-label">Keywords</div>
<div id="modalKey" class="detail-value"></div>
</div>
</div>
</div>
<script>
const modal = document.getElementById("myModal");
function showDetail(data) {
document.getElementById("modalJudul").innerText = data.judul;
document.getElementById("modalTTS").innerText = data.style_tts || "-";
document.getElementById("modalThumb").innerText = data.teks_thumbnail || "-";
document.getElementById("modalScript").innerText = data.script || "-";
document.getElementById("modalDesc").innerText = data.deskripsi_video || "-";
document.getElementById("modalKey").innerText = data.keyword || "-";
modal.style.display = "block";
}
function closeModal() {
modal.style.display = "none";
}
window.onclick = function(event) {
if (event.target == modal) {
closeModal();
}
}
</script>
</body>
</html> |