WebRoot/WEB-INF/jsp/sunvote/admin/en_admin_main.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SunVote-Education Management System</title>
<!-- Bootstrap -->
<!-- <link
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
	rel="stylesheet"> -->
	<link rel="stylesheet" href="../static/css/bootstrap.min.css" />
<link href="../static/css/en_teach.css?a=1" rel="stylesheet">
<link href="../static/css/mb_style.css" rel="stylesheet">
<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
<!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
<!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
	<div class="header">
		<div class="logo">
			<img src="../static/images/en_logo.png" />
		</div>
		<div class="out">
			<a href="../logout"><img src="../static/images/close.png" />Log Out</a>
		</div>
		<div class="clear"></div>
	</div>
	<div class="content">
		<div class="content_l">
			<div class="info_tab">
				<div class="head_pic">
					<img src="../static/images/head_defult.png" />
				</div>
				<div class="name">
					<p>welcome！</p>
					<p id="school" title="${SNAME }">${SNAME }</p>
					<p id="name" title="${SNAME } administrator">${SNAME }administrator</p>
					</br>
					</br>
				</div>
			</div>
			<div class="class tab1">
				<p>
					Grade management<span class="right jiao"></span>
				</p>
				<ul class="menu_1">
					<c:forEach items="${gradeInfos}" var="var" varStatus="vs">
						<li
							onclick="event.stopPropagation();chooseListClass('${SCHOOL_ID}','${var.ID}')">
							<p>${ var.ENAME }</p>
						</li>
					</c:forEach>
				</ul>
			</div>
			<%-- <div class="class tab1">
				<p>
					科目管理<span class="right jiao"></span>
				</p>
				<ul class="menu_1">
					<c:forEach items="${subjectInfos}" var="var" varStatus="vs">
						<li onclick="event.stopPropagation();"><p>${var.SCNAME}</p>
						</li>
			</c:forEach>
			</ul>
		</div> --%>
			<div class="class tab1">
				<p>
					Course management<span class="right jiao"></span>
				</p>
				<ul class="menu_1">
					<li>
						<p>Subject management</p>
						<ul class="menu_2">
							<c:forEach items="${gradeInfos}" var="var" varStatus="vs">
								<li
									onclick="event.stopPropagation();subject('${SCHOOL_ID}','${var.ID }')">
									<p>${ var.ENAME }</p>
								</li>
							</c:forEach>
						</ul>
					</li>
					<li onclick="event.stopPropagation();coursemanager('${SCHOOL_ID}')"><p>Classroom management</p></li>
					<li onclick="event.stopPropagation();teacher('${SCHOOL_ID}')"><p>Teacher management </p></li>
				</ul>
			</div>
			<div class="testpaper tab1">
				<p>
					E-Exam<span class="right jiao"></span>
				</p>
				<ul class="menu_1">
					<li>
						<p>Test paper management</p>
						<ul class="menu_2">
							<li><p id="new_paper">Paper making</p></li>
							<li><p id="qingsongkao_paper">View all papers</p></li>
						</ul>
					</li>
					<li>
						<p>Examination situation</p>
						<ul class="menu_2">
							<c:forEach items="${gradeInfos}" var="var" varStatus="vs">
								<c:forEach items="${var.classInfos}" var="var1" varStatus="vs1">
									<li onclick="event.stopPropagation();report('${var1.ID}')">
										<p>${ var1.CLASS_NAME }</p>
									</li>
								</c:forEach>
							</c:forEach>
						</ul>
					</li>
				</ul>
			</div>
			<div class="analyse tab1">
				<p>
					E-Class<span class="right jiao"></span>
				</p>
				<ul class="menu_1">
					<li>
						<p id="jishice_paper">Test paper management</p>
					</li>
					<li>
						<p>Test analysis</p>
						<ul class="menu_2">
							<c:forEach items="${gradeInfos}" var="var" varStatus="vs">
								<c:forEach items="${var.classInfos}" var="var1" varStatus="vs1">
									<li onclick="event.stopPropagation();report2('${var1.ID}')">
										<p>${ var1.CLASS_NAME }</p>
									</li>
								</c:forEach>
							</c:forEach>
						</ul>
					</li>
				</ul>
			</div>
			<div class="analyse tab1">
				<p>
					After-class exercise<span class="right jiao"></span>
				</p>
				<ul class="menu_1">
					<li>
						<p onclick="event.stopPropagation();monitor('${SCHOOL_ID}')">Monitor management</p>
					</li>
					<li>
						<p id="homework_paper">Homework management</p>
					</li>
					<li>
						<p id="homework_analysis">Homework analysis</p>
					</li>
				</ul>
			</div>
			<div class="analyse tab1">
				<p>
					System settings<span class="right jiao"></span>
				</p>
				<ul class="menu_1">
					<li>
						<p onclick="event.stopPropagation();school('${SCHOOL_ID}')">School settings</p>
					</li>
					<li>
						<p onclick="event.stopPropagation();grade('${SCHOOL_ID}')">Grade settings</p>
					</li>
					<li>
						<p onclick="event.stopPropagation();pagetemplate('${SCHOOL_ID}')">Template Settings</p>
					</li>
					<li style="display:none">
						<p onclick="event.stopPropagation();other('${SCHOOL_ID}')">Other configuration</p>
					</li>
				</ul>
			</div>
		</div>
		<div class="content_r">
			<iframe name="mainFrame" id="mainFrame" frameborder="0" width="100%"
				height="100%"></iframe>
		</div>
		<div class="modal fade title_time" tabindex="-1" role="dialog">
			<div class="modal-dialog" role="document" style="z-index:1400">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
						<h4 class="modal-title">Add a new test paper</h4>
					</div>
					<div class="modal-body">
						<div class="form-group">
							<label for="enter_title" class="col-sm-4 control-label">Test title</label>
							<div class="col-sm-6">
								<input type="text" class="form-control" id="enter_title"
									placeholder="no more than 100 characters" maxlength="100" minlength="1">
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="form-group">
							<label for="enter_time" class="col-sm-4 control-label">Test duration</label>
							<div class="col-sm-6">
								<input type="number" class="form-control" id="enter_time"
									placeholder="Input test duration" maxlength="3"
									oninput="if(value.length>3) value=value.slice(0,3)">
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="form-group">
							<label for="enter_time" class="col-sm-4 control-label">Grade</label>
							<div class="col-sm-6">
								<select class="chosen-select form-control" name="grade_id"
									id="grade_id" onchange="getSubjects('${SCHOOL_ID}')"
									data-placeholder="Enter the school">
									<option value="-1">please select</option>
									<c:forEach items="${gradeInfos}" var="var" varStatus="vs">
										<option value="${var.GRADE_ID}">${var.ENAME}</option>
									</c:forEach>
								</select>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="form-group">
							<label for="enter_time" class="col-sm-4 control-label">Subject</label>
							<div class="col-sm-6">
								<select class="chosen-select form-control" name="subject_id"
									id="subject_id" onchange="getTemplates()"
									data-placeholder="Enter the subject">
								</select>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="form-group">
							<label for="enter_time" class="col-sm-4 control-label">Template </label>
							<div class="col-sm-6">
								<select class="chosen-select form-control" name="TEMPLATE_ID"
									id="TEMPLATE_ID" data-placeholder="Enter the Template">
									<option value="">Self-definition</option>
								</select>
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary" id="time_submit">Confirm</button>
						<button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
		</div>
		<!-- /.modal -->
		<script src="../static/js/jquery.min.js"></script>
		<script
			src="../static/js/bootstrap.min.js"></script>
		<script src="../static/js/model.js"></script>
		<script src="../static/js/loading.js"></script>
		<script src="../static/js/en_remove.js?a=2"></script>
		<script src="../static/js/dailog.js"></script>
		<script type="text/javascript">
	
		var schoolId = '${SCHOOL_ID}';
		function subject(school_id,grade_id){
			var path = "../subject/listcs.do?school_id=" + school_id + "&grade_id=" + grade_id ;
			//if($("#mainFrame").attr('src') != (path)){
				$("#mainFrame").attr('src',path);
				window.top.loading.show();
			//}
		}
		
		function getSubjects(school_id){
			var grade_id = $("#grade_id").val();
			var path = "../subject/listdata?school_id=" + school_id + "&grade_id=" + grade_id ;
			$("#subject_id").empty();
			if(grade != '-1'){
				 $.ajax({
					          type: 'post',
					          url : path,
					          async: true,
					         dataType: "json",
					        success: function(data) {
					        	for(var key in data){
					        		$("#subject_id").append("<option value='"+data[key].ID+"'>"+data[key].ENAME+"</option>");
					        	}
					        	getTemplates();
					        }
				 });
			}
		}
		
		function getTemplates(){
			var grade_id = $("#grade_id").val();
			var subject_id = $("#subject_id").val();
			var school_id = schoolId;
			if(grade != '-1' && subject_id != ''){
			var path = "../pagetemplate/listdata?school_id=" + school_id + "&grade_id=" + grade_id + "&subject_id=" + subject_id ;
				$("#TEMPLATE_ID").empty();
				$("#TEMPLATE_ID").append("<option value=''>Self-definition</option>");
				 $.ajax({
				          type: 'post',
				          url : path,
				          async: true,
				          dataType: "json",
					      success: function(data) {
					      	for(var key in data){
					         	$("#TEMPLATE_ID").append("<option value='"+data[key].PAGETEMPLATE_ID+"'>"+data[key].NAME+"</option>");
					      	}
					      }
				 });
			}
		}
		
		function school(schoolId){
			var path = "../school/goEdit2.do?ID=" + schoolId ;
				$("#mainFrame").attr('src',path);
				window.top.loading.show();
		}
		function other(schoolId){
			var path = "../school/other.do?ID=" + schoolId ;
				$("#mainFrame").attr('src',path);
				window.top.loading.show();
		}
		function grade(school_id){
			var path = "../grade/listcs.do?school_id=" + school_id ;
				$("#mainFrame").attr('src',path);
				window.top.loading.show();
		}
		function pagetemplate(school_id){
			var path = "../pagetemplate/listcs.do?school_id=" + school_id ;
				$("#mainFrame").attr('src',path);
				window.top.loading.show();
		}
	
		function monitor(school_id){
			var path = "../headmaster/listcs.do?school_id=" + school_id ;
				$("#mainFrame").attr('src',path);
				window.top.loading.show();
		}
	
		function coursemanager(school_id){
			var path = "../coursemanagement/listcs.do?school_id=" + school_id ;
			//if($("#mainFrame").attr('src') != (path)){
				$("#mainFrame").attr('src',path);
				window.top.loading.show();
			//}
		}
		function teacher(school_id){
			var path = "../teacher/listcs.do?school_id=" + school_id ;
			if($("#mainFrame").attr('src') != (path)){
				$("#mainFrame").attr('src',path);
				window.top.loading.show();
			}
		}
	
		function chooseListClass(school_id,gradle_id){
			var path = "../sclass/listcs.do?school_id=" + school_id + "&grade_id=" + gradle_id ;
			$("#mainFrame").attr('src',path);
			window.top.loading.show();
		}
		
		function report(classId){
			//window.open('<%=basePath%>report/report.do?role=admin&classid=' + classId);
				$("#mainFrame").attr('src','<%=basePath%>report/report.do?role=admin&classid=' + classId);
				window.top.loading.show();
		}
		function report2(classId){
			//window.open('<%=basePath%>report/report.do?classid=' + classId);
			//if($("#mainFrame").attr('src') != ('<%=basePath%>report/report.do?classid=' + classId)){
			//	$("#mainFrame").attr('src','<%=basePath%>teacher/test_list.do?classid=' + classId);
			//	window.top.loading.show();
			//}
		}
		
		$("#time_submit").click(function(){
			var name = $("#enter_title").val();
			var time = $("#enter_time").val();
			var grade_id = $("#grade_id").val();
			var subject_id = $("#subject_id").val();
			if(name != null&& name != '' && time != null && time != ''){
				var itime = parseInt(time);
				if(itime > 0 && itime <= 300){
					self.location.href = "<%=basePath%>"
										+ "paper/npaper.do?paper_type=2&"
										+ "name=" + name + "&grade_id="
										+ grade_id + "&subject_id="
										+ subject_id + "&school_id=" + schoolId
										+ "&time=" + time;
								$(".title_time").modal("hide");
							} else {
								alert("Please enter the correct time, no more than 300 minutes");
							}
						}
					});
			$("#qingsongkao_paper").click(function() {
				var path = "../paper/list4.do?school_id=" + schoolId;
				//$(".content_r").html('<iframe name="mainFrame" id="mainFrame" frameborder="0" style="width:100%;height:'+$(".content_l").height()+'px;" src=' + path + '></iframe>');
				$("#mainFrame").attr('src', path);
				window.top.loading.show();
			});
			$("#homework_paper").click(function() {
				var path = "../homework/list.do?school_id=" + schoolId;
				//$(".content_r").html('<iframe name="mainFrame" id="mainFrame" frameborder="0" style="width:100%;height:'+$(".content_l").height()+'px;" src=' + path + '></iframe>');
				$("#mainFrame").attr('src', path);
				window.top.loading.show();
			});
			$("#homework_analysis").click(function() {
				var path = "../homework/report.do?school_id=" + schoolId;
				//$(".content_r").html('<iframe name="mainFrame" id="mainFrame" frameborder="0" style="width:100%;height:'+$(".content_l").height()+'px;" src=' + path + '></iframe>');
				$("#mainFrame").attr('src', path);
				window.top.loading.show();
			});
			$("#new_paper").click(function() {
				var path = "../paper/list5.do?school_id=" + schoolId;
				//$(".content_r").html('<iframe name="mainFrame" id="mainFrame" frameborder="0" style="width:100%;height:'+$(".content_l").height()+'px;" src=' + path + '></iframe>');
				$("#mainFrame").attr('src', path);
				window.top.loading.show();
			});
			$("#jishice_paper").click(function() {
				var path = "../teacher/teach_paper.do?school_id=" + schoolId;
				//if($("#mainFrame").attr('src') != (path)){
				//		$("#mainFrame").attr('src',path);
				//		window.top.loading.show();
				//}
			});
			var defaultUrl = '${pd.DEFAULTURL}';
			if (defaultUrl != '' && defaultUrl != '') {
				$("#mainFrame").attr('src', defaultUrl);
			}
		</script>
</body>
</html>