{extend name="adminblue/base" /}
{block name="resources"/}
<link rel="stylesheet" type="text/css" href="__STATIC__/blue/css/album_list.css"/>
<style>
.right-side-operation ul li{position: relative;}
#addalbum dt{width:80px !important;}
</style>
{/block}
{block name="right_tab"}
{include file="adminblue/System/uploadAlbumImg"/}
{/block}
{block name="main"}
<input type="hidden" id="album_id" value="{$default_album_id}"/>
<table class="mytable">
	<tr>
		<th style="text-align:left;">
			<button class="btn-common-delete btn-small" data-toggle="modal" data-target="#addalbum">创建相册</button>
			<button class="btn-common btn-small" id="open_uploader" style="position: relative;">上传图片<input type="file" id="fileupload" class="input-file" name="file_upload" multiple="multiple" style="left: 0;height: 30px !important;"/></button>
		</th>
		<th>
			<input type="text" id='search_text' placeholder="请输入相册名称" class="input-common" />
			<input type="button" onclick="searchData()" value="搜索" class="btn-common"/>
		</th>
	</tr>
</table>
<ul id="albumList"></ul>

<!-- 相册创建  -->
<div class="modal fade hide" id="addalbum" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h3>相册创建</h3>
			</div>
			<div class="modal-body">
				<div class="dislog-style">
					<div class="set-style">
						<dl>
							<dt>相册名称：</dt>
							<dd>
								<input type="text" class="input-common" id="album_name" />
								<p class="error" >请输入相册名称</p>
							</dd>
						</dl>
						<dl>
							<dt>排序：</dt>
							<dd>
								<input type="number" class="input-common harf" id="sort" onkeyup='this.value=this.value.replace(/\D/gi,"")' />
							</dd>
						</dl>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn-common btn-big" onclick="addAlbumClass();">保存</button>
				<button type="button" class="btn btn-big" data-dismiss="modal">关闭</button>
			</div>
		</div>
	</div>
</div>

<!-- 相册编辑  -->
<div class="modal fade hide" id="editalbum" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h3>相册编辑</h3>
			</div>
			<div class="modal-body">
				<div class="dislog-style">
					<input type="hidden" id="editAlbum_id" class="input-common" />
					<ul>
						<li>
							<span>相册名称：</span>
							<input type="text" class="input-common" id="edit_album_name" />
							<span style="width: inherit;color: red;display:none;">请输入相册名称</span>
						</li>
						<li>
							<span>排序：</span>
							<input type="text" class="input-common" id="edit_sort" onkeyup='this.value=this.value.replace(/\D/gi,"")' />
						</li>
					</ul>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn-common btn-big" onclick="updateAlbumClass();">保存</button>
				<button type="button" class="btn btn-big" data-dismiss="modal">关闭</button>
			</div>
		</div>
	</div>
</div>
<script src="__STATIC__/js/ajax_file_upload.js" type="text/javascript"></script>
<script src="__STATIC__/js/file_upload.js" type="text/javascript"></script>
{/block}
{block name="script"}
<script type="text/javascript">
function LoadingInfo(page_index) {
	var search_text = $("#search_text").val();
	$.ajax({
		type : "post",
		url : "{:__URL('ADMIN_MAIN/system/albumlist')}",
		data : { "page_index" : page_index, "page_size" : $("#showNumber").val(), "search_text" : search_text },
		success : function(data) {
			if (data["data"].length > 0) {
				$("#albumList").empty();
				for (var i = 0; i < data["data"].length; i++) {
					var html = '';
					if(i==0||i%5==0){
						html += '<li style="border-width:0 1px 1px 1px;"><dl><dt><div class="covers">';
					}else{
						html += '<li style="border-width:0 1px 1px 0;"><dl><dt><div class="covers">';
					}
					html += '<a href="'+__URL('ADMIN_MAIN/system/albumpicturelist?album_id='+ data["data"][i]["album_id"])+'">';
					if($.trim(data['data'][i]['album_cover']) !="" && $.trim(data["data"][i]["pic_album_cover"]) != ''){
						html += '<img src="'+__IMG(data["data"][i]["pic_album_cover"])+'"/>';
					}else{
						html += '<img src="ADMIN_IMG/album/album_cover_default.png">';
					}
					html += '</a></div>';
					html += '<h3><a href="'+__URL('ADMIN_MAIN/system/albumpicturelist?album_id='+ data["data"][i]["album_id"]+ '&&album_name='+ data["data"][i]["album_name"])+'">'
							+ data["data"][i]["album_name"]
							+ '</a></h3></dt><dd class="date">共'+data["data"][i]["pic_count"]+'张</dd>';
					html += '<dd class="buttons"><span title="编辑相册">';
					html += '<a href="javascript:void(0);" onclick="editBoxShow(' + data["data"][i]["album_id"] + ');"><i class="fa fa-pencil fa-fw"></i>编辑</a></span>';
					if (data["data"][i]["is_default"] != 1) {
						html += '<a href="javascript:void(0)" title="删除相册" onclick="deleteAlbumClass(' + data["data"][i]["album_id"] + ')"><i class="fa fa-remove"></i>删除</a>';
					}
					html += '</dd></dl></li>';
					$("#albumList").append(html);
				}
			} else {
				var html = '<p style="text-align:center;margin:20px;">暂无符合条件的数据记录</p>';
				$("#albumList").html(html);
			}
			initPageData(data["page_count"],data['data'].length,data['total_count']);
			$("#pageNumber").html(pagenumShow(jumpNumber,$("#page_count").val(),{$pageshow}));
		}
	});
}
function searchData(){
	LoadingInfo(1);
}

