usoftchina-jpress/jpress-web-admin/src/main/webapp/WEB-INF/admin/content/_edit_include.html

<style>
	.editUas{
		padding: 8px 20px;
		height: 45px;
		background: #dbdddf;
	}
	.editUas span{
		display: inline-block;
		margin-right: 10px;
		width: 70px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		background: #fff;
		color: #666;
		border-radius: 3px;
		cursor: pointer;
	}
	.authorUas{
		height: 40px;
		overflow: hidden;
		border-bottom:  1px solid #aaacad;
	}
	.authorUas .form-group{
		margin-right: 55px;
		float: left;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.authorUas .form-group input{
		display: inline-block;
		width: 120px;
		height: 28px;
		color: #6a8bdd;
	}
	.authorUas .dateUas{
		float: left;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.authorUas .dateUas a{
		text-decoration: underline;
		color: #6a8bdd;
	}
	.authorUas .dateUas input{
		border: none;
		outline: none;
	}
	.themeUas{
		height: 60px;
		line-height: 60px;
		font-size: 16px;
		color: #323232;
	}
	.themeUas .form-group{
		height: 60px;
	}
	.themeUas .form-group input{
		display: inline-block;
		height: 35px;
		width: 93%;
		margin-left: 5px;
	}
	.box-solidUas{
		box-shadow: none;
	}
	.box-solidUas .box-bodyUas{
		overflow: hidden;
		background: #ecf0f5;
	}
	.box-solidUas .box-bodyUas span{
		float: left;
		margin-right: 10px;
		font-size: 16px;
		color: #323232;
	}
	.box-solidUas .box-bodyUas .mce-tinymce{
		width: 93%;
		float: left;
	}
	.playerUas {
		width: 270px;
		margin-top: 38px;
		background: #fff;
		border: 1px solid #aaacad;
	}
	.playerUas .playerUas-header{
		padding-left: 20px;
		width: 270px;
		height: 35px;
		line-height: 35px;
		border-bottom: 1px solid #aaacad;
	}
	.playerUas .playerUas-body{
		margin: 10px 0;
		padding-left: 10px;
	}
	.playerUas .playerUas-body div{
		padding-left: 20px;
		width: 220px;
		height: 50px;
		line-height: 50px;
		font-size: 16px;
		border: 1px solid #aaacad;
	}
	.playerUas .playerUas-body div i{
		margin-right: 20px;
		font-size: 16px;
	}
	.playerUas .playerUas-body div.videoUas{
		border-top: none;
		border-bottom: none;
	}
	.setUas{
		width: 270px;
		margin-top: 40px;
		background: #fff;
		border: 1px solid #aaacad;
	}
	.setUas .setUas-header{
		padding-left: 20px;
		width: 270px;
		height: 35px;
		line-height: 35px;
		border-bottom: 1px solid #aaacad;
	}
	.setUas .setUas-body .form-group{
		overflow: hidden;
		margin-bottom: 0;
		width: 235px;
		height: 40px;
		line-height: 25px;
	}
	.setUas .setUas-body span{
		float: left;
		padding: 6px 12px;
		font-size: 14px;
		font-weight: 400;
		color: #555;
	}
	.setUas .setUas-body input{
		margin-top: 7px;
		width: 110px;
		height: 25px;
	}
	.setUas .setUas-footer{
		border-top: 1px solid #aaacad;
	}
	.setUas .setUas-footer .form-group{
		overflow: hidden;
		margin-bottom: 0;
		width: 235px;
		height: 40px;
		line-height: 25px;
	}
	.setUas .setUas-footer span{
		float: left;
		padding: 6px 12px;
		font-size: 14px;
		font-weight: 400;
		color: #555;
	}
	/*滑动开关*/
	.setUas .setUas-footer p.switch .checkbox {
		width: 54px;
		margin: 0 auto;
		text-align: center;
		position: relative;
		display: block;
	}
	.setUas .setUas-footer p.switch .checkbox span {
		width: 48px;
		height: 24px;
		display: inline-block;
		border-radius: 18px;
		border: #e4e4e4 1px solid;
		cursor: pointer;
		position: relative;
		box-shadow: 1px 1px 5px #eee;
		background: -webkit-gradient(linear,0% 0%, 0% 100%, from(#E0E0E0), to(#E8E8E8), color-stop(0.5,#F2F2F2));
		transition: background-color .1s ease-out;
	}
	.setUas .setUas-footer p.switch .checkbox.active span{
		background: #b9cffa;
	}
	.setUas .setUas-footer p.switch .checkbox.active span em{
		left: 27px;
	}
	.setUas .setUas-footer .checkbox span em{
		position: absolute;
		width: 25px;
		height: 25px;
		top: -4px;
		left: 0;
		line-height: 16px;
		background-color: #fff;
		border: #eee 1px solid;
		border-radius: 50%;
		box-shadow: -1px 2px 1px #999;
		transition: background-color .1s ease-out;
		color: #666;
		font-size: 12px;
	}


	/*设置封面*/
	.coverUas{
		font-size: 14px;
		margin-top: 25px;
		padding: 5px 0;
		border-top: 1px solid #aaacad;
	}
	.coverContentUas{
		padding: 50px 0 50px 60px;
		width: 930px;
		background: #fff;
	}
	.coverContentUas p{
		font-size: 16px;
		margin: 5px 0;
	}
	.coverContentUas p.styleUas{
		margin-bottom: 50px;
	}
	.coverContentUas .inputUas{
		display: inline-block;
		position: relative;
		margin-top: 35px;
		margin-right: 20px;
		width: 150px;
		height: 40px;
	}
	.coverContentUas .inputUas em{
		display: inline-block;
		width: 150px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-size: 16px;
		font-style: normal;
		border: 1px solid #aaacad;
		border-radius: 3px;
	}
	.coverContentUas .inputUas input{
		position: absolute;
		top:0;
		left:0;
		width: 155px;
		height: 40px;
		opacity: 0;
		cursor: pointer;
	}
	.coverContentUas textarea {
		width: 745px;
		height: 145px;
	}
	.coverContentUas .detailUas{
		position: relative;
		margin-top: 25px;
	}
	.coverContentUas .CountUas{
		position: absolute;
		bottom: -20px;
		right: 125px;
	}
	.coverContentUas .chooseImg{
		overflow: hidden;
	}
	.coverContentUas .chooseImg .choose{
		float: left;
	}
	.coverContentUas .chooseImg .choose em{
		cursor: pointer;
	}
	.coverContentUas .chooseImg .showImg {
		margin-top: 32px;
		float: left;
		width: 200px;
		height: 170px;
		line-height: 170px;
		text-align: center;
		overflow: hidden;
		border: 1px solid #aaacad;
	}
	.coverContentUas .chooseImg .showImg  img{
		/*max-width: 200px;*/
		/*max-height: 170px;*/
		width: 200px;
		height: 170px;
	}
	.copyright h5{
		margin: 5px 0;
	}
	.copyright input{
		width: 930px;
		height: 30px;
	}
	/*控制图片大小*/
	.thumbnail-width {
		height: 100px;
		opacity: 1;
		overflow: hidden;
	}
	.thumbnail-height {
		width: 160px;
		opacity: 1;
		overflow: hidden;
	}
	.thumbnail-news {
		width: 160px;
		height: 100px;
		opacity: 0;
		overflow: hidden;
	}
</style>
<script type="text/javascript" src="${CTPATH}/assets/js/jquery.min.js"></script>
<script>
//	控制图片大小
	jQuery(document).ready(function() {
//		var thumbnails = $(".content-thumbnail");
//		$.each(thumbnails, function(k, v) {
//			var me = $(v);
//			var width = me.width(), height = me.height();
//			if(width/height > 16/10) {
//				me.parent().addClass("thumbnail-height");
//				me.parent().removeClass("thumbnail-news");
//			} else {
//				me.parent().addClass("thumbnail-width");
//				me.parent().removeClass("thumbnail-news");
//			}
//		});
//		function validImg (ele) {
//			var file = ele.value;
//			var image = new Image();
//			image.src = file;
//			var filesize = image.filesize;
//			if (filesize>51200) {
//				alert ('图片大小不能超过50KB');
//				return false;
//			}else{
//				return true;
//			}
//		}
	});
</script>
<#if module ?? && module.name=="uuhelper">
	<!-- 软文发布界面 -->
    <section class="content-header">
        <h1>${(module.addTitle)!}</h1>
    </section>
    <!-- Main content -->
    <section class="content" style="z-index: 9999">
        <form action="${CPATH}/admin/content/save" id="form" method="post">
            <input type="hidden" name="content.module" value="${(content.module)!m!}">
            <input type="hidden" id="content_id" name="content.id" value="${(content.id)!}">
            <input type="hidden" name="content.status" value="normal" id="content_status">
            <input type="hidden" name="content.created" value="${(content.created)!}" >
            <input type="hidden" id="content_slug" name="content.slug" value="${(content.slug)!}" >
            <input type="hidden" name="ucode" value="${ucode}">
            <div class="row">
                <!-- /.col -->
                <div class="col-md-12">
					<div class="editUas">
						<div class="pull-right"><span><a href="${CPATH}/admin/content/edit?m=uuhelper&p=uuhelper&c=edit">取消</a></span></div>
						<div><span onclick="saveAsDraft()">保存</span><span onclick="save()">发送</span><span>浏览</span></div>
					</div>
					<div class="row">
						<div class="col-md-9">
							<div class="leftUas"></div>
							<div class="authorUas">
								<div class="form-group">
									<label for="content_author" class="control-label">作者：</label>
									<input type="text" class="form-control" name="content.author" id="content_author" value="${USER.nickname!USER.username}">
								</div>
								<div class="dateUas">
									<span>发布日期：</span>
									<#list module.metadatas as metadata>
										<#if metadata.name == "push_time">
											<input type="hidden" class="push_time" id="meta:push_time" name="meta:push_time" value="${(content.metadata(metadata.name))!}">
											<a><input id="createDefaultTime" type="date" value="${(content.metadata(metadata.name))!}" onchange="getPushTime()"></a>
										</#if>
									</#list>
								</div>
							</div>
							<div class="themeUas">
								<div class="form-group">
									<label for="title" class="control-label col-ms-1">主题</label>
									<input type="text" class="form-control col-ms-11" name="content.title" id="title" value="${(content.title)!}" >
								</div>
							</div>
							<div class="box box-solid box-solidUas">
							<div  class="box-body no-padding box-bodyUas">
							   <span>正文</span><textarea id="textarea"  name="content.text" >${(content.text)!}</textarea>
							</div>
						</div>
						</div>
						<div class="col-md-3">
							<div>
								<#if module ??>
									<#list module.taxonomyTypes! as taxonomyType >
										<#if taxonomyType.formType == "select">
											<#include "_select_box.html" />
											<#else>
												<#include "_input_box.html" />
										</#if>
									</#list>
								</#if>
							</div>
							<div class="setUas">
								<div class="setUas-header">
									<p>设置</p>
								</div>
								<div class="setUas-body">
									<div class="form-group input-group">
										<span>初始化阅读量：</span>
										<input name="content.view_count" class="form-control" id="view_content" value="${(content.view_count)!0}" type="text">
									</div>
									<div class="form-group input-group">
										<span>初始化点赞量：</span>
										<input name="content.vote_up" class="form-control" id="vote_up" value="${(content.vote_up)!0}" type="text">
									</div>
								</div>
								<div class="setUas-footer">
									<div class="form-group">
										<span>是否可以留言：</span>
										<p class="switch">
											<input type="hidden" id="comment_status" name="content.comment_status">
											<#if (content.comment_status)?? && "open" == content.comment_status >
												<span class="checkbox active" onclick="commentable()">
													<span><em></em></span>
												</span>
											<#else>
												<span class="checkbox" onclick="commentable()">
													<span><em></em></span>
												</span>
											</#if>
										</p>
									</div>
								</div>
							</div>
						</div>
					</div>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
			<div class="row">
				<div class="col-md-12">
					<h5 class="coverUas">设置封面</h5>
					<div class="coverContentUas">
						<p class="styleUas">发布样式编辑</p>
						<div class="chooseImg">
							<div class="choose">
								<p>封面</p>
								<input type="hidden" name="content.thumbnail" value="${(content.thumbnail)!}" id="content_thumbnail">
								<span class="inputUas" onclick="doSelectThumbnail()" onchange="Javascript:validImg(this);"><em>从图库选择</em><!--<input type="file">--></span>
							</div>
							<div class="showImg">
								<img src="${(content.thumbnail)!CPATH+'/static/jpress/admin/image/nothumbnail.jpg'}" id="thumbnail" class="jp-content-thumbnail content-thumbnail"/>
							</div>
						</div>
						<div class="detailUas">
							<p>摘要</p>
							<textarea name="content.summary" id="content_summary" cols="30" rows="10" placeholder="选填，如果不填写会默认抓取正文前54个字" oninput="countSummaryLength()">${(content.summary)!}</textarea>
							<span class="CountUas"><span class="CountLengthUas">${(content.summary.length())!0}</span><span>/120</span></span>
						</div>
					</div>
					<div class="copyright">
						<#list module.metadatas as metadata>
							<#if metadata.name == "copy_right">
								<h5>设置版权归属</h5>
								<input type="text" placeholder="${metadata.placeholder!}" id="meta:${metadata.name!}" name="meta:${metadata.name!}" value="${(content.metadata(metadata.name))!}">
							</#if>
						</#list>

					</div>
				</div>
			</div>
        </form>
    </section>
<#else>
	<section class="content-header">
		<h1>${(module.addTitle)!}</h1>
	</section>
	<!-- Main content -->
	<section class="content" style="z-index: 9999">
		<form action="${CPATH}/admin/content/save" id="form" method="post">
			<input type="hidden" name="content.module" value="${(content.module)!m!}">
			<input type="hidden" id="content_id" name="content.id" value="${(content.id)!}">
			<input type="hidden" name="content.status" value="normal" id="content_status">
			<input type="hidden" name="content.created" value="${(content.created)!}" >
			<input type="hidden" id="content_slug" name="content.slug" value="${(content.slug)!}" >
			<input type="hidden" name="ucode" value="${ucode}">
			<div class="row">
				<!-- /.col -->
				<div class="col-md-9">
					<div class="form-group">
						<input name="content.title" class="form-control input-lg" id="title" value="${(content.title)!}" type="text" placeholder="在此输入标题">
					</div>
					<div class="pull-right"><a href="javascript:void(0);" onclick="doChangeEditor()">切换编辑器 </a> </div>
					<label>
						<#if slugDisplay ??>
							网址：<span id="url_preffix"></span><span id="slug_text">${(content.slug)!}</span>${(urlSuffix)!}
						</#if>
					</label>
					<div class="box box-solid">
						<div  class="box-body no-padding">
							<textarea id="textarea"  name="content.text" >${(content.text)!}</textarea>
						</div>
					</div>
					<div class="form-group input-group">
						<span class="input-group-addon">设置排序权重：</span>
						<input name="content.order_number" class="col-xs-6 form-control input-lg" id="order_number" value="${(content.order_number)!0}" type="text" placeholder="排序权重，正整数,数字越大的权重最大,非必填">
					</div>
					<div class="form-group input-group">
						<span class="input-group-addon">设置初始阅读量：</span>
						<input name="content.view_count" class="col-xs-6 form-control input-lg" id="view_content" value="${(content.view_count)!0}" type="text" placeholder="初始阅读数量，非必填">
					</div>
					<div class="form-group input-group">
						<span class="input-group-addon">设置标签：</span>
						<input name="content.flag" class="col-xs-6 form-control input-lg" id="flag" value="${(content.flag)!}" type="text" placeholder="例如 UAS，B2B，IM，B2C，被其他应用读取时作为区分">
					</div>
					<#include "_props_box.html" />
				</div>
				<!-- /.col -->
				<div class="col-md-3">
					<#include "_action_box.html" />
					<#if module ??>
						<#list module.taxonomyTypes! as taxonomyType >
							<#if taxonomyType.formType == "select">
								<#include "_select_box.html" />
								<#else>
									<#include "_input_box.html" />
							</#if>
						</#list>
					</#if>
					<#include "_thumbnail_box.html" />
				</div>
			</div>
			<!-- /.row -->
		</form>
	</section>
</#if>