#override("body")
<div class="wrapper wrapper-content">
    <div class="panel panel-default">
        <div class="panel-body">
            <h2>消息模板内容管理</h2>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-3">
            <div class="ibox float-e-margins">
                <div class="ibox-content mailbox-content">
                    <div class="container-fluid">
                        <button  class="glyphicon glyphicon-plus btn btn-block btn-primary compose-mail btn-group-lg" onclick="addVer()">消息模板版本</button >
                        <ul class="list-group col-sm-12" id="temp_version">
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-9 animated fadeInRight">
            <div class="panel panel-default">
                <div class="panel-body">
                   <label>版本：</label><label id="version">加载中</label><label style="margin-left: 80px;"><!-- 当前状态：</label><label id="status">未更改</label> -->
                   <input type="hidden" value="" id="verId">
                </div>
            </div>

            <div class="ibox float-e-margins"><div class="row wrapper border-bottom white-bg page-heading">
                <div class="col-sm-10">
                    <div style="padding-top:30px;">
                        <form role="form" class="form-inline">
                            <div class="form-group">
                                <label for="msgContent">短信内容：</label>
                                <input type="text" class="form-control" id="msgContent" placeholder="短信内容">
                            </div>
                            <div class="form-group" style="margin-left: 20px;display: none;">
                                <label>标签:</label>
                                <select class="form-control m-b" id="searchTags" style="margin-bottom: 0;">
                                </select>
                            </div>

                        </form>
                    </div>
                </div>
                <div class="col-sm-2">
                    <div class="title-action" onclick="search();">
                        <a class="btn btn-primary"><i class="fa fa-search"></i> 查询</a>
                    </div>
                </div>
            </div>
                <div class="wrapper wrapper-content">
                    <div class="row">
                        <div class="col-sm-12">
                            <div id="toolbar">
                                <button class="btn btn-info " type="button" onclick="add();"><i class="fa fa-plus"></i> 新增</button>
                                <!--<button class="btn btn-info " type="button" onclick="edit();"><i class="fa fa-paste"></i> 编辑</button>-->
                                <button class="btn btn-info " type="button" onclick="del();"><i class="fa fa-trash"></i> 删除</button>
                            </div>
                            <table id="dataTable"></table>
                        </div>
                    </div>
                </div>

    </div>
