295 lines
11 KiB
Plaintext
295 lines
11 KiB
Plaintext
|
<%@ taglib prefix="s" uri="/struts-tags" %>
|
|||
|
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|||
|
|
<%--
|
|||
|
|
User: Gao Tian
|
|||
|
|
Date: 2019/6/27
|
|||
|
|
Time: 8:46
|
|||
|
|
--%>
|
|||
|
|
<%@ page contentType="text/html;charset=UTF-8" %>
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<title>${teaCourse.name}</title>
|
|||
|
|
|
|||
|
|
<link rel="stylesheet" href="//cdn.bootcss.com/zui/1.9.1/css/zui.min.css">
|
|||
|
|
<script src="//cdn.bootcss.com/zui/1.8.1/lib/jquery/jquery.js"></script>
|
|||
|
|
<script src="//cdn.bootcss.com/zui/1.8.1/js/zui.min.js"></script>
|
|||
|
|
<script src="/lib/wangEditor.min.js"></script>
|
|||
|
|
<link href="/lib/bootbox/bootbox.min.css" rel="stylesheet">
|
|||
|
|
<script src="/lib/bootbox/bootbox.min.js"></script>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
.navbar-inverse{
|
|||
|
|
background-color: #3280fc;
|
|||
|
|
border: none;
|
|||
|
|
}
|
|||
|
|
.nav-p{
|
|||
|
|
color: white;
|
|||
|
|
height: 20px;
|
|||
|
|
margin-top: 10px;
|
|||
|
|
}
|
|||
|
|
.navbar-header {
|
|||
|
|
margin-top: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#page{
|
|||
|
|
width: 80%;
|
|||
|
|
height: 100%;
|
|||
|
|
/* border: 1px solid red;*/
|
|||
|
|
margin: 0 auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#teaNotice-title-text {
|
|||
|
|
height: 36px;
|
|||
|
|
line-height: 36px;
|
|||
|
|
border-bottom: 2px solid #3280fc;
|
|||
|
|
width: 100%;
|
|||
|
|
font-size: 18px;
|
|||
|
|
color: #2d2d2d;
|
|||
|
|
border-top: 0px;
|
|||
|
|
border-left: 0px;
|
|||
|
|
border-right: 0px;
|
|||
|
|
outline: none;
|
|||
|
|
float: right;
|
|||
|
|
margin-bottom: 10px;
|
|||
|
|
}
|
|||
|
|
.w-e-text-container{
|
|||
|
|
height: 200px !important;
|
|||
|
|
}
|
|||
|
|
#add-teaNotice-btns .btn {
|
|||
|
|
float: right;
|
|||
|
|
margin-left: 10px;
|
|||
|
|
}
|
|||
|
|
#add-teaNotice-panel-footer {
|
|||
|
|
height: 50px;
|
|||
|
|
/*background-color: white;*/
|
|||
|
|
}
|
|||
|
|
#teaNotice-view{
|
|||
|
|
margin-top: 20px;
|
|||
|
|
}
|
|||
|
|
#add-teaNotice-btn {
|
|||
|
|
height: 40px;
|
|||
|
|
}
|
|||
|
|
#teaNotice-title-panel {
|
|||
|
|
font-size: large;
|
|||
|
|
font-weight: bold;
|
|||
|
|
color: #007DDB;
|
|||
|
|
}
|
|||
|
|
#del-btn {
|
|||
|
|
width: 48px;
|
|||
|
|
height: 25px;
|
|||
|
|
text-align:center;
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
#teaNotice-panel-footer{
|
|||
|
|
height: 40px;
|
|||
|
|
}
|
|||
|
|
#teaNotice-info-panel{
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
<nav class="navbar navbar-inverse" role="navigation">
|
|||
|
|
<div class="container-fluid">
|
|||
|
|
|
|||
|
|
<div class="navbar-header">
|
|||
|
|
<a class="navbar-brand navbar-font" href="/teacher/showCourseList.action"><strong class="nav-p">我的课堂</strong> </a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<ul class="nav navbar-nav">
|
|||
|
|
<li class="active"><a href="/teacher/notice.action?courseId=${teaCourse.id}"><p class="nav-p">公告</p></a></li>
|
|||
|
|
<li><a href="/teacher/task.action?courseId=${teaCourse.id}"><p class="nav-p">作业</p></a></li>
|
|||
|
|
<li><a href="/teacher/resource.action?courseId=${teaCourse.id}"><p class="nav-p">资源</p></a></li>
|
|||
|
|
<li><a href="/teacher/student.action?courseId=${teaCourse.id}"><p class="nav-p">学生</p></a></li>
|
|||
|
|
</ul>
|
|||
|
|
|
|||
|
|
<div class="collapse navbar-collapse navbar-right">
|
|||
|
|
|
|||
|
|
<ul class="nav navbar-nav">
|
|||
|
|
|
|||
|
|
<li class="dropdown">
|
|||
|
|
<a href="your/nice/url" class="dropdown-toggle" data-toggle="dropdown"><p class="nav-p">${user.name}老师 <b class="caret"></b></p></a>
|
|||
|
|
<ul class="dropdown-menu" role="menu">
|
|||
|
|
<li><a href="/logout.action">登出</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</nav>
|
|||
|
|
|
|||
|
|
<div id="page">
|
|||
|
|
<div id="course-info">
|
|||
|
|
<div class="panel panel-primary">
|
|||
|
|
<div class="panel-heading">
|
|||
|
|
${teaCourse.name}
|
|||
|
|
</div>
|
|||
|
|
<div class="panel-body">
|
|||
|
|
邀请码：${teaCourse.code}
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div id="add-teaNotice">
|
|||
|
|
<button id="add-teaNotice-btn" class="btn btn-block" type="button" onclick="addNotice()">添加公告</button>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div id="teaNotice-view">
|
|||
|
|
<c:forEach items="${teaNotices}" var="teaNotice" varStatus="status">
|
|||
|
|
<div class="panel panel-info">
|
|||
|
|
<div class="panel-heading">
|
|||
|
|
<a data-toggle="modal" data-target="#myLgModal${status.index}" onclick="closeAddNotice()">
|
|||
|
|
<strong id="teaNotice-title-panel">${teaNotice.title}</strong>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="panel-body">
|
|||
|
|
${teaNotice.plainTextContent}
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="panel-footer" id="teaNotice-panel-footer">
|
|||
|
|
<p id="teaNotice-info-panel"><i class="icon icon-time"></i> 发布时间：${teaNotice.hUpdateTime} <i class="icon icon-user"></i> 发布者：${teaNotice.teacher.name}</p>
|
|||
|
|
<a id="del-btn" class="btn btn-sm" onclick="confirmDel(${teaCourse.id}, ${teaNotice.id}, '${teaNotice.title}')">删除</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="modal fade" id="myLgModal${status.index}">
|
|||
|
|
<div class="modal-dialog modal-lg">
|
|||
|
|
<div class="modal-content">
|
|||
|
|
<div class="modal-header">
|
|||
|
|
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
|
|||
|
|
<h4 class="modal-title">公告</h4>
|
|||
|
|
</div>
|
|||
|
|
<article class="article">
|
|||
|
|
<!-- 文章头部 -->
|
|||
|
|
<header>
|
|||
|
|
<h1>${teaNotice.title}</h1>
|
|||
|
|
<!-- 文章属性列表 -->
|
|||
|
|
<dl class="dl-inline">
|
|||
|
|
<dt>发布者</dt>
|
|||
|
|
<dd>${teaNotice.teacher.name}</dd>
|
|||
|
|
<dt>发布时间</dt>
|
|||
|
|
<dd>${teaNotice.hUpdateTime}</dd>
|
|||
|
|
</dl>
|
|||
|
|
|
|||
|
|
</header>
|
|||
|
|
<!-- 文章正文部分 -->
|
|||
|
|
<section class="content">
|
|||
|
|
${teaNotice.content}
|
|||
|
|
</section>
|
|||
|
|
<!-- 文章底部 -->
|
|||
|
|
<footer>
|
|||
|
|
<ul class="pager pager-justify">
|
|||
|
|
|
|||
|
|
</ul>
|
|||
|
|
</footer>
|
|||
|
|
</article>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</c:forEach>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
$(function () {
|
|||
|
|
/* var E = window.wangEditor;
|
|||
|
|
var editor = new E('#editor');
|
|||
|
|
|
|||
|
|
editor.create();*/
|
|||
|
|
/* $('.modal').modal({
|
|||
|
|
keyboard : false,
|
|||
|
|
show : false,
|
|||
|
|
backdrop : false
|
|||
|
|
})*/
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function addNotice() {
|
|||
|
|
var html =
|
|||
|
|
'<form action="/teacher/addNotice.action" method="POST">' +
|
|||
|
|
'<input type="text" id="content" name="noticeContent" hidden="hidden">' +
|
|||
|
|
'<input type="text" id="courseId" name="courseId" hidden="hidden" value="${teaCourse.id}">' +
|
|||
|
|
'<div class="panel">' +
|
|||
|
|
'<div class="panel-body" id="add-teaNotice-panel-body"> ' +
|
|||
|
|
'<div id="teaNotice-title">' +
|
|||
|
|
'<input type="text" id="teaNotice-title-text" name="noticeName" placeholder="公告名称">' +
|
|||
|
|
'</div>' +
|
|||
|
|
'<div id=\'editor\'></div>' +
|
|||
|
|
'</div>' +
|
|||
|
|
'<div class="panel-footer" id="add-teaNotice-panel-footer">' +
|
|||
|
|
'<div id="add-teaNotice-btns">' +
|
|||
|
|
'<input class="btn btn-primary" type="submit" id="add-btn" value="提交">' +
|
|||
|
|
'<button class="btn" type="button" onclick="cancelAddNotice()">取消</button>' +
|
|||
|
|
'</div>' +
|
|||
|
|
'</div>' +
|
|||
|
|
'</div>' +
|
|||
|
|
'</form>';
|
|||
|
|
$('#add-teaNotice').html(html);
|
|||
|
|
var E = window.wangEditor;
|
|||
|
|
var editor = new E('#editor');
|
|||
|
|
|
|||
|
|
editor.customConfig.menus = [
|
|||
|
|
'head', // 标题
|
|||
|
|
'bold', // 粗体
|
|||
|
|
'fontSize', // 字号
|
|||
|
|
'fontName', // 字体
|
|||
|
|
'italic', // 斜体
|
|||
|
|
'underline', // 下划线
|
|||
|
|
'strikeThrough', // 删除线
|
|||
|
|
'foreColor', // 文字颜色
|
|||
|
|
'link', // 插入链接
|
|||
|
|
'list', // 列表
|
|||
|
|
'justify', // 对齐方式
|
|||
|
|
'quote', // 引用
|
|||
|
|
'emoticon', // 表情
|
|||
|
|
'image', // 插入图片
|
|||
|
|
'table', // 表格
|
|||
|
|
'code' // 插入代码
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
editor.create();
|
|||
|
|
|
|||
|
|
|
|||
|
|
$('form').submit(function () {
|
|||
|
|
var html = editor.txt.html();
|
|||
|
|
var title = $("#teaNotice-title-text");
|
|||
|
|
if (title.val().trim() === "") {
|
|||
|
|
title.attr("placeholder", "公告名称不能为空");
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
$('#content').val(html);
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function cancelAddNotice() {
|
|||
|
|
$('#add-teaNotice').html('<button id="add-teaNotice-btn" class="btn btn-block" type="button" onclick="addNotice()">添加公告</button>');
|
|||
|
|
$.zui.store.pageRemove('title');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function closeAddNotice() {
|
|||
|
|
cancelAddNotice();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function confirmDel(courseId, noticeId, noticeTitle) {
|
|||
|
|
closeAddNotice();
|
|||
|
|
bootbox.confirm(
|
|||
|
|
{
|
|||
|
|
title: '是否删除？',
|
|||
|
|
message: '公告标题： ' + noticeTitle,
|
|||
|
|
callback: function (result) {
|
|||
|
|
if (result)
|
|||
|
|
location.href = 'href="/teacher/deleteNotice.action?courseId=' + courseId + '¬iceId=' + noticeId;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|