User:Ingenuity/avsource/AntiVandalHTML.js
Code that you insert on this page could contain malicious content capable of compromising your account. If you import a script from another page with "importScript", "mw.loader.load", "iusc", or "lusc", take note that this causes you to dynamically load a remote script, which could be changed by others. Editors are responsible for all edits and actions they perform, including by scripts. User scripts are not centrally supported and may malfunction or become inoperable due to software changes. A guide to help you find broken scripts is available. If you are unsure whether code you are adding to this page is safe, you can ask at the appropriate village pump.
This code will be executed when previewing this page.
This code will be executed when previewing this page.
Documentation for this user script can be added at User:Ingenuity/avsource/AntiVandalHTML.
// <nowiki>
const antiVandalHTML = {
"head": `
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
`,
"initial": `
<div id="container">
<div id="welcome-container">
<h1>Welcome to AntiVandal</h1>
<a href="https://en.wikipedia.org/wiki/Wikipedia:AntiVandal" target="_blank" class="about-link">About</a>
<a href="https://en.wikipedia.org/wiki/Wikipedia talk:AntiVandal" target="_blank" class="about-link">Discuss</a>
<span class="about-link">Version ${antiVandalVersion}</span>
<div id="rollback-needed">
<p>You must have rollback or admin rights to use this script.</p>
<p>You can apply for rollback rights <a href="https://en.wikipedia.org/wiki/WP:PERM/R" target="_blank">here</a>.</p>
</div>
<button id="start-button">Start AntiVandal</button>
</div>
</div>
`,
"main": `
<div id="container">
<div id="queue">
<div id="queue-top">
<div id="queue-top-left">
<span id="queue-top-title">Queue</span>
<span id="queue-top-items">0 items</span>
</div>
<div id="queue-top-right">
<span class="fa fa-trash" id="delete-queue" data-tooltip="Clear queue"></span>
<span class="fa fa-gear" id="open-settings" data-tooltip="Open settings"></span>
</div>
</div>
<div id="queue-items"></div>
<div class="width-adjust" id="queue-width-adjust"></div>
</div>
<div id="right-container">
<div id="right-top"></div>
<div id="right-content">
<div id="main-container">
<div id="diff-container"></div>
<div id="progress-bar-container"></div>
<div id="bottom-tools">
<div id="bottom-revert">
<div class="bottom-tool-title">Revert and warn</div>
<div id="revert-menu" class="bottom-tool-content"></div>
</div>
<div id="bottom-user">
<div class="bottom-tool-title">User</div>
<div class="bottom-tool-content">
<div id="user-open-user-page" class="bottom-tool-option">
<div class="bottom-tool-option-title">Open user page</div>
<span class="fas fa-up-right-from-square"></span>
</div>
<div id="user-open-user-talk" class="bottom-tool-option">
<div class="bottom-tool-option-title">Open user talk</div>
<span class="fas fa-up-right-from-square"></span>
</div>
<div id="user-view-contribs" class="bottom-tool-option">
<div class="bottom-tool-option-title">View user contributions</div>
<span class="fas fa-up-right-from-square"></span>
</div>
<div id="user-view-filter-log" class="bottom-tool-option">
<div class="bottom-tool-option-title">View filter log hits</div>
<span class="fas fa-up-right-from-square"></span>
</div>
<div id="user-add-whitelist" class="bottom-tool-option">
Add to whitelist
<span class="fas fa-circle-question" data-tooltip="You won't see any more edits by this user"></span>
</div>
<div id="user-highlight" class="bottom-tool-option">
Highlight
<span class="fas fa-circle-question" data-tooltip="This user's future edits will go to the top of your queue"></span>
</div>
<div id="user-welcome" class="bottom-tool-option submenu">
<div class="bottom-tool-option-title">Welcome</div>
<span class="bottom-tool-option-chevron fa fa-chevron-right"></span>
<div class="bottom-tool-option-subcontent"></div>
</div>
<div id="user-report-aiv" class="bottom-tool-option submenu">
<div class="bottom-tool-option-title">Report (AIV)</div>
<span class="bottom-tool-option-chevron fa fa-chevron-right"></span>
<div class="bottom-tool-option-subcontent"></div>
</div>
<div id="user-report-uaa" class="bottom-tool-option submenu">
<div class="bottom-tool-option-title">Report (UAA)</div>
<span class="bottom-tool-option-chevron fa fa-chevron-right"></span>
<div class="bottom-tool-option-subcontent"></div>
</div>
<!--<div id="user-block" class="bottom-tool-option tool-block submenu">
<div class="bottom-tool-option-title">Block</div>
<span class="bottom-tool-option-chevron fa fa-chevron-right"></span>
<div class="bottom-tool-option-subcontent"></div>
</div>-->
</div>
</div>
<div id="bottom-page">
<div class="bottom-tool-title">Page</div>
<div class="bottom-tool-content">
<div id="page-open-page" class="bottom-tool-option">
<div class="bottom-tool-option-title">Open page</div>
<span class="fas fa-up-right-from-square"></span>
</div>
<div id="page-open-talk" class="bottom-tool-option">
<div class="bottom-tool-option-title">Open talk page</div>
<span class="fas fa-up-right-from-square"></span>
</div>
<div id="page-view-history" class="bottom-tool-option">
<div class="bottom-tool-option-title">View page history</div>
<span class="fas fa-up-right-from-square"></span>
</div>
<div id="page-request-protection" class="bottom-tool-option submenu">
<div class="bottom-tool-option-title">Request protection</div>
<span class="bottom-tool-option-chevron fa fa-chevron-right"></span>
<div class="bottom-tool-option-subcontent"></div>
</div>
<!--<div id="page-protect" class="bottom-tool-option submenu">
<div class="bottom-tool-option-title">Protect</div>
<span class="bottom-tool-option-chevron fa fa-chevron-right"></span>
<div class="bottom-tool-option-subcontent"></div>
</div>-->
</div>
</div>
<div id="bottom-edit">
<div class="bottom-tool-title">Edit</div>
<div class="bottom-tool-content">
<div id="edit-view-revision" class="bottom-tool-option">
<div class="bottom-tool-option-title">View revision</div>
<span class="fas fa-up-right-from-square"></span>
</div>
<div id="edit-view-diff" class="bottom-tool-option">
<div class="bottom-tool-option-title">View diff</div>
<span class="fas fa-up-right-from-square"></span>
</div>
<div id="edit-thank-user" class="bottom-tool-option">Thank user</div>
<div id="edit-rollback" class="bottom-tool-option">Rollback</div>
<div id="edit-rollback-goodfaith" class="bottom-tool-option submenu">
<div class="bottom-tool-option-title">Rollback (good faith)</div>
<span class="bottom-tool-option-chevron fa fa-chevron-right"></span>
<div class="bottom-tool-option-subcontent"></div>
</div>
</div>
</div>
</div>
</div>
<div id="right-details">
<div class="width-adjust" id="details-width-adjust"></div>
<div id="user-contribs">
<div id="user-contribs-top">
<div id="user-contribs-left">
<div id="user-contribs-title">User contributions</div>
<div id="user-contribs-count">_ edits</div>
</div>
<div id="user-contribs-level" data-tooltip="Warning level">0</div>
</div>
<div id="user-contribs-content"></div>
</div>
<div class="height-adjust"></div>
<div id="page-history">
<div id="page-history-top">
<div id="page-history-title">Page history</div>
</div>
<div id="page-history-content"></div>
</div>
</div>
</div>
</div>
</div>
`,
"edit-context-menu": `
<div id="context-ores"><span id="context-ores-number">0</span> ORES score</div>
<div id="context-remove">Remove from queue</div>
<div id="context-whitelist">Whitelist user</div>
<div id="context-open-history">View page history</div>
<div id="context-open-contribs">View user contribs</div>
`,
"settings": `
<div class="settings">
<div class="settings-left">
<div class="settings-left-menu-item" id="settings-general-button">General</div>
<div class="settings-left-menu-item" id="settings-appearance-button">Appearance</div>
<div class="settings-left-menu-item" id="settings-controls-button">Controls</div>
<div class="settings-left-menu-item" id="settings-whitelist-button">Whitelist</div>
<div class="settings-left-menu-item" id="settings-highlight-button">Highlighted</div>
<div class="settings-left-menu-item" id="settings-statistics-button">Statistics</div>
<div class="settings-left-menu-item" id="settings-about-button">About</div>
</div>
<div class="settings-right"></div>
</div>
`
};
// </nowiki>