You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
364 lines
16 KiB
364 lines
16 KiB
<% |
|
if (typeof contest === 'undefined') contest = null; |
|
if (contest) { |
|
this.title = this.alpha(pid) + '. ' + syzoj.utils.removeTitleTag(problem.title) + ' - ' + contest.title + ' - 比赛'; |
|
} else { |
|
this.title = problem.title + ' - 题目'; |
|
} |
|
%> |
|
<% include header %> |
|
<style> |
|
.ace_cursor { |
|
border-left-width: 1px !important; |
|
color: #000 !important; |
|
} |
|
|
|
#languages-menu::-webkit-scrollbar { |
|
width: 0px; |
|
background: transparent; |
|
} |
|
</style> |
|
<script src="/libs/ace/ace.js"></script> |
|
<div class="ui center aligned grid"> |
|
<div class="row"> |
|
<h1 class="ui header"> |
|
<% if (contest) { %> |
|
<%= this.alpha(pid) %>. <%= syzoj.utils.removeTitleTag(problem.title) %> |
|
<% } else { %> |
|
#<%= problem.id %>. <%= problem.title %><% if (problem.allowedEdit && !problem.is_public) { %><span class="ui tiny red label">未公开</span><% } %> |
|
<% } %> |
|
</h1> |
|
</div> |
|
<% if (contest) { %> |
|
<div class="row" style="margin-top: -15px"> |
|
<span class="ui label">内存限制：<%= problem.memory_limit %> MiB</span> |
|
<span class="ui label">时间限制：<%= problem.time_limit %> ms</span> |
|
</div> |
|
<div class="row" style="margin-top: -23px"> |
|
<% if (problem.file_io) { %> |
|
<span class="ui label">输入文件：<%= problem.file_io_input_name %></span> |
|
<span class="ui label">输出文件：<%= problem.file_io_output_name %></span> |
|
<% } else { %> |
|
<span class="ui label">标准输入输出</span> |
|
<% } %> |
|
</div> |
|
<% } else { %> |
|
<div class="row" style="margin-top: -15px"> |
|
<span class="ui label">内存限制：<%= problem.memory_limit %> MiB</span> |
|
<span class="ui label">时间限制：<%= problem.time_limit %> ms</span> |
|
<% if (problem.file_io) { %> |
|
<span class="ui label">输入文件: <%= problem.file_io_input_name %></span> |
|
<span class="ui label">输出文件: <%= problem.file_io_output_name %></span> |
|
<% } else { %> |
|
<span class="ui label">标准输入输出</span> |
|
<% } %> |
|
</div> |
|
<div class="row" style="margin-top: -23px"> |
|
<span class="ui label">评测方式：<%= testcases ? (testcases.spj ? 'Special Judge' : '文本比较') : '无测试数据' %></span> |
|
<span class="ui label">题目类型：<%= { 'submit-answer': '答案提交', 'interaction': '交互', 'traditional': '传统' }[problem.type] %></span> |
|
</div> |
|
<div class="row" style="margin-top: -23px"> |
|
<span class="ui label">上传者： |
|
<% if (problem.is_anonymous && !problem.allowedManage) { %> |
|
匿名 |
|
<% } else { %> |
|
<a href="<%= syzoj.utils.makeUrl(['user', problem.user_id]) %>"><%= problem.user.username %></a> |
|
<% } %> |
|
</span> |
|
<% if (problem.allowedManage) { %> |
|
<span class="ui label">公开者： |
|
<% if (problem.publicizer) { %> |
|
<a href="<%= syzoj.utils.makeUrl(['user', problem.publicizer_id]) %>"><%= problem.publicizer.username %></a> |
|
<% } else { %> |
|
未知 |
|
<% } %> |
|
</span> |
|
<% } %> |
|
</div> |
|
<% } %> |
|
</div> |
|
<div class="ui grid"> |
|
<div class="row"> |
|
<div class="column"> |
|
<div class="ui buttons"> |
|
<% if (typeof contest !== 'undefined' && contest) { %> |
|
<% if (!contest.ended) { %> |
|
<a class="small ui primary button" href="#submit_code">提交</a> |
|
<% } else { %> |
|
<a class="small ui primary button" href="<%= syzoj.utils.makeUrl(['problem', problem.id]) %>">转到题库</a> |
|
<% } %> |
|
<a class="small ui positive button" href="<%= syzoj.utils.makeUrl(['contest', contest.id, 'submissions'], { problem_id: pid }) %>">提交记录</a> |
|
<a href="<%= syzoj.utils.makeUrl(['contest', contest.id]) %>" class="ui orange button">返回比赛</a> |
|
<% } else { %> |
|
<a class="small ui primary button" href="#submit_code">提交</a> |
|
<a class="small ui positive button" href="<%= syzoj.utils.makeUrl(['submissions'], { problem_id: problem.id }) %>">提交记录</a> |
|
<a class="small ui orange button" href="<%= syzoj.utils.makeUrl(['problem', problem.id, 'statistics', 'fastest']) %>">统计</a> |
|
<a class="small ui yellow button" href="<%= syzoj.utils.makeUrl(['problem', problem.id, 'testdata']) %>">测试数据</a> |
|
<% } %> |
|
<% if (problem.additional_file) { %><a class="small ui teal button" href="<%= syzoj.utils.makeUrl(['problem', problem.id, 'download', 'additional_file']) %>">附加文件</a><% } %> |
|
</div> |
|
<% if (!contest) { %> |
|
<div class="ui buttons right floated"> |
|
<% if (problem.allowedEdit) { %> |
|
<a class="small ui button" href="<%= syzoj.utils.makeUrl(['problem', problem.id, 'edit']) %>">编辑</a> |
|
<a class="small ui button" href="<%= syzoj.utils.makeUrl(['problem', problem.id, 'manage']) %>">管理</a> |
|
<% } %> |
|
<% if (problem.allowedManage) { %> |
|
<% if (problem.is_public) { %> |
|
<a class="small ui button" id="dis_public" href="<%= syzoj.utils.makeUrl(['problem', problem.id, 'dis_public']) %>">取消公开</a> |
|
<% } else { %> |
|
<a class="small ui button" id="public" href="<%= syzoj.utils.makeUrl(['problem', problem.id, 'public']) %>">公开</a> |
|
<% } %> |
|
<% } %> |
|
</div> |
|
<% } %> |
|
</div> |
|
</div> |
|
<% if (problem.description) { %> |
|
<div class="row"> |
|
<div class="column"> |
|
<h4 class="ui top attached block header">题目描述</h4> |
|
<div class="ui bottom attached segment font-content"><%- problem.description %></div> |
|
</div> |
|
</div> |
|
<% } %> |
|
<% if (problem.input_format) { %> |
|
<div class="row"> |
|
<div class="column"> |
|
<h4 class="ui top attached block header">输入格式</h4> |
|
<div class="ui bottom attached segment font-content"><%- problem.input_format %></div> |
|
</div> |
|
</div> |
|
<% } %> |
|
<% if (problem.output_format) { %> |
|
<div class="row"> |
|
<div class="column"> |
|
<h4 class="ui top attached block header">输出格式</h4> |
|
<div class="ui bottom attached segment font-content"><%- problem.output_format %></div> |
|
</div> |
|
</div> |
|
<% } %> |
|
<% if (problem.example) { %> |
|
<div class="row"> |
|
<div class="column"> |
|
<h4 class="ui top attached block header">样例</h4> |
|
<div class="ui bottom attached segment font-content"><%- problem.example %></div> |
|
</div> |
|
</div> |
|
<% } %> |
|
<% if (problem.limit_and_hint) { %> |
|
<div class="row"> |
|
<div class="column"> |
|
<h4 class="ui top attached block header">数据范围与提示</h4> |
|
<div class="ui bottom attached segment font-content"><%- problem.limit_and_hint %></div> |
|
</div> |
|
</div> |
|
<% } %> |
|
<% if (problem.tags && problem.tags.length) { %> |
|
<div class="row"> |
|
<div class="column"> |
|
<h4 class="ui block header" id="show_tag_title_div" style="margin-bottom: 0; margin-left: -1px; margin-right: -1px; "><a href="#" id="show_tag_button" style="color: #000; ">显示分类标签</a></h4> |
|
<div class="ui bottom attached segment" style="display: none; " id="show_tag_div"> |
|
<% for (let tag of problem.tags) { %> |
|
<a href="<%= syzoj.utils.makeUrl(['problems', 'tag', tag.id]) %>" class="ui medium <%= tag.color %> label"> |
|
<%= tag.name %> |
|
</a> |
|
<% } %> |
|
</div> |
|
</div> |
|
</div> |
|
<script> |
|
$(function () { |
|
$('#show_tag_button').click(function (e) { |
|
e.preventDefault(); |
|
$('#show_tag_title_div').addClass('top'); |
|
$('#show_tag_title_div').addClass('top attached'); |
|
$('#show_tag_title_div').text('分类标签'); |
|
$('#show_tag_div').css('display', ''); |
|
}) |
|
}); |
|
</script> |
|
<% } %> |
|
<% let noSubmit = false; %> |
|
<% |
|
if (typeof contest !== 'undefined' && contest && contest.ended) { |
|
noSubmit = true; |
|
} |
|
%> |
|
<% if (!noSubmit) { %> |
|
<div class="row"> |
|
<div class="column"> |
|
<% |
|
let formUrl; |
|
if (contest) formUrl = syzoj.utils.makeUrl(['problem', problem.id, 'submit'], { contest_id: contest.id }); |
|
else formUrl = syzoj.utils.makeUrl(['problem', problem.id, 'submit']); |
|
%> |
|
<form class="ui form" action="<%= formUrl %>" method="post" onsubmit="return submit_code()" id="submit_code" enctype="multipart/form-data"> |
|
<% if (problem.type === 'submit-answer') { %> |
|
<% |
|
let cases = []; |
|
if (testcases) { |
|
for (let subtasks of testcases) { |
|
for (let testcase of subtasks.cases) { |
|
cases.push(testcase.answer); |
|
} |
|
} |
|
} |
|
%> |
|
<script> |
|
var cases = <%- JSON.stringify(cases) %>, currCase = 0; |
|
</script> |
|
<div class="ui grid"> |
|
<% if (testcases) { %> |
|
<div class="four wide column" style="margin-right: -25px; "> |
|
<div class="ui attached vertical fluid pointing menu" id="testcase-menu" style="height: 370px; overflow-y: scroll; overflow-x: hidden; "> |
|
<% for (let i = 0; i < cases.length; i++) { %> |
|
<a class="item<%= i === 0 ? ' active' : '' %>" data-value="<%= i %>"> |
|
<%= cases[i] %> |
|
</a> |
|
<% } %> |
|
</div> |
|
</div> |
|
<div class="twelve wide stretched column" style="position: relative; padding-left: 0; margin-left: calc(-1rem - 1px); width: calc(75% + 1rem + 12px) !important; "> |
|
<% for (let i = 0; i < cases.length; i++) { %> |
|
<div id="editor-<%= i %>" style="position: absolute; width: 100%; height: calc(100% - 28px); border: 1px solid #D4D4D5; <%= i === 0 ? '' : 'visibility: hidden; ' %>"></div> |
|
<% } %> |
|
</div> |
|
<% } %> |
|
<input id="answer_by_editor" name="answer_by_editor" type="hidden"> |
|
<script> |
|
var editors = []; |
|
for (var i = 0; i < cases.length; i++) { |
|
var editor = ace.edit("editor-" + i); |
|
var lastSubmitted = ''; |
|
|
|
editor.setTheme("ace/theme/tomorrow"); |
|
// editor.getSession().setMode("ace/mode/" + $('#languages-menu .item.active').data('mode')); |
|
editor.getSession().setUseSoftTabs(false); |
|
|
|
editor.container.style.lineHeight = 1.6; |
|
editor.container.style.fontSize = '14px'; |
|
editor.container.style.fontFamily = "'Roboto Mono', 'Bitstream Vera Sans Mono', 'Menlo', 'Consolas', 'Lucida Console', monospace"; |
|
editor.setShowPrintMargin(false); |
|
editor.renderer.updateFontSize(); |
|
|
|
editors[i] = editor; |
|
} |
|
|
|
$(function () { |
|
$('#testcase-menu .item').click(function() { |
|
$(this) |
|
.addClass('active') |
|
.closest('.ui.menu') |
|
.find('.item') |
|
.not($(this)) |
|
.removeClass('active') |
|
; |
|
|
|
var x = $(this).attr('data-value'); |
|
if (currCase != x) { |
|
$('#editor-' + currCase).css('visibility', 'hidden'); |
|
$('#editor-' + x).css('visibility', 'visible'); |
|
currCase = x; |
|
} |
|
}); |
|
}); |
|
</script> |
|
<div class="inline fields" style="width: 100%; "> |
|
<div class="field" style="margin: 0 auto; "> |
|
<label for="answer">或者，上传答案（请使用 ZIP 格式压缩）</label> |
|
<input type="file" id="answer" name="answer"> |
|
</div> |
|
</div> |
|
</div> |
|
<% } else { %> |
|
<input name="language" type="hidden" id="form"> |
|
<input name="code" type="hidden"> |
|
<div class="ui grid"> |
|
<div class="four wide column" style="margin-right: -25px; "> |
|
<div class="ui attached vertical fluid pointing menu" id="languages-menu" style="height: 370px; overflow-y: scroll; overflow-x: hidden; "> |
|
<% |
|
let language = Object.getOwnPropertyNames(syzoj.config.languages).shift(); |
|
if (state) { |
|
language = state.language; |
|
} else if (lastLanguage) language = lastLanguage; |
|
%> |
|
<% for (lang in syzoj.config.languages) { %> |
|
<a class="item<%= lang === language ? ' active' : '' %>" data-value="<%= lang %>" data-mode="<%= syzoj.config.languages[lang].editor %>"> |
|
<%= syzoj.config.languages[lang].show %> |
|
<div class="ui right floated" style="opacity: 0.4; margin-top: 8px; font-size: 0.7em; "><%= syzoj.config.languages[lang].version %></div> |
|
</a> |
|
<% } %> |
|
</div> |
|
</div> |
|
<div class="twelve wide stretched column" style="padding-left: 0; margin-left: calc(-1rem - 1px); width: calc(75% + 1rem + 1px + 25px) !important; "> |
|
<div id="editor" style="border: 1px solid #D4D4D5; "><% if (state) { %><%= state.code %><% } %></div> |
|
</div> |
|
<div class="inline fields" style="width: 100%; "> |
|
<div class="field" style="margin: 0 auto; "> |
|
<label for="answer">或者，上传代码文件</label> |
|
<input type="file" id="answer" name="answer"> |
|
</div> |
|
</div> |
|
</div> |
|
<% } %> |
|
<div class="ui center aligned vertical segment" style="padding-bottom: 0; "><button type="submit" class="ui button">提交</button></div> |
|
</form> |
|
</div> |
|
</div> |
|
<% } %> |
|
</div> |
|
|
|
<% if (problem.type !== 'submit-answer') { %> |
|
<script type="text/javascript"> |
|
var editor = ace.edit("editor"); |
|
var lastSubmitted = ''; |
|
|
|
editor.setTheme("ace/theme/tomorrow"); |
|
editor.getSession().setMode("ace/mode/" + $('#languages-menu .item.active').data('mode')); |
|
editor.getSession().setUseSoftTabs(false); |
|
|
|
editor.container.style.lineHeight = 1.6; |
|
editor.container.style.fontSize = '14px'; |
|
editor.container.style.fontFamily = "'Roboto Mono', 'Bitstream Vera Sans Mono', 'Menlo', 'Consolas', 'Lucida Console', monospace"; |
|
editor.setShowPrintMargin(false); |
|
editor.renderer.updateFontSize(); |
|
|
|
function submit_code() { |
|
if (!editor.getValue().trim()) return false; |
|
$('#submit_code input[name=language]').val($('#languages-menu .item.active').data('value')); |
|
lastSubmitted = editor.getValue(); |
|
$('#submit_code input[name=code]').val(editor.getValue()); |
|
return true; |
|
} |
|
|
|
$('#languages-menu')[0].scrollTop = $('#languages-menu .active')[0].offsetTop - $('#languages-menu')[0].firstElementChild.offsetTop; |
|
|
|
$(function () { |
|
$('#languages-menu .item').click(function() { |
|
$(this) |
|
.addClass('active') |
|
.closest('.ui.menu') |
|
.find('.item') |
|
.not($(this)) |
|
.removeClass('active') |
|
; |
|
editor.getSession().setMode("ace/mode/" + $(this).data('mode')); |
|
}); |
|
}); |
|
</script> |
|
<% } else { %> |
|
<script> |
|
function submit_code() { |
|
var a = []; |
|
for (var i = 0; i < cases.length; i++) { |
|
a.push({ |
|
filename: cases[i], |
|
data: editors[i].getValue() |
|
}); |
|
} |
|
$('#answer_by_editor').val(JSON.stringify(a)); |
|
} |
|
</script> |
|
<% } %> |
|
<% include footer %>
|
|
|