{inc:header.htm}
<style type="text/css">
.link_l{float:left;width:15%}
.link_t{float:left;width:15%}
.link_n{float:left;width:5%}
.link_c{float:left;width:55%}
.link_r{float:left;width:10%}
</style>
<div class="container-fluid">
	<div class="panel panel-default">
		<div class="panel-heading"><a id="ready" onclick="block_ready()" class="btn btn-info btn-xs pull-right" href="javascript:;"><span class="glyphicon glyphicon-plus"></span> 增加</a><strong class="panel-title">{$_title}</strong> <small class="text-danger">前台调用格式如：</small><code>&#123;$pp_block[标识名]&#125;</code></div>
		<table class="table">
			<thead>
				<tr id="link_tit">
					<th class="link_l">标识名(限英文、数字、下划线)</th>
					<th class="link_t">名称(仅用于助记)</th>
					<th class="link_n">生成js</th>
					<th class="link_c">内容(可任意内容，包括html)</th>
					<th class="link_r">操作</th>
				</tr>
			</thead>
			<tbody id="link_cont">
				{loop:$cms_block_arr $v $k}
				<tr class="cf" key="{$v[id]}">
					<td class="link_l"><input type="text" onfocus="link_focus(this)" onblur="link_blur(this)" onchange="link_change(this)" class="form-control pos" value="{$v[pos]}"><br /><small></small></td>
					<td class="link_t"><input type="text" onfocus="link_focus(this)" onblur="link_blur(this)" onchange="link_change(this)" class="form-control title" value="{$v[title]}"></td>
					<td class="link_n"><input type="checkbox" onfocus="link_focus(this)" onblur="link_blur(this)" onchange="link_change(this)" class="form-control isjs" value="1" {if:!empty($v[isjs])}checked{/if}></td>
					<td class="link_c"><textarea name="content" onfocus="link_focus(this)" onblur="link_blur(this)" onchange="link_change(this)" class="form-control content">{$v[content]}</textarea></td>
					<td class="link_r"><a class="btn btn-danger" onclick="link_del(this)" href="javascript:;">删除</a></td>
				</tr>
				{/loop}
			</tbody>
			{if:empty($cms_block_arr)}<div class="alert alert-warning sky"><i class="glyphicon glyphicon-warning-sign"></i> <b>暂无碎片</b></div>{/if}
		</table>
	</div>
	<div class="alert alert-info">
		<div class="row">
			<div class="col-xs-6">
				如果代码中没有远程图片或链接，无需生成js；<br/>如果您有太多广告，直接写在模板里运行速度会更快；<br/>如生成js，标识名中不要写如“ad、AD”明显的广告字眼，否则会被部分浏览器插件过滤
			</div>
			<div class="col-xs-6">
			如：<code>&lt;a href="" rel="nofollow"&gt;&lt;img src="http://图片地址" class="img-responsive"&gt;&lt;/a&gt;</code><br/>
			样式：.img-responsive，图片自适应，可将大图缩放至合适的尺寸，但不能将小图放大；<br/>
			rel="nofollow"，链接为站外链接时，防止权重流失，站内的链接就不要加了
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
//获取一列
function get_line(pos, title,content, isDel, key) {
	var s = '<tr class="cf"'+ (key ? ' key="'+key+'"' : '') +'>';
	s += '<td class="link_l"><input type="text" onfocus="link_focus(this)" onblur="link_blur(this)" onchange="link_change(this)" class="form-control pos" value="'+ (!pos ? '' : pos) +'"></td>';
	s += '<td class="link_t"><input type="text" onfocus="link_focus(this)" onblur="link_blur(this)" onchange="link_change(this)" class="form-control title" value="'+ (!title ? '' : title) +'"></td>';
	s += '<td class="link_n"><input type="checkbox" onfocus="link_focus(this)" onblur="link_blur(this)" onchange="link_change(this)" class="form-control isjs" value="1"></td>';
	s += '<td class="link_c"><textarea class="form-control content" onfocus="link_focus(this)" onblur="link_blur(this)" onchange="link_change(this)" name="content">'+ (!content ? '' : content) +'</textarea></td>';
        s += '<td class="link_r">';
	s += isDel ? '<a class="btn btn-danger" onclick="link_del(this)" href="javascript:;">删除</a>' : '<a class="btn btn-info" onclick="link_set(this)" href="javascript:;">确定</a> &nbsp; <a class="btn btn-default" onclick="link_cancel(this)" href="javascript:;">取消</a>';
	s += '</td></tr>';
	return s;
}

//获得焦点
function link_focus(obj) {
	var o = $(obj).parent().parent();
	o.find(".form-control").each(function() {
		if(!$(this).attr("old")) $(this).attr("old", $(this).val());
	});
	o.find(".link_r").html('<a class="btn btn-info" onclick="link_set(this)" href="javascript:;">确定</a> &nbsp; <a class="btn btn-default" onclick="link_reducing(this)" href="javascript:;">取消</a>');
}

//失去焦点
function link_blur(obj) {
	var o = $(obj).parent().parent();
	if(!o.attr("change")) {
		o.find(".link_r").html('<a class="btn btn-danger" onclick="link_del(this)" href="javascript:;">删除</a>');
	}
}

//内容改变
function link_change(obj) {
	$(obj).parent().parent().attr("change", 1);
}

//增加一列
function block_ready() {
	$("#link_cont").prepend(get_line());
}

//取消一列
function link_cancel(obj) {
	$(obj).parent().parent().slideUp(500, function(){ $(this).remove(); });
}

//还原修改
function link_reducing(obj) {
	var o = $(obj).parent().parent();
	o.find(".form-control").each(function() {
		$(this).val($(this).attr("old"));
	});
	o.removeAttr("change");
}

//增加/编辑
function link_set(obj) {
	var isjs = 0;
	var o = $(obj).parent().parent();
	var pos = o.find(".pos").val();
	var title = o.find(".title").val();
	var _isjs = o.find(".isjs")[0].checked;
	if(_isjs){
		isjs = 1 ;
	}
    var content = encodeURIComponent(o.find(".content").val());
	var key = o.attr("key");
	ppajax.postd("index.php?u=blockmanage-set-ajax-1", {"pos":pos, "isjs":isjs, "title":title,"content":content, "id":key}, function(data){
		ppajax.alert(data);
		if(window.ppdata.err==0) {
			window.location.reload();
		}
	});
}

//删除链接
function link_del(obj) {
	var o = $(obj).parent().parent();
	var pos = o.find(".pos").val();
	var key = o.attr("key");
	ppajax.confirm("删除不可恢复，确定删除“<font color='red'>"+pos+"</font>”？", function(){
		ppajax.postd("index.php?u=blockmanage-del-ajax-1", {"key":key}, function(data){
			ppajax.alert(data);
			if(window.ppdata.err==0) o.remove();
		});
	});
}
</script>
</body>
</html>