TrxShell [ mangaberri.com ]

Name	Size	Permission
js	[ DIR ]	drwxrwxrwx
uploads	[ DIR ]	drwxrwxrwx
.htaccess	480 B	-rwxrwxrwx
00-01.jpg	562.85 KB	-rwxrwxrwx
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	-r--r--r--
add_article.php	18.23 KB	-r--r--r--
add_chapter_section.php	16.65 KB	-r--r--r--
add_new_manga.php	20.77 KB	-r--r--r--
articles.php	18.06 KB	-r--r--r--
bootstrap.min.css	141.49 KB	-rwxrwxrwx
bootstrap.min.js	47.8 KB	-rwxrwxrwx
change-password.php	8.51 KB	-r--r--r--
comment.php	21.18 KB	-r--r--r--
dashboard.php	21.05 KB	-r--r--r--
datasource.php	1.49 KB	-rw-r--r--
dbhelper.php	35.6 KB	-r--r--r--
edit_article.php	19.52 KB	-r--r--r--
edit_chapter_section.php	35.2 KB	-r--r--r--
edit_chapter_section_org.php	16.57 KB	-r--r--r--
edit_chapter_section_org1.php	35.18 KB	-r--r--r--
edit_manga.php	23.45 KB	-r--r--r--
error.php	0 B	-r--r--r--
favicon.ico	67.58 KB	-rwxrwxrwx
footer.php	1.21 KB	-r--r--r--
generate_sitemap.php	13.18 KB	-r--r--r--
genre.php	23.01 KB	-r--r--r--
header.php	8.31 KB	-r--r--r--
home.php	45.57 KB	-r--r--r--
index.php	258 B	-r--r--r--
insert-image.png	12.36 KB	-rwxrwxrwx
jquery-slim.min.js	67.97 KB	-rwxrwxrwx
loading-dark.gif	17.85 KB	-rwxrwxrwx
log.txt	4.42 KB	-rwxrwxrwx
login.php	0 B	-r--r--r--
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	-r--r--r--
main.js	56 B	-rwxrwxrwx
manga_requests.php	11.38 KB	-r--r--r--
page_section.php	15.59 KB	-r--r--r--
phpinfo.php	18 B	-r--r--r--
popper.min.js	18.74 KB	-rwxrwxrwx
rome.css	1.76 KB	-rwxrwxrwx
rome.js	433.52 KB	-rwxrwxrwx
script.php	1.41 KB	-r--r--r--
signin.php	6.97 KB	-r--r--r--
signup.php	7.23 KB	-r--r--r--
sitemap.xml	886.98 KB	-rwxrwxrwx
sitemap1.xml	13.43 KB	-rwxrwxrwx
starter-template.css	109 B	-rwxrwxrwx
statistics.php	18.06 KB	-r--r--r--
style_css.php	97.59 KB	-r--r--r--
styles.css	660.94 KB	-rwxrwxrwx
thumbnail(19).webp	40.43 KB	-rwxrwxrwx
transfer_image.php	1.91 KB	-r--r--r--
upload.php	1.26 KB	-r--r--r--

Code Editor : add_new_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();
$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;
		}

.no-mg {
			margin: 0;
		}

@media only screen and (max-width:480px) {
			.no-mg {
				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;">
												<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="">
														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="link no-decoration no-mg"
													style="position:relative; height: 165px;">
													<img data-v-a1ebd7c8="" data-v-666e9941="" src="insert-image.png"
														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>

<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">
													</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"></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="">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">
													</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>
													
													<div data-v-56107fc8="" data-v-33875cb2="" class="row align-center">
														<svg data-v-56107fc8="" xmlns="http://www.w3.org/2000/svg"
															width="12px" height="12px" viewBox="0 0 24 24" fill="none"
															stroke="currentColor" stroke-width="2"
															stroke-linecap="round" stroke-linejoin="round"
															class="feather feather-star star-default  star-checked"
															id="s1">
															<polygon data-v-56107fc8=""
																points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2">
															</polygon>
														</svg>
														<svg data-v-56107fc8="" xmlns="http://www.w3.org/2000/svg"
															width="12px" height="12px" viewBox="0 0 24 24" fill="none"
															stroke="currentColor" stroke-width="2"
															stroke-linecap="round" stroke-linejoin="round"
															class="feather feather-star star-default  star-checked"
															id="s2">
															<polygon data-v-56107fc8=""
																points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2">
															</polygon>
														</svg>
														<svg data-v-56107fc8="" xmlns="http://www.w3.org/2000/svg"
															width="12px" height="12px" viewBox="0 0 24 24" fill="none"
															stroke="currentColor" stroke-width="2"
															stroke-linecap="round" stroke-linejoin="round"
															class="feather feather-star star-default  star-checked"
															id="s3">
															<polygon data-v-56107fc8=""
																points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2">
															</polygon>
														</svg>
														<svg data-v-56107fc8="" xmlns="http://www.w3.org/2000/svg"
															width="12px" height="12px" viewBox="0 0 24 24" fill="none"
															stroke="currentColor" stroke-width="2"
															stroke-linecap="round" stroke-linejoin="round"
															class="feather feather-star star-default  star-checked"
															id="s4">
															<polygon data-v-56107fc8=""
																points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2">
															</polygon>
														</svg>
														<svg data-v-56107fc8="" xmlns="http://www.w3.org/2000/svg"
															width="12px" height="12px" viewBox="0 0 24 24" fill="none"
															stroke="currentColor" stroke-width="2"
															stroke-linecap="round" stroke-linejoin="round"
															class="feather feather-star star-default" id="s5">
															<polygon data-v-56107fc8=""
																points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2">
															</polygon>
														</svg>
														<span data-v-70d8a0c4="" data-v-56107fc8=""
															class="ml-2 text grey normal"
															style="font-size: 9.6px;">4</span>
													</div>
													<br>
													<?php $hideAddChapter = 0;
													if ($hideAddChapter > 0) { ?>
														<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.php"
																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="row align-center my-1">
															
															<div data-v-74ec4422="" data-v-00ecdcd6=""
																class="link no-decoration episode mr-auto"
																title="Chapter 3">
																<span data-v-70d8a0c4="" data-v-00ecdcd6=""
																	class="one-line text default small"
																	style="display:inline-block; user-select:none;">Chapter
																	3</span>
																<a href="page_section.php" 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>

<div data-v-74ec4422="" data-v-00ecdcd6=""
																class="link no-decoration episode mr-auto"
																title="Chapter 2">
																<span data-v-70d8a0c4="" data-v-00ecdcd6=""
																	class="one-line text default small"
																	style="display:inline-block; user-select:none;">Chapter
																	2</span>
																<a 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>

<div data-v-74ec4422="" data-v-00ecdcd6=""
																class="link no-decoration episode mr-auto"
																title="Chapter 1">
																<span data-v-70d8a0c4="" data-v-00ecdcd6=""
																	class="one-line text default small"
																	style="display:inline-block; user-select:none;">Chapter
																	1</span>
																<a 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>

</div>
									</div>

</div>

</div>
						</form>
					</div>
				</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();
		});

$("#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");
		});

$('#mangaForm').submit(function (event) {
			event.preventDefault()
			var formData = new FormData(this);
			for (var pair of formData.entries()) {
				console.log(pair[0] + ', ' + 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);
				}
			});
			
		})
	</script>

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

</body>

</html>

${this.title}

Code Editor : add_new_manga.php