{include(header)}
<style>
.me_div1{float:left;width:95%;border-bottom:1px #cccccc dotted;padding:10px 0px 5px 0px}
.me_div1 li{float:left;text-align:left;padding:8px 0px 5px 20px;color:#888888;clear:both;}
.me_div1 .x_1{float:left;width:100px}
.me_div1 .x_2{float:left;width:100px}
.me_div1 .x_3{float:left;width:200px}
.me_div1 .x_4{float:left;width:100px}
.me_div1 .x_tit{float:left;font-weight:bold;color:#004499;width:100px}
.me_div1 .x_more{float:left;color:#000000}
.me_div1 .x_new{color:#ff8800}
</style>
<div class="pMenu" id="id_pMenu">
	<li class="sel">{tab_other_language::get("已安装")}</li>
	<li onclick="admin.act('not');">{tab_other_language::get("未安装")}</li>
	<li class = "x_btn"><a href="javascript:parent.thisjs.klkkdj_open('{tab_other_language::get("组件管理-帮助")}','app=service&app_act=help&key=help.sys.components');" title="{tab_other_language::get("帮助")}"><img src="images/faq.gif"></a></li>
</div>
<div class="pMain" id="id_main">
{foreach($arr_list['installed'] as $com => $item)}
	<div class="me_div1">
		<li><span class="x_tit">{$item['name']}</span><span class="x_more"><img src="images/1.png">&nbsp;<a href="javascript:parent.thisjs.klkkdj_open('{$item['name']} {tab_other_language::get("版本")}：{$item['version']}','app=service&app_act=help&key=help.other.{$com}');" style="color:#ff8800">介绍</a></span></li>
		<li><span class="x_1">{tab_other_language::get("作者")}：{$item['author']}</span><span class="x_2">{tab_other_language::get("版本")}：{$item['version']}</span><span class="x_3">{tab_other_language::get("安装时间")}：{$item['updatetime']}</span>
			<span class="x_4"><input type="button" name="btnExe" value="{tab_other_language::get("卸载")}" onclick="thisjs.unstall('{$com}','{$item['name']}');" class="pBtn"></span>
		</li>
		{if(isset($arr_list['all'][$com]) && $arr_list['all'][$com]['version']>$item['version'])}
		<li class="x_new">{tab_other_language::get("最新版本")}：{$arr_list['all'][$com]['version']}{if(!stristr($arr_list['all'][$com]['version'],'.'))}.0{/if}&nbsp;&nbsp;{tab_other_language::get("发布时间")}：{$arr_list['all'][$com]['pubtime']}&nbsp;&nbsp;<input type="button" name="btnExe" value="{tab_other_language::get("开始更新")}" onclick="thisjs.update('{$com}');" class="pBtn">&nbsp;&nbsp;<input type="button" name="btnExe" value="{tab_other_language::get("查看详情")}" onclick="admin.selact();" class="pBtn"> </li>
		{/if}
	</div>
{/foreach}
</div>
<script src="/common/js/kj.progress.js"></script>
<script>
var thisjs = new function() {
	this.steps = [];
	this.step = 0;
	this.com = '';
	this.com_name = '';
	this.is_step = false;
	this.update = function(com) {
		kj.dialog({id:'update',title:'{tab_other_language::get("更新组件")}',url:'{fun_get::url(array("app_act"=>"step1"))}&com='+com,w:600,showbtnhide:false,h:300,type:'iframe'});
	}

	this.unstall = function(com , com_name) {
		if(!confirm('{tab_other_language::get("确定要卸载吗？")}')) return;
		if( this.is_step ) {
			alert("{tab_other_language::get("正在卸载")}" + this.com_name + "...");
			return;
		}
		this.com = com;
		this.com_name = com_name;
		this.is_step = true;
		kj.ajax.get("{fun_get::url(array('app_act'=>'uninstall_steps'))}&com="+com , function(data) {
			var obj_data = kj.json(data);
			if(obj_data.isnull) {
				alert("{tab_other_language::get("卸载失败")}");
				thisjs.is_step = false;
			} else {
				if('code' in obj_data && obj_data.code=='0') {
					var html = '';
					thisjs.steps = obj_data.steps;
					kj.progress.show1.open({id:'unstall',title:'{tab_other_language::get("正在卸载")}',size:thisjs.steps.length,w:500});
					thisjs.unstall_step();
				} else {
					if('msg' in obj_data) {
						alert(obj_data.msg);
					} else {
						alert("{tab_other_language::get("卸载失败")}");
					}
					thisjs.is_step = false;
				}
			}
		});
	}
	this.unstall_step = function() {
		if(this.step>=this.steps.length) {
			kj.progress.show1.close('unstall');
			kj.alert.show("{tab_other_language::get("卸载完成")}" , function(){thisjs.refresh()});
			thisjs.is_step = false;
			return;
		}
		kj.ajax.get("{fun_get::url(array('app_act'=>'uninstall'))}&step=" + this.step + "&com=" + this.com , function(data){
			var obj_data = kj.json(data);
			if(obj_data.isnull) {
				alert("{tab_other_language::get("卸载失败")}");
				kj.progress.show1.close('unstall');
				thisjs.is_step = false;
			} else {
				if('code' in obj_data && obj_data.code=='0') {
					thisjs.step++;
					kj.progress.show1.step('unstall');
					thisjs.unstall_step();
				} else {
					if('msg' in obj_data) {
						alert(obj_data.msg);
					} else {
						alert("{tab_other_language::get("卸载失败")}");
					}
					kj.progress.show1.close('unstall');
					thisjs.is_step = false;
				}
			}

		});
	}
	//更新
	this.update = function(com) {
		kj.dialog({id:'update',title:'{tab_other_language::get("升级组件")}',url:'{fun_get::url(array("app_act"=>"step1"))}&com='+com,w:600,showbtnhide:false,h:300,type:'iframe'});
	}
	//安装，刷新
	this.refresh = function() {
		parent.thisjs.reload();
	}

}
</script>
{include(footer)}