{include(header)}
<table class="mtable"><tr><td style="width:210px" valign="top">
<div class="left" id="id_left">
<ul id="id_left_top" class="xtop"><li id="id_create_folder" onclick="thisjs.folder_new();">新目录</li><li id="id_create_file" onclick="thisjs.file_new();">新文件</li><li onclick="thisjs.back()" id="id_back_pre">返回</li></ul>
<ul id="id_left_list">
</ul>
</div>
</td><td valign="top">
	<div class="top_tool">
		<li><a href="javascript:thisjs.file_save()">保存</a></li>
		<li><a href="javascript:thisjs.datasource()">数据源</a></li>
		<li><a href="javascript:thisjs.sys_config()">系统变量</a></li>
	</div>
	<div class="mlabel" id="id_mlabel">
	</div>
	<div class="medit" id="id_medit">
	</div>
</td></tr></table>
<div class="float_act" style="display:none" id="id_float_act">
<li><a href="javascript:thisjs.rename();">重命名</a></li>
<li><a href="javascript:thisjs.del();">删除</a></li>
</div>
<script>
var thisjs = new function() {
	this.path = [];
	this.open_file = [];
	this.file_open = function(name) {
		var path = this.path.join("/") + "/" + name;
		if(this.open_file.indexOf(path)>=0) {
			var obj_pathval = kj.obj("#id_mlabel :pathval");
			for(var i = 0 ; i < obj_pathval.length;i++) {
				if(obj_pathval[i].value == path) {
					var arr_li = kj.obj("#id_mlabel li");
					this.file_sel(arr_li[i]);
					break;
				}
			}
			return;
		}
		thisjs.open_file[thisjs.open_file.length] = path;
		kj.ajax.get("?app_act=file.open&path="+path, function(data) {
			kj.delClassName("#id_mlabel li","xsel");
			var obj_li = document.createElement("li");
			obj_li.className = "xsel";
			var arr = thisjs.open_file[thisjs.open_file.length-1].split("/");
			obj_li.innerHTML = '<span onclick="thisjs.file_sel(this.parentNode);">' + arr[arr.length-1] + '<input type="hidden" name="pathval" value="'+path+'"></span><span class="xclose" onclick="thisjs.file_close(this);"><a href="javascript:void(0);"></a></span>';
			kj.obj("#id_mlabel").appendChild(obj_li);
			kj.hide("#id_medit ul");
			var obj_ul = document.createElement("ul");
			obj_ul.innerHTML = '<li class="xnum"><span>1</span></li><li><textarea onpropertychange="thisjs.area_change(this)"></textarea></li>';
			kj.obj("#id_medit").appendChild(obj_ul);
			//kj.handler(obj_ul,"click",function(){thisjs.area_focus(this);});
			//kj.handler(obj_li,"click",function(){thisjs.file_sel(this);});
			var obj_area = kj.obj("textarea" , obj_ul);
			if('length' in obj_area && obj_area.length>0 ) obj_area[0].value = data;
			thisjs.resize();
		});
	}
	this.file_close = function(o) {
		var obj_li = kj.obj("#id_mlabel li");
		var obj = kj.parent(o , "li");
		var index = kj.index(obj_li , obj);
		var obj_ul = kj.obj("#id_medit ul");
		var obj_path = kj.obj("input" , obj);
		var path = ('length' in obj_path && obj_path.length>0) ? obj_path[0].value : "";
		if( obj.className.trim() == 'xsel') {
			if(index>0) {
				thisjs.file_sel(obj_li[index-1]);
			} else if(obj_li.length>1) {
				thisjs.file_sel(obj_li[index+1]);
			}
		}
		thisjs.open_file.remove(path);
		kj.remove(obj);
		kj.remove(obj_ul[index]);

	}
	this.file_save = function() {
		var obj_li = kj.obj("#id_mlabel li");
		var obj_sel = kj.obj("#id_mlabel .xsel");
		if(!obj_sel || !('length' in obj_sel) || obj_sel.length<1) return;
		var index = kj.index( obj_li , obj_sel[0] , true);
		var arr_pathval = kj.obj(":pathval" , obj_sel);
		if(!('length' in arr_pathval) || arr_pathval.length<1) return;
		var path = arr_pathval[0].value;
		var arr_area = kj.obj("#id_medit textarea");
		var content = arr_area[index].value;
		var data = {'path':path,'content':content};
		kj.ajax.post("?app_act=file.save" , data , function(data) {
			var obj_data = kj.json(data);
			if(obj_data.isnull) {
				alert("保存失败");return;
			}
			if(obj_data.code != '0') {
				alert(obj_data.msg);
			} else {
				kj.alert.show("成功保存");
			}
		});
	}
	this.file_sel = function(o) {
		var obj_li = kj.obj("#id_mlabel li");
		var index = kj.index(obj_li , o);
		var obj_ul = kj.obj("#id_medit ul");
		kj.delClassName(obj_li , "xsel");
		kj.hide(obj_ul);
		kj.addClassName(o , "xsel");
		kj.show(obj_ul[index]);
	}
	//打开目录
	this.dir_open = function(name) {
		if(name != '' && name) this.path[this.path.length] = name;
		var path = this.path.join("/");
		if(this.path.length>0) {
			kj.hide("#id_create_folder");
			kj.show("#id_create_file");
		} else {
			kj.show("#id_create_folder");
			kj.hide("#id_create_file");
		}
		(this.path.length>0) ? kj.show("#id_back_pre") : kj.hide("#id_back_pre");
		kj.ajax.get("?app_act=left&path="+path , function(data) {
			kj.obj("#id_left_list").innerHTML = data;
		});
	}
	//返回上级目录
	this.back = function() {
		this.path.removeat(this.path.length-1);
		this.dir_open('');
	}
	//显示文件操作菜单
	this.show_act = function(o , type , name) {
		var offset = kj.offset(o);
		kj.set("#id_float_act" , "style.top" , (offset.top+20) + "px");
		kj.set("#id_float_act" , "style.left" , offset.left + "px");
		kj.show("#id_float_act");
		kj.data['clicker'] = kj.obj("#id_float_act");
		this.left_name = name;
		this.left_type = type;
	}
	this.resize = function() {
		var h = document.documentElement.clientHeight - 43;
		var w = document.documentElement.clientWidth-250;
		kj.set("#id_left" , "style.height" , h + "px");
		kj.set("#id_medit" , "style.height" , (h-30) + "px");
		kj.set("#id_medit ul" , "style.height" , (h-45) + "px");
		kj.set("#id_medit ul" , "style.width" , (w+20) + "px");
		kj.set("#id_medit textarea" , "style.width" , (w-50) + "px");
		//var xh = h;
		//if(xh<10000) xh = 10000;
		kj.set("#id_medit .xnum" , "style.height" ,  (h-45) + "px");
		if(kj.agent()!='ie') {
			kj.set("#id_medit textarea" , "style.height" , (h-60) + "px");
			kj.set("#id_medit textarea" , "style.overflow" , "scroll");
		}
		/*
		var arr = kj.obj("#id_medit textarea");
		for(var i = 0 ; i < arr.length ; i++) {
			this.area_autoheight
		}*/
	}
	//初始化可变文本框高度
	this.area_autoheight = function( obj ) {
		if(obj.type=="textarea") {
			if(obj.scrollHeight>0) {
				obj.style.posHeight=obj.scrollHeight;
			}
		}
	}

	this.area_focus = function(o) {
		var obj = kj.obj("textarea" , o);
		if('length' in obj && obj.length>0) obj[0].focus();
	}
	this.area_change = function(o) {
		if(o.style.posHeight == o.scrollHeight) return;
		o.style.posHeight=o.scrollHeight;
		var num = parseInt((o.scrollHeight-2)/20)+1;
		var obj_ul = kj.parent( o , "ul");
		var obj_xnum = kj.obj(".xnum" , obj_ul);
		var obj_span = kj.obj("span" , obj_xnum[0]);
		for(var i = obj_span.length; i < num ; i++) {
			span = document.createElement("span");
			span.innerHTML = i+1;
			obj_xnum[0].appendChild(span);
		}
		//移除多余标识
		for(i = obj_span.length ; i >= num  ; i--) {
			kj.remove(obj_span[i]);
		}
		if(kj.h(obj_xnum[0])<i*20) kj.set(obj_xnum , "style.height", "auto");
	}
	this.datasource = function() {
		var dirname = this.path.join("/");
		kj.dialog({'url':kj.cfg('baseurl') + '/developer.php?app_act=datasource&dirname='+dirname,'id':'datasource','type':'iframe','title':'数据源','w':800,'max_h':650,'showbtnmax':false,'showbtnhide':false});
	}
	this.datasource_insert = function(html) {
		var obj = this.get_actarea();
		kj.textarea_insertstr(obj,html);
		kj.dialog.close("#windatasource");
		kj.dialog.close("#windatasource_info");
	}
	this.fields_insert = function(fields) {
		fields = '{'+ '$item["'+fields+'"]}';
		var obj = this.get_actarea();
		kj.textarea_insertstr(obj,fields);
		kj.dialog.close("#windatasource_info");
		kj.dialog.close("#windatasource");
	}
	this.get_actarea = function() {
		var obj_li = kj.obj("#id_mlabel li");
		var obj_sel = kj.obj("#id_mlabel .xsel");
		if(!('length' in obj_sel) || obj_sel.length<1) return false;
		var index = kj.index( obj_li , obj_sel[0] , true);
		var arr_area = kj.obj("#id_medit textarea");
		return arr_area[index];
	}
	this.sys_config = function() {
		kj.dialog({'url':kj.cfg('baseurl') + '/developer.php?app_act=sys.config','id':'sys_config','type':'iframe','title':'系统变量','w':800,'max_h':650,'showbtnmax':false,'showbtnhide':false});
	}
	this.sys_config_insert = function(html) {
		var obj = this.get_actarea();
		kj.textarea_insertstr(obj,html);
		kj.dialog.close("#winsys_config");
	}
	this.rename = function() {
		kj.hide(kj.data['clicker']);
		var obj_dialog = kj.obj("#winbox" + this.left_type);
		var title;
		if(this.left_type == 1) {
			obj_box2 = kj.obj("#id_box2");
			title = '重命名文件:' + this.left_name;
		} else {
			obj_box2 = kj.obj("#id_box1");
			title = '重命名目录:' + this.left_name;
		}
		if(obj_dialog) {
			var obj = kj.obj("#winbox" + this.left_type + "_title b");
			if(obj && obj.length>0) obj[0].innerHTML = title;
			kj.show(obj_dialog);
		} else {
			var obj = obj_box2.parentNode;
			var html = obj.innerHTML;
			kj.remove(obj);
			kj.dialog({'html':html,'id':'box'+this.left_type,'type':'html','title':title,'w':300,'showbtnmax':false,'showbtnhide':false,'showbtnclose':false,'showbtnhide':true});
		}
		if(this.left_type == 1) {
			var arr = this.left_name.split(".");
			kj.set("#id_file_app" , "value" , arr[0]);
			arr.removeat(0);
			arr.removeat(arr.length-1);
			kj.set("#id_file_app_act" , "value" , arr.join('.'));
		} else {
			kj.set("#id_folder_name","value" , this.left_name);
		}

	}
	this.rename_save = function() {
		if(this.left_name == '') {
			alert("没有指定要重命名对象");
			return;
		}
		var newname = '';
		if(this.left_type != 1) {
			newname = kj.obj("#id_folder_name").value;
			if(newname == '') {
				alert("请输入目录名称");
				return;
			}
		} else {
			var app = kj.obj("#id_file_app").value;
			var app_act = kj.obj("#id_file_app_act").value;
			if(app == '' && app_act == '') {
				alert("请输入新文件入口app及app_act");
				return;
			}
			if(app == '') app = 'index';
			if(app_act == '') app_act = 'default';
			newname = app + '.' + app_act + '.html';
		}
		if(newname == this.left_name) {
			alert("新名称不能与旧名称相同");
			return;
		}
		var dirname = this.path.join("/");
		kj.ajax.get("?app_act=rename&type=" + this.left_type + "&oldname=" + this.left_name + "&newname=" + newname + "&dirname=" + dirname , function(data) {
			var obj_data = kj.json(data);
			if(obj_data.isnull) {
				alert("系统繁忙");
				return;
			}
			if(obj_data.code == '0') {
				kj.alert.show('命名成功',function(){
					thisjs.dir_open();
					kj.dialog.hide("#winbox"+thisjs.left_type);
					thisjs.left_name = '';
					thisjs.left_type = '';
				});
			} else {
				alert(obj_data.msg);
			}
		});
	}
	this.folder_ok = function() {
		if(thisjs.left_name != '') {
			this.rename_save();
		} else {
			this.folder_create();
		}
	}
	this.file_ok = function() {
		if(thisjs.left_name != '') {
			this.rename_save();
		} else {
			this.file_create();
		}
	}

	this.folder_new = function() {
		this.left_name = '';
		this.left_type = '';
		var obj_dialog = kj.obj("#winbox0");
		var title;
		var obj_box2 = kj.obj("#id_box1");
		title = '新建目录:';
		if(obj_dialog) {
			var obj = kj.obj("#winbox0_title b");
			if(obj && obj.length>0) obj[0].innerHTML = title;
			kj.show(obj_dialog);
		} else {
			var obj = obj_box2.parentNode;
			var html = obj.innerHTML;
			kj.remove(obj);
			kj.dialog({'html':html,'id':'box0','type':'html','title':title,'w':300,'showbtnmax':false,'showbtnhide':false,'showbtnclose':false,'showbtnhide':true});
		}
		kj.obj("#id_folder_name").value = '';
	}
	this.file_new = function() {
		this.left_name = '';
		this.left_type = '';
		var obj_dialog = kj.obj("#winbox1");
		var title;
		var obj_box2 = kj.obj("#id_box2");
		title = '新建文件:';
		if(obj_dialog) {
			var obj = kj.obj("#winbox1_title b");
			if(obj && obj.length>0) obj[0].innerHTML = title;
			kj.show(obj_dialog);
		} else {
			var obj = obj_box2.parentNode;
			var html = obj.innerHTML;
			kj.remove(obj);
			kj.dialog({'html':html,'id':'box1','type':'html','title':title,'w':300,'showbtnmax':false,'showbtnhide':false,'showbtnclose':false,'showbtnhide':true});
		}
		kj.obj("#id_file_app").value = '';
		kj.obj("#id_file_app_act").value = '';
	}
	this.folder_create = function() {
		var folder_name = kj.obj("#id_folder_name").value;
		kj.ajax.get("?app_act=folder.create&name=" + folder_name , function(data) {
			var obj_data = kj.json(data);
			if(obj_data.isnull) {
				alert("系统繁忙");
				return;
			}
			if(obj_data.code == '0') {
				kj.alert.show("创建成功" , function() {
					thisjs.dir_open();
					kj.dialog.hide("#winbox0");
				});
			} else {
				alert(obj_data.msg);
			}
		});
	}
	this.file_create = function() {
		var app = kj.obj("#id_file_app").value;
		var app_act = kj.obj("#id_file_app_act").value;
		if(app == '' && app_act == '') {
			alert("请输入新文件入口app及app_act");
			return;
		}
		if(app == '') app = 'index';
		if(app_act == '') app_act = 'default';
		var file_name = app + '.' + app_act + '.html';
		var dirname = this.path.join("/");
		kj.ajax.get("?app_act=file.create&name=" + file_name + "&dirname=" + dirname , function(data) {
			var obj_data = kj.json(data);
			if(obj_data.isnull) {
				alert("系统繁忙");
				return;
			}
			if(obj_data.code == '0') {
				kj.alert.show("创建成功" , function() {
					thisjs.dir_open();
					kj.dialog.hide("#winbox1");
				});
			} else {
				alert(obj_data.msg);
			}
		});
	}

	this.del = function() {
		kj.hide(kj.data['clicker']);
		if(!window.confirm("删除将不可恢复，确定要继续吗？")) return;
		if(this.left_type == 1) {
			var dirname = this.path.join("/");
			kj.ajax.get("?app_act=file.del&dirname=" + dirname + "&name=" + this.left_name, function(data) {
				var obj_data = kj.json(data);
				if(obj_data.isnull) {
					alert("系统繁忙");
					return;
				}
				if(obj_data.code == '0') {
					kj.alert.show("删除成功" , function() {
						thisjs.dir_open();
					});
				} else {
					alert(obj_data.msg);
				}
			});
		} else {
			kj.ajax.get("?app_act=folder.del&name=" + this.left_name, function(data) {
				var obj_data = kj.json(data);
				if(obj_data.isnull) {
					alert("系统繁忙");
					return;
				}
				if(obj_data.code == '0') {
					kj.alert.show("删除成功" , function() {
						thisjs.dir_open();
					});
				} else {
					alert(obj_data.msg);
				}
			});
		}
	}
	this.include = function(html) {
		var arr = html.split(".");
		arr.removeat(arr.length-1);
		html = arr.join('.');
		html = '{' + 'include(' + html + ')' + '}/*引用文件*/';
		var obj = this.get_actarea();
		kj.textarea_insertstr(obj,html);
		kj.dialog.close("#windatasource_info");
		kj.dialog.close("#windatasource");
	}

}
kj.onload(function(){
	thisjs.dir_open('');
});
kj.handler(document.documentElement,"mousedown",function(e){
	if( !('clicker' in kj.data) || !kj.data['clicker'] ) return;
	var target = kj.event_target(e);
	var obj = kj.parent(target , "div");
	if(obj) {
		if('length' in kj.data['clicker']) {
			for(var i  = 0  ; i < kj.data['clicker'].length ; i++) {
				if(kj.data['clicker'][i] == obj) return;
			}
		} else if(kj.data['clicker'] == obj) {
			return;
		}
	}
	kj.hide(kj.data['clicker']);
	kj.data['clicker'] = null;
});
//浏览器改变大小时调整大小
kj.onresize(function() {
	thisjs.resize();
});
kj.onload(function() {
	thisjs.resize();
});

</script>
<div style="display:none">
	<div class="Bdiv2" id="id_box1">
		<li><span class="x1">目录名称：</span><span class="x2"><input type="text" id="id_folder_name" value=""><br><font style="color:#ff8800">必须是英文，不能重复</font></span></li>
		<li id="id_btnok"><span class="x1">&nbsp;</span><span class="x2"><input type="button" name="btnok" value="确定" onclick="thisjs.folder_ok();"></span></li>
	</div>
</div>
<div style="display:none">
	<div class="Bdiv2" id="id_box2">
		<li><span class="x1">app：</span><span class="x2"><input type="text" id="id_file_app" value=""><br><font style="color:#ff8800">必须是英文</font></span></li>
		<li><span class="x1">app_act：</span><span class="x2"><input type="text" id="id_file_app_act" value=""><br><font style="color:#ff8800">必须是英文</font></span></li>
		<li id="id_btnok"><span class="x1">&nbsp;</span><span class="x2"><input type="button" name="btnok" value="确定" onclick="thisjs.file_ok();"></span></li>
	</div>
</div>
{include(footer)}