Community Userscript: Feature requests

Cyberkef

Shinigami
Crowdfunder FE
Er komen van leden soms vragen voor features die niet zo vanzelfsprekend zijn om in de forumsoftware zelf in te bouwen (complexiteit, privacy, security, performance, beperkte tijd van de vrijwilligers *KUCH*).
Maar ook voor die vragen bestaan er oplossingen, en die kunnen gebundeld worden bvb in een browser userscript/add-on (zoals bvb ook bestaan: Reddit Enhancement Suite, Social Fixer for Facebook, ...).
Op de vorige fora bestonden er enkele scriptjes die zo'n dingen ook deden (bvb mijn proxomitron script om de blauwe TNG lay-out terug te krijgen of die van Preske om lang openstaande 9lay-out bugs te fixen, KO's "quote hulpje"), en niets/niemand houdt jullie tegen om ook zelf aan de slag te gaan (* indien dit geen negatieve invloed uitoefent op onze server) en dit te delen met de community!

Een overzicht van de reeds gevraagde features die hierin perfect zouden passen:
  • Lay-out tweaks (bvb specifiek kleurenpallet, automatisch dark/light afhankelijk van tijdstip), eigen kleuren, eigen sortering van de verschillende fora, ...
  • Custom User notes/tags/avatar/... (= GDPR zeverij indien wij dat zouden bijhouden)
  • Ignore thread/forum (= mogelijks complex/bug inducerend als wij aan de queries beginnen morrelen)
  • Ignoren van users zonder threads te verbergen [link]

Indien er in de toekomst nog zaken zijn ga ik deze hier proberen te bundelen, en mensen die al zelf oplossingen in elkaar gebotst hebben en die willen delen kunnen dat ook in deze thread doen zodat andere mensen die kunnen upvoten!
 
Laatst bewerkt:
Misschien al een kleine aanzet voor puntjes 3 en 4.

Maak een folder/directory met volgende files:

manifest.json
JSON:
{
  "content_scripts": [
    {
      "matches": ["https://www.beyondgaming.be/*"],
      "css": ["beyondscript.css"]
    }
  ],
  "manifest_version": 3,
  "name": "BeyondScript",
  "version": "0.0.3"
}

beyondscript.css
CSS:
/*
    Show threads from ignored users
    https://xenforo.com/community/threads/how-to-make-it-show-all-threads-even-by-someone-thats-ignored.161746/post-1450962
*/
div .is-ignored.structItem--thread {
    display: table !important;
    background-color: #900000; /* Pas deze HTML kleur aan naar hartenlust, ik ben kleurenblind en ben niet verantwoordelijk voor jullie oogongevallen */
}

/* Hide specific Categories/Fora/Threads (check sourcecode via "Inspect element" or URL for correct Forum/Thread id) */
/*
div .block--category65 {
div .node--id66 {
div .js-threadListItem-25775 {
    display: none !important;
}
*/

/* Forum Order CSS Hack [by Senn0 @ https://www.beyondgaming.be/threads/community-userscript-feature-requests.20334/post-1222445] */
.p-body-pageContent {
    flex-flow: column wrap;
    display: flex;
}

.block--category54  { order:  1; } /* Crew Members Only */
.block--category1   { order:  2; } /* Algemene Info, Mededelingen & Feedback */
.block--category118 { order:  3; } /* Creatief */
.block--category56  { order:  4; } /* Gaming */
.block--category60  { order:  5; } /* Multimedia */
.block--category38  { order:  6; } /* Algemeen */
.block--category120 { order:  7; } /* Maatschappij */
.block--category119 { order:  8; } /* Vrije Tijd */
.block--category117 { order:  9; } /* Sport */
.block--category65  { order: 10; } /* Elektronica */
.block--category3   { order: 11; } /* Buy & Sell */
.block--category111 { order: 12; } /* Archief */

Ga in Chrome in nieuw tabblad naar "chrome://extensions", zet "Developer modus" aan, druk op eerste knop "Uitgepakte extensie laden"/"Load unpacked", selecteer directory waarin je de bestandjes gezet hebt:

1693065701761.png
(ben je zelf aan het experimenteren of heb je aanpassingen gedaan, druk dan op het verversknopje rechts van "verwijderen" hierboven)

Et voila (als test: Slyke = ignored):

1693065735910.png

EZ

*Edit 1*
CSS code van Senn0 ingezet om volgorde van fora te veranderen!
 
Laatst bewerkt:
Forumindeling aanpassen:

CSS:
.p-body-pageContent{
    flex-flow: column wrap;
    display:flex;
}

/* Algemene info, Mededelingen & Feedback */
.block--category1 {order: 1;}
/* Gaming */
.block--category56 {order: 2;}
/* Multimedia */
.block--category60 {order: 3;}
/* Algemeen */
.block--category38 {order: 4;}
/* Maatschappij */
.block--category120 {order: 5;}
/* Vrije Tijd */
.block--category119{order: 6;}
/* Creatief */
.block--category118 {order: 7;}
/* Sport */
.block--category117 {order: 8;}
/* Elektronica */
.block--category65 {order: 9;}
/* Shopping Center Buy & Sell */
.block--category3 {order: 10;}
/* Archief */
.block--category111 {order: 11;}

Nummers aanpassen naast "order:", naar de nieuwe volgorde.
Uiteraard niet helemaal getest, werkt in chrome momenteel...
 
Terug
Bovenaan