From e36ca626ee55a6704ae66b7b9c63e3f69fcf3b2d Mon Sep 17 00:00:00 2001
From: tiger2005 <41613797+tiger2005@users.noreply.github.com>
Date: Fri, 15 Oct 2021 13:28:29 +0800
Subject: [PATCH 1/3] Add authorize option

---
 css/client.css         |   2 +-
 css/problem/client.css |   8 +-
 index.html             |  31 ++-
 js/authorize.js        |  39 ++++
 js/client.js           |  48 ++--
 js/contest.js          |   2 +-
 js/locale.js           |  24 ++
 js/multi.js            |   3 +
 js/problem-watcher.js  |  63 ++++++
 js/problem.js          |  63 +-----
 js/settings.js         |  42 ++++
 js/sha512.js           | 497 +++++++++++++++++++++++++++++++++++++++++
 problem.html           |   3 +-
 13 files changed, 727 insertions(+), 98 deletions(-)
 create mode 100644 js/problem-watcher.js
 create mode 100644 js/sha512.js

diff --git a/css/client.css b/css/client.css
index 34588fb..92ad51b 100644
--- a/css/client.css
+++ b/css/client.css
@@ -843,7 +843,7 @@ pre{
 	font-weight: bold;
 	font-size: 28px;
 	margin-bottom: 15px;
-	margin-top: 5px;
+	margin-top: 30px;
 }
 .settingsUI{
 	margin: 20px 0px !important;
diff --git a/css/problem/client.css b/css/problem/client.css
index 22d660f..f1c0e3d 100644
--- a/css/problem/client.css
+++ b/css/problem/client.css
@@ -221,9 +221,9 @@ body{
 }
 .bigButton{
 	cursor: pointer;
-	width: calc(100% - 20px);
-	margin: 10px;
-	height: 30px;
+	width: 100%;
+	margin: 10px 0px;
+	height: 40px;
 	border-radius: 5px;
 	font-size: 16px;
 	font-family: var(--font-family);
@@ -240,7 +240,7 @@ body{
 	border-radius: 5px;
 }
 .submitInterfaceTitle{
-	font-size: 18px;
+	font-size: 16px;
 }
 .closeSubmitPage{
 	position: absolute;
diff --git a/index.html b/index.html
index 768388b..0949abf 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,7 @@
 		<link class="ThemeTypeIf" rel="stylesheet" href="./css/default.css">
 		<link rel="stylesheet" href="./css/all.min.css">
 		<script src="./js/highlight.min.js"></script>
+		<script src="./js/sha512.js"></script>
 		<script src="./js/highlightjs-line-numbers.js"></script>
 		<script src="./KaTeX/katex.min.js"></script>
 		<script src="./KaTeX/auto-render.min.js"></script>
@@ -503,6 +504,34 @@
 										</div>
 									</div>
 									<div class="settingsSelectInfoAddition settingsLoginButton"><span info='settingsLoginButton' onclick="submitLogin()"></span></div>
+									<div class="settingsUI settingsRadio" for="useApiKeys">
+										<div class="settingsRadioInfo">
+											<div class="settingsRadioInfoMain">Radio Name</div>
+											<div class="settingsRadioInfoAddition">Radio Addition</div>
+										</div>
+										<div class="settingsRadioButton">
+											<i class="far fa-square"></i>
+											<i class="fas fa-check-square"></i>
+										</div>
+									</div>
+									<div class="settingsUI settingsInput" for="apiKey">
+										<div class="settingsInputInfo">
+											<div class="settingsInputInfoMain">Radio Name</div>
+											<div class="settingsInputInfoAddition">Radio Addition</div>
+										</div>
+										<div class="settingsInputPart">
+											<input class="settingsInputPartContent" type="password"></input>
+										</div>
+									</div>
+									<div class="settingsUI settingsInput" for="apiSecret">
+										<div class="settingsInputInfo">
+											<div class="settingsInputInfoMain">Radio Name</div>
+											<div class="settingsInputInfoAddition">Radio Addition</div>
+										</div>
+										<div class="settingsInputPart">
+											<input class="settingsInputPartContent" type="password"></input>
+										</div>
+									</div>
 									<div class="settingsHeader" info="settingsPreference"></div>
 									<div class="settingsUI settingsSelect" for="styleSelection">
 										<div class="settingsSelectInfo">
@@ -751,7 +780,7 @@
 										</div>
 									</div>
 									<div class="settingsSelectInfoAddition settingsReloadLanguages"><span info='reloadLanguages' onclick="reloadLanguages()"></span></div>
-									<div style="text-align: center; margin-top: 30px" class="settingsOpenProblems"><span info='openProblems' onclick="openProblemWin([])"></span></div>
+									<div style="text-align: center; margin-top: 30px"><span class="settingsOpenProblems"><span info='openProblems' onclick="openProblemWin([])"></span></span></div>
 									<!-- <div class="settingsUI settingsRadio" for="testRadio">
 										<div class="settingsRadioInfo">
 											<div class="settingsRadioInfoMain">Radio Name</div>
diff --git a/js/authorize.js b/js/authorize.js
index e15dc75..91e845a 100644
--- a/js/authorize.js
+++ b/js/authorize.js
@@ -1,6 +1,9 @@
 var loginTypeLoader = null;
+var CodeforcesUserAPIKey, CodeforcesUserAPISeg;
+
 function loadLoginType(){
 	currentLoginHandle = "";
+	if(problemNewWinLoaded)	initProblemNewWin();
 	getSolvedProblemsByContest = {problemCountsByContestId: {}, solvedProblemCountsByContestId: {}};
 	$(".settingsLoginType").html(`<span info='settingsLoadingLoginType'>${languageOption.general.settingsLoadingLoginType}</span>`);
 	if(loginTypeLoader != null)
@@ -303,5 +306,41 @@ function registerContest(ci, S, E){
 	});
 }
 
+function generateAuthorizeURL(url, data){
+	function parseObject(x){
+		var ret = [];
+		for(var v in x)
+			if(x.hasOwnProperty(v))
+				ret.push([v, x[v]]);
+		return ret.sort();
+	}
+	function generateParams(x){
+		var ret = "";
+		for(var i=0; i<x.length; i++){
+			if(i == 0)
+				ret += '?';
+			else
+				ret += "&";
+			ret += (x[i][0] + '=' + x[i][1]);
+		}
+		return ret;
+	}
+	if(!settings.useApiKeys)
+		return url + generateParams(parseObject(data));
+	var method = url.split("/");
+	method = method[method.length - 1];
+	data.time = Math.floor((new Date()).getTime() / 1000);
+	data.apiKey = settings.apiKey;
+	data = parseObject(data);
+	var rnd = "";
+	var str = "0123456789qwertyuiopasdfghjklzxcvbnm";
+	for(var j=0; j<6; j++)
+		rnd += str[Math.floor(Math.random()*str.length)];
+	var shaCode = rnd + '/' + method + generateParams(data) + '#' + settings.apiSecret;
+	shaCode = hex_sha512(shaCode);
+	data.push(["apiSig", rnd + shaCode]);
+	return url + generateParams(data);
+}
+
 if(RunInNwjs)
 	loadLoginType();
\ No newline at end of file
diff --git a/js/client.js b/js/client.js
index 95a71c6..b678860 100644
--- a/js/client.js
+++ b/js/client.js
@@ -402,9 +402,8 @@ function initContestNewWinPage(){
 	contestNewWinJQ.find(".ThemeTypeIf").attr("href", DarkMode ? "./css/contest/dark.css" : "./css/contest/default.css");
 	function loadAvatar(){
 		$.ajax({
-			url: settings.codeforcesApiUrl + "/user.info",
+			url: generateAuthorizeURL(settings.codeforcesApiUrl + "/user.info", {handles: contestUsername}),
 			type: "GET",
-			data: {handles: contestUsername},
 			success: function(json){
 				contestNewWinJQ.find(".singleUserAvatar").attr("src", json.result[0].titlePhoto);
 			},
@@ -610,10 +609,9 @@ function getSingleRatingChanges(currSingleLastTimeUpdate, un, ci){
 		reloadSingleMemoryUsed();
 		
 		contestRatingChangesHook = $.ajax({
-			url: url,
+			url: generateAuthorizeURL(url, {contestId: ci, handles: un}),
 			type: "GET",
 			timeout : settings.largeTimeLimit,
-			data: {contestId: ci, handles: un},
 			success: function(json){
 				if(typeof(json) == "string")
 					json = JSON.parse(json);
@@ -688,7 +686,7 @@ var bigIsComing = [null, null, null, null, null, null, null];
 function getAllSingleContestantInfo(currSingleLastTimeUpdate, un, ci, success, error, S, E, loadStandings){
 	var s = 0, e = 0, c = 4;
 	var Q = 0;
-	function loadInfo(u, d, q, id, er){
+	function loadInfo(u, q, id, er){
 		if(currSingleLastTimeUpdate != singleLastTimeUpdate)	return;
 		singleLoadType = 1;
 		reloadSingleMemoryUsed();
@@ -696,7 +694,6 @@ function getAllSingleContestantInfo(currSingleLastTimeUpdate, un, ci, success, e
 			url: u,
 			type: "GET",
 			timeout : id == 5 ? settings.largeTimeLimit : settings.smallTimeLimit,
-			data: d,
 			success: function(json){
 				singleLoadType = 4;
 				reloadSingleMemoryUsed();
@@ -775,10 +772,10 @@ function getAllSingleContestantInfo(currSingleLastTimeUpdate, un, ci, success, e
 			}
 		});
 	}
-	loadInfo(settings.codeforcesApiUrl + "/contest.standings", {contestId: ci, handles: un, showUnofficial: false}, ["result"], 0, false);
-	loadInfo(settings.codeforcesApiUrl + "/contest.standings", {contestId: ci, handles: un, showUnofficial: true}, ["result"], 1, false);
-	loadInfo(settings.codeforcesApiUrl + "/user.info", {handles: un}, ["result", "0"], 2, false);
-	loadInfo(settings.codeforcesApiUrl + "/contest.status", {contestId: ci, handle: un}, ["result"], 3, false);
+	loadInfo(generateAuthorizeURL(settings.codeforcesApiUrl + "/contest.standings", {contestId: ci, handles: un, showUnofficial: false}), ["result"], 0, false);
+	loadInfo(generateAuthorizeURL(settings.codeforcesApiUrl + "/contest.standings", {contestId: ci, handles: un, showUnofficial: true}), ["result"], 1, false);
+	loadInfo(generateAuthorizeURL(settings.codeforcesApiUrl + "/user.info", {handles: un}), ["result", "0"], 2, false);
+	loadInfo(generateAuthorizeURL(settings.codeforcesApiUrl + "/contest.status", {contestId: ci, handle: un}), ["result"], 3, false);
 	if(success.length != 4)
 		setTimeout(function(){
 			getSingleRatingChanges(currSingleLastTimeUpdate, un, ci);
@@ -794,9 +791,9 @@ function getAllSingleContestantInfo(currSingleLastTimeUpdate, un, ci, success, e
 			Q = ++contestStandingsIndex;
 			contestStandingLoader = 0;
 			contestStandingLoadTime = new Date();
-			loadInfo(settings.codeforcesApiUrl + "/contest.hacks", {contestId: ci}, ["result"], 4, true);
+			loadInfo(generateAuthorizeURL(settings.codeforcesApiUrl + "/contest.hacks", {contestId: ci}), ["result"], 4, true);
 			if((inContest == 2 && settings.openRankPredict >= 1) || (inContest >= 1 && settings.openRankPredict == 2))
-				setTimeout(function(){loadInfo(settings.codeforcesApiUrl + "/contest.standings", {contestId: ci, showUnofficial: settings.openRankPredict == 2}, ["result"], 5, false);}, 500);
+				setTimeout(function(){loadInfo(generateAuthorizeURL(settings.codeforcesApiUrl + "/contest.standings", {contestId: ci, showUnofficial: settings.openRankPredict == 2}), ["result"], 5, false);}, 500);
 	}}, 3000);
 }
 function ratingToClass(x){
@@ -997,7 +994,7 @@ function singleContestantSyncOfficialSettings(un, ci, json, p){
 		var unk = $(`<div class="singleContestTag dangerColor"><i class="fas fa-user-secret"></i>${localize("tag"+singleContestUnrated)}</div>`);
 		$(".singleContestTags").append(unk);
 	}
-	if(json.rows.length > 0 && json.rows[0].party.members.length > 1){
+	if(json.rows.length > 0 && json.rows[0].party.teamName != undefined){
 		var unk = $(`<div class="singleContestTag dangerColor"><i class="fas fa-users"></i>${localize("tagTeam")}</div>`);
 		$(".singleContestTags").append(unk);
 	}
@@ -1077,7 +1074,7 @@ function singleContestantSyncUnofficialSettings(un, ci, json, p){
 			inContest = 2;
 			flushsingleProblemlistBottom(json.rows[i]);
 			flushsingleProblemlistDisplayGrid(json.rows[i].problemResults, json.problems);
-			inTeam |= (json.rows[i].party.members.length > 1);
+			inTeam |= (json.rows[i].party.teamName != undefined);
 		}
 		else if(json.rows[i].party.participantType == "OUT_OF_COMPETITION"){
 			contestProblemResult = json.rows[i].problemResults;
@@ -1090,7 +1087,7 @@ function singleContestantSyncUnofficialSettings(un, ci, json, p){
 			inContest = 1;
 			flushsingleProblemlistBottom(json.rows[i]);
 			flushsingleProblemlistDisplayGrid(json.rows[i].problemResults, json.problems);
-			inTeam |= (json.rows[i].party.members.length > 1);
+			inTeam |= (json.rows[i].party.teamName != undefined);
 		}
 	if(!inContest){
 		flushsingleProblemlistDisplayList(contestSubmissionList, [], contestJsonProblems);
@@ -1193,7 +1190,7 @@ function singleVirtualSyncUnofficialSettings(un, ci, json, p){
 			inContest = 1;
 			flushsingleProblemlistBottom(json.rows[i]);
 			flushsingleProblemlistDisplayGrid(json.rows[i].problemResults, json.problems);
-			inTeam |= (json.rows[i].party.members.length > 1);
+			inTeam |= (json.rows[i].party.teamName != undefined);
 		}
 	}
 	if(!inContest){
@@ -1687,7 +1684,6 @@ function singleContestantWaitToStart(currLastTimeUpdate, un, ci){
 			$.ajax({
 				url: settings.mainURL + `/${ci >= 100000 ? "gym" : "contest"}/` + ci + "/countdown",
 				timeout : settings.largeTimeLimit,
-				data: {gym: ci >= 100000},
 				success: function(json){
 					singleLoadType = 4;
 					setTimeout(reloadStartTime, settings.reloadTime);
@@ -1745,10 +1741,9 @@ function singleContestantWaitToStart(currLastTimeUpdate, un, ci){
 			});
 		else
 			$.ajax({
-				url: settings.codeforcesApiUrl + "/contest.list",
+				url: generateAuthorizeURL(settings.codeforcesApiUrl + "/contest.list", {gym: ci >= 100000}),
 				type: "GET",
 				timeout : settings.largeTimeLimit,
-				data: {gym: ci >= 100000},
 				success: function(json){
 					singleLoadType = 4;
 					setTimeout(reloadStartTime, settings.reloadTime);
@@ -1827,10 +1822,9 @@ function loadSingleContestantAll(un, ci){
 		singleLoadType = 1;
 		reloadSingleMemoryUsed();
 		$.ajax({
-			url: settings.codeforcesApiUrl + "/contest.standings",
+			url: generateAuthorizeURL(settings.codeforcesApiUrl + "/contest.standings", {contestId: ci, from: 1, count: 1, showUnofficial: true}),
 			type: "GET",
 			timeout : settings.smallTimeLimit,
-			data: {contestId: ci, from: 1, count: 1, showUnofficial: true},
 			success: function(json){
 				singleLoadType = 4;
 				reloadSingleMemoryUsed();
@@ -1957,9 +1951,8 @@ function loadSingleVirtualAll(un, ci, tm){
 		singleLoadType = 1;
 		reloadSingleMemoryUsed();
 		bigIsComing[6] = $.ajax({
-			url: U,
+			url: generateAuthorizeURL(U, D),
 			type: "GET",
-			data: D,
 			success: C,
 			error: function(jqXHR, status, errorThrown){
 				if(status == "timeout"){
@@ -2062,17 +2055,15 @@ function verifySingleInformation(type, un, ci, tm){
 	$(forButton).html(`<i class="fas fa-spin fa-sync-alt"></i><span info="singleCheckExist">${languageOption.general.singleCheckExist}</span>`);
 	$(forButton).attr("disabled", true);
 	$.ajax({
-		url: settings.codeforcesApiUrl + "/user.info",
+		url: generateAuthorizeURL(settings.codeforcesApiUrl + "/user.info", {handles: un}),
 		type: "GET",
 		timeout : settings.smallTimeLimit,
-		data: {handles: un},
 		success: function(json){
 			var isGym = Number(ci) >= 100000;
 			$.ajax({
-				url: settings.codeforcesApiUrl + "/contest.standings",
+				url: generateAuthorizeURL(settings.codeforcesApiUrl + "/contest.standings", {contestId: ci, handles: un, showUnofficial: true}),
 				type: "GET",
 				timeout : settings.smallTimeLimit,
-				data: {contestId: ci, handles: un, showUnofficial: true},
 				success: function(json){
 					json = json.result;
 					if(type == 0){
@@ -2498,10 +2489,9 @@ $(".forceLoadStandings").click(function(){
 		singleLoadType = 1;
 		reloadSingleMemoryUsed();
 		bigIsComing = $.ajax({
-			url: u,
+			url: generateAuthorizeURL(u, d),
 			type: "GET",
 			timeout : settings.largeTimeLimit,
-			data: d,
 			success: function(json){
 				singleLoadType = 4;
 				reloadSingleMemoryUsed();
diff --git a/js/contest.js b/js/contest.js
index 0f688ae..48a6f17 100644
--- a/js/contest.js
+++ b/js/contest.js
@@ -154,7 +154,7 @@ function loadContestList(){
 	$(".contestListLoadIf > span").unbind("click");
 	$(".contestListLoadIf > span").html(`<span class='fas fa-hourglass-half'></span> ` + localize("loading"));
 	$.ajax({
-		url: settings.codeforcesApiUrl + '/contest.list',
+		url: generateAuthorizeURL(settings.codeforcesApiUrl + '/contest.list', {}),
 		type: "GET",
 		timeout : settings.largeTimeLimit,
 		success: function(data){
diff --git a/js/locale.js b/js/locale.js
index bd82091..9b4328a 100644
--- a/js/locale.js
+++ b/js/locale.js
@@ -236,6 +236,18 @@ var lang_en = {
 		openNotification: [
 			"<span class='fas fa-bell'></span> Open Notification",
 			"Choose if notifications of hacks, contest notifications or submission results should be sent."
+		],
+		useApiKeys: [
+			"<span class='fas fa-user-secret'></span> Use API Keys",
+			"Enable to authorize APIs to fetch private informations. You can go to /settings/api to generate API keys. <span class='red'>We will not use your keys for other purposes.</span>"
+		],
+		apiKey: [
+			"<span class='fas fa-key'></span> API Key",
+			"Your API key."
+		],
+		apiSecret: [
+			"<span class='fas fa-mask'></span> API Secret",
+			"Your API secret."
 		]
 	}
 };
@@ -479,6 +491,18 @@ var lang_zh = {
 		openNotification: [
 			"<span class='fas fa-bell'></span> 开启提醒",
 			"选择是否发送包含 hack，比赛通知或者提交结果的提醒。"
+		],
+		useApiKeys: [
+			"<span class='fas fa-user-secret'></span> 使用 API Keys",
+			"开启后可以给 API 授权以加载私人内容。你可以前往 /settings/api 生成 API Keys。<span class='red'>我们保证不会将其用于其他用途。</span>"
+		],
+		apiKey: [
+			"<span class='fas fa-key'></span> API Key",
+			"你的 API key."
+		],
+		apiSecret: [
+			"<span class='fas fa-mask'></span> API Secret",
+			"你的 API secret."
 		]
 	}
 };
diff --git a/js/multi.js b/js/multi.js
index e69de29..ea3b83c 100644
--- a/js/multi.js
+++ b/js/multi.js
@@ -0,0 +1,3 @@
+function loadMultiList(cid, users, room, showUnofficial){
+
+}
\ No newline at end of file
diff --git a/js/problem-watcher.js b/js/problem-watcher.js
new file mode 100644
index 0000000..3691901
--- /dev/null
+++ b/js/problem-watcher.js
@@ -0,0 +1,63 @@
+function addWatcher(id, idx){
+	var p = $(`<div class="singleWatchContent"><div class="singleWatchTitle">#${id} | ${idx}</div><div style="flex: 1; display: flex; flex-direction: row;"><div style="flex: 1; overflow: hidden; display: grid; place-items: center"><span class="singleWatchInfo">Pending...</span></div></div></div>`)
+	p.css("transform", "scale(1, 0)");
+	p.css("max-height", "0px");
+	p.css("margin", "0");
+	p.css("padding", "0");
+	var IN = false;
+	function fadeIn(){
+		if(IN)	return;
+		IN = true;
+		$(".watchDisplayer").append(p);
+		setTimeout(function(){p.attr("style", "");}, 100);
+	}
+	var lastJudgement = "";
+	function fadeOut(lj){
+		setTimeout(function(){
+			if(!IN)	return;
+			if(lj != lastJudgement)	return;
+			IN = false;
+			p.css("transform", "scale(1, 0)");
+			p.css("max-height", "0px");
+			p.css("margin", "0");
+			p.css("padding", "0");
+			setTimeout(function(){
+				p.remove();
+			}, 200);
+		}, 5000);
+	}
+	fadeIn();
+	function loadWatchType(){
+		$.ajax({
+			url: settings.mainURL + `/${getProblemIndexes(idx)[0] >= 100000 ? "gym" : "contest"}/` + getProblemIndexes(idx)[0] + '/submission/' + id,
+			success: function(data){
+				if(data.indexOf(`data-entityId="${id}"`) == -1){
+					setTimeout(loadWatchType, 10000);
+					return;
+				}
+				var ctL = $(data).find("table").eq(0).find("tr").eq(1);
+				if(ctL.children().eq(4).children().eq(0).hasClass("verdict-accepted")){
+					p.find(".singleWatchInfo").addClass("green");
+				}
+				if(ctL.children().eq(4).children().eq(0).hasClass("verdict-rejected")
+				|| ctL.children().eq(4).children().eq(0).hasClass("verdict-failed")){
+					p.find(".singleWatchInfo").addClass("red");
+				}
+				p.find(".singleWatchInfo").html(ctL.children().eq(4).text());
+				if(ctL.children().eq(4).text() != lastJudgement)
+					fadeIn(), fadeOut(ctL.children().eq(4).text());
+				lastJudgement = ctL.children().eq(4).text();
+				if(ctL.children().eq(4).children().eq(0).hasClass("verdict-waiting")
+				|| lastJudgement == "In queue" || lastJudgement == "")
+					setTimeout(loadWatchType, 1500);
+				else if(settings.openNotification){
+					new Notification(`Result of CF${idx}`, {body: ctL.children().eq(4).text().trim(), icon: '../favicon.png'});
+				}
+			},
+			error: function(){
+				setTimeout(loadWatchType, 1500);
+			}
+		})
+	}
+	setTimeout(function(){loadWatchType()}, 200);
+}
\ No newline at end of file
diff --git a/js/problem.js b/js/problem.js
index 8fabbf8..169b7c6 100644
--- a/js/problem.js
+++ b/js/problem.js
@@ -60,65 +60,6 @@ function getOutputFileType(x){
 		return {type: x};
 	return {type: "file", fileName: x};
 }
-function addWatcher(id, idx){
-	var p = $(`<div class="singleWatchContent"><div class="singleWatchTitle">#${id} | ${idx}</div><div style="flex: 1; display: flex; flex-direction: row;"><div style="flex: 1; overflow: hidden; display: grid; place-items: center"><span class="singleWatchInfo">Pending...</span></div></div></div>`)
-	p.css("transform", "scale(1, 0)");
-	p.css("max-height", "0px");
-	p.css("margin", "0");
-	p.css("padding", "0");
-	var IN = false;
-	function fadeIn(){
-		if(IN)	return;
-		IN = true;
-		problemNewWinJQ.find(".watchDisplayer").append(p);
-		setTimeout(function(){p.attr("style", "");}, 100);
-	}
-	var lastJudgement = "";
-	function fadeOut(lj){
-		setTimeout(function(){
-			if(!IN)	return;
-			if(lj != lastJudgement)	return;
-			IN = false;
-			p.css("transform", "scale(1, 0)");
-			p.css("max-height", "0px");
-			p.css("margin", "0");
-			p.css("padding", "0");
-			setTimeout(function(){
-				p.remove();
-			}, 200);
-		}, 5000);
-	}
-	fadeIn();
-	function loadWatchType(){
-		$.ajax({
-			url: settings.mainURL + `/${getProblemIndexes(idx)[0] >= 100000 ? "gym" : "contest"}/` + getProblemIndexes(idx)[0] + '/submission/' + id,
-			success: function(data){
-				var ctL = $(data).find("table").eq(0).find("tr").eq(1);
-				if(ctL.children().eq(4).children().eq(0).hasClass("verdict-accepted")){
-					p.find(".singleWatchInfo").addClass("green");
-				}
-				if(ctL.children().eq(4).children().eq(0).hasClass("verdict-rejected")
-				|| ctL.children().eq(4).children().eq(0).hasClass("verdict-failed")){
-					p.find(".singleWatchInfo").addClass("red");
-				}
-				p.find(".singleWatchInfo").html(ctL.children().eq(4).text());
-				if(ctL.children().eq(4).text() != lastJudgement)
-					fadeIn(), fadeOut(ctL.children().eq(4).text());
-				lastJudgement = ctL.children().eq(4).text();
-				if(ctL.children().eq(4).children().eq(0).hasClass("verdict-waiting")
-				|| lastJudgement == "In queue")
-					setTimeout(loadWatchType, 1000);
-				else if(settings.openNotification){
-					new Notification(`Result of CF${idx}`, {body: ctL.children().eq(4).text().trim(), icon: '../favicon.png'});
-				}
-			},
-			error: function(){
-				setTimeout(loadWatchType, 1000);
-			}
-		})
-	}
-	setTimeout(function(){loadWatchType()}, 200);
-}
 function initProblemPageInfo(page, data, id){
 	page.html("");
 	page.append(`<div class="problemTitle">${data.find(".title").html()}</div>`);
@@ -628,7 +569,7 @@ function initProblemNewWin(){
 		problemNewWinJQ.find("#submitCodeArea").val("");
 		problemNewWinJQ.find(".submitWindow").css("display", "grid");
 		problemNewWinJQ.find(".submitWindow").css("opacity", "1");
-		problemNewWinJQ.find(".submitUsername").html(currentLoginHandle);
+		// problemNewWinJQ.find(".submitUsername").html(currentLoginHandle);
 		problemNewWinJQ.find(".submitProblemID").html(problemCurrentPageList[problemFocusOn][0]);
 	})
 	problemNewWinJQ.find(".sendCurrData").unbind("click").click(function(){
@@ -707,7 +648,7 @@ function initProblemNewWin(){
 								problemNewWinJQ.find(".submitWindow").css("display", "none");
 							}, 500);
 					 		if(id != undefined)
-					 			addWatcher(id, cid);
+					 			problemNewWinJQ.append(`<script>addWatcher('${id}', '${cid}')</script>`)
 					 	}, 1000);
 					 }
 					 , function(x, y){
diff --git a/js/settings.js b/js/settings.js
index d860d30..ee66a1f 100644
--- a/js/settings.js
+++ b/js/settings.js
@@ -293,6 +293,26 @@ var settingsFunctions = {
 			saveSettings();
 		}
 	},
+	apiKey: {
+		initial: function(){
+			return settings.apiKey;
+		},
+		change: function(str){
+			str = $.trim(str);
+			settings.apiKey = str;
+			saveSettings();
+		}
+	},
+	apiSecret: {
+		initial: function(){
+			return settings.apiSecret;
+		},
+		change: function(str){
+			str = $.trim(str);
+			settings.apiSecret = str;
+			saveSettings();
+		}
+	},
 	editorFontSize: {
 		initial: function(){
 			return [settings.editorFontSize, settings.editorFontSize != 8, settings.editorFontSize != 24];
@@ -382,6 +402,16 @@ var settingsFunctions = {
 			return settings.openNotification;
 		}
 	},
+	useApiKeys: {
+		initial: function(){
+			return settings.useApiKeys;
+		},
+		change: function(){
+			settings.useApiKeys = !settings.useApiKeys;
+			saveSettings();
+			return settings.useApiKeys;
+		}
+	},
 	showProblemStatus: {
 		initial: function(){
 			return settings.showProblemStatus;
@@ -424,6 +454,9 @@ var currentDefaultSettings = {
 	statementFontSize: 16,
 	statementDefaultLanguage: 50,
 	openNotification: true,
+	useApiKeys: false,
+	apiKey: "",
+	apiSecret: ""
 };
 function setAsDefault(op){
 	if(op == undefined)	op = false;
@@ -447,6 +480,9 @@ function setAsDefault(op){
 		var S = settings.editorFontSize;
 		var P = settings.statementFontFamily;
 		var s = settings.statementDefaultLanguage;
+		var A = settings.useApiKeys;
+		var K = settings.apiKey;
+		var _s = settings.apiSecret;
 		if(L == undefined)	L = currentDefaultSettings.language;
 		if(D == undefined)	D = currentDefaultSettings.styleSelection;
 		if(F == undefined)	F = currentDefaultSettings.fontFamily;
@@ -454,6 +490,9 @@ function setAsDefault(op){
 		if(S == undefined)	S = currentDefaultSettings.editorFontSize;
 		if(P == undefined)	P = currentDefaultSettings.statementFontFamily;
 		if(s == undefined)	s = currentDefaultSettings.statementDefaultLanguage
+		if(A == undefined)	A = currentDefaultSettings.useApiKeys;
+		if(K == undefined)	K = currentDefaultSettings.apiKey;
+		if(_s == undefined)	_s = currentDefaultSettings.apiSecret;
 		settings = JSON.parse(JSON.stringify(currentDefaultSettings));
 		settings.language = L;
 		settings.styleSelection = D;
@@ -462,6 +501,9 @@ function setAsDefault(op){
 		settings.editorFontSize = S;
 		settings.statementFontFamily = P;
 		settings.statementDefaultLanguage = s;
+		settings.useApiKeys = A;
+		settings.apiKey = K;
+		settings.apiSecret = _s;
 	}
 	saveSettings();
 	initSettingsPage();
diff --git a/js/sha512.js b/js/sha512.js
new file mode 100644
index 0000000..7d40361
--- /dev/null
+++ b/js/sha512.js
@@ -0,0 +1,497 @@
+/*
+ * A JavaScript implementation of the Secure Hash Algorithm, SHA-512, as defined
+ * in FIPS 180-2
+ * Version 2.2 Copyright Anonymous Contributor, Paul Johnston 2000 - 2009.
+ * Other contributors: Greg Holt, Andrew Kepert, Ydnar, Lostinet
+ * Distributed under the BSD License
+ * See http://pajhome.org.uk/crypt/md5 for details.
+ */
+
+/*
+ * Configurable variables. You may need to tweak these to be compatible with
+ * the server-side, but the defaults work in most cases.
+ */
+var hexcase = 0; /* hex output format. 0 - lowercase; 1 - uppercase    */
+var b64pad = ""; /* base-64 pad character. "=" for strict RFC compliance  */
+
+/*
+ * These are the functions you'll usually want to call
+ * They take string arguments and return either hex or base-64 encoded strings
+ */
+function hex_sha512(s)  { return rstr2hex(rstr_sha512(str2rstr_utf8(s))); }
+function b64_sha512(s)  { return rstr2b64(rstr_sha512(str2rstr_utf8(s))); }
+function any_sha512(s, e) { return rstr2any(rstr_sha512(str2rstr_utf8(s)), e);}
+function hex_hmac_sha512(k, d)
+ { return rstr2hex(rstr_hmac_sha512(str2rstr_utf8(k), str2rstr_utf8(d))); }
+function b64_hmac_sha512(k, d)
+ { return rstr2b64(rstr_hmac_sha512(str2rstr_utf8(k), str2rstr_utf8(d))); }
+function any_hmac_sha512(k, d, e)
+ { return rstr2any(rstr_hmac_sha512(str2rstr_utf8(k), str2rstr_utf8(d)), e);}
+
+/*
+ * Perform a simple self-test to see if the VM is working
+ */
+function sha512_vm_test()
+{
+ return hex_sha512("abc").toLowerCase() ==
+  "ddaf35a193617abacc417349ae20413112e6fa4e89a97ea20a9eeee64b55d39a" +
+  "2192992a274fc1a836ba3c23a3feebbd454d4423643ce80e2a9ac94fa54ca49f";
+}
+
+/*
+ * Calculate the SHA-512 of a raw string
+ */
+function rstr_sha512(s)
+{
+ return binb2rstr(binb_sha512(rstr2binb(s), s.length * 8));
+}
+
+/*
+ * Calculate the HMAC-SHA-512 of a key and some data (raw strings)
+ */
+function rstr_hmac_sha512(key, data)
+{
+ var bkey = rstr2binb(key);
+ if(bkey.length > 32) bkey = binb_sha512(bkey, key.length * 8);
+
+ var ipad = Array(32), opad = Array(32);
+ for(var i = 0; i < 32; i++)
+ {
+  ipad[i] = bkey[i] ^ 0x36363636;
+  opad[i] = bkey[i] ^ 0x5C5C5C5C;
+ }
+
+ var hash = binb_sha512(ipad.concat(rstr2binb(data)), 1024 + data.length * 8);
+ return binb2rstr(binb_sha512(opad.concat(hash), 1024 + 512));
+}
+
+/*
+ * Convert a raw string to a hex string
+ */
+function rstr2hex(input)
+{
+ try { hexcase } catch(e) { hexcase=0; }
+ var hex_tab = hexcase ? "0123456789ABCDEF" : "0123456789abcdef";
+ var output = "";
+ var x;
+ for(var i = 0; i < input.length; i++)
+ {
+  x = input.charCodeAt(i);
+  output += hex_tab.charAt((x >>> 4) & 0x0F)
+      + hex_tab.charAt( x    & 0x0F);
+ }
+ return output;
+}
+
+/*
+ * Convert a raw string to a base-64 string
+ */
+function rstr2b64(input)
+{
+ try { b64pad } catch(e) { b64pad=''; }
+ var tab = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
+ var output = "";
+ var len = input.length;
+ for(var i = 0; i < len; i += 3)
+ {
+  var triplet = (input.charCodeAt(i) << 16)
+        | (i + 1 < len ? input.charCodeAt(i+1) << 8 : 0)
+        | (i + 2 < len ? input.charCodeAt(i+2)   : 0);
+  for(var j = 0; j < 4; j++)
+  {
+   if(i * 8 + j * 6 > input.length * 8) output += b64pad;
+   else output += tab.charAt((triplet >>> 6*(3-j)) & 0x3F);
+  }
+ }
+ return output;
+}
+
+/*
+ * Convert a raw string to an arbitrary string encoding
+ */
+function rstr2any(input, encoding)
+{
+ var divisor = encoding.length;
+ var i, j, q, x, quotient;
+
+ /* Convert to an array of 16-bit big-endian values, forming the dividend */
+ var dividend = Array(Math.ceil(input.length / 2));
+ for(i = 0; i < dividend.length; i++)
+ {
+  dividend[i] = (input.charCodeAt(i * 2) << 8) | input.charCodeAt(i * 2 + 1);
+ }
+
+ /*
+  * Repeatedly perform a long division. The binary array forms the dividend,
+  * the length of the encoding is the divisor. Once computed, the quotient
+  * forms the dividend for the next step. All remainders are stored for later
+  * use.
+  */
+ var full_length = Math.ceil(input.length * 8 /
+                  (Math.log(encoding.length) / Math.log(2)));
+ var remainders = Array(full_length);
+ for(j = 0; j < full_length; j++)
+ {
+  quotient = Array();
+  x = 0;
+  for(i = 0; i < dividend.length; i++)
+  {
+   x = (x << 16) + dividend[i];
+   q = Math.floor(x / divisor);
+   x -= q * divisor;
+   if(quotient.length > 0 || q > 0)
+    quotient[quotient.length] = q;
+  }
+  remainders[j] = x;
+  dividend = quotient;
+ }
+
+ /* Convert the remainders to the output string */
+ var output = "";
+ for(i = remainders.length - 1; i >= 0; i--)
+  output += encoding.charAt(remainders[i]);
+
+ return output;
+}
+
+/*
+ * Encode a string as utf-8.
+ * For efficiency, this assumes the input is valid utf-16.
+ */
+function str2rstr_utf8(input)
+{
+ var output = "";
+ var i = -1;
+ var x, y;
+
+ while(++i < input.length)
+ {
+  /* Decode utf-16 surrogate pairs */
+  x = input.charCodeAt(i);
+  y = i + 1 < input.length ? input.charCodeAt(i + 1) : 0;
+  if(0xD800 <= x && x <= 0xDBFF && 0xDC00 <= y && y <= 0xDFFF)
+  {
+   x = 0x10000 + ((x & 0x03FF) << 10) + (y & 0x03FF);
+   i++;
+  }
+
+  /* Encode output as utf-8 */
+  if(x <= 0x7F)
+   output += String.fromCharCode(x);
+  else if(x <= 0x7FF)
+   output += String.fromCharCode(0xC0 | ((x >>> 6 ) & 0x1F),
+                  0x80 | ( x     & 0x3F));
+  else if(x <= 0xFFFF)
+   output += String.fromCharCode(0xE0 | ((x >>> 12) & 0x0F),
+                  0x80 | ((x >>> 6 ) & 0x3F),
+                  0x80 | ( x     & 0x3F));
+  else if(x <= 0x1FFFFF)
+   output += String.fromCharCode(0xF0 | ((x >>> 18) & 0x07),
+                  0x80 | ((x >>> 12) & 0x3F),
+                  0x80 | ((x >>> 6 ) & 0x3F),
+                  0x80 | ( x     & 0x3F));
+ }
+ return output;
+}
+
+/*
+ * Encode a string as utf-16
+ */
+function str2rstr_utf16le(input)
+{
+ var output = "";
+ for(var i = 0; i < input.length; i++)
+  output += String.fromCharCode( input.charCodeAt(i)    & 0xFF,
+                 (input.charCodeAt(i) >>> 8) & 0xFF);
+ return output;
+}
+
+function str2rstr_utf16be(input)
+{
+ var output = "";
+ for(var i = 0; i < input.length; i++)
+  output += String.fromCharCode((input.charCodeAt(i) >>> 8) & 0xFF,
+                  input.charCodeAt(i)    & 0xFF);
+ return output;
+}
+
+/*
+ * Convert a raw string to an array of big-endian words
+ * Characters >255 have their high-byte silently ignored.
+ */
+function rstr2binb(input)
+{
+ var output = Array(input.length >> 2);
+ for(var i = 0; i < output.length; i++)
+  output[i] = 0;
+ for(var i = 0; i < input.length * 8; i += 8)
+  output[i>>5] |= (input.charCodeAt(i / 8) & 0xFF) << (24 - i % 32);
+ return output;
+}
+
+/*
+ * Convert an array of big-endian words to a string
+ */
+function binb2rstr(input)
+{
+ var output = "";
+ for(var i = 0; i < input.length * 32; i += 8)
+  output += String.fromCharCode((input[i>>5] >>> (24 - i % 32)) & 0xFF);
+ return output;
+}
+
+/*
+ * Calculate the SHA-512 of an array of big-endian dwords, and a bit length
+ */
+var sha512_k;
+function binb_sha512(x, len)
+{
+ if(sha512_k == undefined)
+ {
+  //SHA512 constants
+  sha512_k = new Array(
+new int64(0x428a2f98, -685199838), new int64(0x71374491, 0x23ef65cd),
+new int64(-1245643825, -330482897), new int64(-373957723, -2121671748),
+new int64(0x3956c25b, -213338824), new int64(0x59f111f1, -1241133031),
+new int64(-1841331548, -1357295717), new int64(-1424204075, -630357736),
+new int64(-670586216, -1560083902), new int64(0x12835b01, 0x45706fbe),
+new int64(0x243185be, 0x4ee4b28c), new int64(0x550c7dc3, -704662302),
+new int64(0x72be5d74, -226784913), new int64(-2132889090, 0x3b1696b1),
+new int64(-1680079193, 0x25c71235), new int64(-1046744716, -815192428),
+new int64(-459576895, -1628353838), new int64(-272742522, 0x384f25e3),
+new int64(0xfc19dc6, -1953704523), new int64(0x240ca1cc, 0x77ac9c65),
+new int64(0x2de92c6f, 0x592b0275), new int64(0x4a7484aa, 0x6ea6e483),
+new int64(0x5cb0a9dc, -1119749164), new int64(0x76f988da, -2096016459),
+new int64(-1740746414, -295247957), new int64(-1473132947, 0x2db43210),
+new int64(-1341970488, -1728372417), new int64(-1084653625, -1091629340),
+new int64(-958395405, 0x3da88fc2), new int64(-710438585, -1828018395),
+new int64(0x6ca6351, -536640913), new int64(0x14292967, 0xa0e6e70),
+new int64(0x27b70a85, 0x46d22ffc), new int64(0x2e1b2138, 0x5c26c926),
+new int64(0x4d2c6dfc, 0x5ac42aed), new int64(0x53380d13, -1651133473),
+new int64(0x650a7354, -1951439906), new int64(0x766a0abb, 0x3c77b2a8),
+new int64(-2117940946, 0x47edaee6), new int64(-1838011259, 0x1482353b),
+new int64(-1564481375, 0x4cf10364), new int64(-1474664885, -1136513023),
+new int64(-1035236496, -789014639), new int64(-949202525, 0x654be30),
+new int64(-778901479, -688958952), new int64(-694614492, 0x5565a910),
+new int64(-200395387, 0x5771202a), new int64(0x106aa070, 0x32bbd1b8),
+new int64(0x19a4c116, -1194143544), new int64(0x1e376c08, 0x5141ab53),
+new int64(0x2748774c, -544281703), new int64(0x34b0bcb5, -509917016),
+new int64(0x391c0cb3, -976659869), new int64(0x4ed8aa4a, -482243893),
+new int64(0x5b9cca4f, 0x7763e373), new int64(0x682e6ff3, -692930397),
+new int64(0x748f82ee, 0x5defb2fc), new int64(0x78a5636f, 0x43172f60),
+new int64(-2067236844, -1578062990), new int64(-1933114872, 0x1a6439ec),
+new int64(-1866530822, 0x23631e28), new int64(-1538233109, -561857047),
+new int64(-1090935817, -1295615723), new int64(-965641998, -479046869),
+new int64(-903397682, -366583396), new int64(-779700025, 0x21c0c207),
+new int64(-354779690, -840897762), new int64(-176337025, -294727304),
+new int64(0x6f067aa, 0x72176fba), new int64(0xa637dc5, -1563912026),
+new int64(0x113f9804, -1090974290), new int64(0x1b710b35, 0x131c471b),
+new int64(0x28db77f5, 0x23047d84), new int64(0x32caab7b, 0x40c72493),
+new int64(0x3c9ebe0a, 0x15c9bebc), new int64(0x431d67c4, -1676669620),
+new int64(0x4cc5d4be, -885112138), new int64(0x597f299c, -60457430),
+new int64(0x5fcb6fab, 0x3ad6faec), new int64(0x6c44198c, 0x4a475817));
+ }
+
+ //Initial hash values
+ var H = new Array(
+new int64(0x6a09e667, -205731576),
+new int64(-1150833019, -2067093701),
+new int64(0x3c6ef372, -23791573),
+new int64(-1521486534, 0x5f1d36f1),
+new int64(0x510e527f, -1377402159),
+new int64(-1694144372, 0x2b3e6c1f),
+new int64(0x1f83d9ab, -79577749),
+new int64(0x5be0cd19, 0x137e2179));
+
+ var T1 = new int64(0, 0),
+  T2 = new int64(0, 0),
+  a = new int64(0,0),
+  b = new int64(0,0),
+  c = new int64(0,0),
+  d = new int64(0,0),
+  e = new int64(0,0),
+  f = new int64(0,0),
+  g = new int64(0,0),
+  h = new int64(0,0),
+  //Temporary variables not specified by the document
+  s0 = new int64(0, 0),
+  s1 = new int64(0, 0),
+  Ch = new int64(0, 0),
+  Maj = new int64(0, 0),
+  r1 = new int64(0, 0),
+  r2 = new int64(0, 0),
+  r3 = new int64(0, 0);
+ var j, i;
+ var W = new Array(80);
+ for(i=0; i<80; i++)
+  W[i] = new int64(0, 0);
+
+ // append padding to the source string. The format is described in the FIPS.
+ x[len >> 5] |= 0x80 << (24 - (len & 0x1f));
+ x[((len + 128 >> 10)<< 5) + 31] = len;
+
+ for(i = 0; i<x.length; i+=32) //32 dwords is the block size
+ {
+  int64copy(a, H[0]);
+  int64copy(b, H[1]);
+  int64copy(c, H[2]);
+  int64copy(d, H[3]);
+  int64copy(e, H[4]);
+  int64copy(f, H[5]);
+  int64copy(g, H[6]);
+  int64copy(h, H[7]);
+
+  for(j=0; j<16; j++)
+  {
+    W[j].h = x[i + 2*j];
+    W[j].l = x[i + 2*j + 1];
+  }
+
+  for(j=16; j<80; j++)
+  {
+   //sigma1
+   int64rrot(r1, W[j-2], 19);
+   int64revrrot(r2, W[j-2], 29);
+   int64shr(r3, W[j-2], 6);
+   s1.l = r1.l ^ r2.l ^ r3.l;
+   s1.h = r1.h ^ r2.h ^ r3.h;
+   //sigma0
+   int64rrot(r1, W[j-15], 1);
+   int64rrot(r2, W[j-15], 8);
+   int64shr(r3, W[j-15], 7);
+   s0.l = r1.l ^ r2.l ^ r3.l;
+   s0.h = r1.h ^ r2.h ^ r3.h;
+
+   int64add4(W[j], s1, W[j-7], s0, W[j-16]);
+  }
+
+  for(j = 0; j < 80; j++)
+  {
+   //Ch
+   Ch.l = (e.l & f.l) ^ (~e.l & g.l);
+   Ch.h = (e.h & f.h) ^ (~e.h & g.h);
+
+   //Sigma1
+   int64rrot(r1, e, 14);
+   int64rrot(r2, e, 18);
+   int64revrrot(r3, e, 9);
+   s1.l = r1.l ^ r2.l ^ r3.l;
+   s1.h = r1.h ^ r2.h ^ r3.h;
+
+   //Sigma0
+   int64rrot(r1, a, 28);
+   int64revrrot(r2, a, 2);
+   int64revrrot(r3, a, 7);
+   s0.l = r1.l ^ r2.l ^ r3.l;
+   s0.h = r1.h ^ r2.h ^ r3.h;
+
+   //Maj
+   Maj.l = (a.l & b.l) ^ (a.l & c.l) ^ (b.l & c.l);
+   Maj.h = (a.h & b.h) ^ (a.h & c.h) ^ (b.h & c.h);
+
+   int64add5(T1, h, s1, Ch, sha512_k[j], W[j]);
+   int64add(T2, s0, Maj);
+
+   int64copy(h, g);
+   int64copy(g, f);
+   int64copy(f, e);
+   int64add(e, d, T1);
+   int64copy(d, c);
+   int64copy(c, b);
+   int64copy(b, a);
+   int64add(a, T1, T2);
+  }
+  int64add(H[0], H[0], a);
+  int64add(H[1], H[1], b);
+  int64add(H[2], H[2], c);
+  int64add(H[3], H[3], d);
+  int64add(H[4], H[4], e);
+  int64add(H[5], H[5], f);
+  int64add(H[6], H[6], g);
+  int64add(H[7], H[7], h);
+ }
+
+ //represent the hash as an array of 32-bit dwords
+ var hash = new Array(16);
+ for(i=0; i<8; i++)
+ {
+  hash[2*i] = H[i].h;
+  hash[2*i + 1] = H[i].l;
+ }
+ return hash;
+}
+
+//A constructor for 64-bit numbers
+function int64(h, l)
+{
+ this.h = h;
+ this.l = l;
+ //this.toString = int64toString;
+}
+
+//Copies src into dst, assuming both are 64-bit numbers
+function int64copy(dst, src)
+{
+ dst.h = src.h;
+ dst.l = src.l;
+}
+
+//Right-rotates a 64-bit number by shift
+//Won't handle cases of shift>=32
+//The function revrrot() is for that
+function int64rrot(dst, x, shift)
+{
+  dst.l = (x.l >>> shift) | (x.h << (32-shift));
+  dst.h = (x.h >>> shift) | (x.l << (32-shift));
+}
+
+//Reverses the dwords of the source and then rotates right by shift.
+//This is equivalent to rotation by 32+shift
+function int64revrrot(dst, x, shift)
+{
+  dst.l = (x.h >>> shift) | (x.l << (32-shift));
+  dst.h = (x.l >>> shift) | (x.h << (32-shift));
+}
+
+//Bitwise-shifts right a 64-bit number by shift
+//Won't handle shift>=32, but it's never needed in SHA512
+function int64shr(dst, x, shift)
+{
+  dst.l = (x.l >>> shift) | (x.h << (32-shift));
+  dst.h = (x.h >>> shift);
+}
+
+//Adds two 64-bit numbers
+//Like the original implementation, does not rely on 32-bit operations
+function int64add(dst, x, y)
+{
+  var w0 = (x.l & 0xffff) + (y.l & 0xffff);
+  var w1 = (x.l >>> 16) + (y.l >>> 16) + (w0 >>> 16);
+  var w2 = (x.h & 0xffff) + (y.h & 0xffff) + (w1 >>> 16);
+  var w3 = (x.h >>> 16) + (y.h >>> 16) + (w2 >>> 16);
+  dst.l = (w0 & 0xffff) | (w1 << 16);
+  dst.h = (w2 & 0xffff) | (w3 << 16);
+}
+
+//Same, except with 4 addends. Works faster than adding them one by one.
+function int64add4(dst, a, b, c, d)
+{
+  var w0 = (a.l & 0xffff) + (b.l & 0xffff) + (c.l & 0xffff) + (d.l & 0xffff);
+  var w1 = (a.l >>> 16) + (b.l >>> 16) + (c.l >>> 16) + (d.l >>> 16) + (w0 >>> 16);
+  var w2 = (a.h & 0xffff) + (b.h & 0xffff) + (c.h & 0xffff) + (d.h & 0xffff) + (w1 >>> 16);
+  var w3 = (a.h >>> 16) + (b.h >>> 16) + (c.h >>> 16) + (d.h >>> 16) + (w2 >>> 16);
+  dst.l = (w0 & 0xffff) | (w1 << 16);
+  dst.h = (w2 & 0xffff) | (w3 << 16);
+}
+
+//Same, except with 5 addends
+function int64add5(dst, a, b, c, d, e)
+{
+  var w0 = (a.l & 0xffff) + (b.l & 0xffff) + (c.l & 0xffff) + (d.l & 0xffff) + (e.l & 0xffff);
+  var w1 = (a.l >>> 16) + (b.l >>> 16) + (c.l >>> 16) + (d.l >>> 16) + (e.l >>> 16) + (w0 >>> 16);
+  var w2 = (a.h & 0xffff) + (b.h & 0xffff) + (c.h & 0xffff) + (d.h & 0xffff) + (e.h & 0xffff) + (w1 >>> 16);
+  var w3 = (a.h >>> 16) + (b.h >>> 16) + (c.h >>> 16) + (d.h >>> 16) + (e.h >>> 16) + (w2 >>> 16);
+  dst.l = (w0 & 0xffff) | (w1 << 16);
+  dst.h = (w2 & 0xffff) | (w3 << 16);
+}
+
diff --git a/problem.html b/problem.html
index 707bba4..133fe82 100644
--- a/problem.html
+++ b/problem.html
@@ -54,7 +54,7 @@
 				<div class="loadingInterface submitWindow" style="display: none; opacity: 0"><div style="height: calc(100% - 50px); width: calc(100% - 100px); padding: 10px; display: flex; flex-direction: column; overflow: hidden" class="submitInterface">
 					<div class="submitInterfaceTitle" style="height: 30px; width: calc(100% - 10px); display: flex; flex-direction: row; padding: 5px; overflow-x: hidden">
 						<div style="overflow-x: hidden; flex: 1">
-							<span class="submitUsername"></span> <span class="fas fa-angle-right"></span> <span class="submitProblemID"></span>
+							<span class="submitUsername"></span> <i class="fa-solid fa-paper-plane"></i> <span class="fas fa-angle-right"></span> <span class="submitProblemID"></span>
 						</div><div style="position: relative; width: 24px"><i class="fas fa-times red closeSubmitPage" style="cursor: pointer"></i></div>
 					</div>
 					<div style="width: calc(100% - 10px); padding: 5px;display: flex; flex-direction: row">
@@ -119,6 +119,7 @@
 	<footer>
 		<script src="./js/locale.js"></script>
 		<script src="./js/settings.js"></script>
+		<script src="./js/problem-watcher.js"></script>
 		<script src="./js/langs.js"></script>
 		<script>
 			reloadSettings();

From 566e01888d852a4b046a6bbea6d4a33b2359bbcf Mon Sep 17 00:00:00 2001
From: tiger2005 <41613797+tiger2005@users.noreply.github.com>
Date: Tue, 19 Oct 2021 18:45:38 +0800
Subject: [PATCH 2/3] [!] Fix redirection bug by opening the website

---
 css/client.css         | 35 ++++++++++++++++++++++++-----------
 css/dark.css           |  4 +++-
 css/default.css        |  4 +++-
 css/problem/client.css |  8 +++++++-
 index.html             | 20 +++++++++++++++++---
 js/authorize.js        |  5 +++++
 js/client.js           |  8 --------
 js/locale.js           |  2 ++
 js/multi.js            | 34 ++++++++++++++++++++++++++++++++--
 9 files changed, 93 insertions(+), 27 deletions(-)

diff --git a/css/client.css b/css/client.css
index 92ad51b..5ad50d0 100644
--- a/css/client.css
+++ b/css/client.css
@@ -820,16 +820,25 @@ pre{
 	cursor: pointer;
 }
 
-
-
-
-
-
-
-
-
-
-
+/* MULTI */
+.multiInfoDisplayer{
+	width: 100%;
+	height: 100%;
+	flex: 1;
+	position: relative;
+	overflow: auto;
+}
+.multiSettingsBar{
+	height: 100px;
+	width: 100%;
+}
+.multiInfoTable{
+	width: 100%;
+	max-height: 100%;
+}
+.multiInfoThead{
+	display: table-header-group;
+}
 
 /* SETTINGS */
 .settingPage{
@@ -974,7 +983,7 @@ pre{
 }
 
 
-
+/* SEARCH */
 
 .searchPage{
 	padding: 10px 0px;
@@ -1059,6 +1068,9 @@ pre{
 	margin: 3px 10px 3px 0px;
 	font-size: 18px;
 }
+
+/* CONTEST */
+
 .contestInfoCard{
 	display: flex;
 	flex-direction: column;
@@ -1116,6 +1128,7 @@ pre{
 	font-size: 16px;
 }
 .contestCardTime{
+	margin-top: 5px;
 	font-size: 16px;
 }
 .contestCardTimeRunningType{
diff --git a/css/dark.css b/css/dark.css
index 938ceec..8d17853 100644
--- a/css/dark.css
+++ b/css/dark.css
@@ -135,7 +135,9 @@ body{
 .highlightedContestList{
     background: #444;
 }
-
+.multiSettingsBar{
+    background: rgb(46, 51, 56);
+}
 
 
 
diff --git a/css/default.css b/css/default.css
index 3d02d5d..94a2905 100644
--- a/css/default.css
+++ b/css/default.css
@@ -138,7 +138,9 @@ body{
 .highlightedContestList{
     background: #ccc;
 }
-
+.multiSettingsBar{
+    background: #ccc;
+}
 
 
 
diff --git a/css/problem/client.css b/css/problem/client.css
index f1c0e3d..1874190 100644
--- a/css/problem/client.css
+++ b/css/problem/client.css
@@ -273,6 +273,7 @@ select{
     margin-right: 10px;
 }
 .addProblemInterface{
+	user-select: none;
 	border-radius: 5px;
 }
 .inputButtonSplitter{
@@ -318,7 +319,9 @@ select{
 	outline: 0;
 }
 
-
+.problemTag{
+	user-select: none;
+}
 .problemTag > i{
 	margin-right: 10px;
 }
@@ -487,6 +490,7 @@ ul, ol{
 	display: inline-block;
 }
 .watchDisplayer{
+	user-select: none;
 	z-index: 98;
 	width: 370px !important;
 	position: absolute;
@@ -495,6 +499,7 @@ ul, ol{
 	text-align: center;
 }
 .singleWatchContent{
+	user-select: none;
 	transition: 0.2s;
 	padding: 0px 10px;
 	margin: 10px 0px;
@@ -506,6 +511,7 @@ ul, ol{
 	flex-direction: column;
 }
 .singleWatchTitle{
+	user-select: none;
 	font-size: 16px;
 	text-align: center;
 }
diff --git a/index.html b/index.html
index 0949abf..b3205fc 100644
--- a/index.html
+++ b/index.html
@@ -347,8 +347,22 @@
 						</div>
 					</div>
 					<div class="contentWrapper multiContent">
-						<div class="contentRowInfo">
-							
+						<div class="contentRowInfo"><div class="contentPage">
+							<div style="width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden">
+								<div class="multiInfoDisplayer">
+									<table class="multiInfoTable">
+										<thead class="multiInfoThead">
+											
+										</thead>
+										<tbody class="multiInfoTbody">
+											
+										</tbody>
+									</table>
+								</div>
+								<div class="multiSettingsBar">
+									
+								</div>
+							</div></div>
 						</div>
 					</div>
 					<div class="contentWrapper contestContent">
@@ -484,7 +498,7 @@
 							<div class="contentPage">
 								<div class="settingPage"> <div style="margin: 20px 0px">
 									<div class="settingsHeader" info="settingsAccount"></div>
-									<div class="settingsSelectInfoAddition settingsLoginType">...</div>
+									<div class="settingsSelectInfoAddition" style="position: relative"><span class="settingsLoginType"></span><span info="redirectVerification" style="float: right; cursor: pointer" onclick="openCodeforcesPage()"></span></div>
 									<div class="settingsUI settingsInput" for="accountHandleOrEmail">
 										<div class="settingsInputInfo">
 											<div class="settingsInputInfoMain">Radio Name</div>
diff --git a/js/authorize.js b/js/authorize.js
index 91e845a..7027ff5 100644
--- a/js/authorize.js
+++ b/js/authorize.js
@@ -341,6 +341,11 @@ function generateAuthorizeURL(url, data){
 	data.push(["apiSig", rnd + shaCode]);
 	return url + generateParams(data);
 }
+function openCodeforcesPage(){
+	if(!RunInNwjs)
+		return;
+	window.open(settings.mainURL)
+}
 
 if(RunInNwjs)
 	loadLoginType();
\ No newline at end of file
diff --git a/js/client.js b/js/client.js
index b678860..45685ba 100644
--- a/js/client.js
+++ b/js/client.js
@@ -931,14 +931,6 @@ function singleContestantTimeCountdown(tc){
 		contestNewWinJQ.find(".singleContestProgressBackground").css("width", `${p/q*100}%`);
 }
 function resetProblemPointInfo(json){
-	console.log(json);
-	for(var i=0; i<json.rows.length; i++)
-		if(json.rows[i].pointsInfo != undefined)
-			json.rows[i].points = Number(json.rows[i].pointsInfo);
-	for(var i=0; i<json.rows.length; i++)
-		for(var j=0; j<json.rows[i].problemResults.length; j++)
-			if(json.rows[i].problemResults[j].pointsInfo != undefined)
-			json.rows[i].problemResults[j].points = Number(json.rows[i].problemResults[j].pointsInfo);
 	return json;
 }
 function singleContestantSyncOfficialSettings(un, ci, json, p){
diff --git a/js/locale.js b/js/locale.js
index 9b4328a..db1406c 100644
--- a/js/locale.js
+++ b/js/locale.js
@@ -91,6 +91,7 @@ var lang_en = {
 		contestPageBeforeStart: "Before start",
 		contestPageRunning: "Running",
 		tagTeam: "In group",
+		redirectVerification: "<i class='fas fa-link'></i> Verify Redirection",
 	},
 	input: {
 		singleContestantUsername: "Username",
@@ -345,6 +346,7 @@ var lang_zh = {
 		contestPageBeforeStart: "开始于",
 		contestPageRunning: "进行中",
 		tagTeam: "组队",
+		redirectVerification: "<i class='fas fa-link'></i> 重定向验证",
 	},
 	input: {
 		singleContestantUsername: "用户名",
diff --git a/js/multi.js b/js/multi.js
index ea3b83c..547d662 100644
--- a/js/multi.js
+++ b/js/multi.js
@@ -1,3 +1,33 @@
-function loadMultiList(cid, users, room, showUnofficial){
+function loadMultiList(cid, users, room, showUnofficial, S, E){
+	var data = {};
+	data.contestId = cid;
+	if(users != undefined && users.length != 0)
+		data.handles = users.join(",");
+	if(room != undefined)
+		data.room = room;
+	data.showUnofficial = showUnofficial;
+	$.ajax({
+		url: generateAuthorizeURL(settings.codeforcesApiUrl + '/contest.standings', data),
+		timeout: settings.largeTimeLimit,
+		success: function(json){
+			if(json.status != "OK")
+				E();
+			else
+				S(json.result);
+		},
+		error: function(){
+			E();
+		},
+		xhr: function() {
+			var xhr = new XMLHttpRequest();
+			var q = 0;
+			singleLoadType = 1; reloadSingleMemoryUsed();
+			xhr.addEventListener('progress', function (e) {
+				 // (e.loaded - q);
+				 q = e.loaded;
+			});
+			return xhr;
+		}
+	})
+}
 
-}
\ No newline at end of file

From b6cf5eae7a22f1bd5eb632867404561eb830cf4d Mon Sep 17 00:00:00 2001
From: tiger2005 <41613797+tiger2005@users.noreply.github.com>
Date: Sat, 6 Nov 2021 21:21:33 +0800
Subject: [PATCH 3/3] Optimize contest problems fetcher

---
 js/authorize.js |  35 ++++++++++++++--
 js/client.js    |  30 +++++++-------
 js/problem.js   | 103 ++++++++++++++++++++++++++++++++++--------------
 3 files changed, 118 insertions(+), 50 deletions(-)

diff --git a/js/authorize.js b/js/authorize.js
index 7027ff5..e6e0254 100644
--- a/js/authorize.js
+++ b/js/authorize.js
@@ -41,6 +41,10 @@ function getFtaa(){
 	return ret;
 }
 function submitLogout(cb){
+	if(currentLoginHandle == ""){
+		cb();
+		return;
+	}
 	$.ajax({
 		url: settings.mainURL,
 		success: function(data){
@@ -75,7 +79,15 @@ function submitLogin(){
 	submitLogout(function(){$.ajax({
 		url: settings.mainURL,
 		success: function(data){
-			var csrf = queryCsrf.exec(data)[1];
+			var csrf = queryCsrf.exec(data);
+			if(csrf == null){
+				$(".settingsLoginButton").html(`<span info='errorCsrfLoadFailed'>${languageOption.error.errorCsrfLoadFailed}</span>`);
+				setTimeout(function(){
+					$(".settingsLoginButton").html(`<span info='settingsLoginButton' onclick="submitLogin()">${languageOption.general.settingsLoginButton}</span>`);
+				}, 2000)
+				return;
+			}
+			csrf = csrf[1];
 			$.ajax({
 				url: settings.mainURL + '/enter?back=%2F&locale=en',
 				type: "POST",
@@ -130,7 +142,12 @@ function submitSolution(ci, idx, code, lang, S, E){
 	$.ajax({
 		url: settings.mainURL,
 		success: function(data){
-			var csrf = queryCsrf.exec(data)[1];
+			var csrf = queryCsrf.exec(data);
+			if(csrf == null){
+				E('errorCsrfLoadFailed', languageOption.error.errorCsrfLoadFailed);
+				return;
+			}
+			csrf = csrf[1];
 			$.ajax({
 				url: settings.mainURL + `/${ci >= 100000 ? "gym" : "contest"}/` + ci + '/submit',
 				type: "POST",
@@ -219,7 +236,12 @@ function loadContestPassedStatus(S, E){
 	$.ajax({
 		url: settings.mainURL + '/contests',
 		success: function(data){
-			var csrf = queryCsrf.exec(data)[1];
+			var csrf = queryCsrf.exec(data);
+			if(csrf == null){
+				E();
+				return;
+			}
+			csrf = csrf[1];
 			$.ajax({
 				url: settings.mainURL + '/data/contests',
 				type: "POST",
@@ -270,7 +292,12 @@ function registerContest(ci, S, E){
 	$.ajax({
 		url: settings.mainURL,
 		success: function(data){
-			var csrf = queryCsrf.exec(data)[1];
+			var csrf = queryCsrf.exec(data);
+			if(csrf == null){
+				E();
+				return;
+			}
+			csrf = csrf[1];
 			$.ajax({
 				url: settings.mainURL + '/contestRegistration/' + ci,
 				type: "POST",
diff --git a/js/client.js b/js/client.js
index 45685ba..0568bcb 100644
--- a/js/client.js
+++ b/js/client.js
@@ -447,6 +447,7 @@ function initContestNewWinPage(){
 }
 
 function initSinglePage(){
+	$(".forceLoadStandings").css("display", "inline");
 	$(".singleUserAvatar").attr("src", "");
 	$(".singleUsernameDisplayer").attr("class", "").addClass("singleUsernameDisplayer").html("");
 	$(".singleRatingDisplayer > div:first-child").attr("class", "setInlineBlock").html("");
@@ -1010,10 +1011,7 @@ function singleContestantSyncOfficialSettings(un, ci, json, p){
 	if(settings.openProblems && $(".singleContestProgressRatingChangesDisplayer > span:first-child").attr("info") != "contestFinished"){
 		if(singleFirstTimeLoaded){
 			singleFirstTimeLoaded = false;
-			var l = [];
-			for(var i=0; i<contestJsonProblems.length; i++)
-				l.push(contestContestId + contestJsonProblems[i].index);
-			openProblemWin(l, contestContestId);
+			openContestProblems(contestContestId);
 		}
 	}
 }
@@ -1132,10 +1130,7 @@ function singleContestantSyncUnofficialSettings(un, ci, json, p){
 	if(settings.openProblems && $(".singleContestProgressRatingChangesDisplayer > span:first-child").attr("info") != "contestFinished"){
 		if(singleFirstTimeLoaded){
 			singleFirstTimeLoaded = false;
-			var l = [];
-			for(var i=0; i<contestJsonProblems.length; i++)
-				l.push(contestContestId + contestJsonProblems[i].index);
-			openProblemWin(l, contestContestId);
+			openContestProblems(contestContestId);
 		}
 	}
 }
@@ -1244,10 +1239,7 @@ function singleVirtualSyncUnofficialSettings(un, ci, json, p){
 	if(settings.openProblems && $(".singleContestProgressRatingChangesDisplayer > span:first-child").attr("info") != "contestFinished"){
 		if(singleFirstTimeLoaded){
 			singleFirstTimeLoaded = false;
-			var l = [];
-			for(var i=0; i<contestJsonProblems.length; i++)
-				l.push(contestContestId + contestJsonProblems[i].index);
-			openProblemWin(l, contestContestId);
+			openContestProblems(contestContestId);
 		}
 	}
 }
@@ -1536,6 +1528,7 @@ function singleContestantMainTrack(currSingleLastTimeUpdate, un, ci){
 
 
 function singleVirtualMainTrack(currSingleLastTimeUpdate, un, ci, tm){
+	$(".forceLoadStandings").css("display", "none");
 	virtualProvidedStartTime = tm;
 	contestRanks = [0, 0];
 	contestRankLast = [0, 0];
@@ -1652,6 +1645,10 @@ function singleContestantWaitToStart(currLastTimeUpdate, un, ci){
 	var reloadTimeCount = function(){
 		if(currLastTimeUpdate != singleLastTimeUpdate)	return;
 		if(startTime <= (new Date()).getTime()){
+			if(settings.openProblems){
+				singleFirstTimeLoaded = false;
+				openContestProblems(ci);
+			}
 			singleContestantMainTrack(currLastTimeUpdate, un, ci);
 			return;
 		}
@@ -1905,6 +1902,10 @@ function singleVirtualWaitToStart(currLastTimeUpdate, un, ci, tm){
 	var reloadTimeCount = function(){
 		if(currLastTimeUpdate != singleLastTimeUpdate)	return;
 		if(startTime <= (new Date()).getTime()){
+			if(settings.openProblems){
+				singleFirstTimeLoaded = false;
+				openContestProblems(ci);
+			}
 			singleVirtualMainTrack(currLastTimeUpdate, un, ci, tm);
 			return;
 		}
@@ -2545,8 +2546,5 @@ $(".forceLoadStandings").click(function(){
 	setTimeout(function(){loadInfo(settings.codeforcesApiUrl + "/contest.standings", {contestId: ci, showUnofficial: settings.openRankPredict == 2}, ["result"], 1, false);}, 500);
 })
 $(".openProblems").click(function(){
-	var l = [];
-	for(var i=0; i<contestJsonProblems.length; i++)
-		l.push(contestContestId + contestJsonProblems[i].index);
-	openProblemWin(l, contestContestId);
+	openContestProblems(contestContestId);
 })
\ No newline at end of file
diff --git a/js/problem.js b/js/problem.js
index 169b7c6..b1fb585 100644
--- a/js/problem.js
+++ b/js/problem.js
@@ -147,7 +147,7 @@ function initProblemPageInfo(page, data, id){
 		problemNewWinJQ.append(`<script>loadCopyOption()</script>`)
 	}
 }
-function loadProblem(x){
+function loadProblem(x, info){
 	if(problemCurrentPageList.find(function(q){return q[0] == x}) == undefined)	return;
 	var p = problemCurrentPageList.findIndex(function(q){return q[0] == x});
 	problemNewWinJQ.find(`.innerContent > [problem-id=${x}]`).html(`<div style="display: grid; place-items: center; width: 100%; height: 100%"><i class="fas fa-sync-alt fa-spin fa-3x"></i></div>`)
@@ -166,7 +166,12 @@ function loadProblem(x){
 		killProblemListItem($(this).attr("id"));
 		flushProblemNewWin();
 	})
-	problemCurrentPageList[p][1] = $.ajax({
+	if(info != undefined){
+		problemCurrentPageList[p][2] = 0;
+		initProblemPageInfo(problemNewWinJQ.find(`.innerContent > [problem-id=${x}]`), $(info).find(`.problemindexholder[problemindex=${getProblemIndexes(x)[1]}] .problem-statement`), p);
+		return;
+	}
+	problemCurrentPageList[p][1] =$.ajax({
 		url: settings.mainURL + `/${getProblemIndexes(x)[0] >= 100000 ? "gym" : "contest"}/` + getProblemIndexes(x)[0] + '/problem/' + getProblemIndexes(x)[1] + '?locale=en',
 		success: function(data){
 			if(data.indexOf(`data-entityId="${getProblemIndexes(x)[0]}"`) == -1){
@@ -263,7 +268,7 @@ function reloadProblem(x){
 	problemCurrentPageList[p][2] = 0;
 	loadProblem(x);
 }
-function addProblems(x, gid){
+function addProblems(x, gid, info){
 	if(gid == undefined){
 		for(var i=0; i<x.length; i++){
 			if(getProblemIndexes(x[i])[0] == -1)	continue;
@@ -271,7 +276,7 @@ function addProblems(x, gid){
 			problemFocusOn = problemCurrentPageList.length;
 			problemCurrentPageList.push([x[i], null, 1, [[], []], {}]);
 			problemNewWinJQ.find(".innerContent").append(`<div class="innerContentPage" problem-id="${x[i]}" style="display: none"><div style="display: grid; place-items: center; width: 100%; height: 100%"><i class="fas fa-sync-alt fa-spin fa-3x"></i></div></div>`)
-			loadProblem(x[i]);
+			loadProblem(x[i], info);
 		}
 		flushProblemNewWin();
 	}
@@ -287,7 +292,7 @@ function addProblems(x, gid){
 		for(var i=0; i<x.length; i++){
 			problemCurrentPageList.push([x[i], null, 1, [[], []], {}]);
 			problemNewWinJQ.find(".innerContent").append(`<div class="innerContentPage" problem-id="${x[i]}" style="display: none"><div style="display: grid; place-items: center; width: 100%; height: 100%"><i class="fas fa-sync-alt fa-spin fa-3x"></i></div></div>`)
-			loadProblem(x[i]);
+			loadProblem(x[i], info);
 		}
 		flushProblemNewWin();
 	}
@@ -304,7 +309,7 @@ function addProblems(x, gid){
 			problemCurrentPageList.splice(problemGroupRange[gid][0] + i, 0, [x[i], null, 1, [[], []], {}]);
 			problemNewWinJQ.find(`.innerContent > [problem-id=${x[i]}]`).remove();
 			problemNewWinJQ.find(".innerContent").append(`<div class="innerContentPage" problem-id="${x[i]}" style="display: none"><div style="display: grid; place-items: center; width: 100%; height: 100%"><i class="fas fa-sync-alt fa-spin fa-3x"></i></div></div>`)
-			loadProblem(x[i]);
+			loadProblem(x[i], info);
 		}
 		flushProblemNewWin();
 	}
@@ -348,17 +353,17 @@ function loadContestProblemset(cid, S, E){
 	}
 	cid = Number(cid);
 	$.ajax({
-		url: settings.mainURL + `/${cid >= 100000 ? "gym" : "contest"}/` + cid,
+		url: settings.mainURL + `/${cid >= 100000 ? "gym" : "contest"}/` + cid + '/problems',
 		success: function(data){
-			if(data.indexOf(`data-entityId="${cid}"`) == -1){
+			if(data.indexOf(`class="problem-statement"`) == -1){
 				E(); return;
 			}
-			var q = $(data).find("table.problems");
+			var q = $(data);
 			var ret = [];
-			q.find("td.id a").each(function(){
-				ret.push(String(cid) + $.trim($(this).html()));
+			q.find(".problemindexholder").each(function(){
+				ret.push(String(cid) + $.trim($(this).attr("problemindex")));
 			})
-			S(ret);
+			S(ret, q);
 		},
 		error: function(){
 			E();
@@ -416,22 +421,6 @@ function flushProblemNewWin(){
 		problemNewWinJQ.find(".innerContent > div").css("display", "none");
 		problemNewWinJQ.find(`.innerContent > [problem-id=${problemCurrentPageList[problemFocusOn][0]}]`).css("display", "block");
 	})
-	problemNewWinJQ.find(".prevProblem").unbind("click").click(function(){
-		problemNewWinJQ.find(".sideBarItem").eq(problemFocusOn).removeClass("chosen");
-		problemFocusOn = Math.max(problemFocusOn - 1, 0);
-		problemNewWinJQ.find(".sideBarItem").eq(problemFocusOn).addClass("chosen");
-		problemNewWinJQ.find(".problemName").html(problemCurrentPageList[problemFocusOn][0]);
-		problemNewWinJQ.find(".innerContent > div").css("display", "none");
-		problemNewWinJQ.find(`.innerContent > [problem-id=${problemCurrentPageList[problemFocusOn][0]}]`).css("display", "block");
-	})
-	problemNewWinJQ.find(".nextProblem").unbind("click").click(function(){
-		problemNewWinJQ.find(".sideBarItem").eq(problemFocusOn).removeClass("chosen");
-		problemFocusOn = Math.min(problemFocusOn + 1, problemCurrentPageList.length - 1);
-		problemNewWinJQ.find(".sideBarItem").eq(problemFocusOn).addClass("chosen");
-		problemNewWinJQ.find(".problemName").html(problemCurrentPageList[problemFocusOn][0]);
-		problemNewWinJQ.find(".innerContent > div").css("display", "none");
-		problemNewWinJQ.find(`.innerContent > [problem-id=${problemCurrentPageList[problemFocusOn][0]}]`).css("display", "block");
-	})
 	problemNewWinJQ.find(".closeCurrentProblemPage").unbind("click").click(function(){
 		event.stopPropagation();
 		killProblemListItem($(this).attr("id"));
@@ -506,7 +495,7 @@ function flushProblemNewWin(){
 		problemNewWinJQ.find(".problemInfoInputArea button").html(`<i class="fas fa-sync fa-spin"></i>`);
 		problemNewWinJQ.find(".contestInfoInputArea button").html(`<i class="fas fa-sync fa-spin"></i>`);
 		var R = problemNewWinJQ.find(".contestInfoInputArea input").val();
-		loadContestProblemset(R, function(data){
+		loadContestProblemset(R, function(data, info){
 			problemNewWinJQ.find(".problemInfoInputArea button").removeAttr("disabled");
 			problemNewWinJQ.find(".contestInfoInputArea button").removeAttr("disabled");
 			problemNewWinJQ.find(".problemInfoInputArea button").html(`<i class="fas fa-paper-plane"></i>`);
@@ -515,7 +504,7 @@ function flushProblemNewWin(){
 			setTimeout(function(){
 				problemNewWinJQ.find(".addProblemWindow").css("display", "none");
 			}, 500);
-			addProblems(data, R);
+			addProblems(data, R, info);
 		}, function(){
 			problemNewWinJQ.find(".problemInfoInputArea button").removeClass("primaryColor").addClass("dangerColor");
 			problemNewWinJQ.find(".contestInfoInputArea button").removeClass("primaryColor").addClass("dangerColor");
@@ -709,4 +698,58 @@ function openProblemWin(xx, gid){
 					problemCurrentPageList[i][1].abort();
 		})
 	});
+}
+function addContest(ci){
+	loadContestProblemset(ci, function(data, info){
+		addProblems(data, ci, info);
+	}, function(){});
+}
+function openContestProblems(xx){
+	if(!RunInNwjs)	return;
+	if(problemNewWinOpened){
+		addContest(xx);
+		return;
+	}
+	problemNewWinOpened = true;
+	nw.Window.open("problem.html",{
+	    "title": "Codeforces Problems", 
+	    "icon": "favicon.png",
+	    "width": 600,
+	    "height": 420, 
+	    "position": "center",
+	    "resizable": true,
+	    "min_width": 450,
+	    "min_height": 290,
+	    "fullscreen":false,
+	    "show_in_taskbar":true,
+	    "show":true, 
+	    "kiosk":false,
+	    "always_on_top":false,
+	    "frame":false,
+	    "transparent":true,
+	}, function(x){
+		problemNewWin = x;
+		problemNewWin.on("loaded", function(){
+			problemNewWinJQ = $(problemNewWin.window.document.body);
+			initProblemNewWin();
+			problemCurrentPageList = [];
+			problemFocusOn = 0;
+			problemLoadQueue = [];
+			problemLoadRunning = 0;
+			problemGroupRange = {};
+			problemLoadID = 0;
+			// problemNewWin.showDevTools();
+			addContest(xx);
+			addContest(xx);
+			problemNewWinLoaded = true;
+			flushProblemNewWin();
+		})
+		problemNewWin.on("closed", function(){
+			problemNewWinOpened = false;
+			problemNewWinLoaded = false;
+			for(var i=0; i<problemCurrentPageList.length; i++)
+				if(problemCurrentPageList[i][1] != null)
+					problemCurrentPageList[i][1].abort();
+		})
+	});
 }
\ No newline at end of file