// Using mouse document.body.addEventListener('mousedown', function() { document.body.classList.add('using-mouse'); }); document.body.addEventListener('keydown', function(event) { if (event.keyCode === 9) { document.body.classList.remove('using-mouse'); } }); // 2FA toggle modal $('#2faModal').on('hidden.bs.modal', function () { var box = document.getElementById("2faToggle"); box.checked = !box.checked; }); //email change // Show confirm password field when user clicks email box $('#new_email').on('input', function () { var id = document.getElementById("email-password"); var id2 = document.getElementById("email-password-label"); var id3 = document.getElementById("emailpasswordRequired"); id.classList.remove("d-none"); id2.classList.remove("d-none"); id3.classList.remove("d-none"); }); //GIFS // Identify which comment form to insert GIF into var commentFormID; function commentForm(form) { commentFormID = form; }; // Insert EMOJI markdown into comment box function function getEmoji(searchTerm, form) { var emoji = ' :'+searchTerm+': ' var commentBox = document.getElementById(form); var old = commentBox.value; commentBox.value = old + emoji; } function loadEmojis(form) { const emojis = [ { type:'platy', emojis: ['platyblush','platybruh','platycaveman','platycheer','platydown','platyeyes','platyheart','platylol','platymicdrop','platynooo','platysalute','platyseethe','platythumbsup','platywave'] }, { type:'marsey', emojis: ['marseysipping', 'marseyjamming','marseyangel','marseyblowkiss','marseycry','marseydead','marseyexcited','marseygift','marseyinabox','marseylaugh','marseylove','marseymad','marseyparty','marseyrain','marseyreading','marseyready','marseysad','marseyscarf','marseyshook','marseysleep','marseythumbsup','marseywave', 'marsey69', 'marseycomrade', 'marseyira', 'marseyisis', 'marseymerchant', 'marseynut', 'marseyreich', 'marseyglam', 'marseycowboy', 'marseypat', 'marseypanties', 'marseybingus', 'marseydepressed', 'marseygift'] }, { type:'tay', emojis: ['tayaaa','tayadmire','taycat','taycelebrate','taychefkiss','taychristmas','tayclap','taycold','taycrown','tayflex','tayflirt','taygrimacing','tayhappy','tayheart','tayhmm','tayhuh','tayhyperdab','tayjammin','taylaugh','taymindblown','tayno','taynod','taypeace','taypray','tayrun','tayscrunch','tayshake','tayshrug','taysilly','tayslide','taysmart','taystop','taytantrum','taytea','taythink','tayvibin','taywhat','taywine','taywine2','taywink','tayyes'] }, { type:'classic', emojis: ['2thumbsup','aliendj','ambulance','angry','angrywhip','argue','aroused','ashamed','badass','banana','band','banghead','batman','bigeyes','bite','blind','blowkiss','blush','bong','bounce','bow','breakheart','bs','cartwheel','cat','celebrate','chainsaw','cheers','clap','cold','confused','crazyeyes','cry','cthulhu','cute','D','daydream','ddr','deadpool','devilsmile','diddle','die','distress','disturbing','dizzy','domo','doughboy','drink','drool','dudeweedlmao','edward','electro','elephant','embarrassed','emo','emo2','evil','evilclown','evilgrin','facepalm','fap','flamethrower','flipbird','flirt','frown','gasp','glomp','go','gooby','grr','gtfo','guitar','haha','handshake','happydance','headbang','heart','heartbeat','hearts','highfive','hmm','hmph','holdhands','horny','hug','hugging','hugs','hump','humpbed','hysterical','ily','inlove','jason','jawdrop','jedi','jester','kaboom','kick','kiss','kitty','laughchair','lick','link','lol','lolbeat','loving','makeout','medal','megaman','megamanguitar','meow','metime','mooning','mummy','na','nauseous','nervous','ninja','nod','nono','omg','onfire','ooo','orly','p','paddle','panda','pandabutt','paranoid','party','pat','peek','pikachu','pimp','plzdie','poke','popcorn','pout','probe','puke','punch','quote','raccoon','roar','rofl','roflmao','rolleyes','sad','sadeyes','sadhug','samurai','sarcasm','scoot','scream','shmoopy','shrug','skull','slap','slapfight','sleepy','smackfish','smackhead','smh','smile','smoke','sonic','spank','sparta','sperm','spiderman','stab','star','stare','stfu','suicide','surprisehug','suspicious','sweat','swordfight','taco','talk2hand','tantrum','teehee','thinking','threesome','throw','throwaway','tickle','typing','uhuh','vampbat','viking','violin','vulgar','wah','wat','whip','whipping','wink','witch','wizard','woah','worm','woo','work','worship','wow','XD','yay','zzz'] }, { type:'rage', emojis: ['bitchplease','cerealguypart2','challengeaccepted','contentiouscereal','cryingatcuteness','derp','derpcornsyrup','derpcrying','derpcute','derpdumb','derpeuphoria','derpinahd','derpinapokerface','derpinasnickering','derpprocessing','derprealization','derpsnickering','derptalking','derpthinking','derpthumbsup','derpunimpressed','derpwhy','donotwant','epicfacefeatures','fancywithwine','fffffffuuuuuuuuuuuu','flipthetable','foreveralone','foreveralonehappy','hewillnever','idontknow','interuptedreading','iseewhatyoudidthere','killherkillher','ledesire','leexcited','legenius','lelolidk','lemiddlefinger','lemindblown','leokay','lepanicrunning','lepokerface','lepokerface2','lerageface','leseriousface','likeaboss','lolface','longwhiskers','manymiddlefingers','megusta','motherfucker','motherofgod','mysides','ohgodwhy','pervertedspiderman','picard','ragestrangle','rukiddingme','tfwyougettrolled','trollolol','truestorybro','xallthey','yuno'] }, { type:'wojak', emojis: ['abusivewife','ancap','bardfinn','bloomer','boomer','boomermonster','brainletbush','brainletcaved','brainletchair','brainletchest','brainletmaga','brainletpit','chad','chadarab','chadasian','chadblack','chadjesus','chadjew','chadjihadi','chadlatino','chadlibleft','chadnordic','chadsikh','chadusa','coomer','doomer','doomerfront','doomergirl','ethot','fatbrain','fatpriest','femboy','gogetter','grug','monke','nazijak','npc','npcfront','npcmaga','psychojak','ragejak','ragemask','ramonajak','soyjackwow','soyjak','soyjakfront','soyjakhipster','soyjakmaga','soyjakyell','tomboy','zoomer','zoomersoy'] }, { type:'flags', emojis: ['animesexual','blacknation','blm','blueline','dreamgender','fatpride','incelpride','israel','landlordlove','scalperpride','superstraight','trans','translord','transracial','usa'] } ] for (i=0; i < emojis.length; i++) { let container = document.getElementById(`EMOJIS_${emojis[i].type}`) let str = '' let arr = emojis[i].emojis for (j=0; j < arr.length; j++) { str += ``; } container.innerHTML = str } } function getGif(searchTerm) { if (searchTerm !== undefined) { document.getElementById('gifSearch').value = searchTerm; } else { document.getElementById('gifSearch').value = null; } // load more gifs div var loadGIFs = document.getElementById('gifs-load-more'); // error message div var noGIFs = document.getElementById('no-gifs-found'); // categories div var cats = document.getElementById('GIFcats'); // container div var container = document.getElementById('GIFs'); // modal body div var modalBody = document.getElementById('gif-modal-body') // UI buttons var backBtn = document.getElementById('gifs-back-btn'); var cancelBtn = document.getElementById('gifs-cancel-btn'); container.innerHTML = ''; if (searchTerm == undefined) { container.innerHTML = '
Agree
Laugh
Confused
Sad
Happy
Awesome
Yes
No
Love
Please
Scared
Angry
Awkward
Cringe
OMG
Why
Gross
Meh
' backBtn.innerHTML = null; cancelBtn.innerHTML = null; noGIFs.innerHTML = null; loadGIFs.innerHTML = null; } else { backBtn.innerHTML = ''; cancelBtn.innerHTML = ''; let gifs = []; let apiKey = tenor_api_key(); let lmt = 25; let url = "https://g.tenor.com/v1/search/?q=" + searchTerm + "&key=" + apiKey + "&limit=" + lmt; fetch(url) .then(response => { return response.json(); }) .then(json => { let results = json.results.map(function(obj) { return { id: obj.id, preview: obj.media[0].tinygif.url, url: obj.media[0].gif.url, source: obj.url, bgColor: obj.bg_color } }); gifs = results // loop for fetching mutliple GIFs and creating the card divs if (gifs.length) { for (var i = 0; i < gifs.length; i++) { container.innerHTML += ('
'); noGIFs.innerHTML = null; loadGIFs.innerHTML = '

