mirror of
https://github.com/rystaf/mlmym.git
synced 2024-11-05 06:43:21 +00:00
337 lines
11 KiB
JavaScript
337 lines
11 KiB
JavaScript
function request(url, params, callback, errorcallback = function(){}) {
|
|
var xmlHttp = new XMLHttpRequest();
|
|
xmlHttp.onreadystatechange = function() {
|
|
if (xmlHttp.readyState != 4 ) { return }
|
|
if (xmlHttp.status == 200) {
|
|
return callback(xmlHttp.responseText);
|
|
}
|
|
errorcallback(xmlHttp.responseText);
|
|
}
|
|
var method = "GET"
|
|
if (params) method = "POST"
|
|
xmlHttp.open(method, url, true);
|
|
if (method = "POST")
|
|
xmlHttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
|
|
xmlHttp.send(params);
|
|
}
|
|
function postClick(e) {
|
|
e = e || window.event;
|
|
if (e.target.className.indexOf("expando-button") == -1) { return }
|
|
var targ = e.currentTarget || e.srcElement || e;
|
|
if (targ.nodeType == 3) targ = targ.parentNode;
|
|
var bdy = targ.getElementsByClassName("expando")[0]
|
|
var btn = targ.getElementsByClassName("expando-button")[0]
|
|
if (bdy.className.indexOf("open")>-1) {
|
|
bdy.className = 'expando';
|
|
btn.className = "expando-button"
|
|
targ.getElementsByClassName("embed")[0].innerHTML = ""
|
|
} else {
|
|
bdy.className = 'expando open';
|
|
btn.className = "expando-button open"
|
|
var url = targ.getElementsByClassName("url")[0].href
|
|
if (id = parseYoutube(url)) {
|
|
targ.getElementsByClassName("embed")[0].innerHTML = youtubeIframe(id)
|
|
}
|
|
}
|
|
}
|
|
function commentClick(e) {
|
|
e = e || window.event;
|
|
var targ = e.currentTarget || e.srcElement || e;
|
|
if (targ.nodeType == 3) targ = targ.parentNode;
|
|
if (e.target.name=="submit") {
|
|
e.preventDefault()
|
|
var form = e.target.parentNode
|
|
if (form) {
|
|
data = new FormData(form)
|
|
if (("c"+data.get("commentid")) == targ.id) {
|
|
|
|
} else if (("c"+data.get("parentid")) == targ.id) {
|
|
targ = form
|
|
} else { return }
|
|
params = new URLSearchParams(data).toString()
|
|
params += "&" + e.target.name + "=" + e.target.value
|
|
params += "&xhr=1"
|
|
e.target.disabled = "disabled"
|
|
request(targ.target || "", params,
|
|
function(res){
|
|
targ.outerHTML = res
|
|
setup()
|
|
},
|
|
function(res){
|
|
e.target.disabled = ""
|
|
})
|
|
}
|
|
return false
|
|
}
|
|
if (e.target.className.indexOf("minimize") != -1) {
|
|
if (e.target.getAttribute("for") != targ.id) { return }
|
|
e.preventDefault()
|
|
var btn = targ.getElementsByClassName("minimize")[0]
|
|
var children = targ.getElementsByClassName("children")[0]
|
|
if (targ.className.indexOf("hidden") == -1) {
|
|
targ.className = "comment hidden"
|
|
btn.innerHTML = "[+]"
|
|
} else {
|
|
targ.className = "comment"
|
|
btn.innerHTML = "[-]"
|
|
}
|
|
return false
|
|
}
|
|
if (e.target.className.indexOf("hidechildren") != -1) {
|
|
if (e.target.getAttribute("for") != targ.id) { return }
|
|
e.preventDefault()
|
|
var btn = targ.getElementsByClassName("hidechildren")[0]
|
|
var children = targ.getElementsByClassName("children")[0]
|
|
if (children.className.indexOf("hidden") == -1) {
|
|
children.className = "children hidden"
|
|
btn.className = "hidechildren hidden"
|
|
} else {
|
|
children.className = "children"
|
|
btn.className = "hidechildren"
|
|
}
|
|
return false
|
|
}
|
|
if ((e.target.className.indexOf("loadmore") != -1) ||
|
|
(e.target.className.indexOf("edit") != -1) ||
|
|
(e.target.className.indexOf("source") != -1) ||
|
|
(e.target.className.indexOf("reply") != -1)) {
|
|
var id = targ.id
|
|
if (e.target.getAttribute("for") != id) { return }
|
|
e.preventDefault()
|
|
request(e.target.href+"&xhr",false, function(res){
|
|
targ.outerHTML = res
|
|
setup()
|
|
})
|
|
return false
|
|
}
|
|
}
|
|
function loadMore(e) {
|
|
e.preventDefault()
|
|
page = e.target.getAttribute("data-page")
|
|
e.target.disabled="disabled"
|
|
e.target.value="loading"
|
|
var urlParams = new URLSearchParams(window.location.search);
|
|
urlParams.set("xhr", "1")
|
|
urlParams.set("page", page)
|
|
request(window.location.origin+window.location.pathname+"?"+urlParams.toString(), "",
|
|
function(res){
|
|
if (res.trim()) {
|
|
e.target.outerHTML = res + '<input id="loadmore" type="submit" data-page="'+(parseInt(page)+1)+'" value="load more">'
|
|
if (showimages = document.getElementById("showimages")) {
|
|
if (showimages.className == "selected") {
|
|
toggleImages(true)
|
|
}
|
|
}
|
|
var loadmore = document.getElementById("loadmore")
|
|
loadmore.className = "show"
|
|
loadmore.addEventListener("click", loadMore)
|
|
setup()
|
|
}
|
|
else {
|
|
e.target.outerHTML = '<input id="end" type="submit" value="" disabled>'
|
|
}
|
|
},
|
|
function(res) {
|
|
e.target.outerHTML = '<input id="loadmore" type="submit" data-page="'+parseInt(page)+'" value="loading failed">'
|
|
var loadmore = document.getElementById("loadmore")
|
|
loadmore.className = "show"
|
|
loadmore.addEventListener("click", loadMore)
|
|
}
|
|
)
|
|
return false;
|
|
}
|
|
function hideAllChildComments(e) {
|
|
e.preventDefault()
|
|
var comments = document.getElementsByClassName("comment")
|
|
for (var i = 0; i < comments.length; i++) {
|
|
var comment = comments[i]
|
|
var btn = comment.getElementsByClassName("hidechildren")
|
|
if (!btn.length) { continue }
|
|
btn = btn[0]
|
|
if (btn.getAttribute("for") != comment.id) { continue }
|
|
var children = comment.getElementsByClassName("children")[0]
|
|
if (children.className.indexOf("hidden") == -1) {
|
|
children.className = "children hidden"
|
|
btn.className = "hidechildren hidden"
|
|
e.target.innerHTML = "show all child comments"
|
|
} else {
|
|
children.className = "children"
|
|
btn.className = "hidechildren"
|
|
e.target.innerHTML = "hide all child comments"
|
|
}
|
|
}
|
|
return false
|
|
}
|
|
function formSubmit(e) {
|
|
e = e || window.event;
|
|
var targ = e.currentTarget || e.srcElement || e;
|
|
e.preventDefault()
|
|
var data = new FormData(targ)
|
|
params = new URLSearchParams(data).toString()
|
|
params += "&" + e.submitter.name + "=" + e.submitter.value
|
|
params += "&xhr=1"
|
|
e.submitter.disabled = "disabled"
|
|
request(targ.target, params,
|
|
function(res){
|
|
targ.outerHTML = res
|
|
setup()
|
|
},
|
|
function(res){
|
|
e.submitter.disabled = ""
|
|
}
|
|
)
|
|
return false
|
|
}
|
|
|
|
function openSettings(e) {
|
|
e.preventDefault()
|
|
var settings = document.getElementById("settingspopup")
|
|
settings.className = "open"
|
|
request(e.target.href + "?xhr=1", "", function(res) {
|
|
settings.innerHTML = res
|
|
var options = document.getElementsByClassName("scripting")
|
|
for (var i = 0; i < options.length; i++) {
|
|
var input = options[i].getElementsByTagName('input')
|
|
if (!input.length) { continue }
|
|
if (localStorage.getItem(input[0].name) == "true") {
|
|
input[0].checked = "checked"
|
|
}
|
|
}
|
|
document.getElementById("settings").addEventListener("submit", saveSettings)
|
|
document.getElementById("closesettings").addEventListener("click", closeSettings)
|
|
})
|
|
return false
|
|
}
|
|
|
|
function closeSettings(e) {
|
|
e.preventDefault()
|
|
var settings = document.getElementById("settingspopup")
|
|
settings.className = ""
|
|
return false
|
|
}
|
|
|
|
function saveSettings(e) {
|
|
e = e || window.event;
|
|
var targ = e.currentTarget || e.srcElement || e;
|
|
var data = new FormData(targ)
|
|
e.preventDefault()
|
|
var params = new URLSearchParams(data).toString()
|
|
request(targ.target, params, function(res) {
|
|
["endlessScrolling", "autoLoad"].map(function(x) {
|
|
localStorage.setItem(x, data.get(x)=="on")
|
|
})
|
|
window.location.reload()
|
|
})
|
|
return false;
|
|
}
|
|
|
|
function parseYoutube(url){
|
|
if (url.indexOf("youtu") == -1) return false
|
|
var regExp = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/|shorts\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/;
|
|
var match = url.match(regExp);
|
|
if (match && match.length > 1) {
|
|
return match[1]
|
|
}
|
|
return false
|
|
}
|
|
function youtubeIframe(id) {
|
|
return '<iframe width="560" height="315" src="https://www.youtube.com/embed/'+id+'" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>'
|
|
}
|
|
|
|
function showImages(e) {
|
|
e = e || window.event;
|
|
e.preventDefault()
|
|
var targ = e.currentTarget || e.srcElement || e;
|
|
var parent = targ.parentNode
|
|
if (parent.className == "") {
|
|
parent.className = "selected"
|
|
toggleImages(true)
|
|
} else {
|
|
parent.className = ""
|
|
toggleImages(false)
|
|
}
|
|
return false
|
|
}
|
|
|
|
function toggleImages(open) {
|
|
var posts = document.getElementsByClassName("post")
|
|
for (var i = 0; i < posts.length; i++) {
|
|
var btn = posts[i].getElementsByClassName("expando-button")[0]
|
|
if (btn.className.indexOf("hidden") != -1) { continue }
|
|
var img = posts[i].getElementsByClassName("image")
|
|
if (!img.length) { continue }
|
|
var bdy = posts[i].getElementsByClassName("expando")[0]
|
|
if (open) {
|
|
bdy.className = 'expando open showimage';
|
|
btn.className = "expando-button open"
|
|
} else {
|
|
bdy.className = 'expando';
|
|
btn.className = "expando-button"
|
|
}
|
|
}
|
|
}
|
|
|
|
function setup() {
|
|
if (showimages = document.getElementById("se")) {
|
|
showimages.addEventListener("click", showImages)
|
|
}
|
|
if (settings = document.getElementById("opensettings")) {
|
|
settings.addEventListener("click", openSettings)
|
|
}
|
|
if (hidechildren = document.getElementById("hidechildren")){
|
|
hidechildren.addEventListener("click", hideAllChildComments)
|
|
}
|
|
var posts = document.getElementsByClassName("post")
|
|
for (var i = 0; i < posts.length; i++) {
|
|
posts[i].addEventListener("click", postClick)
|
|
var voteForm = posts[i].getElementsByClassName("link-btn")
|
|
if (voteForm.length) {
|
|
voteForm[0].addEventListener("submit", formSubmit)
|
|
}
|
|
var url = posts[i].getElementsByClassName("url")[0].href
|
|
if (id = parseYoutube(url)) {
|
|
var btn = posts[i].getElementsByClassName("expando-button")[0]
|
|
if (btn.className.indexOf("open") > -1) {
|
|
posts[i].getElementsByClassName("embed")[0].innerHTML = youtubeIframe(id)
|
|
} else {
|
|
btn.className = "expando-button"
|
|
}
|
|
}
|
|
}
|
|
var comments = document.getElementsByClassName("comment")
|
|
for (var i = 0; i < comments.length; i++) {
|
|
comments[i].addEventListener("click", commentClick)
|
|
}
|
|
}
|
|
setup()
|
|
|
|
if (localStorage.getItem("endlessScrolling") == "true") {
|
|
var pager = document.getElementsByClassName("pager")
|
|
if (pager.length) pager[0].className = "pager hidden"
|
|
var loadmore = document.getElementById("loadmore")
|
|
if (loadmore) {
|
|
loadmore.className = "show"
|
|
loadmore.addEventListener("click", loadMore)
|
|
}
|
|
|
|
if (localStorage.getItem("autoLoad") == "true") {
|
|
window.onscroll = function(e) {
|
|
if ((window.innerHeight + Math.round(window.scrollY)) >= document.body.offsetHeight) {
|
|
var loadmore = document.getElementById("loadmore")
|
|
if (loadmore) {
|
|
loadmore.click()
|
|
}
|
|
}
|
|
};
|
|
}
|
|
}
|
|
|
|
// delete cookies without HTTPOnly
|
|
var cookies = document.cookie.split(";");
|
|
for (var i = 0; i < cookies.length; i++) {
|
|
var cookie = cookies[i];
|
|
var eqPos = cookie.indexOf("=");
|
|
var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
|
|
document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;SameSite=None;Secure";
|
|
}
|