{include(header)}
<style>
.me_pic_view{position:absolute;}
</style>
<input type="hidden" value="{$group}" name="url_group" id="id_url_group">
<div class="pMenu" id="id_pMenu">
	{foreach($arr_group as $item)}
	<li{if($group==$item)} class="sel"{/if}>{$item}</li>
	{/foreach}
	<li onclick="admin.table.row_insert()" class="x_btn">{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.other.link');" title="{tab_other_language::get("帮助")}"><img src="images/faq.gif"></a></li>
</div>
<div class="pMain" id="id_main">
<div class="pTableBox" id="id_table_box">
	<div class='pTableTit' id="id_table_title">
		<li><span class="x_tit" style="width:60px" onclick="admin.table.list1.sort('link_sort')">{tab_other_language::get("排序")}
		{if(isset($arr_list['sort']['link_sort']))}<img src="images/sort_{$arr_list['sort']['link_sort']}.png">{/if}</span><span class="x_split"></span></li>
		<li><span class="x_tit" style="width:120px" onclick="admin.table.list1.sort('link_name')">{tab_other_language::get("名称")}
		{if(isset($arr_list['sort']['link_name']))}<img src="images/sort_{$arr_list['sort']['link_name']}.png">{/if}</span><span class="x_split"></span></li>
		<li><span class="x_tit" style="width:300px" onclick="admin.table.list1.sort('link_url')">{tab_other_language::get("链接")}
		{if(isset($arr_list['sort']['link_url']))}<img src="images/sort_{$arr_list['sort']['link_url']}.png">{/if}</span><span class="x_split"></span></li>
		<li><span class="x_tit" style="width:100px" onclick="admin.table.list1.sort('link_pic')">{tab_other_language::get("图片")}
		{if(isset($arr_list['sort']['link_pic']))}<img src="images/sort_{$arr_list['sort']['link_pic']}.png">{/if}</span><span class="x_split"></span></li>
		<li><span class="x_tit" style="cursor:none;width:80px">{tab_other_language::get("操作")}</span></li>
	</div>
	<div class="pTableList" id="id_table_list">
		<div class='pTable' id="id_table">
			<div class='pTabRow' style="display:none">
				<li><input type='hidden' name='link_id[]' value=""><input type="text" name="link_sort[]" value="" class="autosize"></li>
				<li><input type="text" name="link_name[]" value="" class="autosize"></li>
				<li><input type="text" name="link_url[]" value="" class="autosize"></li>
				<li id="#THISID_li"><input type="hidden" name="link_pic[]" value=""><img src="images/image_s.gif" onerror="this.src='{$temp_baseurl}common/images/no_pic.jpg'" onmouseover="thisjs.pic_view(this,'');" onmouseout="thisjs.pic_view(this,'none');" onclick="thisjs.pic_sel(this);"><span class="me_pic_view"></span></li>
				<li>
					<a href="javascript:kj.remove('#THISID');">{tab_other_language::get("删除")}</a>
				</li>
			</div>
			{foreach($arr_list['list'] as $item)}
			<div class='pTabRow' id="id_tabrow_{$item['link_id']}">
				<li><input type='hidden' name='link_id[]' value="{$item['link_id']}"><input type="text" name="link_sort[]" value="{$item['link_sort']}" class="autosize"></li>
				<li><input type="text" name="link_name[]" value="{$item['link_name']}" class="autosize"></li>
				<li><input type="text" name="link_url[]" value="{$item['link_url']}" class="autosize"></li>
				<li id="{$item['link_id']}_li"><input type="hidden" name="link_pic[]" value="{$item['link_pic']}"><img src="images/image_s.gif" onerror="this.src='{$temp_baseurl}common/images/no_pic.jpg'" onmouseover="thisjs.pic_view(this,'');" onmouseout="thisjs.pic_view(this,'none');" onclick="thisjs.pic_sel(this);"><span class="me_pic_view"></span></li>
				<li>
				{if($this_limit->chk_act("delete"))}&nbsp;&nbsp;<a href="javascript:thisjs.remove('{$item['link_id']}');">{tab_other_language::get("删除")}</a>{/if}
				</li>
			</div>
			{/foreach}
		</div>
	</div>
</div>
</div>
<div class="pFootAct" id="id_pFootAct">
	<li>{if($this_limit->chk_act("save"))}<input type="button" name="btnExe" value="{tab_other_language::get("保存")}" onclick="admin.frm_ajax('save');" class="pBtn">{/if}</li>
</div>
<script src="admin.table.js"></script>
<script>
//初始化表格控件
kj.onload(function(){
admin.table.list1.init('#id_table_title' , '#id_table');
});
//自动保存
admin.table.list1.save_resize = function() {
	var lng_w = (kj.w(this.field));
	kj.ajax.get("common.php?app=config&app_module=user&dir={$app_dir}&app_act=save_resize&filename=other&key=other.link&index=" + this.fieldsindex + "&w=" + lng_w , function(data){
		//alert(data);
	});
}
admin.table.list1.sort = function(key) {
	kj.ajax.get("common.php?app=config&app_module=user&dir={$app_dir}&app_act=sort&key=other.link&filename=other&sortby=" + key , function(data){
			var obj_data=kj.json(data);
			if(!obj_data.isnull) {
				admin.refresh();
			}
	});
}
//当前页面js对象
var thisjs = new function() {
	this.remove = function(id) {
		admin.ajax_delete( id , true , function() {kj.remove("#id_tabrow_" + id);} );
	}
	//预览图片
	this.pic_view = function(o,val) {
		var obj = kj.parent(o , "li");
		var arr = kj.obj(":link_pic[]" , obj);
		var src = '';
		if(arr && 'length' in arr & arr.length>0) src = arr[0].value;
		if(src == '' ) {
			src = '{$temp_baseurl}common/images/no_pic.jpg';
		} else {
			src = kj.url_view(src);
		}

		arr = kj.obj(".me_pic_view" , obj);
		if(arr && 'length' in arr && arr.length>0) {
			arr[0].innerHTML = '<img src'+'="' + src + '" class="img_w500">';
			arr[0].style.display = val;
		}
	}
	//图片选择框
	this.pic_sel = function(o) {
		var objcol = kj.parent(o , "li");
		var arr = kj.obj(":link_pic[]" , objcol);
		var url;
		if(arr && 'length' in arr & arr.length>0) {
			url = arr[0].value;
		}

		var html = '<div style="float:left;width:550px;padding:20px 0px 0px 10px"><span style="float:left"><input type="text" id="id_sel_pic" value="'+url+'" class="pTxt1 pTxtL300" onchange="kj.obj(\'#id_sel_pic_view\').src=kj.url_view(this.value);">&nbsp;<a href="javascript:kj.dialog({id:\'id_sel_pic\',title:\'{tab_other_language::get("选择图片")}\',url:\'common.php?app=other&app_act=attatch&url_objid=id_sel_pic&callback=pic_callback\',w:600,showbtnhide:false,type:\'iframe\'});">{tab_other_language::get("选择")}</a><br><iframe name="frm_format_pic" src="common.php?app=other&app_act=upload&callback=pic_upload" width="300px" height="30px" frameborder=0 scrolling="no"></iframe></span><span style="float:left;padding-left:10px"><img src'+'="'+kj.url_view(url)+'" width="60px" height="60px" id="id_sel_pic_view" onclick="kj.pic.preview(this.src);" onerror="this.src=\'{$temp_baseurl}common/images/no_pic.jpg\'"></span><span style="float:left;width:500px;padding-left:10px"><input type="button" name="btn_format_pic_ok" value="{tab_other_language::get("确定")}" onclick="thisjs.pic_ok(\''+objcol.id+'\');" class="pBtn">&nbsp;&nbsp;<input type="button" name="btn_format_pic_cancel" value="{tab_other_language::get("取消")}" onclick="kj.dialog.close(\'#winformat_pic_sel\');" class="pBtn"></span></div>';
		kj.dialog({'html':html,'id':'format_pic_sel','type':'html','title':'{tab_other_language::get("选择图片")}','w':600,'h':160,'showbtnmax':false,'showbtnclose':false});
	}
	//图片选择确定
	this.pic_ok = function(id) {
		var objcol = kj.obj("#" + id);
		var arr = kj.obj(":link_pic[]" , objcol);
		if(arr && 'length' in arr & arr.length>0) {
			arr[0].value = kj.obj("#id_sel_pic").value;
		}
		kj.dialog.close("#winformat_pic_sel");

	}

}
//规格图片选择回调
function pic_callback(o) {
	if('objid' in o) {
		kj.obj("#id_sel_pic_view").src = kj.url_view(kj.obj("#id_sel_pic").value);
	}
	kj.dialog.close("#winid_sel_pic");
}
//规格图片上传回调
function pic_upload(o) {
	o = kj.json(o);
	if('url' in o) {
		kj.obj("#id_sel_pic_view").src = kj.url_view(o.url);
		kj.obj("#id_sel_pic").value = o.url;
	}
}

</script>
{include(footer)}