Display only the 1st post of a game thread. Also, hide other content from the thread.
// ==UserScript==
// @name F95 Game Post Only
// @namespace 1330126-edexal
// @match *://f95zone.to/threads/*
// @grant GM.setValue
// @grant GM.listValues
// @grant GM.deleteValue
// @icon https://external-content.duckduckgo.com/ip3/f95zone.to.ico
// @license Unlicense
// @version 4.0.1
// @author Edexal
// @description Display only the 1st post of a game thread. Also, hide other content from the thread.
// @homepageURL https://sleazyfork.org/en/scripts/522360-f95-game-post-only
// @supportURL https://github.com/Edexaal/scripts/issues
// @require https://cdn.jsdelivr.net/gh/Edexaal/scripts@3852ea334ad4c2280f459a04f10e2638b9e90010/_lib/utility.js
// ==/UserScript==
(async () => {
const labels = {
breadcrumbs: 'breadcrumbs',
footer: 'footer',
reply: 'reply',
recommend: 'recommend',
account: 'account',
navbar: 'navbar',
rating: 'rating',
close: 'close',
first_post: 'first_post',
};
const CSS_HIDE = 'ed-hide'; // Hides/Shows DOM elements
//Apply custom styles in a style tag
Edexal.addCSS(`
header.message-attribution {
position: relative;
}
#vm-gpo {
z-index: 999999;
&.tooltip {
top: 25px;
right: 20px;
}
div.tooltip-content-inner {
display:flex;
justify-content: center;
align-items: center;
flex-direction: column;
border-radius: 10px;
}
h2 {
margin-bottom: 0;
text-shadow: 1px 2px 3px rgb(0 0 0 / 0.6),
2px 4px 5px rgb(0 0 0 / 0.33),
3px 6px 7px rgb(0 0 0 / 0.1);
}
ul {
width: 100%;
padding: 0;
li {
list-style: none;
text-align: center;
input {
opacity: 0;
position: absolute;
top: 0vh;
}
label {
display: block;
font-size: 1.5rem;
color: yellow;
padding: 0.625rem 0;
border-radius: 8px;
border: 1px solid black;
transition: opacity 375ms, transform 125ms, background-color .15s;
&[for="close"] {
color: #ffcb00;
}
}
}
}
}
#vm-gpo {
label{
&:hover {
cursor: pointer;
background-color: #822626;
}
&[for="close"]:hover {
background-color: #622;
}
&:active {
transform: scale(0.9);
}
}
}
#vmgpo-icon {
color: yellow;
transition: color .2s;
&:hover {
color: #f5a3a3;
cursor: pointer;
}
}
.tooltip--vmgpo {
max-width: 100%;
width: 250px;
padding: 0 15px;
}
.tooltip--vmgpo .tooltip-content {
background-color: #242629;
padding: 0;
border: 1px solid #343638;
box-shadow: 0 5px 10px 0 rgba(0,0,0,0.35);
}
.vmgpo-active {
background-color: #822626;
&:hover{
opacity: 0.6;
}
}
.p-footer {
z-index: auto;
}
.ed-hide {
display: none !important;
}
`);
function createList(name, metaName, classNames) {
const li = Edexal.newEl({element: "li"});
const label = Edexal.newEl({element: "label", for: metaName});
if (!!classNames) {
label.classList.add(...classNames);
}
if (!!name) {
const txtNode = document.createTextNode(name);
label.append(txtNode);
}
const checkbox = Edexal.newEl({element: "input", type: "checkbox", name: metaName, id: metaName});
li.append(label, checkbox);
return li;
}
function createTooltip() {
const vmGPO = Edexal.newEl({element: "div", id: "vm-gpo", class: ["tooltip", "tooltip--vmgpo"]});
const vmGPOContent = Edexal.newEl({element: "div", class: ["tooltip-content"]});
const vmGPOInner = Edexal.newEl({element: "div", class: ["tooltip-content-inner"]});
const h2 = Edexal.newEl({element: "h2", text: "Game Post Settings"});
const ul = Edexal.newEl({element: "ul"});
const breadcrumbLI = createList("Breadcrumbs", labels.breadcrumbs);
const footerLI = createList("Footer", labels.footer);
const recommendLI = createList("Recommendations", labels.recommend);
const replyLI = createList("Reply", labels.reply);
const accountLI = createList("Account Items", labels.account);
const navbarLI = createList("Navigation Bar", labels.navbar);
const firstPostLI = createList("First Post Only", labels.first_post);
const ratingLI = createList("Star Ratings", labels.rating);
const closeLI = createList("", labels.close, ['fas', 'fa-times-circle']);
closeLI.style.pointerEvents = "none";
closeLI.style.visibility = "hidden";
closeLI.style.position = "absolute";
ul.append(closeLI, firstPostLI, breadcrumbLI, footerLI, recommendLI, replyLI, accountLI, navbarLI, ratingLI);
vmGPOInner.append(h2, ul);
vmGPOContent.append(vmGPOInner);
vmGPO.append(vmGPOContent);
Edexal.$(".message-attribution").append(vmGPO);
}
function createIcon() {
const li = Edexal.newEl({element: 'li'});
const span = Edexal.newEl({
element: 'span',
class: ["fas", "fa-cog"],
id: "vmgpo-icon",
title: "Game post settings"
});
li.append(span);
Edexal.$('.message-attribution-opposite--list').prepend(li);
}
function setClickEvent(selector, callback) {
Edexal.$(selector).addEventListener('click', callback);
}
function setLabelEvent(labelName, callback) {
setClickEvent(`label[for="${labelName}"]`, callback);
}
function toggleSettingsEvent() {
const menu = Edexal.$('#vm-gpo');
menu.style.display = menu.style.display === 'initial' ? 'none' : 'initial';
}
function toggleVisibility(el) {
if (el instanceof NodeList) {
el.forEach((curVal) => {
curVal.classList.toggle(CSS_HIDE);
});
} else if (el instanceof Element) {
el.classList.toggle(CSS_HIDE);
}
}
function toggleEvent(el, callback) {
const isActive = el.classList.toggle("vmgpo-active");
if (isActive) {
GM.setValue(el.getAttribute('for'), true);
} else {
GM.deleteValue(el.getAttribute('for'));
}
callback();
}
function showHideRating() {
toggleVisibility(Edexal.$(".p-body-header .pageContent .uix_headerInner--opposite"));
}
function showHideFooter() {
toggleVisibility(Edexal.$("#footer.p-footer"));
}
function showHideBreadcrumbs() {
toggleVisibility(Edexal.$$(".breadcrumb"));
}
function showHideAccountItems() {
toggleVisibility(Edexal.$("a.p-navgroup-link--user, .offCanvasMenu"));
}
function showHideReplyItems() {
let replyForm = Edexal.$('form.js-quickReply');
toggleVisibility(replyForm);
let replyActions = Edexal.$$('a.actionBar-action--mq, a.actionBar-action--reply');
toggleVisibility(replyActions);
showHideThreadWarning();
}
function showHideRecomendations() {
toggleVisibility(Edexal.$('div.block--similarContents'));
}
function showHidePagination() {
let paginations = Edexal.$$('.pageNavWrapper--mixed');
if (!!!paginations.length) return;
paginations.forEach((el) => {
const pageContainer = el.parentNode.parentNode;
toggleVisibility(pageContainer);
});
}
function showHideScrollbarBtns() {
let scrollbarContainer = Edexal.$('div.u-scrollButtons').parentNode;
toggleVisibility(scrollbarContainer);
}
function showHideNavbar() {
toggleVisibility(Edexal.$('div#top > div:first-child'));
}
function showHideThreadWarning() {
toggleVisibility(Edexal.$('div.blockMessage.blockMessage--warning'));
}
function showFirstPostOnly() {
//Thread Post Container Ref
const opContainer = Edexal.$("article.message-threadStarterPost").parentNode;
const replyPosts = opContainer.querySelectorAll('article.message--post:nth-child(n+2)');
toggleVisibility(replyPosts);
showHidePagination();
}
function hideDefaults() {
showHideScrollbarBtns();
}
async function initSettings() {
const keys = await GM.listValues();
for (const labelName of keys) {
const labelEl = Edexal.$(`label[for="${labelName}"]`);
if (labelEl){
labelEl.classList.add('vmgpo-active');
}
switch (labelName) {
case labels.first_post:
showFirstPostOnly();
break;
case labels.breadcrumbs:
showHideBreadcrumbs();
break;
case labels.footer:
showHideFooter();
break;
case labels.reply:
showHideReplyItems();
break;
case labels.recommend:
showHideRecomendations();
break;
case labels.account:
showHideAccountItems();
break;
case labels.navbar:
showHideNavbar();
break;
case labels.rating:
showHideRating();
break;
default:
await GM.deleteValue(labelName);
break;
}
}
}
function isGameThread() {
let breadcrumbID = Edexal.$$("ul.p-breadcrumbs li:nth-of-type(3) a span[itemprop=name]");
let isGame = false;
if (!!breadcrumbID.length) {
breadcrumbID.forEach((curVal) => {
if (curVal.textContent.toLowerCase() === "Games".toLowerCase()) {
isGame = true;
}
});
}
return isGame;
}
/*Checks if thread is a GAME type*/
if (isGameThread()) {
createIcon();
createTooltip();
await initSettings();
hideDefaults();
setClickEvent('#vmgpo-icon', toggleSettingsEvent);
setLabelEvent(labels.first_post, (e) => toggleEvent(e.target, showFirstPostOnly));
setLabelEvent(labels.breadcrumbs, (e) => toggleEvent(e.target, showHideBreadcrumbs));
setLabelEvent(labels.footer, (e) => toggleEvent(e.target, showHideFooter));
setLabelEvent(labels.recommend, (e) => toggleEvent(e.target, showHideRecomendations));
setLabelEvent(labels.reply, (e) => toggleEvent(e.target, showHideReplyItems));
setLabelEvent(labels.account, (e) => toggleEvent(e.target, showHideAccountItems));
setLabelEvent(labels.navbar, (e) => toggleEvent(e.target, showHideNavbar));
setLabelEvent(labels.rating, (e) => toggleEvent(e.target, showHideRating));
setLabelEvent(labels.close, toggleSettingsEvent);
}
})();