Thou've reached the end of the list!

'; } } else { noGIFs.innerHTML = '

Aw shucks. No GIFs found...

'; container.innerHTML = null; loadGIFs.innerHTML = null; } }) .catch(err => alert(err)); }; } // Insert GIF markdown into comment box function function insertGIF(url,form) { var gif = "![](" + url +")"; var commentBox = document.getElementById(form); var old = commentBox.value; commentBox.value = old + gif; } // When GIF keyboard is hidden, hide all GIFs $('#gifModal').on('hidden.bs.modal', function (e) { document.getElementById('gifSearch').value = null; // load more gifs div var loadGIFs = document.getElementById('gifs-load-more'); // no GIFs div var noGIFs = document.getElementById('no-gifs-found'); // container div var container = document.getElementById('GIFs'); // UI buttons var backBtn = document.getElementById('gifs-back-btn'); var cancelBtn = document.getElementById('gifs-cancel-btn'); // Remove inner HTML from container var container.innerHTML = '
Agree
Laugh
Confused
Sad
Happy
Awesome
Yes
No
Love
Please
Scared
Angry
Awkward
Cringe
OMG
Why
Gross
Meh
' // Hide UI buttons backBtn.innerHTML = null; cancelBtn.innerHTML = null; // Remove inner HTML from no gifs div noGIFs.innerHTML = null; // Hide no more gifs div loadGIFs.innerHTML = null; }); // comment collapse // Toggle comment collapse function collapse_comment(comment_id) { var comment = "comment-" + comment_id; document.getElementById(comment).classList.toggle("collapsed"); }; //Commenting form // Expand comment box on focus, hide otherwise $('.comment-box').focus(function (event) { event.preventDefault(); $(this).parent().parent().addClass("collapsed"); }); // Comment edit form toggleEdit=function(id){ comment=document.getElementById("comment-text-"+id); form=document.getElementById("comment-edit-"+id); box=document.getElementById('edit-box-comment-'+id); actions = document.getElementById('comment-' + id +'-actions'); comment.classList.toggle("d-none"); form.classList.toggle("d-none"); actions.classList.toggle("d-none"); autoExpand(box); }; // Post edit form togglePostEdit=function(id){ body=document.getElementById("post-body"); title=document.getElementById("post-title"); form=document.getElementById("edit-post-body-"+id); box=document.getElementById("post-edit-box-"+id); box2=document.getElementById("post-edit-box2-"+id); body.classList.toggle("d-none"); title.classList.toggle("d-none"); form.classList.toggle("d-none"); autoExpand(box); autoExpand(box2); }; //comment modding function removeComment(post_id) { url="/api/ban_comment/"+post_id callback=function(){ document.getElementById("comment-"+post_id+"-only").classList.add("banned"); button=document.getElementById("moderate-"+post_id); button.onclick=function(){approveComment(post_id)}; button.innerHTML='Approve' } post(url, callback, "Comment has been removed.") }; function approveComment(post_id) { url="/api/unban_comment/"+post_id callback=function(){ document.getElementById("comment-"+post_id+"-only").classList.remove("banned"); button=document.getElementById("moderate-"+post_id); button.onclick=function(){removeComment(post_id)}; button.innerHTML='Remove' } post(url, callback, "Comment has been approved.") } admin_comment=function(cid){ var xhr = new XMLHttpRequest(); xhr.open("post", "/api/distinguish_comment/"+cid); var form = new FormData(); form.append('formkey', formkey()); xhr.withCredentials=true; xhr.onload=function(){ if (xhr.status==200) { comment=document.getElementById('comment-'+cid+'-only'); comment.innerHTML=JSON.parse(xhr.response)["html"]; } else { var commentError = document.getElementById("comment-error-text"); $('#toast-comment-success').toast('dispose'); $('#toast-comment-error').toast('dispose'); $('#toast-comment-error').toast('show'); commentError.textContent = JSON.parse(xhr.response)["error"]; } } xhr.send(form) } //Autoexpand textedit comments function autoExpand (field) { //get current scroll position xpos=window.scrollX; ypos=window.scrollY; // Reset field height field.style.height = 'inherit'; // Get the computed styles for the element var computed = window.getComputedStyle(field); // Calculate the height var height = parseInt(computed.getPropertyValue('border-top-width'), 10) + parseInt(computed.getPropertyValue('padding-top'), 10) + field.scrollHeight + parseInt(computed.getPropertyValue('padding-bottom'), 10) + parseInt(computed.getPropertyValue('border-bottom-width'), 10) + 32; field.style.height = height + 'px'; //keep window position from changing window.scrollTo(xpos,ypos); }; document.addEventListener('input', function (event) { if (event.target.tagName.toLowerCase() !== 'textarea') return; autoExpand(event.target); }, false); // Delete Post function delete_postModal(id) { // Passed data for modal document.getElementById("deletePostButton-mobile").addEventListener("click", delete_post); document.getElementById("deletePostButton").addEventListener("click", delete_post); function delete_post(){ this.innerHTML='Deleting post'; this.disabled = true; post('/delete_post/' + id, callback = function() { location.reload(); } ) } }; // Delete Comment function delete_commentModal(id) { // Passed data for modal document.getElementById("deleteCommentButton").onclick = function() { this.innerHTML='Deleting comment'; this.disabled = true; post('/delete/comment/' + id, callback = function() { location.reload(); } ) } }; //Email verification text function emailVerifyText() { document.getElementById("email-verify-text").innerHTML = "Verification email sent! Please check your inbox."; } //flagging // Flag Comment report_commentModal = function(id, author) { document.getElementById("comment-author").textContent = author; //offtopic.disabled=true; document.getElementById("reportCommentButton").onclick = function() { this.innerHTML='Reporting comment'; this.disabled = true; post('/api/flag/comment/' + id, callback = function() { document.getElementById("reportCommentFormBefore").classList.add('d-none'); document.getElementById("reportCommentFormAfter").classList.remove('d-none'); } ) } }; $('#reportCommentModal').on('hidden.bs.modal', function () { var button = document.getElementById("reportCommentButton"); var beforeModal = document.getElementById("reportCommentFormBefore"); var afterModal = document.getElementById("reportCommentFormAfter"); button.innerHTML='Report comment'; button.disabled= false; afterModal.classList.add('d-none'); if ( beforeModal.classList.contains('d-none') ) { beforeModal.classList.remove('d-none'); } }); // Flag Submission report_postModal = function(id, author, board) { document.getElementById("post-author").textContent = author; selectbox=document.getElementById('report-type-dropdown'); selectbox.value='reason_not_selected'; submitbutton=document.getElementById("reportPostButton"); submitbutton.disabled=true; submitbutton.onclick = function() { this.innerHTML='Reporting post'; this.disabled = true; var xhr = new XMLHttpRequest(); xhr.open("POST", '/api/flag/post/'+id, true); var form = new FormData() form.append("formkey", formkey()); dropdown=document.getElementById("report-type-dropdown"); form.append("report_type", dropdown.options[dropdown.selectedIndex].value); xhr.withCredentials=true; xhr.onload=function() { document.getElementById("reportPostFormBefore").classList.add('d-none'); document.getElementById("reportPostFormAfter").classList.remove('d-none'); }; xhr.onerror=function(){alert(errortext)}; xhr.send(form); } }; $('#reportPostModal').on('hidden.bs.modal', function () { var button = document.getElementById("reportPostButton"); var beforeModal = document.getElementById("reportPostFormBefore"); var afterModal = document.getElementById("reportPostFormAfter"); button.innerHTML='Report post'; button.disabled= false; afterModal.classList.add('d-none'); if ( beforeModal.classList.contains('d-none') ) { beforeModal.classList.remove('d-none'); } }); //enlarge thumbs // Enlarge submissionlisting thumbnail enlarge_thumb = function(post_id) { document.getElementById(post_id).classList.toggle("enlarged"); }; //iOS webapp stuff (function(document,navigator,standalone) { // prevents links from apps from oppening in mobile safari // this javascript must be the first script in your if ((standalone in navigator) && navigator[standalone]) { var curnode, location=document.location, stop=/^(a|html)$/i; document.addEventListener('click', function(e) { curnode=e.target; while (!(stop).test(curnode.nodeName)) { curnode=curnode.parentNode; } // Condidions to do this only on links to your own app // if you want all links, use if('href' in curnode) instead. if('href' in curnode && ( curnode.href.indexOf('http') || ~curnode.href.indexOf(location.host) ) ) { e.preventDefault(); location.href = curnode.href; } },false); } })(document,window.navigator,'standalone'); //POST function post(url, callback, errortext) { var xhr = new XMLHttpRequest(); xhr.open("POST", url, true); var form = new FormData() form.append("formkey", formkey()); xhr.withCredentials=true; xhr.onerror=function() { alert(errortext); }; xhr.onload = function() { if (xhr.status >= 200 && xhr.status < 300) { callback(); } else { xhr.onerror(); } }; xhr.send(form); }; function post_toast(url, callback) { var xhr = new XMLHttpRequest(); xhr.open("POST", url, true); var form = new FormData() form.append("formkey", formkey()); xhr.withCredentials=true; xhr.onload = function() { if (xhr.status==204) {} else if (xhr.status >= 200 && xhr.status < 300) { $('#toast-post-success').toast('dispose'); $('#toast-post-success').toast('show'); document.getElementById('toast-post-success-text').innerText = JSON.parse(xhr.response)["message"]; callback(xhr) return true } else if (xhr.status >= 300 && xhr.status < 400) { window.location.href = JSON.parse(xhr.response)["redirect"] } else { data=JSON.parse(xhr.response); $('#toast-post-error').toast('dispose'); $('#toast-post-error').toast('show'); document.getElementById('toast-post-error-text').innerText = data["error"]; return false } }; xhr.send(form); } //Signup js // Display username and password requirements on input $('#password-register').on('input', function () { var charCount = document.getElementById("password-register").value; var id = document.getElementById("passwordHelpRegister"); var successID = document.getElementById("passwordHelpSuccess"); if (charCount.length >= 8) { id.classList.add("d-none"); successID.classList.remove("d-none"); } else { id.classList.remove("d-none"); successID.classList.add("d-none"); }; }); // Search Icon // Change navbar search icon when form is in focus, active states $(".form-control").focus(function () { $(this).prev('.input-group-append').removeClass().addClass('input-group-append-focus'); $(this).next('.input-group-append').removeClass().addClass('input-group-append-focus'); }); $(".form-control").focusout(function () { $(this).prev('.input-group-append-focus').removeClass().addClass('input-group-append'); $(this).next('.input-group-append-focus').removeClass().addClass('input-group-append'); }); //spinner effect $(document).ready(function() { $('#login').submit(function() { // disable button $("#login_button").prop("disabled", true); // add spinner to button $("#login_button").html('Signing in'); }); }); $(document).ready(function() { $('#signup').submit(function() { // disable button $("#register_button").prop("disabled", true); // add spinner to button $("#register_button").html('Registering'); }); }); // Mobile bottom navigation bar window.onload = function () { var prevScrollpos = window.pageYOffset; window.onscroll = function () { var currentScrollPos = window.pageYOffset; var topBar = document.getElementById("fixed-bar-mobile"); var bottomBar = document.getElementById("mobile-bottom-navigation-bar"); var dropdown = document.getElementById("mobileSortDropdown"); var navbar = document.getElementById("navbar"); if (bottomBar != null) { if (prevScrollpos > currentScrollPos && (window.innerHeight + currentScrollPos) < (document.body.offsetHeight - 65)) { bottomBar.style.bottom = "0px"; } else if (currentScrollPos <= 125 && (window.innerHeight + currentScrollPos) < (document.body.offsetHeight - 65)) { bottomBar.style.bottom = "0px"; } else if (prevScrollpos > currentScrollPos && (window.innerHeight + currentScrollPos) >= (document.body.offsetHeight - 65)) { bottomBar.style.bottom = "-50px"; } else { bottomBar.style.bottom = "-50px"; } } // Execute if bottomBar exists if (topBar != null && dropdown != null) { if (prevScrollpos > currentScrollPos) { topBar.style.top = "48px"; navbar.classList.remove("shadow"); } else if (currentScrollPos <= 125) { topBar.style.top = "48px"; navbar.classList.remove("shadow"); } else { topBar.style.top = "-48px"; dropdown.classList.remove('show'); navbar.classList.add("shadow"); } } prevScrollpos = currentScrollPos; } } // Tooltips $(document).ready(function(){ $('[data-toggle="tooltip"]').tooltip(); }); $('.mention-user').click(function (event) { if (event.which != 1) { return } event.preventDefault(); window.location.href='/@' + $(this).data('original-name'); });