User:商火/vcep.js

/*
*名称：VC Editor Plus (简称VCEP)
*作者：商火
*版本号：Beta 1.2
*功能描述：辅助VC编辑者的工具集合
*安装方法：在个人js页添加代码 mw.loader.load('/index.php?title=User:商火/vcep.js&action=raw&ctype=text/javascript');
*/

//VC Editor Plus 辅助功能部分

//增强搜索栏
$('#p-search').after('<form action="https://api.bilibili.com/archive_stat/stat" ><br /><br /><br /><input type="number" name="aid" size="20" placeholder="输入番号获取B站数据">&nbsp;<input type="submit" formtarget="_blank" value="提交"></form><form action="https://search.bilibili.com/all" ><input type="text" name="keyword" size="20" placeholder="搜索Bilibili">&nbsp;<input type="submit" formtarget="_blank" value="提交"></form>');

//监视器页面
$('#n-recentchanges').after('<li id="vcpatroller"><a href="https://zh.moegirl.org/index.php?target=Vocaloid中文殿堂曲&showlinkedto=1&title=Special:%E7%9B%B8%E5%85%B3%E6%9B%B4%E6%94%B9" title="查看大部分VC相关页面的更改">VC巡查</a></li>');

//即时数据查看
function imitateData(){
	$('.bilibiliCount').each(function(){
		var biliAid = $(this).data("bilibili-count-id");
		$(this).html('<a target="_blank" href="https://api.bilibili.com/archive_stat/stat?aid=' + biliAid + '">' + $(this).html() + '</a>');
	});
}

//VC Editor Plus 代码合成器部分
//主页面
$('#footer').after('<div id="vcep" style="z-index:-2"></div><div id="vcep_toggle" style="transition:.37s all ease-in-out;width:20px;padding:5px 0;background-color:#000;color:#fff;font-size:8px;text-align:center;position:fixed;right:0;top:100px;cursor:pointer;opacity:.6;" onclick="vcepmainpage()">启<br/>动<br/>V<br/>C<br/>E<br/>P</div>');
function vcepmainpage(){
	document.getElementById('vcep_toggle').innerHTML="重<br/>启<br/>V<br/>C<br/>E<br/>P</div";
	document.getElementById('vcep').innerHTML='<div style="position:fixed; top:50px; right:calc(50% - 450px); width:860px; background:#fff; border:solid 1px; padding:20px" id="vcepmainpage"><h2 align="center">欢迎使用VC Editor Plus</h2><p>VC Editor Plus（以下简称VCEP）是萌百VC区编辑组成员<a href="/User:商火" title="User:商火">商火</a>开发，面向VC区编辑者的辅助工具，目前仍处于开发与测试状态。</p><p>VCEP工具基于JavaScript语言，请确保您的浏览器支持基础的JavaScript。</p><p>如果在使用过程中有任何问题或意见（程序或是界面观感），请<a href="/User_talk:商火" title="User_talk:商火">联系本人</a>提出，本人将尽力解决。同时由于开发者是一个基本什么都不会的新手，希望各位大佬多多指教~</p><p>测试与完善中的功能：<li><button onclick="temple()">添加殿堂（生成用于殿堂曲一览的wiki代码）</button></li><li>即时数据查看（自动启用）</li></p><p>开发中的功能：<ul><li>P主作品更新（用于P主作品一览表）</li><li>创建新曲词条</li></ul></div><div style="position:fixed; top:50px; right:calc(50% - 450px);" title="隐藏VCEP"><button onclick="hidevcep()" style="border:transparent; background:transparent;"><span style="font-size:120%">—</span></button></div>';
	imitateData();
}
function exitvcep(){
	document.getElementById('vcep').innerHTML="";
}
function hidevcep(){
	$('#vcep').hide();
	$('#vcep_toggle').attr("onclick", "showvcep()").html("显<br/>示<br/>V<br/>C<br/>E<br/>P</div");
}
function showvcep(){
	$('#vcep').show();
	$('#vcep_toggle').attr("onclick", "vcepmainpage()").html("重<br/>启<br/>V<br/>C<br/>E<br/>P</div");
}

