TrxShell [ mangaberri.com ]

Name	Size	Permission
js	[ DIR ]	drwxrwxrwx
uploads	[ DIR ]	drwxrwxrwx
.mangabo.php	3.61 KB	-rw-r--r--
02.jpg	35.82 KB	-rwxrwxrwx
03.jpg	378.77 KB	-rwxrwxrwx
04-05.jpg	696.59 KB	-rwxrwxrwx
06-07.jpg	685.45 KB	-rwxrwxrwx
08.jpg	421.87 KB	-rwxrwxrwx
09.jpg	410.44 KB	-rwxrwxrwx
10.jpg	330.76 KB	-rwxrwxrwx
AgentForm.html	11.52 KB	-rwxrwxrwx
AgentPanel.html	17.48 KB	-rwxrwxrwx
AgentReport.html	24.23 KB	-rwxrwxrwx
actions.php	8.96 KB	-rwxrwxrwx
add_article.php	18.23 KB	-rwxrwxrwx
add_chapter_section.php	16.65 KB	-rwxrwxrwx
add_new_manga.php	20.77 KB	-rwxrwxrwx
articles.php	18.06 KB	-rwxrwxrwx
bootstrap.min.css	141.49 KB	-rwxrwxrwx
bootstrap.min.js	47.8 KB	-rwxrwxrwx
change-password.php	8.51 KB	-rwxrwxrwx
comment.php	21.18 KB	-rwxrwxrwx
dashboard.php	21.05 KB	-rwxrwxrwx
datasource.php	1.49 KB	-rwxrwxrwx
dbhelper.php	35.6 KB	-rwxrwxrwx
edit_article.php	19.52 KB	-rwxrwxrwx
edit_chapter_section.php	35.2 KB	-rwxrwxrwx
edit_chapter_section_org.php	16.57 KB	-rwxrwxrwx
edit_chapter_section_org1.php	35.18 KB	-rwxrwxrwx
edit_manga.php	23.45 KB	-rwxrwxrwx
error.php	0 B	-rwxrwxrwx
favicon.ico	67.58 KB	-rwxrwxrwx
footer.php	1.21 KB	-rwxrwxrwx
generate_sitemap.php	13.18 KB	-rwxrwxrwx
genre.php	23.01 KB	-rwxrwxrwx
header.php	8.31 KB	-rwxrwxrwx
home.php	45.57 KB	-rwxrwxrwx
index.php	258 B	-rwxrwxrwx
insert-image.png	12.36 KB	-rwxrwxrwx
jquery-slim.min.js	67.97 KB	-rwxrwxrwx
loading-dark.gif	17.85 KB	-rwxrwxrwx
log.txt	415 B	-rwxrwxrwx
login.php	0 B	-rwxrwxrwx
logo_dark.7c81824.png	70.25 KB	-rwxrwxrwx
logo_light.d9991b5.png	70.25 KB	-rwxrwxrwx
logo_white.f5e6e19.png	70.25 KB	-rwxrwxrwx
logout.php	185 B	-rwxrwxrwx
main.js	56 B	-rwxrwxrwx
manga_requests.php	11.38 KB	-rwxrwxrwx
page_section.php	15.59 KB	-rwxrwxrwx
phpinfo.php	18 B	-rwxrwxrwx
popper.min.js	18.74 KB	-rwxrwxrwx
q.php	4 B	-rw-r--r--
rome.css	1.76 KB	-rwxrwxrwx
rome.js	433.52 KB	-rwxrwxrwx
script.php	1.41 KB	-rwxrwxrwx
signin.php	6.97 KB	-rwxrwxrwx
signup.php	7.23 KB	-rwxrwxrwx
sitemap.xml	753.77 KB	-rwxrwxrwx
sitemap1.xml	13.43 KB	-rwxrwxrwx
starter-template.css	109 B	-rwxrwxrwx
statistics.php	18.06 KB	-rwxrwxrwx
style_css.php	97.59 KB	-rwxrwxrwx
styles.css	660.94 KB	-rwxrwxrwx
thumbnail(19).webp	40.43 KB	-rwxrwxrwx
transfer_image.php	1.91 KB	-rwxrwxrwx
upload.php	1.26 KB	-rwxrwxrwx

