ArcaTL++

USE ALONGSIDE THE DEFAULT ENGLISH TRANSLATION FROM BOTTOM RIGHT COG WHEEL SETTINGS MENU
当前为 2023-06-06 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name        ArcaTL++
// @namespace   Violentmonkey Scripts
// @match       https://arca.live/*
// @grant       None
// @license     MIT
// @version     1.0
// @author      Ozzy
// @description USE ALONGSIDE THE DEFAULT ENGLISH TRANSLATION FROM BOTTOM RIGHT COG WHEEL SETTINGS MENU
// ==/UserScript==

// Make sure to choose how you want these things to be called
const defaultVars = false;
// I DONT KNOW HOW TO GET USER VARS WITH THE API, IT BROKEY
if(defaultVars){
  // These are the default translations and nothing has been modified
  window.boardOrChannel = "Channel";
  window.falloutAbbr = "Fallout";
  window.screenshotEmoji = "✅";
} else {
  // My personal tweaks
  window.boardOrChannel = "Board";
  window.falloutAbbr = "FO";
  window.screenshotEmoji = "📷";
}


function capitalizeFirstLetter(str) {
  return str.charAt(0).toUpperCase() + str.slice(1);
}

function subButton(){
  const sub = document.querySelector('span.subscribe span.text');
  sub.textContent = 'Subscribed';
  const subbed = document.querySelector('span.subscribed span.text');
  subbed.textContent = 'Subscribed';
  const unsub = document.querySelector('span.unsubscribe span.text');
  unsub.textContent = 'Unsubscribe';
}

function notifButton(){
  const notif = document.querySelector('span.notificate span.text');
  notif.textContent = 'Notifications'
  const notificated = document.querySelector('span.notificated span.text');
  notificated.textContent = 'Notifications'
  const unnotif = document.querySelector('span.unnotificate span.text');
  unnotif.textContent = 'Disable'
}

function wiki(){
  // Getting bored with naming these elements
  const element = document.querySelector('.btn.btn-sm span.text');
  element.textContent = `${boardOrChannel} Wiki`
  const element2 = document.querySelector('.nav-item.d-block .nav-link span');
  element2.textContent = 'Wiki'
  const news = document.querySelector('.nav-item.d-none.d-sm-block .nav-link span');
  news.textContent = 'News'
}

function buttons(){
  // Translation for the compose/write/post/make post button
  const create = document.querySelector('.float-right .btn.btn-sm.btn-arca.btn-arca-article-write');
  create.innerHTML = '<span class="ion-compose"></span> Write';
  // Didn't know you can just write plain html into a element like this, I like JS :)
}

function title(){
  // Translates the title and description of the board if you're on Tullius
  //--Title
  const title = document.querySelector('a.title');
  title.innerHTML = `<span title="툴리우스 채널">Tullius ${boardOrChannel}</span>`;
  //--Description
  const desc = document.querySelector('div.description');
  const descDivs = desc.querySelectorAll('div');
  const descText = descDivs[1].textContent;
  if(descText.trim() == '엘더스크롤 / 폴아웃 모드관련 채널, 공지에서 규칙 읽자'){
    descDivs[1].textContent = 'Elder Scrolls / Fallout mod-related channel, read the rules in the announcement.';
  }
}

function subbedChannels(){
  // Renames the channel using the href already included in the tag, horay!
  const channel = document.querySelector('a.dropdown-item.d-flex.align-items-center');
  const href = channel.getAttribute('href');
  var text = href.replace('/b/', '');
  const channelText = channel.querySelector('span.mr-auto');
  text = capitalizeFirstLetter(text);
  text = text + ' ' + boardOrChannel;
  channelText.textContent = text;
}

function translateCategory(text){
  switch(text){
    case '질문':
      return 'Questions';
    case '프리셋':
      return 'Preset';
    case '동료':
      return 'Follower'
    case '모드/번역':
      return 'Mod/Translation'
    case '의상':
      return 'Armor'
    case '정보':
      return 'Information'
    case '폴모드':
      return `${falloutAbbr} Mods`
    case '폴의상':
      return `${falloutAbbr} Armor`
    case '폴정보':
      return `${falloutAbbr} Information`
    case '✅스샷':
      return `${screenshotEmoji} Screenshots`
    case '🔞스샷':
      return '🔞 Screenshots'
    case '🔞기타':
      return '🔞 Other'
    case '피드백':
      return 'Feedback'
    case '💎대회':
      return '💎 Contests'
    case '연재':
      return 'Series'
    case '리소스':
      return 'Resources'
    default:
      return text;
  }
}

function categories(){
  // Trasnlates the filters with hardcoded words instead of relying on TWB
  const elements = document.querySelectorAll('div.board-category.hide-scrollbar span.item');
  console.log(`Found ${elements.length} elements`);
  for(let i = 0; i < elements.length; i++){
    let temp = elements[i].querySelector('a');
    let reply = translateCategory(temp.innerHTML)
    temp.innerHTML = reply;
  }
}

function multiLineMenu(){
  // Transforms the menu into a more friendly 2 line view to see all the board filters at the same time
  const element = document.querySelector('div.board-category.hide-scrollbar');
  element.style.height = 'auto';
  element.style.flexWrap = 'wrap';
}


// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
// !!!ALL THE FUNCTIONS THAT ENABLE THE FIXES AND PATCHES AND STUFF GO HERE!!!!
// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
// Simply comment out the stuff you don't want! =)
function miscFixes(){
  multiLineMenu();
}

function translateMain(){
  subbedChannels();
}

function translateTullius(){
  subButton();
  notifButton();
  wiki();
  buttons();
  title();
  categories();
}

function Main(){
  translateMain();
  translateTullius();
  miscFixes();
}

window.onload = Main;