//殿堂曲添加页面
function temple(){
	document.getElementById("vcep").innerHTML='<div style="position:fixed; top:50px; right:calc(50% - 450px); width:860px; background:#fff; border:solid 1px; padding:18px" id="vceptemple"><h2 align="center">欢迎使用VC Editor Plus，您现在使用的功能是：添加殿堂</h2><form id="templeform">*曲名：<input type="text" placeholder="输入歌曲名" name="keyword"/> <input type="submit" value="搜索bilibili" formtarget="_blank" formaction="https://search.bilibili.com/all"/><fieldset><legend>歌曲信息调查（将鼠标移到部分文本上可查看详细说明）：</legend><span title="“手动检查”将打开番号对应的视频信息页，请务必确认“view”后的数字是否大于100000">*番号</span>：<input type="number" name="aid" placeholder="输入PV番号(Bilibili)" /> <input type="submit" value="手动检查" formtarget="_blank" formaction="https://api.bilibili.com/archive_stat/stat" /> *UP主：<input type="text" name="uploader" placeholder="输入UP主ID" /> *投稿时间：<input type="text" name="time" size="19" placeholder="格式：2012-07-13 00:00"/><br/><br/>*第一颜色：<select name="firstcolor"><option>#66CCFF</option><option>#EE0000</option><option>#00FFCC</option><option>#EE82EE</option><option>#9999FF</option><option>#006666</option><option>#39C5BB</option><option>#777777</option></select> 第二颜色：<select name="secondcolor"><option value="0">(none)</option><option>#66CCFF</option><option>#EE0000</option><option>#00FFCC</option><option>#EE82EE</option><option>#9999FF</option><option>#006666</option><option>#39C5BB</option><option>#777777</option></select> <span title="毛毛虫P除外">原作者：</span><input type="text" name="originalproducer" size="15" placeholder="选填，代投时使用" /> <span title="当原曲目属于萌百收录范围时，直接填入曲目名（带消歧义）；当不属于时，填入“none”。原创曲勿填此项。">原曲词条：</span><input type="text" name="originalsong" placeholder="选填，翻唱时使用"/><br/><br/>消歧义：<input type="text" name="disambig" placeholder="选填，词条名括号中内容" /> <span title="“检查图片”用于确认文件是否存在且确为视频封面">*封面文件：</span><input type="text" name="cover" size="52" placeholder="输入萌娘共享文件名，带后缀" /> <input type="button" onclick="checkpic()" value="检查图片"/></fieldset><input type="button" style="border-style:outset; color:red; border-color:red; background:transparent; padding:5px; width:100%; float:right;" value="确认并提交" onclick="composer()"></form><br/><div id="newwikitext" style="margin-top:20px; border:dashed 1px; max-height:200px; overflow:auto; padding:10px; font-size:14px;">Wiki代码将于此处输出</div></div><div style="position:fixed; top:50px; left:calc(50% - 450px);"><button onclick="vcepmainpage()" style="border:transparent; background:transparent;"><span style="font-size:150%" title="返回主界面">⇦</span></button></div><div style="position:fixed; top:50px; right:calc(50% - 450px);"  title="隐藏VCEP"><button onclick="hidevcep()" style="border:transparent; background:transparent;"><span style="font-size:120%">—</span></button></div>';
}
function checkpic(){
	var fm = document.getElementById('templeform');
	var imagename = fm.elements.cover.value;
	window.open('https://commons.moegirl.org/File:' + imagename);
}

//殿堂曲代码合成器
function composer(){
	var fm = document.getElementById('templeform');
	var songname = fm.elements.keyword.value;
	var aid = fm.elements.aid.value;
	var uploadtime = fm.elements.time.value;
	var uploader = fm.elements.uploader.value;
	var firstcolor = fm.elements.firstcolor.value;
	var secondcolor = fm.elements.secondcolor.value;
	var colortext = "";
	if (secondcolor !== '0') {
		colortext = "|First color = " + firstcolor + "<br />|Second color = " + secondcolor + "<br/>";
	}
		else {
			colortext = "|color = " + firstcolor + "<br/>";
		}
	var originalsong = fm.elements.originalsong.value;
	var originaltext = "";
	if (originalsong) {
		if (originalsong == "none") {
			originaltext = " (翻)";
		}
		else {
			originaltext = " ([[" + originalsong + "|翻]])";
		}
	}
	var disambig = fm.elements.disambig.value;
	var songnametext = "";
	if (disambig) {
		songnametext = "[[" + songname + "(" + disambig + ")|" + songname + "]]";
	}
	else {
		songnametext = "[[" + songname + "]]";
	}
	var originalproducer = fm.elements.originalproducer.value;
	var uploadertext = "";
	if (originalproducer) {
		uploadertext = "[[" + uploader + "]]&lt;ref&gt;P主为[[" + originalproducer + "]]，由" + uploader + "代投&lt;/ref&gt;";
	}
	else {
		uploadertext = "[[" + uploader + "]]";
	}
	var cover = fm.elements.cover.value;
	var text = "{{China Temple Song<br/>" + colortext + "|bb_id = av" + aid + "<br/>|曲目 = " + songnametext + originaltext + "<br />|UP主 = " + uploadertext + "<br />|投稿时间 = " + uploadtime + "<br />|再生数量 = {{BilibiliCount|id=" + aid + "}}<br />|image link = {{filepath:" + cover + "}}}}";
	document.getElementById('newwikitext').innerHTML = text;
}