Code Editor : edit_manga.php

<!DOCTYPE html>

<?php
if (!isset($_SESSION)) {
	session_start();
}
if (empty($_SESSION["userId"])) {
	echo '<script> location.replace("signin.php"); </script>';
}

require_once(__DIR__ . "/dbhelper.php");
$dbhelper = new DBHelper();
$manga = $dbhelper->getManga($_GET['id'])[0];

$chapters = $dbhelper->getMangaChapters($_GET['id']);
$genres = $dbhelper->getGenres();
?>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Dashboard Manga Piece</title>
	<meta data-n-head="ssr" name="viewport" content="width=device-width, initial-scale=1">
	<meta data-n-head="ssr" name="format-detection" content="telephone=no">
	<meta data-n-head="ssr" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta data-n-head="ssr" data-hid="robots" name="robots" content="index,follow">
	<meta data-n-head="ssr" data-hid="googlebot" name="googlebot" content="index,follow">

<?php include('style_css.php'); ?>

<body class="light-mode">
	<style>
		.owl-theme img {
			width: 100%;
			min-height: 200px;
		}

.owl-carousel .owl-prev,
		.owl-carousel .owl-next {
			position: absolute;
			top: 40%;
			transform: translateY(-50%);
			background-color: rgb(212, 212, 212) !important;
			color: #000 !important;
			font-size: 1.5em !important;
			width: 40px;
			height: 40px;
			border-radius: 100% !important;
			font-weight: bold;
			padding: 15px !important;
			text-align: center;
		}

.owl-carousel .owl-prev:hover,
		.owl-carousel .owl-next:hover {
			background-color: #ffb000 !important;
			color: #000 !important;
		}

.owl-carousel .owl-prev {
			left: -30px;
		}

.owl-carousel .owl-next {
			right: -30px;
		}

.owl-theme .owl-dots .owl-dot.active span {
			background: red !important;
			width: 25px;
			transition: 0.2s ease-in-out;
		}

.owl-theme .owl-dots .owl-dot:hover span {
			background: red !important;
			transition: 0.2s ease-in-out;
		}

/* Responsive design custom css */

@media only screen and (max-width:480px) {
			.owl-theme .owl-dots .owl-dot {
				display: none;
			}

.owl-carousel .owl-prev,
			.owl-carousel .owl-next {
				width: 30px;
				height: 30px;
				font-size: 14px !important;
				top: 45%;
				box-shadow: 0px 0px 0px 0px #000;
			}

.owl-carousel .owl-prev {
				left: 0px;
			}

.owl-carousel .owl-next {
				right: 0px;
			}
		}

.profile_pic {
			display: inline-block;
		}

.file-upload {
			display: none;
		}

.p-image {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			color: #666666;
			transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
		}

.p-image:hover {
			transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
		}

.upload-button {
			width: 100%;
			height: 100%;
			cursor: pointer;
		}

.upload-button:before {
			content: "\f093";
			font-family: 'FontAwesome';
			font-size: 25px;
			position: absolute;
			top: 80%;
			left: 80%;
			transform: translate(-50%, -50%);
			text-align: center;
			color: #000;
			padding: 7px;
			border-radius: 50%;
			opacity: 1;
			background-color: #fff;
		}

p,
		input,
		select,
		textarea,
		button {
			font-family: "Montserrat", sans-serif;
			letter-spacing: -0.2px;
			font-size: 16px;
		}

button,
		input,
		textarea,
		select {
			border: 0;
			outline: 0;
			font-size: 16px;
			border-radius: 320px;
			padding: 16px;
			background-color: #ebecf0;
			text-shadow: 1px 1px 0 #fff;
		}

textarea {
			border: 0;
			outline: 0;
			font-size: 16px;
			border-radius: 30px;
			padding: 16px;
			background-color: #ebecf0;
			text-shadow: 1px 1px 0 #fff;
		}

input,
		textarea,
		select {
			margin-right: 8px;
			box-shadow: inset 2px 2px 5px #babecc, inset -5px -5px 10px #fff;
			width: 100%;
			box-sizing: border-box;
			transition: all 0.2s ease-in-out;
			appearance: none;
			-webkit-appearance: none;
		}

