PTC Post Official Backup

.comment-head { display: block; background: transparent; width: 100%; padding: 5px; position: relative; }

.comment-head img { width: 64px !important; height: 64px !important; object-fit: cover; border-radius: 50%; } .comment-head a { all: unset; color: white; text-decoration: none !important; font-weight: 600; }

.comment-head span { position: absolute; margin-left: 5px; margin-right: 10px; }

.comment-body, .comment-replied { display: block; background: transparent; width: 100%; padding: 10px; }

.comment-stats { display: block; background: transparent; width: 100%; padding: 5px; font-size: 14px; opacity: 0.7; }

.comment-stats span { margin-right: 10px; }

.parent-comments { background: linear-gradient(rgb(45,45,48, 0.7), rgb(45, 45, 48)) !important; min-width: 300px; max-width: 1280px; width: 95%; color: white; float: right; margin-bottom: 20px; padding: 10px; }

.comment-images { display: block; background: transparent; width: 30%; padding: 5px; }

.comment-images img { max-height: 300px; object-fit: cover; }

.votes-and-reply { display: block; background: transparent; width: 100%; padding-bottom: 7px; text-align: center; }

.votes-and-reply button { all:unset; background: rgb(226,231,233); padding: 0 10px 0 10px; display:inline-block; width: max-content; margin: 5px; font-weight: 700; float: left; color: black; }

.votes-and-reply button:hover { opacity: 0.8; }

