Edit Page

.parent-container { background: #2D3844; padding: 8px 16px 8px 16px; min-width: 270px; line-height: 1.2rem; max-width: 800px; opacity: 0.9; } .tox.tox-silver-sink.tox-tinymce-aux { display: none; } div.instructions { font-weight: 500; opacity: 0.6; font-style: italic; margin-bottom: 5px; } div.title-settings { display: block; font-size: 16px; font-weight: 600 !important; margin-bottom: 5px; border-bottom: 1px solid white; margin-top: 5px; } div.warning { color: orange !important; font-weight: 700; } div.error { color: #f44336 !important; font-weight: 700; } div.success { color: #A4F644 !important; font-weight: 700; } div.instructions-headings { font-weight: 500; opacity: 0.6; margin-bottom: 10px; } .tbox-container { display: block; margin-bottom: 10px; } .tbox-container img.profile-img { width: 150px !important; height: 150px !important; object-fit: cover; border: 1px solid white; } .tbox-container img.wallpaper { width: 100% !important; height: 200px !important; object-fit: cover; border: 1px solid white; } .tbox-container span { line-height: 1.2rem; font-weight: 600; } .tbox-container button { padding: 0 5px 0 5px; color: black; } .tbox-container input { display: block; min-width: 150px; max-width: 300px; width: 200px; background: #2D3844; color: white; } div.tbox-container textarea { all: unset; background: #2D3844; color: white; border-radius: 10px; padding: 5px; width: 100%; max-width: 500px; font-weight: 600; } div.left { margin-left: 20px; } h1.pTtl.aTtl.sml.itm { display: none !important; } Settings This is the settings where you can edit your basic information including the nickname, password, profile picture, background image (wallpaper) and more. Personal Informations Modify and change the public informations about you which is publicly shown in your acitivies and profile page. Nickname This serve as your public display name where they will see this in your comments, profile page and posts. (At least 7 characters!) About Me This describes who you are, what are your talents and abilites. What do you do and your status in life.) (At least 30 characters! Country (fixed) Country is automatically detected on the time you have signed up and hence will not be able to change. Profile Image This is your public profile image where it will be shown in your activities such as posting thread, commenting, replying and even on your profile page. Change your profile picture. Status Upload: Wallpaper This will serve as the wallpaper of the website and your audience will see this when they visited your profile. Change your background picture or wallpaper. Status Upload: Status: All the data changes above will be save once you click the save button below. Save Personal Settings Security This section provides your password and other confidential information. Password To change your password, kindly type in your new password as it shows below your previous password. Old Password New Password Retype Password Status: Your password will be changed once you click the button below. Confirm Change Password Signature Signature usually will show after the content of your activities such as comments, replies or thread post. (At least 15 words!) Status: Your signature will be save once you click the save button below. Save Signature Save All Changes If you are already finish saving and editing your account information, please click the button "Save All" below to apply it to your account. The changes will apply effectively to your account once saved. Save All Changes to my Account. window.addEventListener('load', async function() { await initFunctions(['FirebaseModule', 'tinyMCE_Editor', 'FLAG_API', 'JBLOBFunctions']); tinyMCE_Editor.setupEditor('se_signature'); FLAG_API.getCodefromIP(document.querySelector('#se_country')); if(await getUserContent()) { loadUserData(); } else { // redirect to create account window.alert('your process will not continue!'); } }, false); let se_userjson; let se_userid; let se_nickname, se_oldpassword, se_newpassword, se_retypepassword, se_aboutme, se_signature; function query(id) { return document.getElementById(id); } async function getUserContent() { let status = false; if('localStorage' in window && localStorage) { if(localStorage.getItem('ptc_user')) { se_userid = JSON.parse(localStorage.getItem('ptc_user')).user; se_userjson = await JBLOBFunctions.getBlobRecordSync('https://jsonblob.com/api/jsonBlob/' + se_userid, null); se_userjson = JSON.parse(se_userjson); status = true; } else { window.alert('You are not yet logged in!'); } } else { window.alert('Sorry but localStorage is not supported in your browser! Try using chrome!'); } return status; } function loadUserData() { query('se_nickname').value = se_userjson.nickname; query('se_aboutme').value = se_userjson.about_me; query('se_oldpassword').value = se_userjson.password; query('se_profile').src = se_userjson.prof_image; query('se_background').src = se_userjson.background_image; if(se_userjson.signature) query('se_signature').innerHTML = se_userjson.signature.html; if(se_userjson.country) query('se_country').innerHTML = se_userjson.country; } function savePersonalInformations() { // check the profile image // check the background image if(isImageOk(query('se_profile')) && isImageOk(query('se_background'))) { se_userjson.nickname = query('se_nickname').value; se_userjson.about_me = query('se_aboutme').value; if(se_userjson.se_country) se_userjson.se_country = query('se_country').innerHTML; else se_userjson["country"] = query('se_country').innerHTML; se_userjson.background_image = query('se_background').src; se_userjson.prof_image = query('se_profile').src; changeStatusState(query('personal_status'), 'Status: Personal Information Saved!', false); } else { changeStatusState(query('personal_status'), 'Status: Some images are failed to load, try uploading again.', true); } } function saveSecurity() { if(query('se_newpassword').value == query('se_retypepassword').value) { se_userjson.password = query('se_newpassword').value; changeStatusState(query('password_status'), 'Status: Password Saved!', false); } else { changeStatusState(query('password_status'), 'Status: password mismatched! please type again', true); query('se_retypepassword').value = ''; } } function saveSignature() { if(tinyMCE_Editor.returnWordCount() > 15) { query('signature_status').innerText = 'Status: Please add only maximum of 15 words!'; } else { if(se_userjson.signature) se_userjson.signature.html = tinyMCE_Editor.postContent(); else se_userjson["signature"] = { "html": tinyMCE_Editor.postContent() } changeStatusState(query('signature_status'), 'Status: Signature Saved!', false); } } function updateAccountBlob() { document.querySelector('.parent-container').style.pointerEvents = 'none'; JBLOBFunctions.PUTRecordBlob('https://jsonblob.com/api/jsonBlob/' + se_userid, function(data) { return se_userjson; }, function(data) { document.querySelector('.parent-container').style.pointerEvents = 'auto'; window.location.href = 'https://storehaccounts.blogspot.com/p/your-account-page.html?' + se_userid; }); } function changeStatusState(elem, status_string, isError) { elem.innerText = status_string; if(isError) { elem.classList.remove('success'); elem.classList.add('error'); } else { elem.classList.remove('error'); elem.classList.add('success'); } } function isImageOk(img) { // During the onload event, IE correctly identifies any images that // weren’t downloaded as not complete. Others should too. Gecko-based // browsers act like NS4 in that they report this incorrectly. if (!img.complete) { return false; } // However, they do have two very useful properties: naturalWidth and // naturalHeight. These give the true size of the image. If it failed // to load, either of these should be zero. if (img.naturalWidth === 0) { return false; } // No other way of checking: assume it’s ok. return true; } file_background.addEventListener("change", ev => { query('background_status').innerText = 'Status Upload: Uploading...'; 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.thumb.url; query('se_background').src = url; query('background_status').innerText = 'Status Upload: Success Upload!'; }).catch((data) => { window.alert("Error in uploading! Try again."); }); }); file_profile.addEventListener("change", ev => { query('profile_status').innerText = 'Status Upload: Uploading...'; 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.thumb.url; query('se_profile').src = url; query('profile_status').innerText = 'Status Upload: Success Upload!'; }).catch((data) => { window.alert("Error in uploading! Try again."); }); });

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)

Edit Page