{include(header)}
<style>
#id_weixin_ico{position:fixed;top:0px;left:0px;border:1px #ccc solid;background:#fff}
#id_weixin_ico ul{float:left;width:450px;padding:0px}
#id_weixin_ico ul li{float:left;padding:3px}
#id_type_a a{float:left;margin:0px 5px;padding-left:20px}
#id_type_a .xsel{color:#ff8800;font-weight:bold;background:url(images/ok.gif) no-repeat 0px center}
#id_type_other{float:left;width:300px;text-align:center}
#id_type_other img{width:100px;height:120px}
#id_box_news{float:left;}
#id_box_news ul{float:left;border-bottom:1px #ccc dotted;padding-bottom:8px}
#id_box_news li{float:left;width:100%}
#id_box_news span{float:left}
#id_box_news div{float:left;width:100%}
</style>
<input type="hidden" name="s_addtime1" value="" id="id_s_addtime1">
<input type="hidden" name="s_addtime2" value="" id="id_s_addtime2">
<input type="hidden" name="s_state" value="" id="id_s_state">
<input type="hidden" name="s_key" value="" id="id_s_key">
<input type="hidden" name="message_text" value="" id="id_text_val">
<input type="hidden" name="message_type" value="" id="id_message_type">
<input type="hidden" name="message_media_id" value="" id="id_message_media_id">
<input type="hidden" name="openid" value="" id="id_openid">
<div class="pMain" id="id_main">
	<table class='pEditTable'>
	<tr class='pTabTitRow'><td class='pTabTitCol' colspan="2"></td></tr>
	<tr>
		<td class="pTabColName">{tab_other_language::get("类型")}：</td>
		<td class="pTabColVal" id="id_type_a">
		<a href="javascript:thisjs.typeclick('text');" class="xsel" id="id_type_text">{tab_other_language::get("文字")}</a>
		<!--
		<a href="javascript:thisjs.typeclick('image');"{if($message['message_type']=='image')} class="xsel"{/if} id="id_type_image">图片</a>		
		<a href="javascript:thisjs.typeclick('voice');"{if($message['message_type']=='voice')} class="xsel"{/if} id="id_type_voice">音频</a>		
		<a href="javascript:thisjs.typeclick('video');"{if($message['message_type']=='video')} class="xsel"{/if} id="id_type_video">视频</a>
		-->
		<a href="javascript:thisjs.typeclick('news');" id="id_type_news">{tab_other_language::get("图文")}</a>		
		</td></tr>
	<tr>
		<td class="pTabColName">{tab_other_language::get("消息")}：</td>
		<td class="pTabColVal">
			<div id="id_box_text">
				<li style="float:left;">
					<div style="width:550px;height:150px;padding:10px;border:1px #ccc solid;outline:0px;word-wrap: break-word;overflow:hidden" contenteditable='true' id="id_message_text"  onkeyup = "thisjs.strlen_keyup(this,kj.obj('#id_text_num'),600);"></div>
				</li>
				<li style="float:left;width:500px;margin-top:10px;clear:both"><span>&nbsp;&nbsp;&nbsp;<a href="javascript:thisjs.showico();"><img src="images/icon_weixin.png" id="id_ico_pic"></a></span><span style="float:right">{tab_other_language::get("还可以输入<font id="id_text_num">600</font>字")}</span></li>
			</div>
			<div id="id_type_other" style="display:none">
			</div>
			<div id="id_box_news" style="display:none">
				<div id="id_news_list">
					<ul>
					<li>{tab_other_language::get("标题")}：<input type="text" name="message_title[]" value="" class='pTxt1 pTxtL200'></li>
					<li>{tab_other_language::get("链接")}：<input type="text" name="message_url[]" value="" class='pTxt1 pTxtL200'></li>
					<li><span>{tab_other_language::get("图片")}：</span><span><input type="text" name="message_pic[]" id="id_message_pic" value="" class='pTxt1 pTxtL300'>&nbsp;<a href="javascript:kj.dialog({id:'dialog_attatch',title:'{tab_other_language::get("选择图片")}',url:'common.php?app=other&app_act=attatch&url_objid=id_message_pic',w:600,showbtnhide:false,type:'iframe'});">{tab_other_language::get("选择")}</a><br><iframe name="frm_pic_url" src="common.php?app=other&app_act=upload&objid=id_message_pic" width="300px" height="30px" frameborder=0 scrolling="no"></iframe></span></li>
					<li class="Ttextarea"><span>{tab_other_language::get("描述")}：</span><span><textarea name="message_desc[]" cols="60" rows="5"></textarea></span></li>
					</ul>
				</div>
				<div>
					<li style="margin-left:40px"><a href="javascript:thisjs.news_add();"><span><img src="images/add.gif"></span><span>&nbsp;{tab_other_language::get("添加")}</span></a></li>
				</div>
			</div>
		</td></tr>
	<tr>
		<td class="pTabColName">&nbsp;</td>
		<td class="pTabColVal">
			<input type="button" name="dosubmit" value="{tab_other_language::get("发送")}" onclick="thisjs.sendmsg();" class="pBtn" id="id_dosubmit">
		</td></tr>
	</table>
