|
|
<%--
|
|
|
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>
|