input:focus,
		select:focus {
			box-shadow: inset 1px 1px 2px #babecc, inset -1px -1px 2px #fff;
		}

.select2-results ul li {
			background-color: #6b6b6b;
			color: #fff;
		}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
			color: #2f2f2f;
		}

.yellow {
			color: #ffb000;
		}

.no-mg,
		.btn-delete {
			margin: 0;
		}

@media only screen and (max-width:480px) {

.no-mg,
			.btn-delete {
				margin: auto;
			}
		}
	</style>
	<div id="__nuxt">
		
		<div id="__layout">
			<div class="default-container" data-v-5fa6951a="">

<?php include('header.php'); ?>

<div data-v-189babae="" data-v-e49fcc30="" class="section-container p-3 my-4 mt-3"
										data-v-ca6cf050="">
										<div data-v-189babae="" class="row" style="justify-content:space-between;">
											<div style="width:100%; height:auto; display:flex;  justify-content:start;">
												<h2 data-v-189babae="" class="section-title">
													Upload Manga
												</h2>
											</div>
											<div style="width:100%; height:auto; display:flex; justify-content:end;">
											    <?php if($manga['active'] == 1) { ?>
    												<button type="button" data-v-70910ec7="" data-v-63ea5407="" data-v-0bc1f7de=""
    													class="medium btn-default" style="background-color:green;"
    													style="align-item:end;" onclick="setActive()">
    													<span data-v-70d8a0c4="" data-v-63ea5407=""
    														class="text default normal" data-v-70910ec7="" style="color:white!important;">
    														Active
    													</span>
    												</button>
												<?php } else { ?>
													<button type="button" data-v-70910ec7="" data-v-63ea5407="" data-v-0bc1f7de=""
													class="medium btn-default" style="background-color:grey;"
													style="align-item:end;" onclick="setActive()">
													<span data-v-70d8a0c4="" data-v-63ea5407=""
														class="text default normal" data-v-70910ec7="" style="color:white!important;">
														Deactive
													</span>
												    </button>
												<?php } ?>
													<button data-v-70910ec7="" data-v-63ea5407="" data-v-0bc1f7de=""
													class="signin menu-item medium btn-default btn-secondary "
													style="align-item:end;">
													<span data-v-70d8a0c4="" data-v-63ea5407=""
														class="text default normal" data-v-70910ec7="" style="color:white!important;">
														Save
													</span>
												</button>
											</div>
											<div data-v-189babae="" class="divider mb-2"></div>
										</div>
										<br>
										<div data-v-e49fcc30="" data-v-189babae="">
											<div data-v-666e9941="" data-v-e49fcc30=""
												class="manga-horizontal-item row-responsive" data-v-189babae="">
												<div data-v-74ec4422="" data-v-666e9941="" href="" class="column">
													<div data-v-74ec4422="" data-v-666e9941="" href=""
														class="link no-decoration no-mg"
														style="position:relative; height: 165px;">
														<img data-v-a1ebd7c8="" data-v-666e9941=""
															src="<?= $manga['display_image'] ?>" loading="lazy"
															class="mb-2 profile_pic">
														<div class="p-image">
															<div class="upload-button"></div>
															<input name="attachment" class="file-upload" type="file"
																accept="image/*" />
														</div>
													</div>
													<br>
													<button data-v-70910ec7="" data-v-63ea5407="" data-v-0bc1f7de=""
														class="signin menu-item medium btn-default btn-secondary btn-delete"
														style="align-item:end; background-color:red; width:60%; text-align:center;"
														onclick="deleteManga()">
														<span data-v-70d8a0c4="" data-v-63ea5407=""
															class="text default normal" data-v-70910ec7="">
															Delete
														</span>
													</button>
												</div>

