S2OJ/uoj/1/js/uoj.js

1145 lines
32 KiB
JavaScript
Raw Normal View History

2016-07-18 16:39:37 +00:00
// locale
uojLocaleData = {
"username": {
"en": "Username",
"zh-cn": "用户名"
},
"contests::total score": {
"en": "Score",
"zh-cn": "总分"
},
"contests::n participants": {
"en": function(n) {
return n + " participant" + (n <= 1 ? '' : 's');
},
"zh-cn": function(n) {
return "共 " + n + " 名参赛者";
}
},
"click-zan::good": {
"en": "Good",
"zh-cn": "好评"
},
"click-zan::bad": {
"en": "Bad",
"zh-cn": "差评"
},
"editor::use advanced editor": {
"en": "use advanced editor",
"zh-cn": "使用高级编辑器"
},
"editor::language": {
"en": "Language",
"zh-cn": "语言"
},
"editor::browse": {
"en": "Browse",
"zh-cn": "浏览"
},
"editor::upload by editor": {
"en": "Upload by editor",
"zh-cn": "使用编辑器上传"
},
"editor::upload from local": {
"en": "Upload from local",
"zh-cn": "从本地文件上传"
}
};
function uojLocale(name) {
locale = $.cookie('uoj_locale');
if (uojLocaleData[name] === undefined) {
return '';
}
if (uojLocaleData[name][locale] === undefined) {
locale = 'zh-cn';
}
val = uojLocaleData[name][locale];
if (!$.isFunction(val)) {
return val;
} else {
var args = [];
for (var i = 1; i < arguments.length; i++) {
args.push(arguments[i]);
}
return val.apply(this, args);
}
}
// utility
function strToDate(str) {
var a = str.split(/[^0-9]/);
return new Date(
parseInt(a[0]),
parseInt(a[1]) - 1,
parseInt(a[2]),
parseInt(a[3]),
parseInt(a[4]),
parseInt(a[5]),
0);
}
function dateToStr(date) {
return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate() + ' ' + date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds();
}
function toFilledStr(o, f, l) {
var s = o.toString();
while (s.length < l) {
s = f.toString() + s;
}
return s;
}
function getPenaltyTimeStr(x) {
var ss = toFilledStr(x % 60, '0', 2);
x = Math.floor(x / 60);
var mm = toFilledStr(x % 60, '0', 2);
x = Math.floor(x / 60);
var hh = x.toString();
return hh + ':' + mm + ':' + ss;
}
function htmlspecialchars(str)
{
var s = "";
if (str.length == 0) return "";
s = str.replace(/&/g, "&amp;");
s = s.replace(/</g, "&lt;");
s = s.replace(/>/g, "&gt;");
s = s.replace(/"/g, "&quot;");
return s;
}
function getColOfRating(rating) {
if (rating < 1500) {
var H = 300 - (1500 - 850) * 300 / 1650, S = 30 + (1500 - 850) * 70 / 1650, V = 50 + (1500 - 850) * 50 / 1650;
if (rating < 300) rating = 300;
var k = (rating - 300) / 1200;
return ColorConverter.toStr(ColorConverter.toRGB(new HSV(H + (300 - H) * (1 - k), 30 + (S - 30) * k, 50 + (V - 50) * k)));
}
if (rating > 2500) {
rating = 2500;
}
return ColorConverter.toStr(ColorConverter.toRGB(new HSV(300 - (rating - 850) * 300 / 1650, 30 + (rating - 850) * 70 / 1650, 50 + (rating - 850) * 50 / 1650)));
}
function getColOfScore(score) {
if (score == 0) {
return ColorConverter.toStr(ColorConverter.toRGB(new HSV(0, 100, 80)));
} else if (score == 100) {
return ColorConverter.toStr(ColorConverter.toRGB(new HSV(120, 100, 80)));
} else {
return ColorConverter.toStr(ColorConverter.toRGB(new HSV(30 + score * 60 / 100, 100, 90)));
}
}
function getUserLink(username, rating, addSymbol) {
if (!username) {
return '';
}
if (addSymbol == undefined) {
addSymbol = true;
}
var text = username;
if (username.charAt(0) == '@') {
username = username.substr(1);
}
if (addSymbol) {
if (rating >= 2500) {
text += '<sup>';
for (var i = 2500; i <= rating; i += 200) {
text += "&alefsym;"
}
text += "</sup>";
}
}
return '<a class="uoj-username" href="' + uojHome + '/user/profile/' + username + '" style="color:' + getColOfRating(rating) + '">' + text + '</a>';
}
function getUserSpan(username, rating, addSymbol) {
if (!username) {
return '';
}
if (addSymbol == undefined) {
addSymbol = true;
}
var text = username;
if (username.charAt(0) == '@') {
username = username.substr(1);
}
if (addSymbol) {
if (rating >= 2500) {
text += '<sup>';
for (var i = 2500; i <= rating; i += 200) {
text += "&alefsym;"
}
text += "</sup>";
}
}
return '<span class="uoj-username" style="color:' + getColOfRating(rating) + '">' + text + '</span>';
}
function replaceWithHighlightUsername() {
var username = $(this).text();
var rating = $(this).data("rating");
if (isNaN(rating)) {
return;
}
if ($(this).data("link") != 0) {
$(this).replaceWith(getUserLink(username, rating));
} else {
$(this).replaceWith(getUserSpan(username, rating));
}
}
$.fn.uoj_honor = function() {
return this.each(function() {
var honor = $(this).text();
var rating = $(this).data("rating");
if (isNaN(rating)) {
return;
}
if (rating >= 2500) {
honor += '<sup>';
for (var i = 2500; i <= rating; i += 200) {
honor += "&alefsym;"
}
honor += "</sup>";
}
$(this).css("color", getColOfRating(rating)).html(honor);
});
}
function showErrorHelp(name, err) {
if (err) {
$('#div-' + name).addClass('has-error');
$('#help-' + name).text(err);
return false;
} else {
$('#div-' + name).removeClass('has-error');
$('#help-' + name).text('');
return true;
}
}
function getFormErrorAndShowHelp(name, val) {
var err = val($('#input-' + name).val());
return showErrorHelp(name, err);
}
function validateSettingPassword(str) {
if (str.length < 6) {
return '密码长度不应小于6。';
} else if (! /^[!-~]+$/.test(str)) {
return '密码应只包含可见ASCII字符。';
} else if (str != $('#input-confirm_password').val()) {
return '两次输入的密码不一致。';
} else {
return '';
}
}
function validatePassword(str) {
if (str.length < 6) {
return '密码长度不应小于6。';
} else if (! /^[!-~]+$/.test(str)) {
return '密码应只包含可见ASCII字符。';
} else {
return '';
}
}
function validateEmail(str) {
if (str.length > 50) {
return '电子邮箱地址太长。';
} else if (! /^(.+)@(.+)$/.test(str)) {
return '电子邮箱地址非法。';
} else {
return '';
}
}
function validateUsername(str) {
if (str.length == 0) {
return '用户名不能为空。';
} else if (! /^[a-zA-Z0-9_]+$/.test(str)) {
return '用户名应只包含大小写英文字母、数字和下划线。';
} else {
return '';
}
}
function validateQQ(str) {
if (str.length < 5) {
return 'QQ的长度不应小于5。';
} else if (str.length > 15) {
return 'QQ的长度不应大于15。';
} else if (/\D/.test(str)) {
return 'QQ应只包含0~9的数字。';
} else {
return '';
}
}
function validateMotto(str) {
if (str.length > 50) {
return '不能超过50字';
} else {
return '';
}
}
// tags
$.fn.uoj_problem_tag = function() {
return this.each(function() {
$(this).attr('href', uojHome + '/problems?tag=' + encodeURIComponent($(this).text()));
});
}
$.fn.uoj_blog_tag = function() {
return this.each(function() {
$(this).attr('href', uojBlogUrl + '/archive?tag=' + encodeURIComponent($(this).text()));
2016-07-18 16:39:37 +00:00
});
}
// click zan
function click_zan(zan_id, zan_type, zan_delta, node) {
var loading_node = $('<div class="text-muted">loading...</div>');
$(node).replaceWith(loading_node);
$.post('/click-zan', {
id : zan_id,
delta : zan_delta,
type : zan_type
}, function(ret) {
$(loading_node).replaceWith($(ret).click_zan_block());
}).fail(function() {
$(loading_node).replaceWith('<div class="text-danger">failed</div>');
});
}
$.fn.click_zan_block = function() {
return this.each(function() {
var id = $(this).data('id');
var type = $(this).data('type');
var val = parseInt($(this).data('val'));
var cnt = parseInt($(this).data('cnt'));
if (isNaN(cnt)) {
return;
}
if (val == 1) {
$(this).addClass('uoj-click-zan-block-cur-up');
} else if (val == 0) {
$(this).addClass('uoj-click-zan-block-cur-zero');
} else if (val == -1) {
$(this).addClass('uoj-click-zan-block-cur-down');
} else {
return;
}
if (cnt > 0) {
$(this).addClass('uoj-click-zan-block-positive');
} else if (cnt == 0) {
$(this).addClass('uoj-click-zan-block-neutral');
} else {
$(this).addClass('uoj-click-zan-block-negative');
}
var node = this;
var up_node = $('<a href="#" class="uoj-click-zan-up"><span class="glyphicon glyphicon-thumbs-up"></span>'+uojLocale('click-zan::good')+'</a>').click(function(e) {
e.preventDefault();
click_zan(id, type, 1, node);
});
var down_node = $('<a href="#" class="uoj-click-zan-down"><span class="glyphicon glyphicon-thumbs-down"></span>'+uojLocale('click-zan::bad')+'</a>').click(function(e) {
e.preventDefault();
click_zan(id, type, -1, node);
});
$(this)
.append(up_node)
.append(down_node)
.append($('<span class="uoj-click-zan-cnt">[<strong>' + (cnt > 0 ? '+' + cnt : cnt) + '</strong>]</span>'));
});
}
// count down
function getCountdownStr(t) {
var x = Math.floor(t);
var ss = toFilledStr(x % 60, '0', 2);
x = Math.floor(x / 60);
var mm = toFilledStr(x % 60, '0', 2);
x = Math.floor(x / 60);
var hh = x.toString();
var res = '<span style="font-size:30px">';
res += '<span style="color:' + getColOfScore(Math.min(t / 10800 * 100, 100)) + '">' + hh + '</span>';
res += ':';
res += '<span style="color:' + getColOfScore(mm / 60 * 100) + '">' + mm + '</span>';
res += ':';
res += '<span style="color:' + getColOfScore(ss / 60 * 100) + '">' + ss + '</span>';
res += '</span>'
return res;
}
$.fn.countdown = function(rest, callback) {
return this.each(function() {
var start = new Date().getTime();
var cur_rest = rest != undefined ? rest : parseInt($(this).data('rest'));
var cur = this;
var countdown = function() {
var passed = Math.floor((new Date().getTime() - start) / 1000);
if (passed >= cur_rest) {
$(cur).html(getCountdownStr(0));
if (callback != undefined) {
callback();
}
} else {
$(cur).html(getCountdownStr(cur_rest - passed));
setTimeout(countdown, 1000);
}
}
countdown();
});
};
// update_judgement_status
update_judgement_status_list = []
function update_judgement_status_details(id) {
update_judgement_status_list.push(id);
};
$(document).ready(function() {
function update() {
$.get("/submission-status-details", {
get: update_judgement_status_list
},
function(data) {
for (var i = 0; i < update_judgement_status_list.length; i++) {
$("#status_details_" + update_judgement_status_list[i]).html(data[i].html);
if (data[i].judged) {
location.reload();
}
}
}, 'json').always(
function() {
setTimeout(update, 500);
}
);
}
if (update_judgement_status_list.length > 0) {
setTimeout(update, 500);
}
});
// highlight
$.fn.uoj_highlight = function() {
return $(this).each(function() {
$(this).find("span.uoj-username").each(replaceWithHighlightUsername);
$(this).find(".uoj-honor").uoj_honor();
$(this).find(".uoj-score").each(function() {
var score = parseInt($(this).text());
var maxscore = parseInt($(this).data('max'));
if (isNaN(score)) {
return;
}
if (isNaN(maxscore)) {
$(this).css("color", getColOfScore(score));
} else {
$(this).css("color", getColOfScore(score / maxscore * 100));
}
});
$(this).find(".uoj-status").each(function() {
var success = parseInt($(this).data("success"));
if(isNaN(success)){
return;
}
if (success == 1) {
$(this).css("color", ColorConverter.toStr(ColorConverter.toRGB(new HSV(120, 100, 80))));
}
else {
$(this).css("color", ColorConverter.toStr(ColorConverter.toRGB(new HSV(0, 100, 100))));
}
});
$(this).find(".uoj-problem-tag").uoj_problem_tag();
$(this).find(".uoj-blog-tag").uoj_blog_tag();
$(this).find(".uoj-click-zan-block").click_zan_block();
$(this).find(".countdown").countdown();
});
};
$(document).ready(function() {
$('body').uoj_highlight();
});
// contest notice
function checkContestNotice(id, lastTime) {
$.post('/contest/' + id.toString(), {
check_notice : '',
last_time : lastTime
},
function(data) {
setTimeout(function() {
checkContestNotice(id, data.time);
}, 60000);
if (data.msg != undefined) {
alert(data.msg);
}
},
'json'
).fail(function() {
setTimeout(function() {
checkContestNotice(id, lastTime);
}, 60000);
});
}
// long table
$.fn.long_table = function(data, cur_page, header_row, get_row_str, config) {
return this.each(function() {
var table_div = this;
$(table_div).html('');
var page_len = config.page_len != undefined ? config.page_len : 10;
if (!config.echo_full) {
var n_rows = data.length;
var n_pages = Math.max(Math.ceil(n_rows / page_len), 1);
if (cur_page == undefined) {
cur_page = 1;
}
if (cur_page < 1) {
cur_page = 1;
} else if (cur_page > n_pages) {
cur_page = n_pages;
}
var cur_start = (cur_page - 1) * page_len;
} else {
var n_rows = data.length;
var n_pages = 1;
cur_page = 1;
var cur_start = (cur_page - 1) * page_len;
}
var div_classes = config.div_classes != undefined ? config.div_classes : ['table-responsive'];
var table_classes = config.table_classes != undefined ? config.table_classes : ['table', 'table-bordered', 'table-hover', 'table-striped', 'table-text-center'];
var now_cnt = 0;
var tbody = $('<tbody />')
for (var i = 0; i < page_len && cur_start + i < n_rows; i++) {
now_cnt++;
if (config.get_row_index) {
tbody.append(get_row_str(data[cur_start + i], cur_start + i));
} else {
tbody.append(get_row_str(data[cur_start + i]));
}
}
if (now_cnt == 0) {
tbody.append('<tr><td colspan="233">无</td></tr>');
}
$(table_div).append(
$('<div class="' + div_classes.join(' ') + '" />').append(
$('<table class="' + table_classes.join(' ') + '" />').append(
$('<thead>' + header_row + '</thead>')
).append(
tbody
)
)
);
if (config.print_after_table != undefined) {
$(table_div).append(config.print_after_table());
}
var get_page_li = function(p, h) {
if (p == -1) {
return $('<li></li>').addClass('disabled').append($('<a></a>').append(h));
}
var li = $('<li></li>');
if (p == cur_page) {
li.addClass('active');
}
li.append(
$('<a></a>').attr('href', '#' + table_div.id).append(h).click(function(e) {
if (config.prevent_focus_on_click) {
e.preventDefault();
}
$(table_div).long_table(data, p, header_row, get_row_str, config);
})
);
return li;
};
if (n_pages > 1) {
var pagination = $('<ul class="pagination top-buffer-no bot-buffer-sm"></ul>');
if (cur_page > 1) {
pagination.append(get_page_li(cur_page - 1, '<span class="glyphicon glyphicon glyphicon-backward"></span>'));
} else {
pagination.append(get_page_li(-1, '<span class="glyphicon glyphicon glyphicon-backward"></span>'));
}
var max_extend = config.max_extend != undefined ? config.max_extend : 5;
for (var i = Math.max(cur_page - max_extend, 1); i <= Math.min(cur_page + max_extend, n_pages); i++) {
pagination.append(get_page_li(i, i.toString()));
}
if (cur_page < n_pages) {
pagination.append(get_page_li(cur_page + 1, '<span class="glyphicon glyphicon glyphicon-forward"></span>'));
} else {
pagination.append(get_page_li(-1, '<span class="glyphicon glyphicon glyphicon-forward"></span>'));
}
$(table_div).append($('<div class="text-center"></div>').append(pagination));
}
});
};
// code mirror
function require_codemirror(config, callback) {
if ($('link[href="' + uojHome + '/js/codemirror/lib/codemirror.css' + '"]').length == 0) {
$('<link type="text/css" rel="stylesheet" href="' + uojHome + '/js/codemirror/lib/codemirror.css' + '" />').appendTo('head');
}
$LAB.script(uojHome + '/js/codemirror/lib/codemirror.js')
.wait()
.script(uojHome + '/js/codemirror/addon/mode/overlay.js')
.script(uojHome + '/js/codemirror/addon/selection/active-line.js')
.wait(callback)
}
function get_codemirror_mode(lang) {
switch (lang) {
case 'C++':
case 'C++11':
return 'text/x-c++src';
case 'C':
return 'text/x-csrc';
case 'Python2.7':
case 'Python3':
return 'text/x-python';
case 'Java7':
case 'Java8':
return 'text/x-java';
case 'Pascal':
return 'text/x-pascal';
case 'text':
return 'text/plain';
default:
return 'text/plain';
}
};
function require_codemirror_mode(mode, callback) {
var name = 'none';
switch (mode) {
case 'text/x-c++src':
case 'text/x-csrc':
case 'text/x-java':
name = 'clike';
break;
case 'text/x-python':
name = 'python';
break;
case 'text/x-pascal':
name = 'pascal';
break;
}
if (name !== 'none') {
$LAB.script(uojHome + '/js/codemirror/mode/' + name + '/' + name + '.js')
.wait(callback);
} else {
setTimeout(callback, 0);
}
};
// auto save
function autosave_locally(interval, name, target) {
if (typeof(Storage) === "undefined") {
console.log('autosave_locally: Sorry! No Web Storage support..');
return;
}
var url = window.location.href;
var hp = url.indexOf('#');
var uri = hp == -1 ? url : url.substr(0, hp);
var full_name = name + '@' + uri;
target.val(localStorage.getItem(full_name));
var save = function() {
localStorage.setItem(full_name, target.val());
setTimeout(save, interval);
};
setTimeout(save, interval);
}
// source code form group
$.fn.source_code_form_group = function(name, text, langs_options_html) {
return this.each(function() {
var input_language_id = 'input-' + name + '_language';
var input_language_name = name + '_language';
var input_upload_type_name = name + '_upload_type';
var input_editor_id = 'input-' + name + '_editor';
var input_editor_name = name + '_editor';
var input_file_id = 'input-' + name + '_file';
var input_file_name = name + '_file';
var div_help_language_id = 'div-help-' + name + '_language';
var div_editor_id = 'div-' + name + '_editor';
var div_file_id = 'div-' + name + '_file';
var help_file_id = 'help-' + name + '_file';
var input_language =
$('<select id="' + input_language_id + '" name="' + input_language_name + '" class="form-control input-sm"/>')
.html(langs_options_html);
var input_upload_type_editor = $('<input type="radio" name="' + input_upload_type_name + '" value="editor" />');
var input_upload_type_file = $('<input type="radio" name="' + input_upload_type_name + '" value="file" />');
var input_file = $('<input type="file" id="' + input_file_id + '" name="' + input_file_name + '" style="display: none" />');
var input_file_path = $('<input class="form-control" type="text" readonly="readonly" />');
var input_editor = $('<textarea class="form-control" id="' + input_editor_id + '" name="' + input_editor_name + '"></textarea>');
var input_use_advanced_editor = $('<input type="checkbox">');
var div_editor =
$('<div id="' + div_editor_id + '" class="col-sm-12"/>')
.append(input_editor)
.append($('<div class="checkbox text-right" />')
.append($('<label />')
.append(input_use_advanced_editor)
.append(' ' + uojLocale('editor::use advanced editor'))
)
)
var div_file =
$('<div id="' + div_file_id + '" class="col-sm-12"/>')
.append(input_file)
.append($('<div class="input-group"/>')
.append(input_file_path)
.append($('<span class="input-group-btn"/>')
.append($('<button type="button" class="btn btn-primary">'+'<span class="glyphicon glyphicon-folder-open"></span> '+uojLocale('editor::browse')+'</button>')
.css('width', '100px')
.click(function() {
input_file.click();
})
)
)
)
.append($('<span class="help-block" id="' + help_file_id + '"></span>'))
var div_help_language = $('<div id="' + div_help_language_id + '" class="col-sm-12 text-warning top-buffer-sm">');
var show_help_lang = function() {
if ($(this).val() == 'Java7' || $(this).val() == 'Java8') {
div_help_language.text('注意Java 程序源代码中不应指定所在的 package。我们会在源代码中找到第一个被定义的类并以它的 main 函数为程序入口点。');
} else {
div_help_language.text('');
}
};
var advanced_editor = null;
var advanced_editor_init = function() {
require_codemirror({}, function() {
var mode = get_codemirror_mode(input_language.val());
require_codemirror_mode(mode, function() {
if (advanced_editor != null) {
return;
}
advanced_editor = CodeMirror.fromTextArea(input_editor[0], {
mode: mode,
lineNumbers: true,
matchBrackets: true,
lineWrapping: true,
styleActiveLine: true,
indentUnit: 4,
indentWithTabs: true,
theme: 'default'
});
advanced_editor.on('change', function() {
advanced_editor.save();
});
$(advanced_editor.getWrapperElement()).css('box-shadow', '0 2px 10px rgba(0,0,0,0.2)');
advanced_editor.focus();
});
});
}
var save_prefer_upload_type = function(type) {
$.cookie('uoj_source_code_form_group_preferred_upload_type', type, { expires: 7, path: '/' });
};
autosave_locally(2000, name, input_editor);
var prefer_upload_type = $.cookie('uoj_source_code_form_group_preferred_upload_type');
if (prefer_upload_type === null) {
prefer_upload_type = 'editor';
}
if (prefer_upload_type == 'file') {
input_upload_type_file[0].checked = true;
div_editor.css('display', 'none');
} else {
input_upload_type_editor[0].checked = true;
div_file.css('display', 'none');
if (prefer_upload_type == 'advanced') {
input_use_advanced_editor[0].checked = true;
}
}
input_language.each(show_help_lang);
input_language.change(show_help_lang);
input_language.change(function() {
if (advanced_editor != null) {
var mode = get_codemirror_mode(input_language.val());
require_codemirror_mode(mode, function() {
if (mode != get_codemirror_mode(input_language.val())) {
return;
}
advanced_editor.setOption('mode', mode);
});
}
})
input_upload_type_editor.click(function() {
div_editor.show('fast');
div_file.hide('fast');
save_prefer_upload_type('editor');
});
input_upload_type_file.click(function() {
div_file.show('fast');
div_editor.hide('fast');
save_prefer_upload_type('file');
});
input_file.change(function() {
input_file_path.val(input_file.val());
});
input_use_advanced_editor.click(function() {
if (this.checked) {
advanced_editor_init();
save_prefer_upload_type('advanced');
} else {
if (advanced_editor != null) {
advanced_editor.toTextArea();
advanced_editor = null;
input_editor.focus();
}
save_prefer_upload_type('editor');
}
});
$(this)
.append($('<label class="col-sm-2 control-label"><div class="text-left">' + text + '</div></label>'))
.append($('<label class="col-sm-1 control-label" for="' + input_language_name + '">'+uojLocale('editor::language')+'</label>'))
.append($('<div class="col-sm-2"/>')
.append(input_language)
)
.append($('<div class="col-sm-offset-3 col-sm-2 radio"/>')
.append($('<label/>')
.append(input_upload_type_editor)
.append(' '+uojLocale('editor::upload by editor'))
)
)
.append($('<div class="col-sm-2 radio"/>')
.append($('<label/>')
.append(input_upload_type_file)
.append(' '+uojLocale('editor::upload from local'))
)
)
.append(div_help_language)
.append(div_editor)
.append(div_file);
if (prefer_upload_type == 'advanced') {
var check_advanced_init = function() {
if (div_editor.is(':visible')) {
advanced_editor_init();
} else {
setTimeout(check_advanced_init, 1);
}
}
check_advanced_init();
}
});
}
// text file form group
$.fn.text_file_form_group = function(name, text) {
return this.each(function() {
var input_upload_type_name = name + '_upload_type';
var input_editor_id = 'input-' + name + '_editor';
var input_editor_name = name + '_editor';
var input_file_id = 'input-' + name + '_file';
var input_file_name = name + '_file';
var div_editor_id = 'div-' + name + '_editor';
var div_file_id = 'div-' + name + '_file';
var help_file_id = 'help-' + name + '_file';
var input_upload_type_editor = $('<input type="radio" name="' + input_upload_type_name + '" value="editor" />');
var input_upload_type_file = $('<input type="radio" name="' + input_upload_type_name + '" value="file" />');
var input_file = $('<input type="file" id="' + input_file_id + '" name="' + input_file_name + '" style="display: none" />');
var input_file_path = $('<input class="form-control" type="text" readonly="readonly" />');
var input_editor = $('<textarea class="form-control" id="' + input_editor_id + '" name="' + input_editor_name + '"></textarea>');
var input_use_advanced_editor = $('<input type="checkbox">');
var div_editor =
$('<div id="' + div_editor_id + '" class="col-sm-12"/>')
.append(input_editor)
.append($('<div class="checkbox text-right" />')
.append($('<label />')
.append(input_use_advanced_editor)
.append(' ' + uojLocale('editor::use advanced editor'))
)
)
var div_file =
$('<div id="' + div_file_id + '" class="col-sm-12"/>')
.append(input_file)
.append($('<div class="input-group"/>')
.append(input_file_path)
.append($('<span class="input-group-btn"/>')
.append($('<button type="button" class="btn btn-primary">'+'<span class="glyphicon glyphicon-folder-open"></span> '+uojLocale('editor::browse')+'</button>')
.css('width', '100px')
.click(function() {
input_file.click();
})
)
)
)
.append($('<span class="help-block" id="' + help_file_id + '"></span>'))
var advanced_editor = null;
var advanced_editor_init = function() {
require_codemirror({}, function() {
var mode = get_codemirror_mode('text');
require_codemirror_mode(mode, function() {
if (advanced_editor != null) {
return;
}
advanced_editor = CodeMirror.fromTextArea(input_editor[0], {
mode: mode,
lineNumbers: true,
matchBrackets: true,
lineWrapping: true,
styleActiveLine: true,
indentUnit: 4,
indentWithTabs: true,
theme: 'default'
});
advanced_editor.on('change', function() {
advanced_editor.save();
});
$(advanced_editor.getWrapperElement()).css('box-shadow', '0 2px 10px rgba(0,0,0,0.2)');
advanced_editor.focus();
});
});
}
var save_prefer_upload_type = function(type) {
$.cookie('uoj_text_file_form_group_preferred_upload_type', type, { expires: 7, path: '/' });
};
autosave_locally(2000, name, input_editor);
var prefer_upload_type = $.cookie('uoj_text_file_form_group_preferred_upload_type');
if (prefer_upload_type === null) {
prefer_upload_type = 'editor';
}
if (prefer_upload_type == 'file') {
input_upload_type_file[0].checked = true;
div_editor.css('display', 'none');
} else {
input_upload_type_editor[0].checked = true;
div_file.css('display', 'none');
if (prefer_upload_type == 'advanced') {
input_use_advanced_editor[0].checked = true;
}
}
input_upload_type_editor.click(function() {
div_editor.show('fast');
div_file.hide('fast');
save_prefer_upload_type('editor');
});
input_upload_type_file.click(function() {
div_file.show('fast');
div_editor.hide('fast');
save_prefer_upload_type('file');
});
input_file.change(function() {
input_file_path.val(input_file.val());
});
input_use_advanced_editor.click(function() {
if (this.checked) {
advanced_editor_init();
save_prefer_upload_type('advanced');
} else {
if (advanced_editor != null) {
advanced_editor.toTextArea();
advanced_editor = null;
input_editor.focus();
}
save_prefer_upload_type('editor');
}
});
$(this)
.append($('<label class="col-sm-2 control-label"><div class="text-left">' + text + '</div></label>'))
.append($('<div class="top-buffer-sm" />'))
.append($('<div class="col-sm-offset-6 col-sm-2 radio"/>')
.append($('<label/>')
.append(input_upload_type_editor)
.append(' '+uojLocale('editor::upload by editor'))
)
)
.append($('<div class="col-sm-2 radio"/>')
.append($('<label/>')
.append(input_upload_type_file)
.append(' '+uojLocale('editor::upload from local'))
)
)
.append(div_editor)
.append(div_file);
if (prefer_upload_type == 'advanced') {
var check_advanced_init = function() {
if (div_editor.is(':visible')) {
advanced_editor_init();
} else {
setTimeout(check_advanced_init, 1);
}
}
check_advanced_init();
}
});
}
// custom test
function custom_test_onsubmit(response_text, div_result, url) {
if (response_text != '') {
$(div_result).html('<div class="text-danger">' + response_text + '</div>');
return;
}
var update = function() {
var can_next = true;
$.get(url,
function(data) {
if (data.judged === undefined) {
$(div_result).html('<div class="text-danger">error</div>');
} else {
var judge_status = $('<table class="table table-bordered table-text-center"><tr class="info">' + data.html + '</tr></table>');
$(div_result).empty();
$(div_result).append(judge_status);
if (data.judged) {
var judge_result = $(data.result);
judge_result.css('display', 'none');
$(div_result).append(judge_result);
judge_status.hide(500);
judge_result.slideDown(500);
can_next = false;
}
}
}, 'json')
.always(function() {
if (can_next) {
setTimeout(update, 500);
}
});
};
setTimeout(update, 500);
}
// comment
function showCommentReplies(id, replies) {
var toggleFormReply = function(from, text) {
if (text == undefined) {
text = '';
}
var p = '#comment-body-' + id;
var q = '#div-form-reply';
var r = '#input-reply_comment';
var t = '#input-reply_id';
if ($(q).data('from') != from) {
$(q).data('from', from);
$(q).hide('fast', function() {
$(this).appendTo(p).show('fast', function() {
$(t).val(id);
$(r).val(text).focus();
});
});
} else if ($(q).css('display') != 'none') {
$(q).appendTo(p).hide('fast');
} else {
$(q).appendTo(p).show('fast', function() {
$(t).val(id);
$(r).val(text).focus();
});
}
}
$('#reply-to-' + id).click(function(e) {
e.preventDefault();
toggleFormReply(id);
});
if (replies.length == 0) {
return;
}
$("#replies-" + id).long_table(
replies,
1,
'<tr>' +
'<th>评论回复</th>' +
'</tr>',
function(reply) {
return $('<tr id="' + 'comment-' + reply.id + '" />').append(
$('<td />').append(
$('<div class="comtbox6">' + getUserLink(reply.poster, reply.poster_rating) + '' + reply.content + '</div>')
).append(
$('<ul class="text-right list-inline bot-buffer-no" />').append(
'<li>' + '<small class="text-muted">' + reply.post_time + '</small>' + '</li>'
).append(
$('<li />').append(
$('<a href="#">回复</a>').click(function (e) {
e.preventDefault();
toggleFormReply(reply.id, '回复 @' + reply.poster + '');
})
)
)
)
).uoj_highlight();
}, {
table_classes: ['table', 'table-condensed'],
page_len: 5,
prevent_focus_on_click: true
}
);
}
// standings
function showStandings() {
$("#standings").long_table(
standings,
1,
'<tr>' +
'<th style="width:5em">#</th>' +
'<th style="width:14em">'+uojLocale('username')+'</th>' +
'<th style="width:5em">'+uojLocale('contests::total score')+'</th>' +
$.map(problems, function(col, idx) {
return '<th style="width:8em;">' + '<a href="/contest/' + contest_id + '/problem/' + col + '">' + String.fromCharCode('A'.charCodeAt(0) + idx) + '</a>' + '</th>';
}).join('') +
'</tr>',
function(row) {
var col_tr = '<tr>';
col_tr += '<td>' + row[3] + '</td>';
col_tr += '<td>' + getUserLink(row[2][0], row[2][1]) + '</td>';
col_tr += '<td>' + '<div><span class="uoj-score" data-max="' + problems.length * 100 + '" style="color:' + getColOfScore(row[0] / problems.length) + '">' + row[0] + '</span></div>' + '<div>' + getPenaltyTimeStr(row[1]) + '</div></td>';
for (var i = 0; i < problems.length; i++) {
col_tr += '<td>';
col = score[row[2][0]][i];
if (col != undefined) {
col_tr += '<div><a href="/submission/' + col[2] + '" class="uoj-score" style="color:' + getColOfScore(col[0]) + '">' + col[0] + '</a></div>';
if (standings_version < 2) {
col_tr += '<div>' + getPenaltyTimeStr(col[1]) + '</div>';
} else {
if (col[0] > 0) {
col_tr += '<div>' + getPenaltyTimeStr(col[1]) + '</div>';
}
}
}
col_tr += '</td>';
}
col_tr += '</tr>';
return col_tr;
}, {
table_classes: ['table', 'table-bordered', 'table-striped', 'table-text-center', 'table-vertical-middle', 'table-condensed'],
page_len: 100,
print_after_table: function() {
return '<div class="text-right text-muted">' + uojLocale("contests::n participants", standings.length) + '</div>';
}
}
);
}