articleForm.jsp
11.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>文章管理</title>
<meta name="decorator" content="default"/>
<script type="text/javascript">
$(document).ready(function() {
if($("#link").val()){
$('#linkBody').show();
$('#url').attr("checked", true);
}
$("#title").focus();
$("#inputForm").validate({
submitHandler: function(form){
if ($("#categoryId").val()==""){
$("#categoryName").focus();
top.$.jBox.tip('请选择归属栏目','warning');
}else if (CKEDITOR.instances.content.getData()=="" && $("#link").val().trim()==""){
top.$.jBox.tip('请填写正文','warning');
}else{
loading('正在提交，请稍等...');
form.submit();
}
},
errorContainer: "#messageBox",
errorPlacement: function(error, element) {
$("#messageBox").text("输入有误，请先更正。");
if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
error.appendTo(element.parent().parent());
} else {
error.insertAfter(element);
}
}
});
});
</script>
</head>
<body>
<ul class="nav nav-tabs">
<li><a href="${ctx}/cms/article/?category.id=${article.category.id}">文章列表</a></li>
<li class="active"><a href="<c:url value='${fns:getAdminPath()}/cms/article/form?id=${article.id}&category.id=${article.category.id}'><c:param name='category.name' value='${article.category.name}'/></c:url>">文章<shiro:hasPermission name="cms:article:edit">${not empty article.id?'修改':'添加'}</shiro:hasPermission><shiro:lacksPermission name="cms:article:edit">查看</shiro:lacksPermission></a></li>
</ul><br/>
<form:form id="inputForm" modelAttribute="article" action="${ctx}/cms/article/save" method="post" class="form-horizontal">
<form:hidden path="id"/>
<sys:message content="${message}"/>
<div class="control-group">
<label class="control-label">归属栏目:</label>
<div class="controls">
<sys:treeselect id="category" name="category.id" value="${article.category.id}" labelName="category.name" labelValue="${article.category.name}"
title="栏目" url="/cms/category/treeData" module="article" selectScopeModule="true" notAllowSelectRoot="false" notAllowSelectParent="true" cssClass="required"/>
<span>
<input id="url" type="checkbox" onclick="if(this.checked){$('#linkBody').show()}else{$('#linkBody').hide()}$('#link').val()"><label for="url">外部链接</label>
</span>
</div>
</div>
<div class="control-group">
<label class="control-label">标题:</label>
<div class="controls">
<form:input path="title" htmlEscape="false" maxlength="200" class="input-xxlarge measure-input required"/>
<label>颜色:</label>
<form:select path="color" class="input-mini">
<form:option value="" label="默认"/>
<form:options items="${fns:getDictList('color')}" itemLabel="label" itemValue="value" htmlEscape="false" />
</form:select>
</div>
</div>
<div id="linkBody" class="control-group" style="display:none">
<label class="control-label">外部链接:</label>
<div class="controls">
<form:input path="link" htmlEscape="false" maxlength="200" class="input-xlarge"/>
<span class="help-inline">绝对或相对地址。</span>
</div>
</div>
<div class="control-group">
<label class="control-label">关键字:</label>
<div class="controls">
<form:input path="keywords" htmlEscape="false" maxlength="200" class="input-xlarge"/>
<span class="help-inline">多个关键字，用空格分隔。</span>
</div>
</div>
<div class="control-group">
<label class="control-label">权重:</label>
<div class="controls">
<form:input path="weight" htmlEscape="false" maxlength="200" class="input-mini required digits"/>
<span>
<input id="weightTop" type="checkbox" onclick="$('#weight').val(this.checked?'999':'0')"><label for="weightTop">置顶</label>
</span>
过期时间：
<input id="weightDate" name="weightDate" type="text" readonly="readonly" maxlength="20" class="input-small Wdate"
value="<fmt:formatDate value="${article.weightDate}" pattern="yyyy-MM-dd"/>"
onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:true});"/>
<span class="help-inline">数值越大排序越靠前，过期时间可为空，过期后取消置顶。</span>
</div>
</div>
<div class="control-group">
<label class="control-label">摘要:</label>
<div class="controls">
<form:textarea path="description" htmlEscape="false" rows="4" maxlength="200" class="input-xxlarge"/>
</div>
</div>
<div class="control-group">
<label class="control-label">缩略图:</label>
<div class="controls">
<input type="hidden" id="image" name="image" value="${article.imageSrc}" />
<sys:ckfinder input="image" type="thumb" uploadPath="/cms/article" selectMultiple="false"/>
</div>
</div>
<div class="control-group">
<label class="control-label">正文:</label>
<div class="controls">
<form:textarea id="content" htmlEscape="true" path="articleData.content" rows="4" maxlength="200" class="input-xxlarge"/>
<sys:ckeditor replace="content" uploadPath="/cms/article" />
</div>
</div>
<div class="control-group">
<label class="control-label">来源:</label>
<div class="controls">
<form:input path="articleData.copyfrom" htmlEscape="false" maxlength="200" class="input-xlarge"/>
</div>
</div>
<div class="control-group">
<label class="control-label">相关文章:</label>
<div class="controls">
<form:hidden id="articleDataRelation" path="articleData.relation" htmlEscape="false" maxlength="200" class="input-xlarge"/>
<ol id="articleSelectList"></ol>
<a id="relationButton" href="javascript:" class="btn">添加相关</a>
<script type="text/javascript">
var articleSelect = [];
function articleSelectAddOrDel(id,title){
var isExtents = false, index = 0;
for (var i=0; i<articleSelect.length; i++){
if (articleSelect[i][0]==id){
isExtents = true;
index = i;
}
}
if(isExtents){
articleSelect.splice(index,1);
}else{
articleSelect.push([id,title]);
}
articleSelectRefresh();
}
function articleSelectRefresh(){
$("#articleDataRelation").val("");
$("#articleSelectList").children().remove();
for (var i=0; i<articleSelect.length; i++){
$("#articleSelectList").append("<li>"+articleSelect[i][1]+" <a href=\"javascript:\" onclick=\"articleSelectAddOrDel('"+articleSelect[i][0]+"','"+articleSelect[i][1]+"');\">×</a></li>");
$("#articleDataRelation").val($("#articleDataRelation").val()+articleSelect[i][0]+",");
}
}
$.getJSON("${ctx}/cms/article/findByIds",{ids:$("#articleDataRelation").val()},function(data){
for (var i=0; i<data.length; i++){
articleSelect.push([data[i][1],data[i][2]]);
}
articleSelectRefresh();
});
$("#relationButton").click(function(){
top.$.jBox.open("iframe:${ctx}/cms/article/selectList?pageSize=8", "添加相关",$(top.document).width()-220,$(top.document).height()-180,{
buttons:{"确定":true}, loaded:function(h){
$(".jbox-content", top.document).css("overflow-y","hidden");
}
});
});
</script>
</div>
</div>
<div class="control-group">
<label class="control-label">是否允许评论:</label>
<div class="controls">
<form:radiobuttons path="articleData.allowComment" items="${fns:getDictList('yes_no')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
</div>
</div>
<div class="control-group">
<label class="control-label">推荐位:</label>
<div class="controls">
<form:checkboxes path="posidList" items="${fns:getDictList('cms_posid')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
</div>
</div>
<div class="control-group">
<label class="control-label">发布时间:</label>
<div class="controls">
<input id="createDate" name="createDate" type="text" readonly="readonly" maxlength="20" class="input-medium Wdate"
value="<fmt:formatDate value="${article.createDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"
onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss' });"/>
</div>
</div>
<shiro:hasPermission name="cms:article:audit">
<div class="control-group">
<label class="control-label">发布状态:</label>
<div class="controls">
<form:radiobuttons path="delFlag" items="${fns:getDictList('cms_del_flag')}" itemLabel="label" itemValue="value" htmlEscape="false" class="required"/>
<span class="help-inline"></span>
</div>
</div>
</shiro:hasPermission>
<shiro:hasPermission name="cms:category:edit">
<div class="control-group">
<label class="control-label">自定义内容视图:</label>
<div class="controls">
<form:select path="customContentView" class="input-medium">
<form:option value="" label="默认视图"/>
<form:options items="${contentViewList}" htmlEscape="false"/>
</form:select>
<span class="help-inline">自定义内容视图名称必须以"${article_DEFAULT_TEMPLATE}"开始</span>
</div>
</div>
<div class="control-group">
<label class="control-label">自定义视图参数:</label>
<div class="controls">
<form:input path="viewConfig" htmlEscape="true"/>
<span class="help-inline">视图参数例如: {count:2, title_show:"yes"}</span>
</div>
</div>
</shiro:hasPermission>
<c:if test="${not empty article.id}">
<div class="control-group">
<label class="control-label">查看评论:</label>
<div class="controls">
<input id="btnComment" class="btn" type="button" value="查看评论" onclick="viewComment('${ctx}/cms/comment/?module=article&contentId=${article.id}&status=0')"/>
<script type="text/javascript">
function viewComment(href){
top.$.jBox.open('iframe:'+href,'查看评论',$(top.document).width()-220,$(top.document).height()-180,{
buttons:{"关闭":true},
loaded:function(h){
$(".jbox-content", top.document).css("overflow-y","hidden");
$(".nav,.form-actions,[class=btn]", h.find("iframe").contents()).hide();
$("body", h.find("iframe").contents()).css("margin","10px");
}
});
return false;
}
</script>
</div>
</div>
</c:if>
<div class="form-actions">
<shiro:hasPermission name="cms:article:edit"><input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/> </shiro:hasPermission>
<input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
</div>
</form:form>
</body>
</html>