#override("css")
#end
#override("body")
<style>
	#select6 {
				width: 100%;
				height: 36px;
		}	
</style>
<script type="text/javascript" charset="utf-8" src="${ctx}/static/js/plugins/uediter/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="${ctx}/static/js/plugins/uediter/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="${ctx}/static/js/plugins/uediter/lang/zh-cn/zh-cn.js"></script>
<div class="ibox float-e-margins">
    <div class="ibox-content">
    	<div class="col-sm-9">
	        <form id="validForm" class="form-horizontal m-t" novalidate="novalidate">
	        	<input id="resource" name="roles" type="hidden" value="$!userRoles"/>
	        	<input type="hidden" id="user.id" name="id" value="$!user.id"/>
	            <div class="form-group">
	                <label class="col-sm-5 control-label">短信内容：</label>
	                <div class="col-sm-7">
	                	<textarea class="form-control" rows="4" cols="12" aria-required="true" name="content" required="true" placeholder="请输入短信内容"></textarea>
	                </div>
	            </div>
	            <div class="form-group">
	                <label class="col-sm-5 control-label">标签：</label>
	                <div class="col-sm-7">
	                    <select id="select6" name="contentTagIds" multiple data-selectator-keep-open="true">
							
						</select>
	                </div>
	            </div>
	            <div class="form-group">
	            	<label class="col-sm-5 control-label">图文指导：</label>
	                <div class="col-sm-7">
	                    <label class="checkbox-inline i-checks">
							<div class="icheckbox_square-green" style="position: relative;">
								<input type="checkbox" class="i-checks" name="enable" id="multChe" style="position: absolute; opacity: 0;" >
							</div>
						</label>
	                </div>
	                <div class="form-group">
	                	<label class="col-sm-5 control-label"></label>
	                	<div class="col-sm-7">
							<input type="hidden" class="i-checks" value="$!verId" name="templateVersionId">
	                	</div>
	                </div>
	                <div class="form-group hidden" id="imageTitle">
		            	<label class="col-sm-5 control-label"></label>
		                <div class="col-sm-7">
		                     <input type="text" name="richTitle" class="form-control" placeholder="请输入图文指导标题">
		                </div>
	            	</div>
	            	<div class="form-group hidden" id="imageContext">
		            	<label class="col-sm-5 control-label"></label>
		                <div class="col-sm-7">
		                    <script id="editor" name="richText" type="text/plain"></script>
		                </div>
	            	</div>
	            <div class="hr-line-dashed"></div>
	            <div class="form-group">
	                <div class="col-sm-7 col-sm-offset-3 pull-right">
	                    <button type="button" class="btn btn-primary" onclick="save();"><i class="fa fa-check"></i>&nbsp;提交</button>
	                    <button type="button" class="btn btn-white" onclick="parent.closeAll();"><i class="fa fa-close"></i>&nbsp;取消</button>
	                </div>
	            </div>
	        </form>
		</div>
    </div>
</div>
#end 
#extends("/common/base_list.html")
<script type="text/javascript">
	$('#multChe').on('ifClicked', function (event) {
		$("#imageTitle").toggleClass("hidden");
		$("#imageContext").toggleClass("hidden");
		$("#imageTitle").toggleClass("show");
		$("#imageContext").toggleClass("show");
	});


	$(function(){
		//初始化
		var ue = UE.getEditor('editor',{initialFrameHeight:200,initialFrameWidth:"100%" });
		
		$.get("${ctx}/contentTags/list","json",function(data){
			if(data.success){
				var seleHtml = "";
				data.data.forEach(function(d,i){
					seleHtml+='<option value="'+d.id+'">'+d.tagName+'</option>';
				});
				
				$("#select6").empty(seleHtml);
				$("#select6").append(seleHtml);
				
				$('#select6').selectator({
				    prefix: 'selectator_',             // CSS class prefix
				    height: 'auto',                    // auto or element
				    useDimmer: false,                  // dims the screen when option list is visible
				    useSearch: true,                   // if false, the search boxes are removed and 
				                                       //   `showAllOptionsOnFocus` is forced to true
				    keepOpen: true,                   // if true, then the dropdown will not close when 
				                                       //   selecting options, but stay open until losing focus
				    showAllOptionsOnFocus: true,      // shows all options if input box is empty
				    selectFirstOptionOnSearch: true,   // selects the topmost option on every search
				    searchCallback: function(value){}, // Callback function when enter is pressed and 
				                                       //   no option is active in multi select box
				    labels: {
				        search: 'Search...'            // Placeholder text in search box in single select box
				    }
				});
				
			}
		});
	});
	
	function save(){
		var content = UE.getEditor('editor').getContent();
		if($('#validForm').valid()){
			var data = $('#validForm').serialize();
			//data+"&"
			ajaxPost(APP.PATH + "/contentMessageTemplate/create",data);
			parent.reloadGrid('dataTable');
		}
	}
</script>