add resolver page
This commit is contained in:
Bui Tuan Dung
parent
97a56145b2
commit
fe9b899232
8 changed files with 1673 additions and 0 deletions
|
|
@ -63,6 +63,7 @@ from judge.views import (
|
|||
bookmark,
|
||||
widgets,
|
||||
internal,
|
||||
resolver,
|
||||
)
|
||||
from judge.views.problem_data import (
|
||||
ProblemDataView,
|
||||
|
|
@ -1098,6 +1099,7 @@ urlpatterns = [
|
|||
]
|
||||
),
|
||||
),
|
||||
url(r"^resolver/", resolver.resolver, name="resolver"),
|
||||
] + url_static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
|
||||
|
||||
# if hasattr(settings, "INTERNAL_IPS"):
|
||||
|
|
|
|||
12
judge/views/resolver.py
Normal file
12
judge/views/resolver.py
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
from django.shortcuts import render
|
||||
from django.utils.translation import gettext as _
|
||||
|
||||
|
||||
def resolver(request):
|
||||
return render(
|
||||
request,
|
||||
"resolver/resolver.html",
|
||||
{
|
||||
"title": _("Resolver"),
|
||||
},
|
||||
)
|
||||
5
resources/bootstrap/bootstrap.min.css
vendored
Executable file
5
resources/bootstrap/bootstrap.min.css
vendored
Executable file
File diff suppressed because one or more lines are too long
470
resources/contest.json
Normal file
470
resources/contest.json
Normal file
|
|
@ -0,0 +1,470 @@
|
|||
{
|
||||
"problem_sub":[6, 3, 3],
|
||||
"sub_frozen":[6, 3, 4],
|
||||
"problems":{
|
||||
"1":{
|
||||
"1":30,
|
||||
"2":10,
|
||||
"3":11,
|
||||
"4":17,
|
||||
"5":10,
|
||||
"6":22
|
||||
},
|
||||
"2":{
|
||||
"1":20,
|
||||
"2":45,
|
||||
"3":35
|
||||
},
|
||||
"3":{
|
||||
"1":50,
|
||||
"2":15,
|
||||
"3":35
|
||||
}
|
||||
},
|
||||
"users":{
|
||||
"1":{
|
||||
"username":"user1",
|
||||
"name":"Nguyen Van AA",
|
||||
"school":"School A",
|
||||
"last_submission":13,
|
||||
"problems":{
|
||||
"1":{
|
||||
"points":{
|
||||
"1":-1,
|
||||
"2":-1,
|
||||
"3":-1,
|
||||
"4":-1,
|
||||
"5":-1,
|
||||
"6":0
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":0,
|
||||
"2":0,
|
||||
"3":0,
|
||||
"4":0,
|
||||
"5":0,
|
||||
"6":0
|
||||
}
|
||||
},
|
||||
"2":{
|
||||
"points":{
|
||||
"1":20,
|
||||
"2":1,
|
||||
"3":0
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":20,
|
||||
"2":0,
|
||||
"3":0
|
||||
}
|
||||
},
|
||||
"3":{
|
||||
"points":{
|
||||
"1":30,
|
||||
"2":15,
|
||||
"3":0
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":29,
|
||||
"2":0,
|
||||
"3":0
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"2":{
|
||||
"username":"user2",
|
||||
"name":"Nguyen Van AB",
|
||||
"school":"School B",
|
||||
"last_submission":37,
|
||||
"problems":{
|
||||
"1":{
|
||||
"points":{
|
||||
"1":-1,
|
||||
"2":-1,
|
||||
"3":-1,
|
||||
"4":-1,
|
||||
"5":-1,
|
||||
"6":0
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":0,
|
||||
"2":4,
|
||||
"3":5,
|
||||
"4":0,
|
||||
"5":7,
|
||||
"6":0
|
||||
}
|
||||
},
|
||||
"2":{
|
||||
"points":{
|
||||
"1":0,
|
||||
"2":21,
|
||||
"3":35
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":0,
|
||||
"2":1,
|
||||
"3":0
|
||||
}
|
||||
},
|
||||
"3":{
|
||||
"points":{
|
||||
"1":50,
|
||||
"2":15,
|
||||
"3":19
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":45,
|
||||
"2":1,
|
||||
"3":1
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"3":{
|
||||
"username":"user3",
|
||||
"name":"Nguyen Van AC",
|
||||
"school":"School C",
|
||||
"last_submission":21,
|
||||
"problems":{
|
||||
"1":{
|
||||
"points":{
|
||||
"1":14,
|
||||
"2":7,
|
||||
"3":0,
|
||||
"4":17,
|
||||
"5":10,
|
||||
"6":22
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":5,
|
||||
"2":5,
|
||||
"3":0,
|
||||
"4":1,
|
||||
"5":10,
|
||||
"6":4
|
||||
}
|
||||
},
|
||||
"3":{
|
||||
"points":{
|
||||
"1":-1,
|
||||
"2":15,
|
||||
"3":35
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":50,
|
||||
"2":15,
|
||||
"3":35
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"4":{
|
||||
"username":"user4",
|
||||
"name":"Nguyen Van AD",
|
||||
"school":"School D",
|
||||
"last_submission":79,
|
||||
"problems":{
|
||||
"1":{
|
||||
"points":{
|
||||
"1":30,
|
||||
"2":10,
|
||||
"3":3,
|
||||
"4":17,
|
||||
"5":4,
|
||||
"6":10
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":19,
|
||||
"2":8,
|
||||
"3":0,
|
||||
"4":17,
|
||||
"5":2,
|
||||
"6":7
|
||||
}
|
||||
},
|
||||
"2":{
|
||||
"points":{
|
||||
"1":20,
|
||||
"2":45,
|
||||
"3":35
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":20,
|
||||
"2":45,
|
||||
"3":35
|
||||
}
|
||||
},
|
||||
"3":{
|
||||
"points":{
|
||||
"1":50,
|
||||
"2":15,
|
||||
"3":35
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":50,
|
||||
"2":9,
|
||||
"3":11
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"5":{
|
||||
"username":"user5",
|
||||
"name":"Nguyen Van AE",
|
||||
"school":"School E",
|
||||
"last_submission":36,
|
||||
"problems":{
|
||||
"1":{
|
||||
"points":{
|
||||
"1":30,
|
||||
"2":7,
|
||||
"3":11,
|
||||
"4":17,
|
||||
"5":10,
|
||||
"6":1
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":3,
|
||||
"2":7,
|
||||
"3":0,
|
||||
"4":1,
|
||||
"5":10,
|
||||
"6":0
|
||||
}
|
||||
},
|
||||
"2":{
|
||||
"points":{
|
||||
"1":20,
|
||||
"2":45,
|
||||
"3":0
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":11,
|
||||
"2":0,
|
||||
"3":0
|
||||
}
|
||||
},
|
||||
"3":{
|
||||
"points":{
|
||||
"1":15,
|
||||
"2":15,
|
||||
"3":35
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":3,
|
||||
"2":10,
|
||||
"3":15
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"6":{
|
||||
"username":"user6",
|
||||
"name":"Nguyen Van AF",
|
||||
"school":"School F",
|
||||
"last_submission":17,
|
||||
"problems":{
|
||||
}
|
||||
},
|
||||
"7":{
|
||||
"username":"user7",
|
||||
"name":"Nguyen Van AG",
|
||||
"school":"School G",
|
||||
"last_submission":91,
|
||||
"problems":{
|
||||
"1":{
|
||||
"points":{
|
||||
"1":28,
|
||||
"2":1,
|
||||
"3":11,
|
||||
"4":17,
|
||||
"5":6,
|
||||
"6":22
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":7,
|
||||
"2":0,
|
||||
"3":1,
|
||||
"4":9,
|
||||
"5":1,
|
||||
"6":7
|
||||
}
|
||||
},
|
||||
"2":{
|
||||
"points":{
|
||||
"1":20,
|
||||
"2":45,
|
||||
"3":24
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":20,
|
||||
"2":13,
|
||||
"3":0
|
||||
}
|
||||
},
|
||||
"3":{
|
||||
"points":{
|
||||
"1":29,
|
||||
"2":13,
|
||||
"3":35
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":10,
|
||||
"2":0,
|
||||
"3":35
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"8":{
|
||||
"username":"user8",
|
||||
"name":"Nguyen Van AH",
|
||||
"school":"School H",
|
||||
"last_submission":60,
|
||||
"problems":{
|
||||
}
|
||||
},
|
||||
"9":{
|
||||
"username":"user9",
|
||||
"name":"Nguyen Van AI",
|
||||
"school":"School I",
|
||||
"last_submission":89,
|
||||
"problems":{
|
||||
"1":{
|
||||
"points":{
|
||||
"1":17,
|
||||
"2":10,
|
||||
"3":1,
|
||||
"4":17,
|
||||
"5":5,
|
||||
"6":13
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":0,
|
||||
"2":10,
|
||||
"3":0,
|
||||
"4":3,
|
||||
"5":4,
|
||||
"6":11
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"10":{
|
||||
"username":"user10",
|
||||
"name":"Nguyen Van AJ",
|
||||
"school":"School J",
|
||||
"last_submission":10,
|
||||
"problems":{
|
||||
"1":{
|
||||
"points":{
|
||||
"1":30,
|
||||
"2":7,
|
||||
"3":5,
|
||||
"4":0,
|
||||
"5":7,
|
||||
"6":17
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":12,
|
||||
"2":1,
|
||||
"3":0,
|
||||
"4":0,
|
||||
"5":3,
|
||||
"6":0
|
||||
}
|
||||
},
|
||||
"2":{
|
||||
"points":{
|
||||
"1":20,
|
||||
"2":45,
|
||||
"3":35
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":20,
|
||||
"2":0,
|
||||
"3":35
|
||||
}
|
||||
},
|
||||
"3":{
|
||||
"points":{
|
||||
"1":50,
|
||||
"2":0,
|
||||
"3":35
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":12,
|
||||
"2":0,
|
||||
"3":31
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"11":{
|
||||
"username":"user11",
|
||||
"name":"Nguyen Van AK",
|
||||
"school":"School K",
|
||||
"last_submission":61,
|
||||
"problems":{
|
||||
"1":{
|
||||
"points":{
|
||||
"1":30,
|
||||
"2":10,
|
||||
"3":11,
|
||||
"4":17,
|
||||
"5":10,
|
||||
"6":0
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":26,
|
||||
"2":7,
|
||||
"3":0,
|
||||
"4":14,
|
||||
"5":2,
|
||||
"6":0
|
||||
}
|
||||
},
|
||||
"2":{
|
||||
"points":{
|
||||
"1":20,
|
||||
"2":45,
|
||||
"3":23
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":12,
|
||||
"2":45,
|
||||
"3":1
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"12":{
|
||||
"username":"user12",
|
||||
"name":"Nguyen Van AL",
|
||||
"school":"School L",
|
||||
"last_submission":49,
|
||||
"problems":{
|
||||
"1":{
|
||||
"points":{
|
||||
"1":30,
|
||||
"2":10,
|
||||
"3":0,
|
||||
"4":17,
|
||||
"5":0,
|
||||
"6":1
|
||||
},
|
||||
"frozen_points":{
|
||||
"1":19,
|
||||
"2":1,
|
||||
"3":0,
|
||||
"4":10,
|
||||
"5":0,
|
||||
"6":0
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
395
resources/resolver.css
Normal file
395
resources/resolver.css
Normal file
|
|
@ -0,0 +1,395 @@
|
|||
/*
|
||||
main.css
|
||||
*/
|
||||
|
||||
|
||||
/*
|
||||
reset bootstrap
|
||||
*/
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
:root {
|
||||
scrollbar-width: none;
|
||||
/* color */
|
||||
--primary_color : #EFF5F5;
|
||||
--secondary_color : #D6E4E5;
|
||||
--wa : #EB6440;
|
||||
--partially : #fff133;
|
||||
--ac : #80ED99;
|
||||
--frozen : #497174;
|
||||
--untouched : #A7BBC7;
|
||||
--selected : rgb(206, 75, 199);
|
||||
--theme-text-color : black;
|
||||
--theme-background-color : white;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
margin-bottom: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
/*
|
||||
common
|
||||
*/
|
||||
.app {
|
||||
color: white;
|
||||
background-color: var(--theme-background-color);
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.item {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.rank,
|
||||
.content,
|
||||
.problems li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.score,
|
||||
.penalty {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.rank,
|
||||
.score,
|
||||
.penalty {
|
||||
font-size: 35px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
line-height: 83px;
|
||||
}
|
||||
|
||||
.rank-list-item {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
padding: 10px;
|
||||
position: relative;
|
||||
background: transparent;
|
||||
-moz-transition-duration: 1s;
|
||||
-webkit-transition-duration: 1s;
|
||||
-ms-transition-duration: 1s;
|
||||
}
|
||||
|
||||
.content {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.untouched {
|
||||
background-color: var(--untouched);
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.pro-score.untouched {
|
||||
color: var(--theme-text-color);
|
||||
}
|
||||
|
||||
.frozen {
|
||||
background-color: var(--frozen);
|
||||
}
|
||||
|
||||
.failed,
|
||||
.WA {
|
||||
background-color: var(--wa);
|
||||
}
|
||||
|
||||
.partially {
|
||||
background-color: var(--partially);
|
||||
/* border: 2px solid var(--partially); */
|
||||
}
|
||||
|
||||
.ac {
|
||||
background-color: var(--ac);
|
||||
}
|
||||
|
||||
.selected {
|
||||
background-color: var(--selected);
|
||||
}
|
||||
|
||||
.p-content.selected {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.uncover {
|
||||
animation: flashing 300ms infinite;
|
||||
-webkit-animation: flashing 30ms infinite;
|
||||
/*Safari and Chrome*/
|
||||
}
|
||||
|
||||
@keyframes flashing {
|
||||
from {
|
||||
background-color: #8a6d3b
|
||||
}
|
||||
|
||||
to {
|
||||
background-color: #BD995B
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes flashing {
|
||||
|
||||
/*Safari and Chrome*/
|
||||
from {
|
||||
background-color: #8a6d3b
|
||||
}
|
||||
|
||||
to {
|
||||
background-color: #BD995B
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
index
|
||||
*/
|
||||
|
||||
.show-rank {
|
||||
opacity: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
background-color: black;
|
||||
z-index: -1;
|
||||
-moz-transition-duration: 1s;
|
||||
-webkit-transition-duration: 1s;
|
||||
-ms-transition-duration: 1s;
|
||||
}
|
||||
|
||||
.show-rank .name-show {
|
||||
bottom: 60px;
|
||||
font-size: 40px;
|
||||
font-weight: bolder;
|
||||
position: absolute;
|
||||
margin-left: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.show-rank .rank-show {
|
||||
bottom: 120px;
|
||||
position: absolute;
|
||||
font-size: 60px;
|
||||
font-weight: bolder;
|
||||
margin-left: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.show-rank .school-show {
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
font-size: 30px;
|
||||
font-weight: bolder;
|
||||
margin-left: 20px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.rank {
|
||||
width: 58px;
|
||||
height: 58px;
|
||||
font-size: 35px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
line-height: 83px;
|
||||
margin-right: 15px;
|
||||
color: var(--theme-text-color);
|
||||
}
|
||||
|
||||
.info-container .name {
|
||||
font-size: 30px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
line-height: 30px;
|
||||
color: var(--theme-text-color);
|
||||
}
|
||||
|
||||
.school {
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
margin-bottom: 5px;
|
||||
line-height: 30px;
|
||||
margin-left: 8px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.problems {
|
||||
list-style-type: none;
|
||||
padding: 5px 0;
|
||||
font-size: 12px;
|
||||
border-radius: 10px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.problems .item {
|
||||
padding: 4px;
|
||||
margin: 0 5px;
|
||||
width: 70px;
|
||||
text-align: center;
|
||||
border-radius: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.problems .item .p-content {
|
||||
padding: 0px 0;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
border-radius: 10px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.score {
|
||||
font-weight: bold;
|
||||
width: 70px;
|
||||
color: var(--theme-text-color);
|
||||
}
|
||||
|
||||
.penalty {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.problem-container {
|
||||
display: flex;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.prob-container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin-right: 40px;
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.pro-score {
|
||||
position: relative;
|
||||
font-size: 24px;
|
||||
line-height: 24px;
|
||||
font-weight: bolder;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 80px;
|
||||
cursor: pointer;
|
||||
color: var(--theme-text-color);
|
||||
border-radius: 10px 0 0 10px;
|
||||
}
|
||||
|
||||
.pro-score:hover {
|
||||
/* border: 2px solid white; */
|
||||
/* padding: 2px 2px; */
|
||||
/* border-radius: 10px 0 0 10px; */
|
||||
}
|
||||
|
||||
.pro-score.partially {
|
||||
border: 4px solid var(--partially);
|
||||
}
|
||||
|
||||
.pro-score.ac {
|
||||
border: 4px solid #2da728;
|
||||
}
|
||||
|
||||
.pro-score.failed {
|
||||
border: 4px solid #e21919;
|
||||
}
|
||||
|
||||
.pro-score.frozen {
|
||||
border: 4px solid #004d64;
|
||||
}
|
||||
|
||||
.problems .item:hover {
|
||||
border: 2px solid white;
|
||||
padding: 2px 2px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.pro-score.selected {
|
||||
border: 4px solid white;
|
||||
padding: 0 0;
|
||||
border-radius: 10px 0 0 10px;
|
||||
}
|
||||
|
||||
.problems .item.selected {
|
||||
border: 4px solid white;
|
||||
padding: 0 0;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.hidden-board {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.info-bar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
padding: 0 10px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 0;
|
||||
border-bottom: 2px solid var(--theme-text-color);
|
||||
z-index: 1000;
|
||||
font-weight: bolder;
|
||||
background-color: var(--theme-background-color);
|
||||
}
|
||||
|
||||
.info-bar .rank {
|
||||
font-size: 20px;
|
||||
line-height: 20px;
|
||||
font-weight: lighter;
|
||||
height: 20px;
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
}
|
||||
|
||||
.info-bar .name {
|
||||
font-size: 20px;
|
||||
font-weight: lighter;
|
||||
height: 20px;
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
color: var(--theme-text-color);
|
||||
}
|
||||
|
||||
.info-bar .score {
|
||||
font-size: 20px;
|
||||
line-height: 20px;
|
||||
font-weight: lighter;
|
||||
height: 20px;
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
}
|
||||
|
||||
.sticky {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.info-container {
|
||||
display: flex;
|
||||
color: var(--theme-text-color);
|
||||
}
|
||||
|
||||
.background-primary {
|
||||
background-color: var(--primary_color);
|
||||
}
|
||||
.background-secondary {
|
||||
background-color: var(--secondary_color);
|
||||
}
|
||||
318
resources/resolver.js
Normal file
318
resources/resolver.js
Normal file
|
|
@ -0,0 +1,318 @@
|
|||
function Resolver(problem_sub, sub_frozen, problems, users) {
|
||||
this.problem_sub = problem_sub;
|
||||
this.sub_frozen = sub_frozen;
|
||||
this.problems = problems;
|
||||
this.users = users;
|
||||
this.frozen_seconds = 200;
|
||||
this.operations = [];
|
||||
this.frozen_op = 0;
|
||||
this.isshow = [];
|
||||
this.delay = false;
|
||||
}
|
||||
|
||||
Resolver.prototype.status = function (problem) {
|
||||
if (problem.old_verdict == 'NA' && problem.new_verdict == 'NA') {
|
||||
return 'untouched';
|
||||
} else if (problem.old_verdict == 'AC') {
|
||||
return 'ac';
|
||||
} else if (problem.old_verdict == 'PA' && problem.new_verdict == 'NA') {
|
||||
return 'partially';
|
||||
} else if (problem.new_verdict == 'NA' && problem.old_verdict == 'WA') {
|
||||
return 'failed';
|
||||
} else {
|
||||
return "frozen";
|
||||
}
|
||||
}
|
||||
|
||||
Resolver.prototype.substatus = function (problem, subproblem) {
|
||||
if (problem.old_verdict == 'NA' && problem.new_verdict == 'NA') {
|
||||
return 'untouched';
|
||||
} else if (problem[subproblem].old_verdict == 'AC') {
|
||||
return 'ac';
|
||||
} else if (problem[subproblem].old_verdict == 'PA' && problem.new_verdict == 'NA') {
|
||||
return 'partially';
|
||||
} else if (problem[subproblem].old_verdict == 'WA' && problem.new_verdict == 'NA') {
|
||||
return 'failed';
|
||||
}
|
||||
else {
|
||||
return 'frozen';
|
||||
}
|
||||
}
|
||||
|
||||
Resolver.prototype.pointstatus = function (point, problem, sub) {
|
||||
if (sub == undefined) {
|
||||
if (point == 100) return 'AC';
|
||||
if (point == 0) return 'WA';
|
||||
return 'PA';
|
||||
}
|
||||
if (point == this.problems[problem][sub]) return 'AC';
|
||||
if (point == 0) return 'WA';
|
||||
return 'PA';
|
||||
}
|
||||
|
||||
Resolver.prototype.calcOperations = function () {
|
||||
this.rank = {};
|
||||
this.users_cnt = Object.keys(this.users).length;
|
||||
for (let id = 1; id <= this.users_cnt; id++) {
|
||||
this.rank[id] = {
|
||||
'user_id': id,
|
||||
'score': 0,
|
||||
'rank_show': -1,
|
||||
'last_submission': this.users[id].last_submission,
|
||||
};
|
||||
this.rank[id].problem = {}
|
||||
for (let i = 1; i <= this.problem_sub.length; i++) {
|
||||
this.rank[id].problem[i] = {
|
||||
'old_point': 0,
|
||||
'new_point': 0,
|
||||
'old_verdict': 'NA',
|
||||
'new_verdict': 'NA',
|
||||
}
|
||||
for (let j = 1; j <= this.problem_sub[i - 1]; j++) {
|
||||
this.rank[id].problem[i][j] = {
|
||||
'old_point': 0,
|
||||
'new_point': 0,
|
||||
'old_verdict': 'NA',
|
||||
'new_verdict': 'NA'
|
||||
};
|
||||
}
|
||||
}
|
||||
for (let problemid in this.users[id].problems) {
|
||||
for (let j = 1; j <= this.problem_sub[problemid - 1]; j++) {
|
||||
if (j < this.sub_frozen[problemid - 1]) {
|
||||
this.rank[id].problem[problemid][j].old_point = this.users[id].problems[problemid].frozen_points[j];
|
||||
this.rank[id].problem[problemid].old_point += this.rank[id].problem[problemid][j].old_point;
|
||||
this.rank[id].problem[problemid][j].old_verdict = this.pointstatus(this.users[id].problems[problemid].frozen_points[j], problemid, j);
|
||||
if (this.users[id].problems[problemid].points[j] != -1) {
|
||||
this.rank[id].problem[problemid][j].new_point = this.users[id].problems[problemid].points[j];
|
||||
this.rank[id].problem[problemid].new_point += this.rank[id].problem[problemid][j].new_point;
|
||||
this.rank[id].problem[problemid][j].new_verdict = this.pointstatus(this.users[id].problems[problemid].points[j], problemid, j);
|
||||
}
|
||||
}
|
||||
}
|
||||
this.rank[id].problem[problemid].old_verdict = this.pointstatus(this.rank[id].problem[problemid].old_point);
|
||||
this.rank[id].score += this.rank[id].problem[problemid].old_point;
|
||||
if (this.users[id].problems[problemid].points[1] != -1) {
|
||||
this.rank[id].problem[problemid].new_verdict = this.pointstatus(this.rank[id].problem[problemid].new_point);
|
||||
}
|
||||
}
|
||||
}
|
||||
this.rank_frozen = $.extend(true, [], this.rank);
|
||||
var uids = Object.keys(this.rank);
|
||||
this.rankarr = [];
|
||||
for (let key in uids) {
|
||||
this.rankarr.push(this.rank[uids[key]]);
|
||||
}
|
||||
this.rankarr.sort(function (a, b) {
|
||||
if (a.score != b.score) {
|
||||
return (b.score - a.score);
|
||||
} else {
|
||||
return (a.last_submission - b.last_submission);
|
||||
}
|
||||
});
|
||||
|
||||
for (let i = 0; i < this.rankarr.length; i++) {
|
||||
this.rankarr[i].rank_show = i + 1;
|
||||
this.rank[this.rankarr[i].user_id].rank_show = i + 1;
|
||||
this.rank_frozen[this.rankarr[i].user_id].rank_show = i + 1;
|
||||
}
|
||||
console.log(this.rank_frozen);
|
||||
for (let i = this.rankarr.length - 1; i >= 0; i--) {
|
||||
var flag = true;
|
||||
while (flag) {
|
||||
flag = false;
|
||||
for (let j = 1; j <= this.problem_sub.length; j++) {
|
||||
if (this.status(this.rankarr[i].problem[j]) == 'frozen') {
|
||||
frozen_op = true;
|
||||
flag = true;
|
||||
for (let sub = 1; sub < this.sub_frozen[j - 1]; sub++) {
|
||||
if (this.rankarr[i].problem[j][sub].old_verdict == 'AC') continue;
|
||||
var op = {
|
||||
id: this.operations.length,
|
||||
type: 'sub',
|
||||
frozen: 'no',
|
||||
user_id: this.rankarr[i].user_id,
|
||||
problem_index: j,
|
||||
problem_sub: sub,
|
||||
old_point: this.rankarr[i].problem[j][sub].old_point,
|
||||
new_point: this.rankarr[i].problem[j][sub].new_point,
|
||||
old_verdict: this.rankarr[i].problem[j][sub].old_verdict,
|
||||
new_verdict: this.rankarr[i].problem[j][sub].new_verdict,
|
||||
};
|
||||
var tmp = this.rankarr[i];
|
||||
tmp.problem[j][sub].old_point = tmp.problem[j][sub].new_point;
|
||||
tmp.problem[j][sub].new_point = 0;
|
||||
tmp.problem[j][sub].old_verdict = tmp.problem[j][sub].new_verdict;
|
||||
tmp.problem[j][sub].new_verdict = 'NA';
|
||||
this.operations.push(op);
|
||||
}
|
||||
var op = {
|
||||
id: this.operations.length,
|
||||
type: 'problem',
|
||||
frozen: 'no',
|
||||
user_id: this.rankarr[i].user_id,
|
||||
problem_index: j,
|
||||
old_point: this.rankarr[i].problem[j].old_point,
|
||||
new_point: this.rankarr[i].problem[j].new_point,
|
||||
old_verdict: this.rankarr[i].problem[j].old_verdict,
|
||||
new_verdict: this.rankarr[i].problem[j].new_verdict,
|
||||
old_rank: i + 1,
|
||||
new_rank: -1,
|
||||
};
|
||||
var tmp = this.rankarr[i];
|
||||
if (tmp.problem[j].new_point > tmp.problem[j].old_point) {
|
||||
tmp.score += tmp.problem[j].new_point - tmp.problem[j].old_point;
|
||||
}
|
||||
tmp.problem[j].old_point = tmp.problem[j].new_point;
|
||||
tmp.problem[j].new_point = 0;
|
||||
tmp.problem[j].old_verdict = tmp.problem[j].new_verdict;
|
||||
tmp.problem[j].new_verdict = 'NA';
|
||||
var k = i - 1;
|
||||
while (k >= 0 && this.rankarr[k].score < tmp.score) {
|
||||
tmp.rank_show--;
|
||||
this.rankarr[k].rank_show++;
|
||||
this.rankarr[k + 1] = this.rankarr[k];
|
||||
k--;
|
||||
}
|
||||
this.rankarr[k + 1] = tmp;
|
||||
op.new_rank = k + 2;
|
||||
this.operations.push(op);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
this.check = [];
|
||||
for (let i = 1; i <= this.users_cnt; i++) {
|
||||
var usercheck = [];
|
||||
for (let j = 1; j <= this.problem_sub.length; j++) {
|
||||
var cc = [];
|
||||
for (let k = 1; k <= this.sub_frozen[j - 1] - 1; k++) {
|
||||
cc.push(k);
|
||||
}
|
||||
usercheck.push(cc);
|
||||
}
|
||||
this.check.push(usercheck);
|
||||
}
|
||||
}
|
||||
|
||||
Resolver.prototype.showrank = function () {
|
||||
for (let rankid = this.rankarr.length - 1; rankid >= 0; rankid--) {
|
||||
if (this.isshow.indexOf(this.rankarr[rankid].user_id) != -1) continue;
|
||||
var ok = true;
|
||||
for (let problemid in this.users[this.rankarr[rankid].user_id].problems) {
|
||||
for (let sub = 1; sub <= this.problem_sub[problemid - 1]; sub++) {
|
||||
if (this.check[this.rankarr[rankid].user_id - 1][problemid - 1].indexOf(sub) == -1) {
|
||||
ok = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (ok) {
|
||||
var op = {
|
||||
id: this.operations.length,
|
||||
type: 'show',
|
||||
user_id: this.rankarr[rankid].user_id,
|
||||
};
|
||||
this.delay = true;
|
||||
this.isshow.push(this.rankarr[rankid].user_id);
|
||||
this.operations.push(op);
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
Resolver.prototype.next_operation = function () {
|
||||
if (this.delay) {
|
||||
var op = {
|
||||
id: this.operations.length,
|
||||
type: 'delay',
|
||||
};
|
||||
this.delay = false;
|
||||
this.operations.push(op);
|
||||
return true;
|
||||
}
|
||||
var isshowrank = this.showrank();
|
||||
if (isshowrank == true) return true;
|
||||
for (let i = this.rankarr.length - 1; i >= 0; i--) {
|
||||
for (let problemid = 1; problemid <= this.problem_sub.length; problemid++) {
|
||||
let ok = false;
|
||||
var id = this.rankarr[i].user_id;
|
||||
for (let cc in this.users[id].problems) {
|
||||
if (cc == problemid) ok = true;
|
||||
}
|
||||
if (ok == false) {
|
||||
continue;
|
||||
}
|
||||
for (let sub = this.sub_frozen[problemid - 1]; sub <= this.problem_sub[problemid - 1]; sub++) {
|
||||
if (this.check[this.rankarr[i].user_id - 1][problemid - 1].indexOf(sub) == -1) {
|
||||
this.operation(i, problemid, sub);
|
||||
return true;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
Resolver.prototype.operation = function (rankid, problemid, sub) {
|
||||
var id = this.rankarr[rankid].user_id;
|
||||
if (this.check[this.rankarr[rankid].user_id - 1][problemid - 1].indexOf(sub) != -1) return false;
|
||||
this.check[this.rankarr[rankid].user_id - 1][problemid - 1].push(sub);
|
||||
this.rankarr[rankid].problem[problemid][sub].new_point = this.users[id].problems[problemid].points[sub];
|
||||
this.rankarr[rankid].problem[problemid][sub].new_verdict = this.pointstatus(this.rankarr[rankid].problem[problemid][sub].new_point, problemid, sub);
|
||||
this.rankarr[rankid].problem[problemid].new_point =
|
||||
this.rankarr[rankid].problem[problemid].old_point + this.rankarr[rankid].problem[problemid][sub].new_point - this.rankarr[rankid].problem[problemid][sub].old_point;
|
||||
this.rankarr[rankid].problem[problemid].new_verdict = this.pointstatus(this.rankarr[rankid].problem[problemid].new_point);
|
||||
var op = {
|
||||
id: this.operations.length,
|
||||
type: 'sub',
|
||||
frozen: 'ok',
|
||||
user_id: this.rankarr[rankid].user_id,
|
||||
problem_index: problemid,
|
||||
problem_sub: sub,
|
||||
old_point: this.rankarr[rankid].problem[problemid][sub].old_point,
|
||||
new_point: this.rankarr[rankid].problem[problemid][sub].new_point,
|
||||
old_verdict: this.rankarr[rankid].problem[problemid][sub].old_verdict,
|
||||
new_verdict: this.rankarr[rankid].problem[problemid][sub].new_verdict,
|
||||
};
|
||||
var tmp = this.rankarr[rankid];
|
||||
tmp.problem[problemid][sub].old_point = tmp.problem[problemid][sub].new_point;
|
||||
tmp.problem[problemid][sub].new_point = 0;
|
||||
tmp.problem[problemid][sub].old_verdict = tmp.problem[problemid][sub].new_verdict;
|
||||
tmp.problem[problemid][sub].new_verdict = 'NA';
|
||||
this.operations.push(op);
|
||||
var op1 = {
|
||||
id: this.operations.length,
|
||||
type: 'problem',
|
||||
frozen: 'ok',
|
||||
user_id: this.rankarr[rankid].user_id,
|
||||
problem_index: problemid,
|
||||
old_point: this.rankarr[rankid].problem[problemid].old_point,
|
||||
new_point: this.rankarr[rankid].problem[problemid].new_point,
|
||||
old_verdict: this.rankarr[rankid].problem[problemid].old_verdict,
|
||||
new_verdict: this.rankarr[rankid].problem[problemid].new_verdict,
|
||||
old_rank: rankid + 1,
|
||||
new_rank: -1,
|
||||
};
|
||||
if (tmp.problem[problemid].new_point > tmp.problem[problemid].old_point) {
|
||||
tmp.score += tmp.problem[problemid].new_point - tmp.problem[problemid].old_point;
|
||||
}
|
||||
tmp.problem[problemid].old_point = tmp.problem[problemid].new_point;
|
||||
tmp.problem[problemid].new_point = 0;
|
||||
tmp.problem[problemid].old_verdict = tmp.problem[problemid].new_verdict;
|
||||
tmp.problem[problemid].new_verdict = 'NA';
|
||||
var k = rankid - 1;
|
||||
while (k >= 0 && (this.rankarr[k].score < tmp.score || (this.rankarr[k].score == tmp.score && this.rankarr[k].last_submission > tmp.last_submission))) {
|
||||
tmp.rank_show--;
|
||||
this.rankarr[k].rank_show++;
|
||||
this.rankarr[k + 1] = this.rankarr[k];
|
||||
k--;
|
||||
}
|
||||
this.rankarr[k + 1] = tmp;
|
||||
op1.new_rank = k + 2;
|
||||
this.operations.push(op1);
|
||||
return true;
|
||||
}
|
||||
428
templates/resolver/media-js.html
Normal file
428
templates/resolver/media-js.html
Normal file
|
|
@ -0,0 +1,428 @@
|
|||
{% compress js %}
|
||||
<script type="text/javascript">
|
||||
var updateInterval = 2000;
|
||||
var curop = -1;
|
||||
var lintHeight = 100;
|
||||
var bonusHeight = 30;
|
||||
var speed = 700;
|
||||
var autopress = false;
|
||||
$(document).ready(function() {
|
||||
$.getJSON('{{ static('contest.json') }}', function (data) {
|
||||
console.log("OK");
|
||||
var resolver = new Resolver(data.problem_sub, data.sub_frozen, data.problems, data.users);
|
||||
window.resolver = resolver;
|
||||
resolver.calcOperations();
|
||||
resolver.frozen_op = resolver.operations.length - 1;
|
||||
resetCSS();
|
||||
light_theme();
|
||||
show_rank();
|
||||
}).fail(function(){
|
||||
console.log("An error has occurred.");
|
||||
});
|
||||
});
|
||||
|
||||
function updateSelector() {
|
||||
$('.show-rank').css('opacity', '0');
|
||||
$('.show-rank').css('z-index', '-1');
|
||||
var operation = resolver.operations[curop];
|
||||
var tmp = resolver.rank_frozen[operation.user_id];
|
||||
if (operation.type != 'delay') {
|
||||
window.scrollTo({
|
||||
top: (resolver.rank_frozen[operation.user_id].rank_show - 6) * lintHeight + bonusHeight,
|
||||
left: 0,
|
||||
behavior: 'smooth'
|
||||
});
|
||||
for (let i in resolver.rank_frozen) {
|
||||
$('#rank-' + i).css({'background-color' : ''});
|
||||
if (resolver.rank_frozen[i].rank_show % 2 == 0) {
|
||||
$('#rank-' + i).removeClass('background-secondary');
|
||||
$("#rank-" + i).addClass('background-primary');
|
||||
} else {
|
||||
$("#rank-" + i).removeClass('background-primary');
|
||||
$("#rank-" + i).addClass('background-secondary');
|
||||
}
|
||||
}
|
||||
$('#rank-' + operation.user_id).css({ "background-color": "#5382DF" });
|
||||
}
|
||||
if (operation.type == 'problem') {
|
||||
$('#rank-' + operation.user_id + ' .p-' + operation.problem_index + ' .pro-score').removeClass(resolver.status(tmp.problem[operation.problem_index]));
|
||||
$('#rank-' + operation.user_id + ' .p-' + operation.problem_index + ' .pro-score').addClass('selected');
|
||||
} else if (operation.type == 'sub') {
|
||||
$('#rank-' + operation.user_id + ' .p-' + operation.problem_index + ' .s-' + operation.problem_sub).removeClass(resolver.status(tmp.problem[operation.problem_index][operation.problem_sub]));
|
||||
$('#rank-' + operation.user_id + ' .p-' + operation.problem_index + ' .s-' + operation.problem_sub + ' .pro-content').removeClass(resolver.status(tmp.problem[operation.problem_index][operation.problem_sub]));
|
||||
$('#rank-' + operation.user_id + ' .p-' + operation.problem_index + ' .s-' + operation.problem_sub).addClass('selected');
|
||||
$('#rank-' + operation.user_id + ' .p-' + operation.problem_index + ' .s-' + operation.problem_sub + ' .p-content').addClass('selected');
|
||||
if (operation.frozen == 'ok') {
|
||||
$('#rank-' + operation.user_id + ' .p-' + operation.problem_index + ' .s-' + operation.problem_sub).removeClass('frozen');
|
||||
$('#rank-' + operation.user_id + ' .p-' + operation.problem_index + ' .s-' + operation.problem_sub + ' .pro-content').removeClass('frozen');
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function getNewData() {
|
||||
var operation = resolver.operations[curop];
|
||||
if (operation.type == 'problem') {
|
||||
var tmp = resolver.rank_frozen[operation.user_id];
|
||||
for (let i in resolver.rank_frozen) {
|
||||
if (resolver.rank_frozen[i].rank_show < operation.old_rank && resolver.rank_frozen[i].rank_show >= operation.new_rank) {
|
||||
resolver.rank_frozen[i].rank_show++;
|
||||
}
|
||||
}
|
||||
tmp.rank_show = operation.new_rank;
|
||||
tmp.score += operation.new_point - operation.old_point;
|
||||
tmp.problem[operation.problem_index].old_verdict = operation.new_verdict;
|
||||
tmp.problem[operation.problem_index].new_verdict = 'NA';
|
||||
tmp.problem[operation.problem_index].old_point = operation.new_point;
|
||||
$('#rank-' + operation.user_id + ' .p-' + operation.problem_index + ' .pro-score').removeClass('selected');
|
||||
$('#rank-' + operation.user_id + ' .p-' + operation.problem_index + ' .pro-score').addClass(resolver.status(tmp.problem[operation.problem_index]));
|
||||
$('#rank-' + operation.user_id + ' .score').text(tmp.score);
|
||||
if (operation.new_rank % 2 == 0) {
|
||||
let per = tmp.problem[operation.problem_index].old_point;
|
||||
let linear = `linear-gradient(90deg, ${partially} ${per}%, ${theme_background_color} ${per}%)`;
|
||||
$('#rank-' + operation.user_id + ' .p-' + operation.problem_index + ' .pro-score.partially').css("background", linear);
|
||||
} else {
|
||||
let per = tmp.problem[operation.problem_index].old_point;
|
||||
let linear = `linear-gradient(90deg, ${partially} ${per}%, ${untouched} ${per}%)`;
|
||||
$('#rank-' + operation.user_id + ' .p-' + operation.problem_index + ' .pro-score.partially').css("background", linear);
|
||||
}
|
||||
for (let i in resolver.rank_frozen) {
|
||||
$('#rank-' + i + ' .rank').text(resolver.rank_frozen[i].rank_show);
|
||||
$("#rank-" + i).css('top', (resolver.rank_frozen[i].rank_show - 1) * lintHeight + bonusHeight);
|
||||
if (resolver.rank_frozen[i].rank_show % 2 == 0) {
|
||||
if (i != operation.user_id) {
|
||||
$("#rank-" + i).removeClass('background-secondary');
|
||||
$("#rank-" + i).addClass('background-primary');
|
||||
}
|
||||
$("#rank-" + i + ' .prob-container').removeClass('background-primary');
|
||||
$("#rank-" + i + ' .problems').removeClass('background-primary');
|
||||
$("#rank-" + i + ' .prob-container').addClass('background-secondary');
|
||||
$("#rank-" + i + ' .problems').addClass('background-secondary');
|
||||
for (let problemid in resolver.rank_frozen[i].problem) {
|
||||
let per = resolver.rank_frozen[i].problem[problemid].old_point;
|
||||
let linear = `linear-gradient(90deg, ${partially} ${per}%, ${primary_color} ${per}%)`;
|
||||
$('#rank-' + i + ' .p-' + problemid + ' .pro-score.partially').css("background", linear);
|
||||
}
|
||||
} else {
|
||||
if (i != operation.user_id) {
|
||||
$("#rank-" + i).removeClass('background-primary');
|
||||
$("#rank-" + i).addClass('background-secondary');
|
||||
}
|
||||
$("#rank-" + i + ' .prob-container').removeClass('background-secondary');
|
||||
$("#rank-" + i + ' .problems').removeClass('background-secondary');
|
||||
$("#rank-" + i + ' .prob-container').addClass('background-primary');
|
||||
$("#rank-" + i + ' .problems').addClass('background-primary');
|
||||
for (let problemid in resolver.rank_frozen[i].problem) {
|
||||
let per = resolver.rank_frozen[i].problem[problemid].old_point;
|
||||
let linear = `linear-gradient(90deg, ${partially} ${per}%, ${secondary_color} ${per}%)`;
|
||||
$('#rank-' + i + ' .p-' + problemid + ' .pro-score.partially').css("background", linear);
|
||||
}
|
||||
}
|
||||
}
|
||||
} else if (operation.type == 'sub') {
|
||||
var tmp = resolver.rank_frozen[operation.user_id];
|
||||
tmp.problem[operation.problem_index][operation.problem_sub].old_verdict = operation.new_verdict;
|
||||
tmp.problem[operation.problem_index][operation.problem_sub].new_verdict = 'NA';
|
||||
tmp.problem[operation.problem_index].old_point += operation.new_point - operation.old_point;
|
||||
tmp.problem[operation.problem_index][operation.problem_sub].old_point = operation.new_point;
|
||||
$('#rank-' + operation.user_id + ' .p-' + operation.problem_index + ' .pro-score').text(tmp.problem[operation.problem_index].old_point);
|
||||
$('#rank-' + operation.user_id + ' .p-' + operation.problem_index + '.s-' + operation.problem_sub + ' .p-content').text(operation.new_point);
|
||||
$('#rank-' + operation.user_id + ' .p-' + operation.problem_index + ' .s-' + operation.problem_sub).removeClass('selected');
|
||||
$('#rank-' + operation.user_id + ' .p-' + operation.problem_index + ' .s-' + operation.problem_sub + ' .p-content').removeClass('selected');
|
||||
$('#rank-' + operation.user_id + ' .p-' + operation.problem_index + ' .s-' + operation.problem_sub).addClass(resolver.status(tmp.problem[operation.problem_index][operation.problem_sub]));
|
||||
$('#rank-' + operation.user_id + ' .p-' + operation.problem_index + ' .s-' + operation.problem_sub + ' .p-content').addClass(resolver.status(tmp.problem[operation.problem_index][operation.problem_sub]));
|
||||
} else if (operation.type == 'show') {
|
||||
$('.show-rank').css('opacity', '1');
|
||||
$('.show-rank').css('z-index', '10000');
|
||||
$('.show-rank .rank-show').text('Rank ' + resolver.rank_frozen[operation.user_id].rank_show);
|
||||
$('.show-rank .name-show').text(resolver.users[operation.user_id].name);
|
||||
$('.show-rank .school-show').text(resolver.users[operation.user_id].school);
|
||||
}
|
||||
|
||||
$('.ac').css("background", "");
|
||||
}
|
||||
|
||||
function resetCSS() {
|
||||
$('.navbar').css('border-radius', '0');
|
||||
$(".hidden-board").css('height', (window.resolver.rank_frozen.length - 1) * lintHeight);
|
||||
}
|
||||
|
||||
function show_rank() {
|
||||
for (let i in window.resolver.rank_frozen) {
|
||||
rank_id = document.createElement('div');
|
||||
$(rank_id).css('position', 'absolute');
|
||||
$(rank_id).css('top', (resolver.rank_frozen[i].rank_show - 1) * lintHeight + bonusHeight);
|
||||
if (resolver.rank_frozen[i].rank_show % 2 == 0) {
|
||||
$(rank_id).addClass('background-primary');
|
||||
} else {
|
||||
$(rank_id).addClass('background-secondary');
|
||||
}
|
||||
|
||||
$(rank_id).attr('id', 'rank-' + i);
|
||||
$(rank_id).addClass('rank-list-item');
|
||||
$(".rank-list").append($(rank_id));
|
||||
|
||||
rank = document.createElement('div');
|
||||
$(rank).addClass('rank');
|
||||
$(rank).text(resolver.rank_frozen[i].rank_show);
|
||||
$(rank_id).append($(rank));
|
||||
|
||||
content = document.createElement('div');
|
||||
$(content).addClass('content');
|
||||
$(rank_id).append($(content));
|
||||
|
||||
info_div = document.createElement('div');
|
||||
$(info_div).addClass('info-container');
|
||||
$(content).append($(info_div));
|
||||
|
||||
name_div = document.createElement('div');
|
||||
$(name_div).addClass('name');
|
||||
$(name_div).text(window.resolver.users[i].name);
|
||||
$(info_div).append($(name_div));
|
||||
|
||||
school_div = document.createElement('div');
|
||||
$(school_div).addClass('school');
|
||||
$(school_div).text("(" + window.resolver.users[i].school + ")");
|
||||
$(info_div).append($(school_div));
|
||||
|
||||
problem_container = document.createElement('div');
|
||||
$(problem_container).addClass('problem-container');
|
||||
|
||||
for (let problem_id in window.resolver.rank_frozen[i].problem) {
|
||||
problems_con = document.createElement('div');
|
||||
$(problems_con).addClass('p-' + problem_id);
|
||||
$(problems_con).addClass('prob-container');
|
||||
if (resolver.rank_frozen[i].rank_show % 2 == 1) {
|
||||
$(problems_con).addClass('background-primary');
|
||||
} else {
|
||||
$(problems_con).addClass('background-secondary');
|
||||
}
|
||||
pro_score = document.createElement('div');
|
||||
$(pro_score).addClass('pro-score');
|
||||
$(pro_score).text(resolver.rank_frozen[i].problem[problem_id].old_point);
|
||||
$(pro_score).addClass(window.resolver.status(window.resolver.rank_frozen[i].problem[problem_id]));
|
||||
|
||||
if (resolver.status(window.resolver.rank_frozen[i].problem[problem_id]) == 'partially') {
|
||||
if (resolver.rank_frozen[i].rank_show % 2 == 1) {
|
||||
let per = resolver.rank_frozen[i].problem[problem_id].old_point;
|
||||
let linear = `linear-gradient(90deg, ${partially} ${per}%, ${secondary_color} ${per}%)`;
|
||||
$(pro_score).css("background", linear);
|
||||
} else {
|
||||
let per = resolver.rank_frozen[i].problem[problem_id].old_point;
|
||||
let linear = `linear-gradient(90deg, ${partially} ${per}%, ${primary_color} ${per}%)`;
|
||||
$(pro_score).css("background", linear);
|
||||
}
|
||||
}
|
||||
$(problems_con).append($(pro_score));
|
||||
problems = document.createElement('ul');
|
||||
$(problems).addClass('p-' + problem_id);
|
||||
$(problems).addClass('problems');
|
||||
|
||||
for (let j = 1; j <= resolver.problem_sub[problem_id - 1]; j++) {
|
||||
problem = document.createElement('li');
|
||||
$(problem).addClass('item');
|
||||
$(problem).addClass(window.resolver.substatus(window.resolver.rank_frozen[i].problem[problem_id], j));
|
||||
$(problem).addClass('p-' + problem_id);
|
||||
$(problem).addClass('s-' + j);
|
||||
$(problem).addClass('id-' + i);
|
||||
$(problems).append($(problem));
|
||||
p_content = document.createElement('div');
|
||||
$(p_content).addClass(window.resolver.substatus(window.resolver.rank_frozen[i].problem[problem_id], j));
|
||||
$(p_content).addClass('p-content');
|
||||
if (j < resolver.sub_frozen[problem_id - 1]) {
|
||||
$(p_content).text(window.resolver.rank_frozen[i].problem[problem_id][j].old_point);
|
||||
} else {
|
||||
$(p_content).text("?");
|
||||
}
|
||||
$(problem).append($(p_content));
|
||||
}
|
||||
$(problems_con).append($(problems));
|
||||
$(problem_container).append($(problems_con));
|
||||
}
|
||||
|
||||
$(content).append($(problem_container));
|
||||
|
||||
score = document.createElement('div');
|
||||
$(score).addClass('score');
|
||||
$(score).text(window.resolver.rank_frozen[i].score);
|
||||
$(rank_id).append($(score));
|
||||
}
|
||||
}
|
||||
|
||||
var theme = 0;
|
||||
|
||||
$('body').keydown(function (e) {
|
||||
if (e.keyCode == 77) {
|
||||
console.log("Press M!");
|
||||
}
|
||||
if (e.keyCode == 13) {
|
||||
console.log("Press Enter!");
|
||||
if (curop == resolver.operations.length - 1) {
|
||||
console.log("Do Enter Pressed!");
|
||||
resolver.operations = [];
|
||||
curop = -1;
|
||||
resolver.next_operation();
|
||||
if (window.resolver.operations.length == 0) {
|
||||
$('.show-rank').css('visibility', 'hidden');
|
||||
$('.show-rank').css('opacity', '0');
|
||||
for (let i in resolver.rank_frozen) {
|
||||
if (resolver.rank_frozen[i].rank_show % 2 == 0) {
|
||||
$("#rank-" + i).removeClass('background-secondary');
|
||||
$("#rank-" + i).addClass('background-primary');
|
||||
} else {
|
||||
$("#rank-" + i).removeClass('background-primary');
|
||||
$("#rank-" + i).addClass('background-secondary');
|
||||
}
|
||||
}
|
||||
}
|
||||
console.log(resolver.operations);
|
||||
if (resolver.operations.length == 1) {
|
||||
for (let x in window.resolver.operations) {
|
||||
curop++;
|
||||
updateSelector();
|
||||
setTimeout(function () {
|
||||
getNewData();
|
||||
}, 500);
|
||||
}
|
||||
} else {
|
||||
for (let x in window.resolver.operations) {
|
||||
setTimeout(function () {
|
||||
curop++;
|
||||
updateSelector();
|
||||
}, speed * x);
|
||||
setTimeout(function () {
|
||||
getNewData();
|
||||
}, speed * x + speed / 2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
if (e.keyCode == 65) {
|
||||
console.log("A pressed!");
|
||||
if (autopress == false) {
|
||||
autopress = true;
|
||||
// for (let x in resolver.operations) {
|
||||
// curop++;
|
||||
// updateSelector();
|
||||
// getNewData();
|
||||
// }
|
||||
for (let x in window.resolver.operations) {
|
||||
setTimeout(function () {
|
||||
curop++;
|
||||
updateSelector();
|
||||
}, speed * x);
|
||||
setTimeout(function () {
|
||||
getNewData();
|
||||
}, speed * x + speed / 2);
|
||||
}
|
||||
}
|
||||
}
|
||||
if (e.keyCode == 66) {
|
||||
theme = 1 - theme;
|
||||
if (theme) dark_theme();
|
||||
else light_theme();
|
||||
}
|
||||
});
|
||||
|
||||
$('.rank-list').on('click', 'li', function () {
|
||||
if (curop == resolver.operations.length - 1) {
|
||||
var classstr = $(this).attr('class');
|
||||
var index = classstr.indexOf('id-');
|
||||
var useridstr = "";
|
||||
for (let i = index + 3; i < classstr.length; i++) {
|
||||
useridstr = useridstr + classstr[i];
|
||||
}
|
||||
var userid = parseInt(useridstr);
|
||||
var problemid = classstr[classstr.indexOf('p-') + 2];
|
||||
var sub = parseInt(classstr[classstr.indexOf('s-') + 2]);
|
||||
var rankid = resolver.rank_frozen[userid].rank_show;
|
||||
resolver.operations = [];
|
||||
curop = -1;
|
||||
console.log("Clicked!");
|
||||
resolver.operation(rankid - 1, problemid, sub);
|
||||
if (resolver.operations.length == 1) {
|
||||
for (let x in window.resolver.operations) {
|
||||
curop++;
|
||||
updateSelector();
|
||||
setTimeout(function () {
|
||||
getNewData();
|
||||
}, 500);
|
||||
}
|
||||
} else {
|
||||
for (let x in window.resolver.operations) {
|
||||
setTimeout(function () {
|
||||
curop++;
|
||||
updateSelector();
|
||||
}, speed * x);
|
||||
setTimeout(function () {
|
||||
getNewData();
|
||||
}, speed * x + speed / 2);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
var primary_color, secondary_color;
|
||||
var wa, partially, ac, selected, frozen, untouched;
|
||||
var theme_text_color, theme_background_color;
|
||||
|
||||
function dark_theme() {
|
||||
primary_color = "black";
|
||||
secondary_color = '#3e3e3e';
|
||||
frozen = "#34495e";
|
||||
untouched = "#1f1f1f";
|
||||
wa = "#B71C0C";
|
||||
partially = "#A79D03";
|
||||
ac = "#086d08";
|
||||
selected = "rgb(206, 75, 199)";
|
||||
theme_text_color = "white";
|
||||
theme_background_color = "black";
|
||||
set_theme();
|
||||
}
|
||||
|
||||
function light_theme() {
|
||||
primary_color = "#EFF5F5";
|
||||
secondary_color = "#D6E4E5";
|
||||
wa = "#EB6440";
|
||||
partially = "#fff133";
|
||||
ac = "#80ED99";
|
||||
// ac = "green";
|
||||
frozen = "#497174";
|
||||
untouched = "#A7BBC7";
|
||||
selected = "rgb(206, 75, 199)";
|
||||
theme_text_color = "black";
|
||||
theme_background_color = "white";
|
||||
set_theme();
|
||||
}
|
||||
|
||||
function set_theme() {
|
||||
let root = document.querySelector(':root');
|
||||
root.style.setProperty('--primary_color', primary_color);
|
||||
root.style.setProperty('--secondary_color', secondary_color);
|
||||
root.style.setProperty('--wa', wa);
|
||||
root.style.setProperty('--partially', partially);
|
||||
root.style.setProperty('--ac', ac);
|
||||
root.style.setProperty('--selected', selected);
|
||||
root.style.setProperty('--frozen', frozen);
|
||||
root.style.setProperty('--untouched', untouched);
|
||||
root.style.setProperty('--theme-text-color', theme_text_color);
|
||||
root.style.setProperty('--theme-background-color', theme_background_color);
|
||||
for (let i in resolver.rank_frozen) {
|
||||
if (resolver.rank_frozen[i].rank_show % 2 == 0) {
|
||||
for (let problemid in resolver.rank_frozen[i].problem) {
|
||||
let per = resolver.rank_frozen[i].problem[problemid].old_point;
|
||||
let linear = `linear-gradient(90deg, ${partially} ${per}%, ${primary_color} ${per}%)`;
|
||||
$('#rank-' + i + ' .p-' + problemid + ' .pro-score.partially').css("background", linear);
|
||||
}
|
||||
} else {
|
||||
for (let problemid in resolver.rank_frozen[i].problem) {
|
||||
let per = resolver.rank_frozen[i].problem[problemid].old_point;
|
||||
let linear = `linear-gradient(90deg, ${partially} ${per}%, ${secondary_color} ${per}%)`;
|
||||
$('#rank-' + i + ' .p-' + problemid + ' .pro-score.partially').css("background", linear);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
{% endcompress %}
|
||||
43
templates/resolver/resolver.html
Normal file
43
templates/resolver/resolver.html
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="{{ LANGUAGE_CODE }}">
|
||||
|
||||
<head>
|
||||
<title>Contest Resolver</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="{{ static('bootstrap/bootstrap.min.css') }}">
|
||||
<link rel="stylesheet" href="{{ static('resolver.css') }}">
|
||||
<link rel="shortcut icon" href="#">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
|
||||
<script src="{{ static('libs/jquery-3.4.1.min.js') }}"></script>
|
||||
<script src="{{ static('resolver.js') }}"></script>
|
||||
<!-- <script src="{{ static('resolver-main.js') }}"></script> -->
|
||||
</head>
|
||||
|
||||
<body class="app">
|
||||
<div class="hidden-board">
|
||||
</div>
|
||||
|
||||
<div class="info-bar">
|
||||
<div class="rank">Rank</div>
|
||||
<div class="content">
|
||||
<div class="name">Name</div>
|
||||
</div>
|
||||
<div class="score">Score</div>
|
||||
</div>
|
||||
|
||||
<div class="rank-list">
|
||||
</div>
|
||||
|
||||
<div class="show-rank">
|
||||
<div class="rank-show"> X </div>
|
||||
<div class="name-show"> Y </div>
|
||||
<div class="school-show"> Z </div>
|
||||
</div>
|
||||
{% include "resolver/media-js.html" %}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in a new issue