MediaWiki:Gadget-FoxTools-Report.js

/**
 * [FOXTOOLS — PATROLLERS HELPER SCRIPT]
 * 
 * •==============================================•
 * > Pencipta: Janorovic Volkov
 * > Pengembang: Janorovic Volkov
 * > Tipe: JavaScript (Module)
 * 
 * Lihat [[WP:FT]] untuk informasi selengkapnya
 * tentang skrip ini
 * •==============================================•
 */
// <nowiki>
(function(){
functionnotiOK(msg){mw.notify?mw.notify(msg,{type:'success'}):alert(msg);}
functionnotiWARN(msg){mw.notify?mw.notify(msg,{type:'warn'}):alert('⚠️ '+msg);}
asyncfunctionloadSPITemplate(api){
constres=awaitapi.get({
action:"query",
titles:"Wikipedia:Investigasi pengguna siluman/IPS/Form.json",
prop:"revisions",
rvprop:"content",
rvslots:"main",
format:"json"
});
constpage=Object.values(res.query.pages)[0];
if(!page.revisions)thrownewError("Templat JSON tidak ditemukan");
returnJSON.parse(page.revisions[0].slots.main['*']);
}
constFT=window.FoxTools||{};
constmodule={
name:"Report",
init(){
mw.util.addPortletLink(
"p-tb",
"#",
"Lapor (FT)",
"t-ft-report",
"Lapor pengguna",
"l"
).addEventListener("click",()=>this.openPanel());
},
openPanel(){
letpanel=document.getElementById("fox-panel");
if(!panel){
panel=document.createElement("div");
panel.id="fox-panel";
panel.innerHTML=`
                <div class="fox-header">
   				    <div class="ft-dots">
	    			    <div class="dot yellow"></div>
	    			    <div class="dot green"></div>
	    			    <div class="dot red"></div>
	    			</div>
                    <div style="float:right;">
                        <button id="fox-close">×</button>
                    </div>
                    <br>
                    <h3><big>🦊 FoxTools — Laporkan</big></h3>
                </div>
                <br>
                <div id="fox-content"></div>
                `;
document.body.appendChild(panel);
document.getElementById("fox-close").addEventListener("click",()=>{
panel.remove();
});
}
constkonten=document.getElementById("fox-content");
konten.innerHTML=`
                <div class="fox-card">
                    <p class="fox-muted">Pilih jenis laporan yang ingin dikirim:</p>
                    <div class="fox-row">
                        <label><input type="radio" name="fox-radio" value="vandalisme" checked> WP:IPTV (Vandalisme / spam)</label>
                        <label><input type="radio" name="fox-radio" value="nama"> WP:UAA (Nama pengguna)</label>
                        <label><input type="radio" name="fox-radio" value="siluman"> WP:IPS (Siluman / boneka)</label>
                    </div>
                    <hr><br>
                    <div id="fox-form-container"></div>
                </div>
            `;
renderForm("vandalisme");
document.querySelectorAll("input[name='fox-radio']").forEach(radio=>{
radio.addEventListener("change",(e)=>renderForm(e.target.value));
});
functionrenderForm(type){
constcontainer=document.getElementById("fox-form-container");
container.innerHTML="";
if(type==="vandalisme")returnrenderVandalForm(container);
if(type==="nama")returnrenderNamaForm(container);
if(type==="siluman")returnrenderSilumanForm(container);
}
functionrenderVandalForm(container){
constrelevantUser=mw.config.get("wgRelevantUserName")||"";
container.innerHTML=`
                    <div>
                        <strong><big><big>WP:IPTV (Vandalisme / spam)</big></big></strong>
                        <br><br>
                        <label><big><b>• Nama pengguna:</b></big></label>
                        <br>
                        <input id="fox-nama-vandal" value="${relevantUser}" style="width:95%">
                        <br>
                        <label><big><b>• Alasan:</b></big></label>
                        <br>
                        <textarea id="fox-reason" style="width:95%; height:80px;"></textarea>
                        <br><br>
                        <button id="fox-kirim-vandal" class="fox-btn-danger">Kirim</button>
                    </div>
                `;
document.getElementById("fox-kirim-vandal").onclick=async()=>{
constnama=document.getElementById("fox-nama-vandal").value.trim();
constalasan=document.getElementById("fox-reason").value.trim();
if(!nama)returnnotiWARN("⚠️ Masukkan nama pengguna!");
if(!alasan)returnnotiWARN("⚠️ Isi alasan mengapa pengguna tersebut bermasalah!");
constpage="Wikipedia:Intervensi pengurus terhadap vandalisme";
constlaporan=`* {{Vandal-m|${nama}}} — '''Alasan:''' ${alasan} --~~~~`;
constapi=newmw.Api();
try{
constres=awaitapi.get({
action:"query",
prop:"revisions",
titles:page,
rvslots:"main",
rvprop:"content",
formatversion:2,
});
constcontent=res.query.pages[0].revisions[0].slots.main.content;
constupdated=content.replace(
/(== Laporan ==\n)([\s\S]*?)(?=\n==|$)/,
(match,header,body)=>`${header}${body.trim()}\n${laporan}\n`
);
awaitapi.postWithEditToken({
action:"edit",
title:page,
text:updated,
summary:`Melaporkan [[Istimewa:Kontribusi/${nama}|${nama}]] (${FT.ads||""})`,
tags:"FoxTools"
});
notiOK("🟢 Laporan berhasil dikirim");
panel.remove();
}catch(e){
console.error(e);
notiWARN("⚠️ Terjadi kesalahan saat mengirim laporan!");
}
};
}
functionrenderNamaForm(container){
constrelevantUser=mw.config.get("wgRelevantUserName")||"";
container.innerHTML=`
                    <div>
                        <strong><big><big>WP:UAA (Nama pengguna)</big></big></strong>
                        <br><br>
                        <label><big><b>• Nama pengguna:</b></big></label>
                        <br>
                        <input id="fox-nama-uaa" value="${relevantUser}" style="width:95%">
                        <br>
                        <label><big><b>• Alasan:</b></big></label>
                        <br>
                        <textarea id="fox-reason" style="width:95%; height:80px;"></textarea>
                        <br><br>
                        <button id="fox-kirim-uaa" class="fox-btn-danger">Kirim</button>
                    </div>
                `;
document.getElementById("fox-kirim-uaa").onclick=async()=>{
constnama=document.getElementById("fox-nama-uaa").value.trim();
constalasan=document.getElementById("fox-reason").value.trim();
if(!nama)returnnotiWARN("⚠️ Masukkan nama pengguna!");
if(!alasan)returnnotiWARN("⚠️ Isi alasan mengapa pengguna tersebut bermasalah!");
constpage="Wikipedia:Permintaan perhatian nama pengguna";
constlaporan=`* {{User-uaa|${nama}}} — '''Alasan:''' ${alasan} --~~~~`;
constapi=newmw.Api();
try{
constres=awaitapi.get({
action:"query",
prop:"revisions",
titles:page,
rvslots:"main",
rvprop:"content",
formatversion:2,
});
constcontent=res.query.pages[0].revisions[0].slots.main.content;
constupdated=content.replace(
/(== Dilaporkan oleh pengguna terdaftar ==\n)([\s\S]*?)(?=\n==|$)/,
(match,header,body)=>`${header}${body.trim()}\n${laporan}\n`
);
awaitapi.postWithEditToken({
action:"edit",
title:page,
text:updated,
summary:`Melaporkan [[Istimewa:Kontribusi/${nama}|${nama}]] (${FT.ads||""})`,
tags:"FoxTools"
});
notiOK("🟢 Laporan berhasil dikirim");
panel.remove();
}catch(e){
console.error(e);
notiWARN("⚠️ Terjadi kesalahan saat mengirim laporan!");
}
};
}
functionrenderSilumanForm(container){
constrelevantUser=mw.config.get("wgRelevantUserName")||"";
container.innerHTML=`
                    <div>
                        <b><big><big>WP:IPS (Siluman / boneka)</big></big></b>
                        <br><br>
                        <label><big><b>• Nama pengendali / induk siluman:</b></big></label>
                        <br>
                        <input id="fox-nama-induk" type="text" value="${relevantUser}" style="width:95%">
                        <br>
                        <label><big><b>• Daftar akun siluman:</b></big></label>
                        <br>
                        <div id="fox-sock-list">
                            <input class="fox-sock" type="text" style="width:95%"><br>
                        </div>
                        <button id="fox-tambah-sock" style="margin-top:4px;">+ Tambahkan</button>
                        <br>
                        <label><big><b>• Bukti:</b></big></label>
                        <br>
                        <textarea id="fox-evidence" style="width:95%; height:80px;"></textarea>
                        <br><br>
                        <button id="fox-kirim-siluman" class="fox-btn-danger">Kirim</button>
                    </div>
                `;
document.getElementById("fox-tambah-sock").onclick=()=>{
constlist=document.getElementById("fox-sock-list");
constinput=document.createElement("input");
input.className="fox-sock";
input.type="text";
input.style="width:95%";
list.appendChild(input);
list.appendChild(document.createElement("br"));
};
document.getElementById("fox-kirim-siluman").onclick=async()=>{
constinduk=document.getElementById("fox-nama-induk").value.trim();
constsockInputs=Array.from(document.querySelectorAll(".fox-sock"))
.map(i=>i.value.trim())
.filter(Boolean);
constevidence=document.getElementById("fox-evidence").value.trim();
if(!induk||sockInputs.length===0)
returnnotiWARN("⚠️ Masukkan nama pengendali dan minimal satu akun siluman!");
constapi=newmw.Api();
consthalamanSPI=`Wikipedia:Investigasi pengguna siluman/${induk}`;
letsockParams="";
sockInputs.forEach((nama)=>{
sockParams+=`|${nama}`;
});
consttplData=awaitloadSPITemplate(api);
consttemplatSPI=tplData.case_template
.replace(/\$controller/g,induk)
.replace(/\$socks/g,sockParams)
.replace(/\$evidence/g,evidence||"");
try{
constpageCheck=awaitapi.get({action:"query",titles:halamanSPI,format:"json"});
constpageId=Object.keys(pageCheck.query.pages)[0];
constpageExists=pageId!=="-1";
if(!pageExists){
awaitapi.postWithEditToken({
action:"edit",
title:halamanSPI,
text:templatSPI,
summary:`Membuat laporan baru untuk [[Istimewa:Kontribusi/${induk}|${induk}]] (${FT.ads||""})`,
tags:"FoxTools"
});
notiOK(`🟢 Halaman investigasi baru dibuat untuk ${induk}`);
}else{
awaitapi.postWithEditToken({
action:"edit",
title:halamanSPI,
appendtext:`\n${templatSPI}`,
summary:`Menambahkan laporan baru untuk [[Istimewa:Kontribusi/${induk}|${induk}]] (${FT.ads||""})`,
tags:"FoxTools",
});
notiOK(`🟢 Laporan berhasil ditambahkan ke halaman investigasi ${induk}`);
}
panel.remove();
}catch(e){
console.error(e);
notiWARN("⚠️ Terjadi kesalahan saat mengirim laporan SPI.");
}
};
}
mw.util.addCSS(`
    	#fox-panel {
         	position: fixed;
        	top: 50%; left: 50%;
        	transform: translate(-50%, -50%);
        	max-width: 640px;
        	width: 92%;
        	background: rgba(30, 35, 45, 0.75);
        	color: #f5f6fa;
        	border: 1px solid rgba(180, 200, 255, 0.2);
        	border-radius: 10px;
        	padding: 1.2em 1.4em;
        	font-family: "Noto Sans", "Segoe UI", sans-serif;
        	font-size: 14px;
        	z-index: 9999;
        	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.55);
        	transition: all 0.3s ease-in-out;
        	animation: foxFadeIn 0.25s ease-out;
    	}
    	@keyframes foxFadeIn {
        	from { opacity: 0; transform: translate(-50%, -46%) scale(0.96); }
        	to   { opacity: 1; transform: translate(-50%, -50%) scale(1); }
    	}
    	#fox-panel h3 {
        	margin-top: 0;
        	font-size: 16px;
        	font-weight: 600;
        	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        	padding-bottom: .5em;
        	color: #8be9fd;
        	display: flex;
        	align-items: center;
        	justify-content: space-between;
    	}
    	#fox-close {
        	background: none;
        	color: #8be9fd;
        	border: none;
        	font-weight: bold;
        	cursor: pointer;
        	transition: color 0.2s ease;
    	}
    	#fox-close:hover {
        	color: #ff5555;
        	text-decoration: underline;
    	}
    	#fox-panel button,
    	#fox-panel select,
    	#fox-panel textarea,
    	#fox-panel input {
        	font-family: inherit;
        	font-size: 14px;  
        	border-radius: 6px;
        	padding: 6px 12px;  border: 1px solid rgba(180, 200, 255, 0.3);
        	margin-top: 6px;
        	margin-bottom: 10px;
        	background: rgba(255, 255, 255, 0.05);
        	color: #f5f6fa;
        	transition: all 0.2s ease;
    	}
    	#fox-panel button:hover,
    	#fox-panel select:hover,
    	#fox-panel textarea:hover,
    	#fox-panel input:hover {
        	background: rgba(255, 255, 255, 0.12);
        	border-color: rgba(180, 200, 255, 0.6);
    	}
    	#fox-panel button:focus,
    	#fox-panel select:focus,
    	#fox-panel textarea:focus,
    	#fox-panel input:focus {
        	outline: none;
        	box-shadow: 0 0 0 2px rgba(140, 200, 255, 0.5);
    	}
    	#fox-panel .fox-btn-danger {
        	background: linear-gradient(135deg, #d33, #a00);
        	border: 1px solid #a00;
        	color: #fff;
        	font-weight: bold;
    	}
    	#fox-panel .fox-btn-danger:hover {
        	background: linear-gradient(135deg, #e44, #c11);
        	box-shadow: 0 0 6px rgba(255, 100, 100, 0.6);
    	}
    	.fox-row {
        	display: flex;
        	gap: 12px;
        	flex-wrap: wrap;
        	justify-content: space-between;
    	}
    	.fox-card {
        	flex: 1 1 260px;
        	border: 1px solid rgba(180, 200, 255, 0.15);
        	padding: 12px;
        	border-radius: 8px;
        	background: rgba(255, 255, 255, 0.04);
        	transition: transform 0.15s ease, background 0.2s ease;
    	}
    	.fox-card:hover {
        	transform: translateY(-2px);
        	background: rgba(255, 255, 255, 0.07);
    	}
    	.fox-muted {
        	color: #aab6c3;
        	font-size: 90%;
    	}
    	.ft-dots {
        	display: flex;
        	gap: 6px;
        	margin-bottom: 6px;
    	}
    	.ft-dots .dot {
         	width: 10px; height: 10px;
         	border-radius: 50%;
         	box-shadow: 0 0 3px rgba(255,255,255,0.4);
    	}
    	.dot.red { background: #ff5555; }
    	.dot.yellow { background: #f1fa8c; }
    	.dot.green { background: #50fa7b; }
    	`);
}
};
FT.register&&FT.register("Report",module);
})();
// </nowiki>