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.

355 lines
11 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<%--
Created by IntelliJ IDEA.
User: xiaoxie
Date: 2021/11/10
Time: 20:55
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>ratingRank</title>
<link href="../css/bootstrap-grid.css" rel="stylesheet" type="text/css" />
<link href="../css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="../css/bootstrap-reboot.css" rel="stylesheet" type="text/css" />
<link href="../css/bootstrap-utilities.css" rel="stylesheet" type="text/css" />
<link href="../css/bootstrap.rtl.css" rel="stylesheet" type="text/css" />
<link href="../pageStatic/css/style.css" rel="stylesheet" type="text/css" />
<link rel="SHORTCUT ICON" href="image/logo.png">
<link rel="BOOKMARK" href="image/logo.png">
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="../css/responsive.css" />
<link rel="stylesheet" type="text/css" href="../css/animate.min.css" />
<link rel="stylesheet" type="text/css" href="../css/main.css" />
<script src="../js/angular.min.js"></script>
<script src="../js/angular-route.min.js"></script>
<script src="../js/app.js"></script>
<script src="../js/controllers.js"></script>
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
</head>
<body>
<div class="top">
<table class="table">
<thead>
<tr>
<td scope="col"><img src="../pageStatic/images/16gl-O.png" style="width: 50px;height: 50px;" alt="...">
<img src="../pageStatic/images/16gl-J.png" style="width: 50px;height: 50px;" alt="...">
</td>
<td scope="col"><ul><li onclick="selectLi(this)"><a href="../index.jsp">首页</a></li></ul></td>
<td scope="col"><ul><li onclick="selectLi(this)"><a href="../ratingrank.jsp">排行榜</a></li></ul></td>
<td scope="col"><ul><li onclick="selectLi(this)"><a href="../competition/competition.jsp">比赛</a></li></ul></td>
<td scope="col"><ul><li onclick="selectLi(this)"><a href="../problem/problem.jsp" >题库</a></li></ul> </td>
<td scope="col">
<div class="form-group">
<div class="col-xs-12 col-sm-12 col-md-12">
<input type="text" class="icon" name = "name" placeholder="输入你想搜索的内容">
</div>
</div>
</td>
<td><button class="btn btn-outline-secondary" type="button">登录/注册</button>
</td>
</tr>
</thead>
</table>
</div>
<div id="leaderboardContent" ng-controller="leaderboardCtr">
<div class="col-md-4 radius">
<div class="panel panel-primary ">
<div class="panel-heading" style="text-align: center">一共解决的题目总数TOP50(每天早上6点更新)</div>
<div class="panel-body">
<table class="table table-striped">
<thead>
<tr>
<th class="col-md-2">昵称</th>
<th class="col-md-2">邮箱</th>
<th class="col-md-2">做过的</th>
<th class="col-md-2">做对的</th>
<th class="col-md-2">总价值</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="haveDone in haveDoneProblemTop50">
<td class="col-md-2"></td>
<td class="col-md-2"></td>
<td class="col-md-2"></td>
<td class="col-md-2"></td>
<td class="col-md-2"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-md-4 radius">
<div class="panel panel-primary">
<div class="panel-heading">一共做对的题目总数TOP50(每天早上6点更新)</div>
<div class="panel-body">
<table class="table table-striped">
<thead>
<tr>
<th class="col-md-2">昵称</th>
<th class="col-md-2">邮箱</th>
<th class="col-md-2">做过的</th>
<th class="col-md-2">做对的</th>
<th class="col-md-2">总价值</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="rightProblem in rightProblemTop50">
<td class="col-md-2"></td>
<td class="col-md-2"></td>
<td class="col-md-2"></td>
<td class="col-md-2"></td>
<td class="col-md-2"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-md-4 radius">
<div class="panel panel-primary">
<div class="panel-heading">一共解决的题目总价值TOP50(每天早上6点更新)</div>
<div class="panel-body">
<table class="table table-striped">
<thead>
<tr>
<th class="col-md-2">昵称</th>
<th class="col-md-2">邮箱</th>
<th class="col-md-2">做过的</th>
<th class="col-md-2">做对的</th>
<th class="col-md-2">总价值</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="sloveProblem in sloveProblemTotalValueTop50">
<td class="col-md-2"></td>
<td class="col-md-2"></td>
<td class="col-md-2"></td>
<td class="col-md-2"></td>
<td class="col-md-2"></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div style="text-align: center; width: 1500px;position: absolute;bottom: 0px;">
<a>体验算法灵魂,发现算法的美</a><br>
<a>关于我们 | 联系我们 | 企业合作 | 免责声明 | 合作链接</a><br>
<a>联系方式xxxxxxxxxx</a>
</div>
</body>
<style>
#leaderboardContent {
margin: 50px;
text-align: center;
}
#leaderboardContent .radius {
border-radius: 50px;
}
html, body {
width: 100%;
height: 100%;
}
#loginDialog {
margin: 0;
top: 10%;
text-align: center;
}
#registerDialog {
margin: 0;
top: 10%;
text-align: center;
}
#loginDialog .modal-header, #registerDialog .modal-header, #forgetDialog .modal-header
{
border-bottom: 0;
}
#userTip {
color: white;
margin-top: 15px;
margin-left: 20px;
}
.index-top-button {
margin-top: 12px;
margin-left: 20px;
padding-left: 25px;
padding-right: 25px;
}
.width70 {
display: inline-block;
width: 78%;
}
.form-bg {
background: #00b4ef;
}
.form-horizontal {
background: #fff;
padding-bottom: 40px;
border-radius: 15px;
text-align: center;
}
.form-horizontal .heading {
display: block;
font-size: 35px;
font-weight: 700;
padding: 35px 0;
border-bottom: 1px solid #f0f0f0;
margin-bottom: 30px;
}
.form-horizontal .form-group {
padding: 0 40px;
margin: 0 0 25px 0;
position: relative;
}
.form-horizontal .form-control {
background: #f0f0f0;
border: none;
border-radius: 20px;
box-shadow: none;
padding: 0 20px 0 45px;
height: 40px;
transition: all 0.3s ease 0s;
}
.form-horizontal .form-control:focus {
background: #e0e0e0;
box-shadow: none;
outline: 0 none;
}
.form-horizontal .form-group i {
position: absolute;
top: 12px;
left: 60px;
font-size: 17px;
color: #c8c8c8;
transition: all 0.5s ease 0s;
}
.form-horizontal .form-control:focus+i {
color: #00b4ef;
}
.form-horizontal .fa-question-circle {
display: inline-block;
position: absolute;
top: 12px;
right: 60px;
font-size: 20px;
color: #808080;
transition: all 0.5s ease 0s;
}
.form-horizontal .fa-question-circle:hover {
color: #000;
}
.form-horizontal .main-checkbox {
float: left;
width: 20px;
height: 20px;
background: #11a3fc;
border-radius: 50%;
position: relative;
margin: 5px 0 0 5px;
border: 1px solid #11a3fc;
}
.form-horizontal .main-checkbox label {
width: 20px;
height: 20px;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.form-horizontal .main-checkbox label:after {
content: "";
width: 10px;
height: 5px;
position: absolute;
top: 5px;
left: 4px;
border: 3px solid #fff;
border-top: none;
border-right: none;
background: transparent;
opacity: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.form-horizontal .main-checkbox input[type=checkbox] {
visibility: hidden;
}
.form-horizontal .main-checkbox input[type=checkbox]:checked+label:after
{
opacity: 1;
}
.form-horizontal .text {
float: left;
margin-left: 7px;
line-height: 20px;
padding-top: 5px;
text-transform: capitalize;
}
.form-horizontal .btn {
float: right;
font-size: 14px;
color: #fff;
background: #00b4ef;
border-radius: 30px;
padding: 10px 25px;
border: none;
text-transform: capitalize;
transition: all 0.5s ease 0s;
border-radius: 30px;
}
@media only screen and (max-width: 479px) {
.form-horizontal .form-group {
padding: 0 25px;
}
.form-horizontal .form-group i {
left: 45px;
}
.form-horizontal .btn {
padding: 10px 20px;
}
#leaderboardContent {
margin: 50px;
text-align: center;
}
#leaderboardContent .radius {
border-radius: 50px;}
</style>
</html>