<div data-v-666e9941="" data-v-33875cb2=""
													class="column comic-info-container flex-fill">
													<div data-v-74ec4422="" data-v-666e9941=""
														class="link no-decoration bold one-line">
														<input type="text" id="title_manga" name="title"
															placeholder="Title Manga" value="<?= $manga['title'] ?>">
													</div>
													<br>
													<span data-v-666e9941="" class="my-1 one-line">
														<span data-v-70d8a0c4="" data-v-666e9941=""
															class="text grey small" data-v-3e2b49c6="">Genres: </span>
													</span>
													<select data-v-74ec4422="" data-v-666e9941="" data-v-3e2b49c6=""
														name="genres[]" class="js-example-basic-multiple"
														multiple="multiple" style="width:100%;">
														<?php foreach ($genres as $g) { ?>
															<option value="<?= $g['name'] ?>">
																<?= $g['name'] ?>
															</option>
														<?php } ?>
													</select>
													<br>
													<span data-v-666e9941="" class="my-1 one-line">
														<span data-v-70d8a0c4="" data-v-666e9941=""
															class="text grey small" data-v-3e2b49c6="">Description:
														</span>
													</span>
													<div data-v-74ec4422="" data-v-666e9941=""
														class="link no-decoration bold one-line">
														<textarea id="description_manga" name="description" rows="4"
															cols="50"><?= $manga['description'] ?></textarea>
													</div>
													<script>
														$("textarea#description_manga").each(function () {
															this.setAttribute("style", "height:" + (this.scrollHeight) + "px;overflow-y:hidden;");
														}).on("input", function () {
															this.style.height = 0;
															this.style.height = (this.scrollHeight) + "px";
														});
													</script>
													<br>
													<span data-v-666e9941="" class="my-1 one-line">
														<span data-v-70d8a0c4="" data-v-666e9941=""
															class="text grey small" data-v-3e2b49c6="">Status</span>
													</span>
													<div data-v-74ec4422="" data-v-666e9941=""
														class="link no-decoration bold one-line">
														<select name="status">
															<option value="" disabled selected>Please choose status
															</option>
															<option value="Ongoing" <?php if($manga['status'] == 'Ongoing') { echo 'selected'; } ?>>Ongoing</option>
															<option value="Discontinued" <?php if($manga['status'] == 'Discontinued') { echo 'selected'; } ?>>Discontinued</option>
															<option value="Finished" <?php if($manga['status'] == 'Finished') { echo 'selected'; } ?>>Finished</option>
														</select>
													</div>
													<br>
													<span data-v-666e9941="" class="my-1 one-line">
														<span data-v-70d8a0c4="" data-v-666e9941=""
															class="text grey small" data-v-3e2b49c6="">Released</span>
													</span>
													<div data-v-74ec4422="" data-v-666e9941=""
														class="link no-decoration bold one-line">
														<input type="text" id="datepicker" name="released_date" value="<?= $manga['released_date'] ?>">
													</div>
													<br>
													<span data-v-666e9941="" class="my-1 one-line">
														<span data-v-70d8a0c4="" data-v-666e9941=""
															class="text grey small" data-v-3e2b49c6="">Author</span>
													</span>
													<div data-v-74ec4422="" data-v-666e9941=""
														class="link no-decoration bold one-line">
														<input type="text" id="author_manga" name="author"
															value="<?= $manga['author'] ?>">
													</div>
													<br>
													<span data-v-666e9941="" class="my-1 one-line">
														<span data-v-70d8a0c4="" data-v-666e9941=""
															class="text grey small" data-v-3e2b49c6="">Rate this
															story</span>
													</span>

/* You can style inputs directly thanks to appearance:none! */
														input.stary {
															-webkit-appearance: none;
															-moz-appearance: none;
															appearance: none;
															width: 30px;
															height: 38px;
															text-align: center;
															cursor: pointer;
															padding: 0;
															box-shadow: none;
															text-shadow: none;
															background: none;
															border-radius: 0;
															margin: 0;
														}

input.stary::after {
															content: "☆";
															font-size: calc(38px * 3 / 4);
															line-height: 38px;
															color: #ffb000;
														}

input.stary:is(:checked, :hover)::after,
														input.stary:has(~ input.stary:is(:checked, :hover))::after {
															content: "★";
														}

