386 lines
18 KiB
HTML
386 lines
18 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<script src="assets/plugins/jquery/jquery.min.js"></script>
|
|
<script src="js/index4.js"></script>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<!-- Tell the browser to be responsive to screen width -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
<!-- Favicon icon -->
|
|
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon.png">
|
|
<title>Home</title>
|
|
<!-- Bootstrap Core CSS -->
|
|
<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
<!-- Custom CSS -->
|
|
<link href="css/style.css" rel="stylesheet">
|
|
<!-- You can change the theme colors from here -->
|
|
<link href="css/colors/blue.css" id="theme" rel="stylesheet">
|
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
<!--[if lt IE 9]>
|
|
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
|
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
|
<![endif]-->
|
|
</head>
|
|
|
|
<body class="fix-header fix-sidebar card-no-border">
|
|
<!-- ============================================================== -->
|
|
<!-- Preloader - style you can find in spinners.css -->
|
|
<!-- ============================================================== -->
|
|
<div class="preloader">
|
|
<svg class="circular" viewBox="25 25 50 50">
|
|
<circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10"/>
|
|
</svg>
|
|
</div>
|
|
<!-- ============================================================== -->
|
|
<!-- Main wrapper - style you can find in pages.scss -->
|
|
<!-- ============================================================== -->
|
|
<div id="main-wrapper">
|
|
<!-- ============================================================== -->
|
|
<!-- Topbar header - style you can find in pages.scss -->
|
|
<!-- ============================================================== -->
|
|
<header class="topbar">
|
|
<nav class="navbar top-navbar navbar-toggleable-sm navbar-light">
|
|
<!-- ============================================================== -->
|
|
<!-- Logo -->
|
|
<!-- ============================================================== -->
|
|
<div class="navbar-header">
|
|
<a class="navbar-brand" href="index.html">
|
|
<!-- Logo icon -->
|
|
<b>
|
|
<!--You can put here icon as well // <i class="wi wi-sunset"></i> //-->
|
|
<!-- Dark Logo icon -->
|
|
<img src="assets/images/logo-icon.png" alt="homepage" class="dark-logo"/>
|
|
|
|
</b>
|
|
<!--End Logo icon -->
|
|
<!-- Logo text -->
|
|
<span>
|
|
<!-- dark Logo text -->
|
|
<img src="assets/images/logo-text.png" alt="homepage" class="dark-logo"/>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<!-- ============================================================== -->
|
|
<!-- End Logo -->
|
|
<!-- ============================================================== -->
|
|
<div class="navbar-collapse">
|
|
<!-- ============================================================== -->
|
|
<!-- toggle and nav items -->
|
|
<!-- ============================================================== -->
|
|
<ul class="navbar-nav mr-auto mt-md-0 ">
|
|
<!-- This is -->
|
|
<li class="nav-item"><a class="nav-link nav-toggler hidden-md-up text-muted waves-effect waves-dark"
|
|
href="javascript:void(0)"><i class="ti-menu"></i></a></li>
|
|
<li class="nav-item hidden-sm-down">
|
|
<form class="app-search p-l-20">
|
|
<input type="text" class="form-control" placeholder="Search for..."> <a class="srh-btn"><i
|
|
class="ti-search"></i></a>
|
|
|
|
</form>
|
|
</li>
|
|
</ul>
|
|
<!-- ============================================================== -->
|
|
<!-- User profile and search -->
|
|
<!-- ============================================================== -->
|
|
<ul class="navbar-nav my-lg-0">
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" href=""
|
|
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="username"></a>
|
|
<a href="login.html" class="btn btn-danger">登出</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<!-- ============================================================== -->
|
|
<!-- End Topbar header -->
|
|
<!-- ============================================================== -->
|
|
<!-- ============================================================== -->
|
|
<!-- Left Sidebar - style you can find in sidebar.scss -->
|
|
<!-- ============================================================== -->
|
|
<aside class="left-sidebar">
|
|
<!-- Sidebar scroll-->
|
|
<div class="scroll-sidebar">
|
|
<!-- Sidebar navigation-->
|
|
<nav class="sidebar-nav">
|
|
<ul id="sidebarnav">
|
|
<li>
|
|
<a href="index.html" class="waves-effect"><i class="fa fa-clock-o m-r-10"
|
|
aria-hidden="true"></i>今日竞赛</a>
|
|
</li>
|
|
<li>
|
|
<a href="index2.html" class="waves-effect"><i class="fa fa-clock-o m-r-10"
|
|
aria-hidden="true"></i>今日结对</a>
|
|
</li>
|
|
<li>
|
|
<a href="index3.html" class="waves-effect" id="index3"><i class="fa fa-clock-o m-r-10"
|
|
aria-hidden="true"></i>布置作业</a>
|
|
</li>
|
|
<li>
|
|
<a href="index4.html" class="waves-effect"><i class="fa fa-clock-o m-r-10"
|
|
aria-hidden="true"></i>查看作业</a>
|
|
</li>
|
|
<li>
|
|
<a href="index5.html" class="waves-effect"><i class="fa fa-clock-o m-r-10"
|
|
aria-hidden="true"></i>作业排名</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<!-- End Sidebar navigation -->
|
|
</div>
|
|
<!-- End Sidebar scroll-->
|
|
</aside>
|
|
<!-- ============================================================== -->
|
|
<!-- End Left Sidebar - style you can find in sidebar.scss -->
|
|
<!-- ============================================================== -->
|
|
<!-- ============================================================== -->
|
|
<!-- Page wrapper -->
|
|
<!-- ============================================================== -->
|
|
<div class="page-wrapper">
|
|
<!-- ============================================================== -->
|
|
<!-- Container fluid -->
|
|
<!-- ============================================================== -->
|
|
<div class="container-fluid">
|
|
|
|
<!-- ============================================================== -->
|
|
<!-- Bread crumb and right sidebar toggle -->
|
|
<!-- ============================================================== -->
|
|
<div class="row page-titles">
|
|
<div class="col-md-6 col-8 align-self-center">
|
|
<h3 class="text-themecolor m-b-0 m-t-0">Dashboard</h3>
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
|
|
<li class="breadcrumb-item active">Dashboard</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
<form class="form-inline">
|
|
<label>类型:</label>
|
|
<select class="form-control" name="searchtype" id="searchtype">
|
|
<option value='竞赛'>竞赛</option>
|
|
<option value='结对'>结对</option>
|
|
</select>
|
|
<label>截止日期</label>
|
|
<input type="date" class="form-control" id="searchfinishTime" name="searchfinishTime">
|
|
<button type="button" class="btn btn-primary" name="searchbtn">查询</button>
|
|
</form>
|
|
<div class="table-responsive">
|
|
<table class="table table-striped table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<th>编号</th>
|
|
<th>作业名</th>
|
|
<th>类型</th>
|
|
<th>更新日期</th>
|
|
<th>截止日期</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tbodymainbtn">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-3"></div>
|
|
<div class="col-sm-6">
|
|
<ul class="pagination">
|
|
</ul>
|
|
</div>
|
|
<div class="col-sm-3"></div>
|
|
</div>
|
|
<!-- ============================================================== -->
|
|
<!-- End Page wrapper -->
|
|
<!-- ============================================================== -->
|
|
</div>
|
|
|
|
<div class="modal fade" id="modalhwdetail">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
|
|
<!-- 模态框头部 -->
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">编辑作业</h4>
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
</div>
|
|
|
|
<!-- 模态框主体 -->
|
|
<div class="modal-body">
|
|
<form>
|
|
<div class="form-group" hidden="hidden">
|
|
<p>id</p>
|
|
<input type="text" class="form-control" id="id" name="id">
|
|
</div>
|
|
<div class="form-group">
|
|
<p>作业名</p>
|
|
<input type="text" class="form-control" id="hwtitle" name="hwtitle">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>类型:</label>
|
|
<select class="form-control" name="hwtype" id="hwtype">
|
|
<option value='竞赛'>竞赛</option>
|
|
<option value='结对'>结对</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<p>更新日期</p>
|
|
<input type="date" class="form-control" id="hwupdateTime" name="hwupdateTime">
|
|
</div>
|
|
<div class="form-group">
|
|
<p>截止日期</p>
|
|
<input type="date" class="form-control" id="hwfinishTime" name="hwfinishTime">
|
|
</div>
|
|
<div class="form-group">
|
|
<p>内容</p>
|
|
<textarea type="text" class="form-control" id="hwdetails" name="hwdetails"></textarea>
|
|
</div>
|
|
<div class="form-group">
|
|
<button type="button" class="btn btn-primary" name="btnn">修改</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- 模态框底部 -->
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal fade" id="modalhwdetail2">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
|
|
<!-- 模态框头部 -->
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">完成情况</h4>
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
</div>
|
|
|
|
<!-- 模态框主体 -->
|
|
<div class="modal-body">
|
|
<div class="table-responsive">
|
|
<table class="table table-striped table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<th>学生编号</th>
|
|
<th>姓名</th>
|
|
<th>完成时间</th>
|
|
<th>状态</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="dtbodybtn">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 模态框底部 -->
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal fade" id="uploadmodal">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
|
|
<!-- 模态框头部 -->
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">提交作业</h4>
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
</div>
|
|
|
|
<!-- 模态框主体 -->
|
|
<div class="modal-body">
|
|
<form id="upload-form" method="post" enctype="multipart/form-data">
|
|
<input type="file" name="myFile"/>
|
|
<input type="hidden" id="userid" name="uid">
|
|
<input type="hidden" id="homeworkid" name="hid">
|
|
<div class="mt-3">
|
|
<button type="button" class="btn btn-primary" id="uploadbtn2" name="uploadbtn2">上传作业
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- 模态框底部 -->
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="modal fade" id="detailmodal">
|
|
<div class="modal-dialog modal-lg">
|
|
<div class="modal-content">
|
|
|
|
<!-- 模态框头部 -->
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">内容</h4>
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
</div>
|
|
|
|
<!-- 模态框主体 -->
|
|
<div class="modal-body ">
|
|
<a id ="downloadbody" style="height:300px;overflow:auto; "></a>
|
|
</div>
|
|
|
|
<!-- 模态框底部 -->
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- ============================================================== -->
|
|
<!-- End Wrapper -->
|
|
<!-- ============================================================== -->
|
|
<!-- ============================================================== -->
|
|
<!-- All Jquery -->
|
|
<!-- ============================================================== -->
|
|
<!-- Bootstrap tether Core JavaScript -->
|
|
<script src="assets/plugins/bootstrap/js/tether.min.js"></script>
|
|
<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
|
|
<!-- slimscrollbar scrollbar JavaScript -->
|
|
<script src="js/jquery.slimscroll.js"></script>
|
|
<!--Wave Effects -->
|
|
<script src="js/waves.js"></script>
|
|
<!--Menu sidebar -->
|
|
<script src="js/sidebarmenu.js"></script>
|
|
<!--stickey kit -->
|
|
<script src="assets/plugins/sticky-kit-master/dist/sticky-kit.min.js"></script>
|
|
<!--Custom JavaScript -->
|
|
<script src="js/custom.min.js"></script>
|
|
<!-- ============================================================== -->
|
|
<!-- This page plugins -->
|
|
<!-- ============================================================== -->
|
|
<!-- Flot Charts JavaScript -->
|
|
<script src="assets/plugins/flot/jquery.flot.js"></script>
|
|
<script src="assets/plugins/flot.tooltip/js/jquery.flot.tooltip.min.js"></script>
|
|
<script src="js/flot-data.js"></script>
|
|
<!-- ============================================================== -->
|
|
<!-- Style switcher -->
|
|
<!-- ============================================================== -->
|
|
<script src="assets/plugins/styleswitcher/jQuery.style.switcher.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|