klarkxy/hustoj
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2024-10-10

Browse Source
This commit is contained in:
klarkxy
2024-10-10 12:56:56 +08:00
commit 7b347c848a
2648 changed files with 643965 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

182
web/template/sidebar/problemstatus.php Normal file
View File

@@ -0,0 +1,182 @@
<?php $show_title="$MSG_PROBLEMS $MSG_STATISTICS - $OJ_NAME"; ?>
<?php include("template/$OJ_TEMPLATE/header.php");?>
<style>
#avatar_container:before {
content: "";
display: block;
padding-top: 100%;
}
</style>
<div class="padding">
<div class="ui grid">
<div class="row">
<div class="five wide column">
<div class="ui card" style="width: 100%; " id="user_card">
<div class="">
<div class="column">
<h4 class="ui top attached block header"><?php echo $MSG_STATISTICS ?></h4>
<div class="ui bottom attached segment">
<div id="pie_chart_legend"></div>
<div style="width: 260px; height: 260px; margin-left: 15.5px; "><canvas style="width: 260px; height: 260px; " id="pie_chart"></canvas></div>
</div>
</div>
</div>
</div>
</div>
<div class="eleven wide column">
<div class="ui grid">
<div class="row">
<div class="column">
<h4 class="ui top attached block header"><?php echo $MSG_RANKLIST ?></h4>
<div class="ui bottom attached segment">
<table class="ui very basic table">
<thead>
<tr>
<th><?php echo $MSG_RANKLIST ?></th>
<th><?php echo $MSG_RUNID ?></th>
<th><?php echo $MSG_USER ?></th>
<th><?php echo $MSG_MEMORY ?></th>
<th><?php echo $MSG_TIME ?></th>
<th><?php echo $MSG_LANG ?></th>
<th><?php echo $MSG_CODE_LENGTH ?></th>
<th><?php echo $MSG_SUBMIT_TIME ?></th>
</tr>
</thead>
<tbody>
<?php
foreach($view_solution as $row){
echo "<tr>";
foreach($row as $table_cell){
echo "<td>";
echo "\t".$table_cell;
echo "</td>";
}
echo "</tr>";
}
?>
</table>
<div style="margin-bottom: 10px; ">
<div style="text-align: center; ">
<div class="ui pagination menu" style="box-shadow: none; ">
<?php
echo "<a class=\"item\" href='problemstatus.php?id=$id'><?php echo $MSG_HOME ?></a>";
if ($page>$pagemin){
$page--;
echo "<a class=\"item\" href='problemstatus.php?id=$id&page=$page'> $MSG_PREV_PAGE </a>";
$page++;
}
if ($page<$pagemax){
$page++;
echo "<a class=\"item\" href='problemstatus.php?id=$id&page=$page'> $MSG_NEXT_PAGE </a>";
$page--;
}
?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$(function () {
$('#user_card .image').dimmer({
on: 'hover'
});
var pie = new Chart(document.getElementById('pie_chart').getContext('2d'), {
aspectRatio: 1,
type: 'pie',
data: {
datasets: [
{
data: [
<?php foreach($view_problem_number as $row){
echo $row.",";
}
?>
],
backgroundColor: [
"#32CD32",
"#FA8072",
"#DC143C",
"#FF9912",
"#8A2BE2",
"#4169E1",
"#DB7093",
"#082E54",
"#FFFF00",
]
}
],
labels: [
<?php foreach($view_problem_title as $row){
echo "\"".$row."\",";
}
?>
]
},
options: {
responsive: true,
legend: {
display: false
},
legendCallback: function (chart) {
var text = [];
text.push('<ul style="list-style: none; padding-left: 20px; margin-top: 0; " class="' + chart.id + '-legend">');
text.push('<li style="font-size: 12px; width: 50%; display: inline-block; color: #666; "><span style="width: 10px; height: 10px; display: inline-block; border-radius: 50%; margin-right: 5px; background-color: #32CD32 ; "></span>');
text.push('<?php echo "$MSG_SUBMIT_RECORD: ".$view_problem[0][1]; ?>');
text.push('</li>');
text.push('<li style="font-size: 12px; width: 50%; display: inline-block; color: #666; "><span style="width: 10px; height: 10px; display: inline-block; border-radius: 50%; margin-right: 5px; background-color: #32CD32 ; "></span>');
text.push('<?php echo "$MSG_USER ($MSG_SUBMIT): ".$view_problem[1][1]; ?>');
text.push('</li>');
text.push('<li style="font-size: 12px; width: 50%; display: inline-block; color: #666; "><span style="width: 10px; height: 10px; display: inline-block; border-radius: 50%; margin-right: 5px; background-color: #32CD32 ; "></span>');
text.push('<?php echo "$MSG_USER ($MSG_SOVLED): ".$view_problem[2][1]; ?>');
text.push('</li>');
text.push('</ul>');
text.push('<ul style="list-style: none; padding-left: 20px; margin-top: 0; " class="' + chart.id + '-legend">');
var data = chart.data;
var datasets = data.datasets;
var labels = data.labels;
if (datasets.length) {
for (var i = 0; i < datasets[0].data.length; ++i) {
text.push('<li style="font-size: 12px; width: 50%; display: inline-block; color: #666; "><span style="width: 10px; height: 10px; display: inline-block; border-radius: 50%; margin-right: 5px; background-color: ' + datasets[0].backgroundColor[i] + '; "></span>');
if (labels[i]) {
text.push(labels[i]);
text.push(' : ' + datasets[0].data[i]);
}
text.push('</li>');
}
}
text.push('</ul>');
return text.join('');
}
},
});
document.getElementById('pie_chart_legend').innerHTML = pie.generateLegend();
});
</script>
<?php include("template/$OJ_TEMPLATE/footer.php");?>