input.stary:hover~input.stary::after {
															content: "☆";
														}
													</style>
													<div data-v-56107fc8="" data-v-33875cb2="" class="row align-center">
														<input class="stary" type="radio" name="rating" id="rating-1"
															value="1" onclick="updateRating(1)">
														<label for="rating-1">1 Star</label>
														<input class="stary" type="radio" name="rating" id="rating-2"
															value="2" onclick="updateRating(2)">
														<label for="rating-2">2 Stars</label>
														<input class="stary" type="radio" name="rating" id="rating-3"
															value="3" onclick="updateRating(3)">
														<label for="rating-3">3 Stars</label>
														<input class="stary" type="radio" name="rating" id="rating-4"
															value="4" onclick="updateRating(4)">
														<label for="rating-4">4 Stars</label>
														<input class="stary" type="radio" name="rating" id="rating-5"
															value="5" onclick="updateRating(5)">
														<label for="rating-5">5 Stars</label>
														<span id="rating_value" data-v-70d8a0c4="" data-v-56107fc8=""
															class="ml-2 text grey normal" style="font-size: 12px;">
															<?= $manga['rating'] ?>
														</span>
													</div>
													<br>

<span data-v-666e9941="" class="my-1 one-line">
														<span data-v-70d8a0c4="" data-v-666e9941=""
															class="text grey small" data-v-3e2b49c6="">Chapters: </span>
													</span>
													<div data-v-00ecdcd6="" data-v-666e9941=""
														class="row align-center my-1">
														<a data-v-74ec4422="" data-v-00ecdcd6=""
															href="add_chapter_section?manga_id=<?= $manga['id'] ?>"
															class="link no-decoration episode mr-auto"
															title="Chapter 27">
															<span data-v-70d8a0c4="" data-v-00ecdcd6=""
																class="one-line text default medium">
																<b>Add Chapter</b>
															</span>
														</a>
													</div>
													<br>
													<div data-v-00ecdcd6="" data-v-666e9941=""
														class="grid-items-responsive align-center my-1">

<?php foreach ($chapters as $c) { ?>

<div data-v-74ec4422="" data-v-00ecdcd6=""
																class="link no-decoration episode mr-auto"
																title="<?= $c['name'] ?>">
																<span data-v-70d8a0c4="" data-v-00ecdcd6=""
																	class="one-line text default small"
																	style="display:inline-block; user-select:none;">
																	<?= $c['name'] ?>
																</span>
																<a href="edit_chapter_section?chapter_id=<?= $c['id'] ?>"
																	data-v-70d8a0c4="" data-v-00ecdcd6=""
																	class="one-line text default small"
																	style="display:inline-block; margin-left:10px;">
																	<i class="fa fa-pencil"></i>
																</a>

<?php } ?>

</div>
												</div>

</div>

</div>
									</div>

</div>

</div>
						</form>
					</div>

<?php include('footer.php'); ?>

</div>

<div role="alert" class="snackbar-error snackbar-container snackbar-hide" data-v-143f642f=""
					data-v-5fa6951a="">
					<div class="flex relative row align-center px-3" data-v-143f642f="">
						<div class="snackbar-indicator indicator-error" data-v-143f642f=""></div>
						<svg xmlns="http://www.w3.org/2000/svg" width="50px" height="50px" viewBox="0 0 24 24"
							fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
							stroke-linejoin="round" class="feather feather-alert-circle color-error" data-v-143f642f="">
							<circle cx="12" cy="12" r="10" data-v-143f642f=""></circle>
							<line x1="12" y1="8" x2="12" y2="12" data-v-143f642f=""></line>
							<line x1="12" y1="16" x2="12.01" y2="16" data-v-143f642f=""></line>
						</svg>
						<div class="column px-4 py-3" data-v-143f642f="">
							<span class="bold text inverse large" data-v-70d8a0c4="" data-v-143f642f="">Failed
							</span>
							<span class="mt-2 text inverse normal" data-v-70d8a0c4="" data-v-143f642f=""></span>
						</div>
					</div>
				</div>
				<div class="snackbar-bg" data-v-aa051a02="" data-v-5fa6951a="">
					<div class="snackbar snackbar-container snackbar-hide" data-v-aa051a02="">
						<div class="flex relative row align-center px-3" data-v-aa051a02="">
							<div class="column px-4 py-3" data-v-aa051a02="">
								<span bold="" class="mt-2 text dark normal" data-v-70d8a0c4="" data-v-aa051a02="">You
									need to
									<a href="sign-in" data-v-70d8a0c4="" data-v-aa051a02="">login</a> to use this
									function.</span>
								<div class="cancel mt-3" data-v-aa051a02="">Cancel</div>
							</div>
						</div>
					</div>
				</div>
				<div data-v-78a91c7e="" data-v-5fa6951a=""></div>
			</div>
		</div>
	</div>