.ptc-editor { width: 100%; min-height: 200px; resize: vertical; background: linear-gradient(rgb(61, 56, 50), rgb(41, 36, 30)) !important; color: #F9F9F9 !important; font-size: 16px; outline: none !important; padding-top: 50px !important; padding-left: 10px !important; } .ptc-controls { display: none; min-width: 150px; max-width: 1280px; width: 95%; float: right; margin-top: -20px; margin-bottom: 20px; } .ptc-controls .comment-title { position: relative; top: 50px; left: 5px; font-size: 12px; opacity: 0.8; } .ptc-controls input[type=file] { width: 100%; color: white !important; display: none; } .ptc-controls label { display: inline-block; font-size: 16px; vertical-align: super; } .ptc-controls label img { position: relative; top: 8px; width: 24px; height: 24px; border-radius: 20px; } .ptc-images img { display: inline-block; width: 150px; margin: 5px; } .ptc-controls button { display: inline-block; float: right; background: linear-gradient(rgb(61, 56, 50), rgb(41, 36, 30)) !important; color: white; outline: none; padding: 0 5px 0 5px; margin: 5px; font-size: 16px; }

.ptc-comment-block { display: block; width: 100%; background: linear-gradient(rgb(45,45,48, 0.7), rgb(45, 45, 48)) !important; color: #F9F9F9 !important; font-size: 14px; padding: 20px 10px 10px 10px; } .user-info img { display: block; width: 128px; height: 128px; margin: 0 auto; } .user-info { text-align: center; display: block; margin: 0 auto; } .user-info p { display: block; margin: 0 auto; opacity: 0.9; } .user-info small { display: inline-block; /*background: #b33e0c;*/ padding: 0 10px 0 10px; opacity: 0.7; border-radius: 20px; color: white; } .user-message { width: 100%; font-size: 18px; } .user-message p { text-align: justify; padding: 5px; margin: 0 auto; opacity: 0.9; } .user-info a { display: block; text-decoration: underline; color: white; padding: 5px; margin: 0 auto; } .user-message img { background: white; opacity: 0.7; } .user-message a { word-wrap: break-word; font-size: 12px; } .user-message small { color: white; opacity: 0.6; } .ptc-comment-block button { width: 100%; padding: 0 10px 0 10px; color: white; background: transparent; opacity: 0.8; } .ptc-reply-snippet { color: black; background: white; opacity: 0.7; display: block; width: 100%; padding: 10px; max-height: 200px; overflow-y: auto; overflow-x: hidden; margin-bottom: 10px; cursor: pointer; } .ptc-reply-snippet img { max-height: 150px; } .ptc-reply-snippet a { color: black; word-wrap: break-word; } .ptc-reply-snippet p { margin: 0 auto; }

.loader { width: 150px; }

.loader-wheel { animation: spin 1s infinite linear; border: 2px solid rgba(30, 30, 30, 0.5); border-left: 4px solid #fff; border-radius: 50%; height: 150px; margin-bottom: 10px; width: 150px; }

.loader-text { color: #fff; font-family: arial, sans-serif; }

.loader-text:after { content: 'Loading Post data'; animation: load 2s linear infinite; }

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

@keyframes load { 0% { content: 'Loading Post data'; } 33% { content: 'Loading Post data.'; } 67% { content: 'Loading Post data..'; } 100% { content: 'Loading Post data...'; } } div.pInf, div.brdCmb, h1.pTtl { display: none; }

Please login to comment... Add Comment _Enter your comment... 🖼️ Add Image Comment

let url_host = window.location.href; let url_post_blob_id = ''; let isUserLoggedIn = localStorage.getItem('ptc_user');

url_host = url_host.replaceAll('?m=1', ''); url_host = url_host.replaceAll('&m=1', '');

if (url_host.includes('&')) { url_post_blob_id = url_host.split('?')[1].split('&')[0]; } else { url_post_blob_id = url_host.split('?')[1]; }

function getPostDetail() { JBLOBFunctions.getBlobRecord('https://jsonblob.com/api/jsonBlob/' + url_post_blob_id, function (dataC) { if (dataC != '404') { dataC = JSON.parse(dataC);

let userId = dataC.user; let username = ''; let userimg = ''; let postdate = moment(parseInt(dataC.date)).fromNow(); let category = dataC.category; let title = dataC.title; let mod = dataC.mod; let reactions = dataC.reactions; let description = dataC.description;

let imgs = document.createElement('div');

buildComments(dataC.comments);

JBLOBFunctions.getBlobRecord('https://jsonblob.com/api/jsonBlob/' + userId, function (dataB) { dataB = JSON.parse(dataB); username = dataB.nickname; userimg = dataB.prof_image;

for (j = 0; j "; }

if (dataC.images.length > 0) imgs.innerHTML += ' ';

document.querySelector('#parent').innerHTML += " " + username + " " + category + " " + mod + " shared 📆 " + postdate + " " + reactions + " voted " + reactions + " commented " + title + " " + description + "

" + imgs.innerHTML + " Upvote Copy Link Back to Community "; document.querySelector('#loading').remove(); }); } }); }

function copyLink(elem, url) { navigator.clipboard.writeText(url); disableElem(true, elem, "Copied!"); setTimeout(function () { disableElem(false, elem, "Copy Link"); }, 500); }

let reply_to_id = '';

function query(str) { return document.getElementById(str); }

async function buildComments(comments) { query('comment-count').innerText = comments.length + " comments"; for (i = 0; i < comments.length; i++) { let commentId = comments[i]; await JBLOBFunctions.getBlobRecordSync('https://jsonblob.com/api/jsonBlob/' + comments[i], async function (data) { data = JSON.parse(data);

let temp_elem = document.createElement('div');

temp_elem.setAttribute('class', 'parent-comments');

temp_elem.id = commentId;

let commenter_nickname = ''; let commenter_image = '';

await JBLOBFunctions.getBlobRecordSync('https://jsonblob.com/api/jsonBlob/' + data.userid, function (dataB) { dataB = JSON.parse(dataB);

commenter_nickname = dataB.nickname; commenter_image = dataB.prof_image;

let attachments_parent = document.createElement('div');

for (j = 0; j ';

temp_elem.innerHTML += " " + commenter_nickname + " " + moment(parseInt(data.commentid)).fromNow() + " " + data.reactions + " voted " + (data.replied.length > 0 ? ' ' + data.replied + ' ' : '') + " " + data.content + " " + attachments_parent.innerHTML + " [" + data.reactions + "] Upvote " + (isUserLoggedIn ? " Reply ": "") + " ";

query('comments').innerHTML += temp_elem.outerHTML; }); }); } }

function renderComments(comments_json) { comments_json = comments_json.sort(function (a, b) { return b.vote - a.vote; });

query('comments').innerHTML = ''; for (k = 0; k < comments_json.length; k++) query('comments').innerHTML += comments_json[k].content; }

function createComment() { /* data structure{ user: blob_id id: comment_id (date) content: string images: [] reactions: int } */

let url = url_host;

if (url.includes('&')) url = url.substring(0, url_host.indexOf('&'));

let postid = url.split('?')[1]; let userid = JSON.parse(localStorage.getItem('ptc_user')).user; let commentid = new Date().getTime(); let content = query('comment-editor').value.replaceAll('\n', ' '); let images = []; let image_attachments = query('comm_form_attached_images').querySelectorAll('img'); let reactions = 1;

let comment_blob_id = '';

for (i = 0; i < image_attachments.length; i++) images.push(image_attachments[i].src);

let data = { "userid": userid, "commentid": commentid, "content": content, "images": images, "replied": (reply_to_id.length > 0 ? reply_to_id : ''), "reactions": reactions }

JBLOBFunctions.createRecordBlob(JSON.stringify(data), function (data) { comment_blob_id = data.replace('\r', '').replace('\n', '').split('jsonBlob/')[1]; });

JBLOBFunctions.PUTRecordBlob('https://jsonblob.com/api/jsonBlob/' + postid, function (data) { data.comments.push(comment_blob_id); return data; }, function (data) { let attachments_parent = document.createElement('div');

for (j = 0; j ';

let temp_elem = document.createElement('div');

temp_elem.setAttribute('class', 'parent-comments');

temp_elem.id = commentid;

temp_elem.innerHTML += " " + document.querySelector('.header-user-profile span').innerText.replace('Welcome back, ', '') + " " + moment(parseInt(commentid)).fromNow() + " " + reactions + " voted " + (reply_to_id.length > 0 ? ' ' + reply_to_id + ' ' : '') + " " + content + " " + attachments_parent.innerHTML + " [" + reactions + "] Upvote " + (isUserLoggedIn ? " Reply ": "") + " "; query('comments').innerHTML += temp_elem.outerHTML;

query('comment-form-ptc').querySelector('textarea').value = '';

setTimeout(function () { scrollToTargetAdjusted(commentid); }, 800); }); }

comm_imgupload1.addEventListener("change", ev => { query('post_btn').style.pointerEvents = 'none'; query('post_btn').innerText = 'Please wait uploading image...'; const formdata = new FormData(); formdata.append("image", ev.target.files[0]) fetch("https://api.imgbb.com/1/upload?key=07f1351d4e674784012d92ae6e03b49d", { method: "post", body: formdata }).then(data => data.json()).then(data => { let url = data.data.image.url; let img = document.createElement('img'); img.src = url; img.style.maxWidth = "150px"; img.style.margin = '5px'; query('comm_form_attached_images').appendChild(img); query('post_btn').style.pointerEvents = 'auto'; query('post_btn').innerText = 'Comment'; }).catch((data) => { window.alert("Error in uploading! Try uploading again."); query('post_btn').style.pointerEvents = 'auto'; query('post_btn').innerText = 'Comment'; }); });

function scrollToTargetAdjusted(id) { var element = document.getElementById(id); var headerOffset = 150; var elementPosition = element.getBoundingClientRect().top; var offsetPosition = elementPosition + window.pageYOffset - headerOffset;

window.scrollTo({ top: offsetPosition, behavior: "smooth" });

query(id).style.border = '3px solid white';

setTimeout(function () { query(id).style.border = '0px solid black'; }, 1300); }

Hi there Catters!

Our Battle Cats Mods is in the latest version. Please click the links below!

Subscribe now to PTC Reborn™

StoreHaccounts (Battle Cats Community)

PTC Post Official Backup

Please login to comment...