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_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