</div>
#end
#override("js")
<script type="text/javascript">
    var controllerRequestMappint = "/contentMessageTemplate/";
	function addVer(){
		layer.open({
		  type: 1 //Page层类型
		  ,area: ['530px', '300px']
		  ,title: '新增消息模板版本'
		  ,shade: 0.6 //遮罩透明度
		  ,maxmin: true //允许全屏最小化
		  ,anim: 2 //0-6的动画形式，-1不开启
		  ,content: "<div class='col-sm-9 col-sm-offset-1'><form action='#' class='form-horizontal m-t navbar-form navbar-left' id='validForm'><div class='form-group'><label class='col-sm-4 control-label'>版本名称：</label><div class='col-sm-5'><input type='text' class='form-control w-lg' maxlength='10' placeholder='版本名称' id='versionName' name='versionName'  aria-required='true'  required></div></div><div class='col-sm-offset-12'></div></form></div>"
            ,btn: ['通过','取消'] //按钮
            ,yes:function(){
                saveVersion();
            },btn2:function(){
                layer.msg('取消', {icon: 1});
            }
		});    
	}

	function del(){
       var seleions =  $('#dataTable').bootstrapTable("getSelections","");
        goDelete("dataTable","id",  APP.PATH + controllerRequestMappint + "@value@/delete");
    }

	function search(){
        var msgContent = $("#msgContent").val();
        var searchTags = $("#searchTags").val();

        var querys = {verId:version.id};
        querys.msgContent = msgContent;

        querys.type = searchTags;

        var queryParams = {
            query:querys
        }
        $('#dataTable').bootstrapTable('refresh', queryParams );
    }

    function initTagsData(){
		$.get("${ctx}/contentTags/seleList", "json", function(data) {
			if (data.success) {
                var optionTagHtml = "<option value=''>全部</option>";
				data.data.forEach(function(d, i) {
					optionTagHtml += '<option value="'+d.id+'">' + d.tagName + '</option>';
				});
				$("#searchTags").append(optionTagHtml);
			}
		});
	}
	
	function saveVersion(){
        if($('#validForm').valid()){
            var data = $('#validForm').serialize();
            ajaxPost(APP.PATH +'/contentTemplateVersion/create',data,function(r){
                msg(r.message);
                initTempVersion();
                layer.closeAll();//关闭弹窗
            });
        }
	}
	function add() {
		var verId = $("#verId").val();
		if(verId == ""){
			layer.msg('请先选择消息模板版本');
			return;
		}
		var vName = version.versionName;
        fullWindow("新增信息模板", APP.PATH + controllerRequestMappint + verId+"/toEdit?vName="+vName,850,800);
	}

	var templateVer = [];
	var version = "";
    function showMessageList(vId){
        if(vId!=null){
            version = templateVer[vId];
        }else{
            layer.closeAll();//关闭弹窗
        }
        $("#verId").val(version.id);
        $("#version").text(version.versionName);

        var querys = {verId:version.id};
        var queryParams = {
            query:querys
        }
        $('#dataTable').bootstrapTable('refresh', queryParams );


    }

    function initMsgTab(){
        $('#dataTable').bootstrapTable({
            url: '${ctx}/contentMessageTemplate/list',     //请求后台的URL（*）
            method: 'get',           //请求方式（*）
            striped: true,           //是否显示行间隔色
            pagination: true,
            cache: false,            //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            sortable: false,           //是否启用排序
            sidePagination: "server",      //分页方式：client客户端分页，server服务端分页（*）
            pageNumber:1,            //初始化加载第一页，默认第一页
            pageSize: 10,            //每页的记录行数（*）
            pageList: [200],    //可供选择的每页的行数（*）
            strictSearch: true,
            onDblClickRow:function(row,ev){
                fullWindow("修改信息模板", APP.PATH + controllerRequestMappint + version.id+"/toEdit?id="+row.id+"&vName="+version.versionName,850,800);
            },
            queryParams:function (params) {
                return {
                    _size: params.limit,  //每页记录数
                    _offset: params.offset , //偏移量
                };
            },
            clickToSelect: true,        //是否启用点击选中行
            //height: 600,            //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "id",           //每一行的唯一标识，一般为主键列
            cardView: false,          //是否显示详细视图
            detailView: false,          //是否显示父子表
            columns: [{
                field: 'check_state',
                title: '',
                checkbox: true
            },{
                field: 'id',
                title: '',
                visible:false
            },{
                field: 'content',
                title: '短信内容',
                width:"70%"
            },{
                field:'contentTagIds',
                title:'标签',
                width:"30%",
                formatter:function(value,row,index){
                    var tagsNames = value.split(",");
                    var tagsHtml = "";
                    for(var i =0;i<tagsNames.length;i++){
                        if((i+1)%5==1){
                            tagsHtml+='<span class="badge badge-primary" style="margin: 3px;">'+tagsNames[i]+'</span>';
                        }else if((i+1)%5==2){
                            tagsHtml+='<span class="badge label-info" style="margin: 3px;">'+tagsNames[i]+'</span>';
                        }else if((i+1)%5==3){
                            tagsHtml+='<span class="badge label-success" style="margin: 3px;">'+tagsNames[i]+'</span>';
                        }else if((i+1)%5==4){
                            tagsHtml+='<span class="badge label-warning" style="margin: 3px;">'+tagsNames[i]+'</span>';
                        }else{
                            tagsHtml+='<span class="badge label-danger" style="margin: 3px;">'+tagsNames[i]+'</span>';
                        }
                    }
                    return tagsHtml;
                }
            }]});
    }

    function copyVer(ver,name){
        layer.open({
            type: 1 //Page层类型
            ,area: ['530px', '300px']
            ,title: '复制消息模板版本'
            ,shade: 0.6 //遮罩透明度
            ,maxmin: true //允许全屏最小化
            ,anim: 2 //0-6的动画形式，-1不开启
            ,content: "<div class='col-sm-11 col-sm-offset-1'>" +
            "<form class='form-horizontal m-t navbar-form navbar-left' id='validForm'>" +
            "<div class='form-group'><label class='col-sm-5 control-label'>将要复制的版本名称：</label><div class='col-sm-5'><input type='hidden' name='perId' value='"+ver+"'/>" +
            "<input type='text' class='form-control w-lg' value='"+name+"' disabled></div></div>" +
            "<div class='form-group'><label class='col-sm-6 control-label'>版本名称：</label><div class='col-sm-5'>" +
            "<input type='text' class='form-control w-lg' maxlength='10'  placeholder='版本名称' name='versionName'   required></div></div></form></div>"
            ,btn: ['通过','取消'] //按钮
            ,yes:function(){
                saveVersion();
            },btn2:function(){
                layer.msg('取消', {icon: 1});
            }
        });
    }
    //初始化短信版本
    function initTempVersion(){
        //获取消息模板版本列表
        $.ajax({
            url: "${ctx}/contentTemplateVersion/list",
            cache: false,
            dataType: "json",
            success: function(data){
                var versionHtml = "";
                if(data){
                    templateVer = data;
                    data.forEach(function(i,d){
                        versionHtml+="<li onclick='showMessageList("+d+")' class='list-group-item col-sm-9'>"+i.versionName+"</li><button onclick=copyVer('"+i.id+"','"+i.versionName+"') class='col-sm-3 btn'>复制</button>";
                    });
                    $("#temp_version").empty();
                    $("#temp_version").append(versionHtml);
                }
            }
        });

    }

    $(function(){
        initTagsData();
        initMsgTab();
        initTempVersion();
    });

</script>
#end
#extends("/common/base_list.html")