var readURL = function (input) {
				if (input.files && input.files[0]) {
					var reader = new FileReader();

reader.onload = function (e) {
						$('.profile_pic').attr('src', e.target.result);
					}

reader.readAsDataURL(input.files[0]);
				}
			}

$(".file-upload").on('change', function () {
				readURL(this);
			});

$(".upload-button").on('click', function () {
				$(".file-upload").click();
			});
		});

$(document).ready(function () {
			$('.js-example-basic-multiple').select2();
			$('.js-example-basic-multiple').val(<?= json_encode(explode(", ", $manga['genres'])) ?>);
			$('.js-example-basic-multiple').trigger('change');

<?php
			for ($i = 1; $i <= intval($manga['rating']); $i++) {
				?>
				$("#rating-<?= $i ?>").prop("checked", true);
			<?php } ?>

});

function updateRating(value) {
			$('#rating_value').html(value)
		}

$("#s1").on('click', function () {
			$(this).toggleClass(" star-checked");
		});
		$("#s2").on('click', function () {
			$(this).toggleClass(" star-checked");
		});
		$("#s3").on('click', function () {
			$(this).toggleClass(" star-checked");
		});
		$("#s4").on('click', function () {
			$(this).toggleClass(" star-checked");
		});
		$("#s5").on('click', function () {
			$(this).toggleClass(" star-checked");
		});

function deleteManga() {
			event.preventDefault();
			swal.fire({
				title: 'Are you sure?',
				text: "You won't be able to revert this!",
				type: 'warning',
				showCancelButton: true,
				confirmButtonText: 'Yes, delete it!',
				buttonsStyling: true
			}).then(function (e) {
				if (e.isConfirmed) {
					var params = {
						action: 'delete_manga',
						manga_id: '<?= $_GET['id'] ?>'
					};

$.ajax({
						url: 'actions',
						dataType: 'text',
						type: 'post',
						contentType: 'application/x-www-form-urlencoded',
						data: $.param(params),
						success: function (data, textStatus, jQxhr) {
							location.replace("dashboard");
						},
						error: function (jqXhr, textStatus, errorThrown) {
							console.log(errorThrown);
						}
					});
				}
			}).catch(swal.noop)

}
		
		function setActive()
	    {
	        	var params = {
						action: 'set_manga_active',
						manga_id: '<?= $_GET['id'] ?>'
					};

$.ajax({
						url: 'actions',
						dataType: 'text',
						type: 'post',
						contentType: 'application/x-www-form-urlencoded',
						data: $.param(params),
						success: function (data, textStatus, jQxhr) {
						   	location.reload()
						},
						error: function (jqXhr, textStatus, errorThrown) {
							console.log(errorThrown);
						}
					});
	    }

$('#mangaForm').submit(function (event) {
			event.preventDefault()
			var formData = new FormData(this);
			for (var pair of formData.entries()) {
				//console.log(pair[0] + ', ' + pair[1]);
				console.log(pair[0] + ', ' + JSON.stringify(pair[1]));

}

$.ajax({
				url: 'actions',
				dataType: 'text',
				type: 'post',
				contentType: 'application/x-www-form-urlencoded',
				data: formData,
				contentType: false,
				cache: false,
				processData: false,
				success: function (data, textStatus, jQxhr) {

console.log(data)
					var result = JSON.parse(data)
					if (result.success) {
						location.replace("dashboard");
					} else {
						Swal.fire({
							icon: 'error',
							title: result.message,
							showConfirmButton: true
						})
					}
				},
				error: function (jqXhr, textStatus, errorThrown) {
					console.log(errorThrown);
				}
			});
			
		})

$(function () {
			$("#datepicker").datepicker({ dateFormat: 'dd MM yy' });
		});
	</script>

<?php include('script.php'); ?>

</body>

</html>

${this.title}

Code Editor : edit_manga.php