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 : add_article.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();
?>

<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">
													New Article
												</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">
												    <span data-v-666e9941="" class="my-1 one-line">
														<span data-v-70d8a0c4="" data-v-666e9941=""
															class="text grey small" data-v-3e2b49c6="">H1 Title:
														</span>
													</span>
													<div data-v-74ec4422="" data-v-666e9941=""
														class="link no-decoration bold one-line">
														<input type="text" id="page_h1_title" name="page_h1_title"
															placeholder="Page H1 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="">Title:
														</span>
													</span>
													<div data-v-74ec4422="" data-v-666e9941=""
														class="link no-decoration bold one-line">
														<input type="text" id="title" name="title"
															placeholder="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="">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>
													
														<br>
													<span data-v-666e9941="" class="my-1 one-line">
														<span data-v-70d8a0c4="" data-v-666e9941=""
															class="text grey small" data-v-3e2b49c6="">Category</span>
													</span>
													<div data-v-74ec4422="" data-v-666e9941=""
														class="link no-decoration bold one-line">
													    <select name="category">
													        <option value = ""></option>
													        <option value = "Movie">Movie</option>
													        <option value = "Tv">Tv</option>
													        <option value = "Anime">Anime</option>
													        <option value = "Gaming">Gaming</option>
													        <option value = "Comics">Comics</option>
													        <option value = "News">News</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="">Main Tag</span>
													</span>
													<div data-v-74ec4422="" data-v-666e9941=""
														class="link no-decoration bold one-line">
														<input type="text" id="main_tag" name="main_tag">
													</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="">Tag</span>
													</span>
													<div data-v-74ec4422="" data-v-666e9941=""
														class="link no-decoration bold one-line">
														<input type="text" id="tag" name="tag">
													</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="">Content</span>
													</span>
													<div data-v-74ec4422="" data-v-666e9941=""
														class="link no-decoration bold one-line">
													    <input id="article_content" name="article_content" type="textarea" placeholder="Content">
													</div>
													<br>
												
												
											</div>

</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>
	
	<script src="/mangabo/js/tinymce/tinymce.min.js" referrerpolicy="origin"></script>
    <script language="javascript" type="text/javascript">
        tinyMCE.init({
            menubar: false,
            mode: "exact",
            elements: "article_content",
             plugins: ['lists', 'autoresize', 'link', 'table', 'fullscreen','code','image','paste'],
            toolbar: 'undo redo fullscreen code image styleselect fontsizeselect bold italic alignleft aligncenter alignright alignjustify | bullist numlist outdent indent forecolor backcolor link table tabledelete | tableprops tablerowprops tablecellprops | tableinsertrowbefore tableinsertrowafter tabledeleterow | tableinsertcolbefore tableinsertcolafter tabledeletecol',
            height: "350px",
                automatic_uploads: true,
          /*
            URL of our upload handler (for more details check: https://www.tiny.cloud/docs/configure/file-image-upload/#images_upload_url)
            images_upload_url: 'postAcceptor.php',
            here we add custom filepicker only to Image dialog
          */
          file_picker_types: 'image',
          /* and here's our custom image picker*/
          file_picker_callback: function (cb, value, meta) {
            var input = document.createElement('input');
            input.setAttribute('type', 'file');
            input.setAttribute('accept', 'image/*');
        
            /*
              Note: In modern browsers input[type="file"] is functional without
              even adding it to the DOM, but that might not be the case in some older
              or quirky browsers like IE, so you might want to add it to the DOM
              just in case, and visually hide it. And do not forget do remove it
              once you do not need it anymore.
            */
        
            input.onchange = function () {
              var file = this.files[0];
        
              var reader = new FileReader();
              reader.onload = function () {
                /*
                  Note: Now we need to register the blob in TinyMCEs image blob
                  registry. In the next release this part hopefully won't be
                  necessary, as we are looking to handle it internally.
                */
                var id = 'blobid' + (new Date()).getTime();
                var blobCache =  tinymce.activeEditor.editorUpload.blobCache;
                var base64 = reader.result.split(',')[1];
                var blobInfo = blobCache.create(id, file, base64);
                blobCache.add(blobInfo);
        
                /* call the callback and populate the Title field with the file name */
                cb(blobInfo.blobUri(), { title: file.name });
              };
              reader.readAsDataURL(file);
            };
        
            input.click();
          },
             content_style: 'body { background-color: black; color: white; }'
        });
    </script>
    
	<script>
		$(document).ready(function () {

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

$('#articleForm').submit(function (event) {
			event.preventDefault()
			
		    $('#article_content').val(tinymce.get('article_content').getContent())
		    
		    
			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) {
					var result = JSON.parse(data)
					if (result.success) {
						location.replace("articles");
					} 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_article.php