//创建相册
function addAlbumClass() {
	var album_name = $("#album_name").val();
	var sort = $("#sort").val();
	if(album_name == ""){
		$("#album_name").focus();
		$("#album_name").next().show();
		return;
	}
	if(sort == ""){
		sort = $("#albumList li").length+1;//如果没有输入排序，则取长度+1（最后一个）
	}
	$.ajax({
		type : "post",
		url : "{:__URL('ADMIN_MAIN/system/addalbumclass')}",
		data : {
			"album_name" : album_name,
			"sort" : sort
		},
		success : function(data) {
			if (data['code'] > 0) {
				LoadingInfo(1);
				showMessage('success', data["message"]);
				$("#addalbum").modal('hide');
			}else{
				showMessage('error', data["message"]);
			}
		}
	})
}

//弹出编辑页面
function editBoxShow(album_id) {
	$('#editalbum').modal(show);
	$("#editAlbum_id").val(album_id);
	$.ajax({
		type : "post",
		url : "{:__URL('ADMIN_MAIN/system/getalbumclassdetail')}",
		async : false,
		data : { "album_id" : album_id },
		success : function(data) {
			if (data) {
				$("#edit_album_name").val(data.album_name);
				$("#edit_sort").val(data.sort);
			}
		}
	})
}

//删除相册
function deleteAlbumClass(aclass_id_array) {
	$( "#dialog" ).dialog({
		buttons: {
			"确定": function() {
				$(this).dialog('close');
				$.ajax({
					type : "post",
					url : "{:__URL('ADMIN_MAIN/system/deletealbumclass')}",
					data : { "aclass_id_array" : aclass_id_array },
					success : function(data) {
						if(data['code'] > 0){
							LoadingInfo(getCurrentIndex(aclass_id_array.toString(),'#albumList'));
							showMessage('success', data['message']);
						}else{
							showMessage("error",data['message']);
						}
					}
				})
			},
			"取消,#f5f5f5,#666": function() {
				$(this).dialog('close');
			}
		},
		contentText:"删除相册?\n注意：相册内的图片将转移到默认相册",
	});
}

//修改相册
function updateAlbumClass() {
	var album_name = $("#edit_album_name").val();
	var sort = $("#edit_sort").val();
	var album_id = Number($("#editAlbum_id").val());
	if(album_name == ""){
		$("#edit_album_name").focus();
		$("#edit_album_name").next().show();
		return;
	}
	$.ajax({
		type : "post",
		url : "{:__URL('ADMIN_MAIN/system/updatealbumclass')}",
		data : {
			"album_name" : album_name,
			"sort" : sort,
			"album_id" : album_id
		},
		success : function(data) {
			if (data['code'] > 0) {
				LoadingInfo(getCurrentIndex(album_id,'#albumList'));
				showMessage('success', data['message']);
				$("#editalbum").modal('hide');
			}else{
				showMessage("error",data['message']);
			}
		}
	})
}
</script>
<div id="append_parent"></div>
{/block}