</div>
<div id="id_weixin_ico" style="display:none">
</div>
<script src="/common/js/kj.progress.js"></script>

<script>
var thisjs = new function() {
	this.pages = 0;
	this.page = 1;
	this.userlist = [];
	this.index = 0;
	this.issel = false;
	this.sendmsg = function() {
		var objselid = parent.kj.obj(":selid[]");
		var arrid = [] , openid,name;
		if(objselid && 'length' in objselid) {
			for(var i = 0 ; i < objselid.length ; i++) {
				if(objselid[i].checked) {
					openid = objselid[i].value;
					name = kj.getAttribute(objselid[i], 'openname');
					arrid[arrid.length] = {'openid':openid,'name':name};
				}
			}
		}
		if(arrid.length>0) {
			this.userlist = arrid;
			this.issel = true;
		} else {
			this.userid = [];
			kj.obj("#id_s_addtime1").value=parent.document.frm_main.s_addtime1.value;
			kj.obj("#id_s_addtime2").value=parent.document.frm_main.s_addtime2.value;
			kj.obj("#id_s_state").value=parent.document.frm_main.s_state.value;
			kj.obj("#id_s_key").value=parent.document.frm_main.s_key.value;
		}
		document.frm_main.page.value = 0;
		kj.obj("#id_text_val").value = kj.obj("#id_message_text").innerHTML;
		kj.obj("#id_dosubmit").disabled = true;
		kj.obj("#id_dosubmit").value = "{tab_other_language::get("正在发送...")}";
		this.onsend(0);
	}
	this.gopage = function() {
		var page = kj.toint(document.frm_main.page.value)+1;
		document.frm_main.app_act.value="sendmsg.page";
		document.frm_main.page.value = page;
		kj.ajax.post(document.frm_main,function(data) {
			var obj_data = kj.json(data);
			if(obj_data.isnull) {
				alert("{tab_other_language::get("获取关注者列表失败")}");
				return;
			}
			if(obj_data.code==500) {
				kj.progress.show1.close('onsend');
				kj.progress.show1.close('onsenduser');
				kj.obj("#id_dosubmit").value = "{tab_other_language::get("发送完毕")}";
				alert(obj_data.msg);
				return;
			}
			if(document.frm_main.page.value == '1') {
				thisjs.pages = obj_data.pages;
				kj.progress.show1.open({id:'onsend',title:'{tab_other_language::get("正在群发消息")}',size:thisjs.pages,w:500});
				kj.progress.show1.step('onsend');
			} else {
				kj.progress.show1.step('onsend');
			}
			thisjs.userlist = obj_data.list;
			thisjs.onsend();
		});
	}
	this.onsend = function() {
		if(this.index>=this.userlist.length) {
			kj.progress.show1.close('onsenduser');
			if(this.issel == false) {
				this.index = 0;
				this.gopage();
			} else {
				kj.obj("#id_dosubmit").value = "{tab_other_language::get("发送完毕")}";
				alert('{tab_other_language::get("发送完毕")}');
				return;
			}
		} else {
			var openid = this.userlist[this.index].openid;
			var name = this.userlist[this.index].name;
			if(this.index == 0) {
				kj.progress.show1.open({id:'onsenduser',title:'{tab_other_language::get("向【{msg}】发送")}'.replace("{msg}",name),size:this.userlist.length,w:500});
			} else {
				kj.progress.show1.step('onsenduser','{tab_other_language::get("向【{msg}】发送")}'.replace('{msg}',name));
			}
			this.index++;
			document.frm_main.app_act.value="sendmsg.go";
			document.frm_main.openid.value = openid;
			kj.ajax.post(document.frm_main , function(data) {
				var obj_data = kj.json(data);
				if(obj_data.isnull) {
					if(confirm("{tab_other_language::get("发送失败，点击确定继续发送下一个，取消则停止发送")}")) {
					} else {
						return;
					}
				}
				if(obj_data.code==500) {
					if(confirm(obj_data.msg + "，{tab_other_language::get("点击确定继续发送下一个，取消则停止发送")}")) {
					} else {
						return;
					}
				}
				thisjs.onsend();
			});
		}
	}
	this.media_select = function(type , id , file , name) {
		kj.delClassName("#id_type_a a" , "xsel");
		kj.addClassName("#id_type_" + type , "xsel");
		kj.set("#id_message_media_id" , "value" , id);
		kj.set("#id_message_type" , "value" , type);
		kj.hide('#id_box_news');
		kj.hide("#id_box_text");
		kj.show("#id_type_other");
		if(type == 'image') {
			html = '<img src = "' + kj.url_view(file) + '"><br>' + name;
		} else if(type == 'voice') {
			html = '<img src="images/mp3.png" style="width:auto"><br><font>{tab_other_language::get("播放")}</font>';
		} else {
			html = '<img src="images/video.png" style="width:auto"><br><font>{tab_other_language::get("播放")}</font>';
		}
		kj.dialog.close("#winmedia_" + type);
		kj.obj("#id_type_other").innerHTML = html;
	}
	this.typeclick = function(type) {
		switch(type) {
			case "image":
				title = '{tab_other_language::get("选择图片")}';break;
			case "voice":
				title = '{tab_other_language::get("选择音频文件")}';break;
			case "video":
				title = '{tab_other_language::get("选择视频文件")}';break;
			case "news":
				kj.show("#id_box_news");
				kj.hide("#id_type_other");
				kj.hide("#id_box_text");
				kj.delClassName("#id_type_a a" , "xsel");
				kj.addClassName("#id_type_news" , "xsel");
				kj.set("#id_message_media_id" , "value" , '');
				kj.set("#id_message_type" , "value" , type);
				return;
			default:
				kj.show('#id_box_text');
				kj.hide('#id_type_other');
				kj.hide('#id_box_news');
				kj.delClassName("#id_type_a a" , "xsel");
				kj.addClassName("#id_type_text" , "xsel");
				kj.set("#id_message_media_id" , "value" , '');
				kj.set("#id_message_type" , "value" , type);
				return;
		}
		kj.dialog({'id':'media_' + type,'title':title,'url':'{fun_get::url(array("app"=>"media","app_act"=>""))}&type='+type,'w':800,'max_h':700,'showbtnhide':false,'showbtnmax':false,'type':'iframe','notoolbar':'1'});
	}
	this.save = function() {
		kj.obj("#id_text_val").value = kj.obj("#id_message_text").innerHTML;
		admin.frm_ajax('save');
	}
	this.strlen_keyup = function(obj,obj2,length) {
		var val = obj.innerHTML;
		var arr = val.split('<img');
		val = val.replace(/<img[\s0-9a-z\/\.\:\=\"]*>/g, "");
		var len = length-val.length;
		len = len-((arr.length-1)*3);
		if(len<=0) {
			obj.value = val.substr(0,length);
			len = 0;
		}
		obj2.innerHTML = len;
	}

	this.showico = function(obj) {
		kj.obj("#id_message_text").focus();
		var obj = kj.obj("#id_ico_pic");
		var offset = kj.offset(obj);
		kj.set('#id_weixin_ico' , 'style.top' , offset.top+20+'px');
		kj.set('#id_weixin_ico' , 'style.left' , offset.left+'px');
		kj.show("#id_weixin_ico");
	}
	this.selico = function(o) {
		kj.obj("#id_message_text").focus();
		var pic = '<img src = "' + o.src + '">';
		this.insertstr('#id_message_text','KLKKDJWEIXINICO');
		var text = kj.obj('#id_message_text').innerHTML;
		text = text.replace('KLKKDJWEIXINICO', pic);
		kj.obj('#id_message_text').innerHTML = text;
		thisjs.strlen_keyup(kj.obj("#id_message_text"),kj.obj('#id_text_num'),600);
		kj.hide("#id_weixin_ico");
	}
	this.insertstr = function (obj ,html){
		   var dthis= kj.obj(obj);//要插入内容的某个div,在标准浏览器中 无需这句话
			var sel, range;
			dthis.focus();
			if (window.getSelection)
			 {
					// IE9 and non-IE
					sel = window.getSelection();
					if (sel.getRangeAt && sel.rangeCount) {
					range = sel.getRangeAt(0);
					range.deleteContents();
					var el = document.createElement('div');
					el.innerHTML = html;
					var frag = document.createDocumentFragment(), node, lastNode;
					while ( (node = el.firstChild) )
					 {
						lastNode = frag.appendChild(node);
					 }
				   
				range.insertNode(frag);
					if (lastNode) {
					range = range.cloneRange();
					range.setStartAfter(lastNode);
					range.collapse(true);
					sel.removeAllRanges();
					sel.addRange(range);
					}
				   }
			} 
			else if (document.selection && document.selection.type !='Control') {
				document.selection.createRange().text = html;
			}
	   }
		this.news_add = function() {
			var arr = kj.obj("#id_news_list ul");
			var ii = 'ii_' + arr.length;
			var html = '<li><span>{tab_other_language::get("标题")}：<input type="text" name="message_title[]" value="" class="pTxt1 pTxtL200"></span><span style="float:right;margin-right:20px;cursor:pointer" onclick="kj.remove(kj.parent(this,\'ul\'));"><img src="images/b_drop.png"></span></li>';
				html +=	'<li>{tab_other_language::get("链接")}：<input type="text" name="message_url[]" value="" class="pTxt1 pTxtL200"></li>';
				html +=	'<li><span>{tab_other_language::get("图片")}：</span><span><input type="text" name="message_pic[]" id="id_message_pic'+ii+'" value="" class="pTxt1 pTxtL300">&nbsp;<a href="javascript:kj.dialog({id:\'dialog_attatch\',title:\'{tab_other_language::get("选择图片")}\',url:\'common.php?app=other&app_act=attatch&url_objid=id_message_pic'+ii+'\',w:600,showbtnhide:false,type:\'iframe\'});">{tab_other_language::get("选择")}</a><br><iframe name="frm_pic_url" src="common.php?app=other&app_act=upload&objid=id_message_pic'+ii+'" width="300px" height="30px" frameborder=0 scrolling="no"></iframe></span></li>';
				html += '<li class="Ttextarea"><span>{tab_other_language::get("描述")}：</span><span><textarea name="message_desc[]" cols="60" rows="5"></textarea></span></li>';
			var obj_ul = document.createElement("ul");
			obj_ul.innerHTML = html;
			kj.obj("#id_news_list").appendChild(obj_ul);
			this.news_refresh();
		}
	this.news_refresh = function() {
		var arr = kj.obj("#id_news_list textarea");
		if(arr.length>1) kj.hide(".Ttextarea");
	}

}
kj.onload(function(){
	thisjs.strlen_keyup(kj.obj("#id_message_text"),kj.obj('#id_text_num'),600);
	var html = '<ul>';
	for(var i = 0; i < 105 ; i++) {
		ii = i;
		html += '<li><img src="https://res.wx.qq.com/mpres/htmledition/images/icon/emotion/' + ii + '.gif" onclick="thisjs.selico(this);"></li>';
	}
	html += "</ul>";
	kj.obj("#id_weixin_ico").innerHTML = html;
	thisjs.news_refresh();
});
//body点击事件
kj.handler(document.documentElement,"mousedown",function(e){
	//隐藏购物车
	var target = kj.event_target(e);
	var objcart = kj.parent(target , "#id_weixin_ico");
	if(!objcart) kj.hide("#id_weixin_ico");
});
function attatch_callback() {
	kj.dialog.close("#windialog_attatch");
}

</script>
{include(footer)}