manage-gallery.php

<?php
if (!defined('__TYPECHO_ROOT_DIR__')) exit;
$route = HighSlide_Plugin::route();
$fileurl = $route->url;
$settings = $options->plugin('HighSlide');
$datas = $db->fetchAll($db->select('gid,image,thumb,sort')->from('table.gallery'));
$isgid = isset($request->gid);

//输出图片列表
if ($request->is('action=loadlist')) {
	$filedir = $route->dir;
	$files = array();

	//按储存获取数据
	switch ($settings->storage) {
		case 'local' :
		$lists = glob(__TYPECHO_ROOT_DIR__.'/'.$filedir.'*[0-9].{gif,jpg,jpeg,png,tiff,bmp,GIF,JPG,JPEG,PNG,TIFF,BMP}',GLOB_BRACE|GLOB_NOSORT);
		foreach ($lists as $list) {
			$files[] = array('key'=>$list,'fsize'=>filesize($list));
		}
		break;

		case 'qiniu' :
		$qiniu = HighSlide_Plugin::qiniuset($settings->qiniuak,$settings->qiniusk);
		$bmgr = new Qiniu\Storage\BucketManager($qiniu);
		$result = $bmgr->listFiles($settings->qiniubucket,$filedir);
		if ($result['0']['items']) {
			$files = $result['0']['items'];
		} elseif ($result['1']) {
			echo '<p style="text-align:center;background-color:#FBE3E4;color:#8A1F11;">'._t('七牛云反馈报错:').' <br/><strong>'.$result['1']->message().'</strong></p>';
		}
		break;

		case 'scs' :
		set_error_handler(function($errno,$errstr,$errfile,$errline){
			if ($errno == E_USER_WARNING) {
				echo '<p style="text-align:center;background-color:#FBE3E4;color:#8A1F11;">'._t('新浪云SCS反馈报错:').' <br/><strong>'.$errstr.'</strong></p>';
			}
		});
		$lists = HighSlide_Plugin::scsset($settings->scsak,$settings->scssk)->getBucket($settings->scsbucket,$filedir);
		if ($lists) {
			foreach ($lists as $list) {
				$files[] = array('key'=>$list['name'],'fsize'=>$list['size']);
			}
		}
		break;

		case 'nos' :
		try {
			$lists = HighSlide_Plugin::nosset($settings->nosak,$settings->nosas,$settings->nosep)
				->listObjects($settings->nosbucket,array('prefix'=>$filedir))
				->getObjectList();
			foreach ($lists as $list) {
				$files[] = array('key'=>$list->getKey(),'fsize'=>$list->getSize());
			}
		} catch (Exception $e) {
			echo '<p style="text-align:center;background-color:#FBE3E4;color:#8A1F11;">'._t('网易云NOS反馈报错:').' <br/><strong>'.$e->getMessage().'</strong></p>';
		}
		break;

		case 'cos' :
		$cos = HighSlide_Plugin::cosset($settings->cosrg)->listFolder($settings->cosbucket,$filedir);
		if ($cos['message']=='SUCCESS') {
			$lists = $cos['data']['infos'];
			foreach ($lists as $list) {
				$files[] = array('key'=>$list['name'],'fsize'=>$list['filesize']);
			}
		} else {
			echo '<p style="text-align:center;background-color:#FBE3E4;color:#8A1F11;">'._t('腾讯云COS反馈报错:').' <br/><strong>'.$cos['message'].'</strong></p>';
		}
	}

	$lists = array();
	//整理列表数据
	$orders = array();
	if ($files) {
		foreach ($files as $file) {
			$file['key'] = basename($file['key']);
			$orders[0===strpos($file['key'],'thumb_') ? substr($file['key'],6,5)+1 : substr($file['key'],0,5)] = $file; //配对排序
		}
		ksort($orders);
		$id = 0;
		foreach ($orders as $order) {
			$lists[$fileurl.$order['key']] = array(
				'id'=>++$id,
				'name'=>$order['key'],
				'size'=>number_format(ceil($order['fsize']/1024))
			);
		}
	}

	//整理相册数据
	$iname = array();
	$tname = array();
	$gid = $isgid ? $request->filter('int')->gid : '';
	$urls = array();
	foreach ($datas as $data) {
		$iname[$data['image']] = array();
		$tname[$data['thumb']] = array();
		if ($gid==$data['gid']) { //修改模式
			$urls = array(array('id'=>'i','url'=>$data['image']),array('id'=>'t','url'=>$data['thumb']));
		}
	}

	//按模式选择数据
	$lists = $isgid ? $urls : array_diff_key($lists,array_merge($iname,$tname)); //键名对比
	if ($lists) {
		$url = '';
		$name = '';
		$size = '';
		$parse = array();
		$path = '';
		$from = $route->from;
		foreach ($lists as $list) {
			if ($isgid) {
				$url = $list['url'];
				$name = $list['id']=='i' ? basename($url) : 'thumb_'.basename($lists['0']['url']);
				$size = number_format(ceil(strlen(@file_get_contents($url))/1024)); //直接获取大小
				$parse = parse_url($url);
				$path = $parse['path'];
				$from = HighSlide_Plugin::route($url)->from; //判断url支持
			} else {
				$name = $list['name'];
				$url = $fileurl.$name;
				$size = $list['size'];
			}
?>
			<li id="queue-<?php echo $list['id']; ?>" data-name="<?php echo $name; ?>" data-url="<?php echo $url; ?>">
				<?php if ($list['id']=='i' ||  !$isgid&&false===strpos($name,'thumb_')) { ?>
				<img id="uploadimg-queue-<?php echo $list['id']; ?>" style="max-width:100%;" src="<?php echo $url.'?r='.rand(0,200); ?>" alt="<?php echo $name; ?>"/>
				<div class="info">
					<?php echo $size; ?> Kb
					<a class="crop" href="###" title="<?php _e('截取缩略图'); ?>"><i class="mime-application"></i></a>
					<?php if ($from) { ?>
					<a class="delete" href="###" title="<?php _e('删除原图(同时删除其缩略图)'); ?>"><i class="i-delete"></i></a>
					<?php } ?>
					<input type="text" id="image-url" style="padding:0;width:77%;" value="<?php echo $url; ?>" readonly/>
				</div>
				<input type="hidden" name="x1" value="" id="x1"/>
				<input type="hidden" name="y1" value="" id="y1"/>
				<input type="hidden" name="x2" value="" id="x2"/>
				<input type="hidden" name="y2" value="" id="y2"/>
				<input type="hidden" name="w" value="" id="w"/>
				<input type="hidden" name="h" value="" id="h"/>
				<?php } else { ?>
				<img style="max-width:50%;" src="<?php echo $url.($settings->thumbapi ? '' : '?r='.rand(0,200)); ?>" alt="<?php echo $name; ?>"/>
				<div class="info">
					<?php echo $size; ?> Kb
					<a class="addto" href="#tab-forms" title="<?php _e('自动填写地址'); ?>"><i class="mime-text"></i></a>
					<?php if ($from && empty($parse['query']) && false==strpos($path,'--') && false==strpos($path,'|')) { ?>
					<a class="delete" href="###" title="<?php _e('删除缩略图'); ?>"><i class="i-delete"></i></a>
					<?php } ?>
					<input type="text" id="thumb-url" style="padding:0;width:77%;" value="<?php echo $url; ?>" readonly/>
				</div>
				<?php } ?>
			</li>
<?php
		}
	}

//输出相册页面
} else {
include 'header.php';
include 'menu.php';

//获取上传限制
$phpMaxFilesize = function_exists('ini_get') ? trim(ini_get('upload_max_filesize')) : 0;
if (preg_match('/^([0-9]+)([a-z]{1,2})$/i',$phpMaxFilesize,$matches)) {
	$phpMaxFilesize = strtolower($matches['1'].$matches['2'].(1==strlen($matches['2']) ? 'b' : ''));
}
?>
<div class="main">
	<div class="body container">
		<?php include 'page-title.php'; ?>
		<div class="row typecho-page-main manage-galleries">

			<div class="col-mb-12 typecho-list">

				<div class="clearfix">
					<ul class="typecho-option-tabs right">
						<li<?php if (!isset($request->tab) || 'images'==$request->get('tab')) { ?> class="active w-50"<?php } else { ?> class="w-50"<?php } ?>><a href="<?php $options->adminUrl('extending.php?panel=HighSlide%2Fmanage-gallery.php'); ?>"><?php _e('图片编辑'); ?></a></li>
						<li<?php if ('settings'==$request->get('tab')) { ?> class="active w-50"<?php } else { ?> class="w-50"<?php } ?>><a href="<?php $options->adminUrl('extending.php?panel=HighSlide%2Fmanage-gallery.php&tab=settings'); ?>" id="tab-files-btn"><?php _e('相册设置'); ?></a></li>
					</ul>
					<ul class="typecho-option-tabs">
						<?php 
						//整理组别数据
						$sorts = array();
						foreach ($datas as $data) {
							$sorts[] = $data['sort'];
						}
						$sorts = array_unique($sorts);
						sort($sorts);
						$dsort = HighSlide_Plugin::defaultsort();

						//显示组别标签
						if ($dsort) {
							foreach ($sorts as $sort) {
								$gids = $db->fetchAll($db->select('gid')->from('table.gallery')->where('sort = ?',$sort)); ?>
						<li<?php if (!isset($request->group)&&$sort==$dsort || $sort==$request->get('group')) { ?> class="current"<?php } ?>><a href="<?php $options->adminUrl('extending.php?panel=HighSlide%2Fmanage-gallery.php'.($sort==$dsort ? '' : '&group='.$sort)); ?>"><span class="balloon"><?php echo count($gids); ?></span> <?php echo _e('相册组-%s','<strong>'.$sort.'</strong>'); ?></a></li>
						<?php }} else { ?>
						<li class="current"><a href="<?php $options->adminUrl('extending.php?panel=HighSlide%2Fmanage-gallery.php'); ?>"><?php _e('相册组'); ?></a></li>
						<?php } ?>
						<li><a href="http://www.yzmb.me/archives/net/highslide-for-typecho/" title="查看插件主页说明" target="_blank"><?php _e('帮助'); ?></a></li>
					</ul>
				</div>

				<div class="col-mb-12 col-tb-7" role="main">
					<form method="post" name="manage_galleries" class="operate-form">

					<div class="typecho-list-operate clearfix">
						<div class="operate">
							<label><i class="sr-only"><?php _e('全选'); ?></i><input type="checkbox" class="typecho-table-select-all"/></label>
							<div class="btn-group btn-drop">
								<button class="btn dropdown-toggle btn-s" type="button"><i class="sr-only"><?php _e('操作'); ?></i><?php _e('选中项'); ?> <i class="i-caret-down"></i></button>
								<ul class="dropdown-menu">
									<li><a lang="<?php _e('确定要移除这些图片吗?'); ?>" href="<?php $security->index('/action/gallery-edit?do=delete'); ?>"><?php _e('从相册组移除'); ?></a></li>
								</ul>
							</div>
						</div>
					</div>

					<div class="typecho-table-wrap">
						<table class="typecho-list-table">
							<colgroup>
								<col width="20"/>
								<col width="20%"/>
								<col width="25%"/>
								<col width="55%"/>
							</colgroup>
							<thead>
								<tr class="nodrag">
									<th> </th>
									<th><?php _e('缩略图'); ?></th>
									<th><?php _e('图片名称'); ?></th>
									<th><?php _e('图片描述'); ?></th>
								</tr>
							</thead>
							<tbody>
							<?php
							//显示组别内容
							if ($dsort) {
								$galleries = $db->fetchAll($db->select()->from('table.gallery')->where('sort = ?',isset($request->group) ? $request->group : $dsort)->order('order',Typecho_Db::SORT_ASC));
								foreach ($galleries as $gallery) {
									$checked = isset($request->gid) && $gallery['gid']==$request->get('gid'); ?>
								<tr id="gid-<?php echo $gallery['gid']; ?>"<?php if ($checked) { ?> class="checked"<?php } ?>>
									<td><input type="checkbox" value="<?php echo $gallery['gid']; ?>" name="gid[]"<?php if ($checked) { ?> checked="true"<?php } ?>/></td>
									<td><a href="<?php echo $gallery['image']; ?>" title="<?php _e('查看原图'); ?>" target="_blank"><img style="max-width:100px;" src="<?php echo $gallery['thumb']; ?>" alt="<?php echo $gallery['name']; ?>"/></a></td>
									<td><a class="balloon-button" href="<?php echo $options->adminUrl('extending.php?panel=HighSlide%2Fmanage-gallery.php&group='.$gallery['sort'].'&gid='.$gallery['gid']); ?>" title="<?php _e('点击修改图片'); ?>"><?php echo $gallery['name']; ?></a>
									<td><?php echo $gallery['description']; ?></td>
								</tr>
								<?php }} else { ?>
								<tr>
									<td colspan="4"><h5 class="typecho-list-table-title"><?php _e('没有任何图片'); ?></h5></td>
								</tr>
								<?php } ?>
							</tbody>
						</table>
					</div>

					</form>
				</div>

				<div class="col-mb-12 col-tb-5" role="complementary">

				<?php
				//显示右侧表单
				if (!isset($request->tab) || 'images'==$request->get('tab')) { ?>
					<div id="tab-files" class="tab-content">
						<div id="upload-panel" class="p">
							<div class="upload-area" draggable="true"><?php _e('拖放文件到这里或<br>%s选择文件上传%s','<a href="###" class="upload-file"><i class="i-upload"></i>','</a>'); ?></div>
							<div style="margin-left:10px;"><strong><?php _e('如何将上传后的图片录入相册:'); ?></strong><br/><?php _e('1. 在图片上拖动鼠标, 点击左下角图标截取缩略图'); ?><br/><?php _e('2. 复制图片地址到下方表单, 填写各项后点击添加'); ?></div>
							<ul id="file-list" style="<?php if ($isgid) { ?>background-color:#FFF9E8;<?php } ?>max-height:1000px;"></ul>
						</div>
					</div>
					<div id="tab-forms"><?php HighSlide_Plugin::form()->render(); ?></div>
				<?php } else { ?>
					<div id="tab-settings" class="typecho-content-panel">
						<?php HighSlide_Plugin::form('sync','s')->render(); ?>
					</div>
				<?php } ?>

			</div>

		</div>
	</div>
</div>

<?php
include 'copyright.php';
include 'common-js.php';
include 'form-js.php';
?>

<script src="<?php $options->adminUrl('js/moxie.js?v='.$suffixVersion); ?>"></script>
<script src="<?php $options->adminUrl('js/plupload.js?v='.$suffixVersion); ?>"></script>
<script src="<?php $options->pluginUrl('HighSlide/js/imgareaselect.js'); ?>"></script>
<link rel="stylesheet" type="text/css" media="all" href="<?php $options->pluginUrl('HighSlide/css/imgareaselect-animated.css'); ?>"/>

<script type="text/javascript">
$(document).ready(function(){
<?php
	//核心提示窗口
	if ($settings->mode=='highslide.packed.js' && !isset($request->tab) && !isset($request->group)) {
?>
	$('body').append('<div id="gpanel">' +
	'<div class="wmd-prompt-background" style="position:absolute;z-index:1000;opacity:0.5;top:0px;left:0px;width:100%;height:954px;"></div>' +
	'<div class="wmd-prompt-dialog"><div><p><b><?php _e("当前选择的“基础版”核心不支持页面相册功能！"); ?></b></p>' +
		'<p><?php _e("你可以继续在此配置相关功能但相册标签不会被解析，正常使用页面相册功能请前往插件%s设置%s选择“全功能版”核心。","<a href=".$options->adminUrl."options-plugin.php?config=HighSlide>","</a>"); ?></p></div>' +
		'<form><button type="button" class="btn btn-s primary" id="ok"><?php _e("知道了"); ?></button>' +
	'</div></div>');
	$('#ok').click(function(){
		$('#gpanel').remove();
	});
<?php
	}
?>

	//加载图片列表
	var list = $('#file-list');
	$.ajax({
		type:'post',
		url:location.href+'&action=loadlist',
		beforeSend:function(){
			list.html('<li class="loading"><span style="text-align:center;"><?php _e('图片列表加载中...'); ?></span></li>');
		},
		error:function(){
			list.html('<li><span style="background-color:#FBE3E4;color:#8A1F11;"><?php _e('图片列表加载失败, 请刷新页面重试'); ?></span></li>');
		},
		success:function(content){
			list.html(content)
			.children('li').each(function(){
				iasEffectEvent(this);
				imageAddtoEvent(this);
				imageDeleteEvent(this);
				thumbCropEvent(this);
				autoSelectEvent(this);
			});
		}
	});

	//typecho表格效果
	var table = $('.typecho-list-table').tableDnD({
		onDrop:function(){
			var ids = [];
			$('input[type=checkbox]',table).each(function(){
				ids.push($(this).val());
			});
			$.post('<?php $security->index('/action/gallery-edit?do=sort'); ?>',
				$.param({gid:ids}));
			$('tr',table).each(function(i){
				if (i%2) {
					$(this).addClass('even');
				} else {
					$(this).removeClass('even');
				}
			});
		}
	});
	table.tableSelectable({
		checkEl:'input[type=checkbox]',
		rowEl:'tr',
		selectAllEl:'.typecho-table-select-all',
		actionEl:'.dropdown-menu a'
	});
	$('.btn-drop').dropdownMenu({
		btnEl:'.dropdown-toggle',
		menuEl:'.dropdown-menu'
	});

	//typecho拖拽效果
	$('.upload-area').bind({
		dragenter:function(){
			$(this).parent().addClass('drag');
		},
		dragover:function(e){
			$(this).parent().addClass('drag');
		},
		drop:function(){
			$(this).parent().removeClass('drag');
		},
		dragend:function(){
			$(this).parent().removeClass('drag');
		},
		dragleave:function(){
			$(this).parent().removeClass('drag');
		}
	});

	//typecho上传提示
	function fileUploadStart(file){
		$('<li id="'+file.id+'" class="loading">'
			+file.name+'</li>').prependTo('#file-list');
	}
	function fileUploadError(error){
		var file = error.file,code = error.code,word;
		switch (code) {
			case plupload.FILE_SIZE_ERROR:
				word = '<?php _e('文件大小超过限制'); ?>';
				break;
			case plupload.FILE_EXTENSION_ERROR:
				word = '<?php _e('文件扩展名不被支持'); ?>';
				break;
			case plupload.FILE_DUPLICATE_ERROR:
				word = '<?php _e('文件已经上传过'); ?>';
				break;
			case plupload.HTTP_ERROR:
			default:
				word = '<?php _e('上传出现错误'); ?>';
				break;
		}
		var fileError = '<?php _e('%s 上传失败'); ?>'.replace('%s',file.name),
			li,exist = $('#'+file.id);
		if (exist.length>0) {
			li = exist.removeClass('loading').html(fileError);
		} else {
			li = $('<li>'+fileError+'<br/>'+word+'</li>').prependTo('#file-list');
		}
		li.effect('highlight',{color:'#FBC2C4'},2000,function(){
			$(this).remove();
		});
	}

	//上传完成事件
	var completeFile = null;
	function fileUploadComplete(id,data){
		var url = '<?php echo $fileurl; ?>'+data.name,
			li = $('#'+id).removeClass('loading').data('name',data.name).data('url',url)
			.html('<input type="hidden" name="imgname" value="'+data.name+'"/>'
				+'<img id="uploadimg-'+id+'" src="'+url+'?r='+Math.floor(Math.random()*200)+'" alt="'+data.title+'" style="max-width:100%;"/><div class="info">'+data.bytes
				+' <a class="crop" href="###" title="<?php _e('截取缩略图'); ?>"><i class="mime-application"></i></a>'
				+' <a class="delete" href="###" title="<?php _e('删除原图(同时删除其缩略图)'); ?>"><i class="i-delete"></i></a>'
				+' <input type="text" id="image-url" style="padding:0;width:77%;" value="<?php echo $fileurl; ?>'+data.name+'" readonly/></div>'
				+'<input type="hidden" name="x1" value="" id="x1"/>'
				+'<input type="hidden" name="y1" value="" id="y1"/>'
				+'<input type="hidden" name="x2" value="" id="x2"/>'
				+'<input type="hidden" name="y2" value="" id="y2"/>'
				+'<input type="hidden" name="w" value="" id="w"/>'
				+'<input type="hidden" name="h" value="" id="h"/>')
			.effect('highlight',1000);
		$('#image-0-1').val(url);
		iasEffectEvent(li);
		imageDeleteEvent(li);
		thumbCropEvent(li);
		autoSelectEvent(li);
		if (!completeFile) {
			completeFile = data;
		}
	}

	//typecho上传事件
	var uploader = new plupload.Uploader({
		browse_button:$('.upload-file').get(0),
		url:'<?php $security->index('/action/gallery-edit?do=upload'); ?>',
		runtimes:'html5,flash,html4',
		flash_swf_url:'<?php $options->adminUrl('js/Moxie.swf'); ?>',
		drop_element:$('.upload-area').get(0),
		filters:{
			max_file_size:'<?php echo $phpMaxFilesize ?>',
			mime_types:[{'title':'<?php _e('允许上传的文件'); ?>','extensions':'gif,jpg,jpeg,png,tiff,bmp'}],
			prevent_duplicates:true
		},
		init:{
			FilesAdded:function(up,files){
				plupload.each(files,function(file){
					fileUploadStart(file);
				});

				completeFile = null;
				uploader.start();
			},
			UploadComplete:function(){
			},
			FileUploaded:function(up,file,result){
				if (200==result.status) {
					var data = $.parseJSON(result.response);

					if (data) {
						fileUploadComplete(file.id,data[0],data[1]);
						return;
					}
				}

				fileUploadError({
					code:plupload.HTTP_ERROR,
					file:file
				});
			},
			Error:function(up,error){
				fileUploadError(error);
			}
		}
	});
	uploader.init();

	//裁切蒙板事件
	function iasEffectEvent(el){
		var id = $(el).attr('id');
		$('#uploadimg-'+id,el).imgAreaSelect({
			handles:true,
			instance:true,
			classPrefix:'ias-'+id+' ias',
			aspectRatio:'<?php echo $settings->thumbfix=='fixedratio' ? $settings->fixedratio : 'false'; ?>', //宽高比设置
			onSelectEnd:function(img,selection){
				$('#x1',el).val(selection.x1);
				$('#y1',el).val(selection.y1);
				$('#x2',el).val(selection.x2);
				$('#y2',el).val(selection.y2);
				$('#w',el).val(selection.width);
				$('#h',el).val(selection.height);
			}
		});
	}

	//生成缩略图事件
	function thumbCropEvent(el){
		$('.crop',el).click(function(){
			var pli = $(this).parents('li'),
				name = pli.data('name'),
				url = pli.data('url'),
				id = pli.attr('id'),
				li = $('li[data-name="thumb_'+name+'"]'),
				x1 = $('#x1',el).val(),
				y1 = $('#y1',el).val(),
				x2 = $('#x2',el).val(),
				y2 = $('#y2',el).val(),
				w = $('#w',el).val(),
				h = $('#h',el).val();
			if ('<?php echo $settings->thumbapi; ?>'==1 && url.indexOf('<?php echo $route->site; ?>')!==0) {
				alert('<?php _e('原图不在当前云储存, 无法使用API'); ?>');
				return false;
			}
			if (x1=='' || y1=='' || x2=='' || y2=='' || w=='' || h=='') {
				alert('<?php _e('请先拖选图片区域'); ?>');
				return false;
			}
			if (li.length==0) {
				pli.after('<li data-name="thumb_'+name+'" class="loading"></li>');
			} else {
				li.empty().addClass('loading');
			}
			$('img[id^="uploadimg-"]').imgAreaSelect({hide:true});
			$.post('<?php $security->index('/action/gallery-edit'); ?>'
					+(id=='queue-i' ? '&url='+url : ''), //修改模式
				{'do':'crop','imgname':name,'x1':x1,'y1':y1,'w':w,'h':h},
				function(data){
					var t = '<?php echo $fileurl.'thumb_'; ?>'+name,
						a = data.aurl ? data.aurl : t,
						li = $('li[data-name="thumb_'+name+'"]').removeClass('loading').html('<img src="'+(data.aurl ? data.aurl : t+'?r='+Math.floor(Math.random()*200))+'" alt="thumb_'+name+'" style="max-width:50%;"/><div class="info">'+data.bytes
					+' <a class="addto" href="#tab-forms" title="<?php _e('自动填写地址'); ?>"><i class="mime-text"></i></a>'
					+(data.aurl ? ' ' : ' <a class="delete" href="###" title="<?php _e('删除缩略图'); ?>"><i class="i-delete"></i></a>')
					+' <input type="text" id="thumb-url" style="padding:0;width:77%;" value="'+a+'" readonly/></div>')
					.data('url',a) //添加数据
					.effect('highlight',1000);
				$('#image-0-1').val(url);
				$('#thumb-0-2').val(a);
				imageAddtoEvent(li);
				imageDeleteEvent(li);
				autoSelectEvent(li);
				}).error(function(XMLHttpRequest,textStatus,errorThrown){ //报错信息
					var mes = '<span style="background-color:#FBE3E4;color:#8A1F11;"><?php _e('缩略图截取出错: '); ?>'+textStatus+'</span>';
					if (li.length==0) {
						pli.after(mes);
					} else {
						li.removeClass('loading').html(mes);
					}
				});
			return false;
		});
	}

	//删除图片事件
	function imageDeleteEvent(el){
		$('.delete',el).click(function(){
			var pli = $(this).parents('li'),
				name = pli.data('name'),
				id = pli.attr('id');
			if (confirm('<?php _e('确定要删除图片 %s 吗?'); ?>'.replace('%s',name))) {
				$.post('<?php $security->index('/action/gallery-edit'); ?>',
				{'do':'remove','imgname':name,'url':id==('queue-i' || 'queue-t') ? pli.data('url') : ''},
				function(){
					$('#uploadimg-'+pli.attr('id')).imgAreaSelect({remove:true});
					$(el).fadeOut(function(){
						$(this).remove();
					});
					$('li[data-name="thumb_'+name+'"]').fadeOut(function(){
						$(this).remove();
					});
				});
			}
			return false;
		});
	}

	//自动填写事件
	function imageAddtoEvent(el){
		$('.addto',el).click(function(){
			var pli = $(this).parents('li');
				$('#image-0-1').val(pli.prev('li').data('url'));
				$('#thumb-0-2').val(pli.data('url'));
			return false;
		});
	}

	//自动选择事件
	function autoSelectEvent(el){
		$('#image-url,#thumb-url',el).click(function(){
			$(this).select();
		});
	}

	//储存表单切换
	var q = $('ul[id^="typecho-option-item-qiniu"]'),
		u = $('ul[id^="typecho-option-item-scs"]'),
		n = $('ul[id^="typecho-option-item-nos"]'),
		c = $('ul[id^="typecho-option-item-cos"]'),
		s = $('#typecho-option-item-storage-11'),
		a = $('#thumbapi-1'),
		h = $('#typecho-option-item-cloudtoo-33');
	allhide();
	if ($('#storage-local').is(':checked')) $('#cloudtoo-0-34').val('0');
	$('input',s).each(function(){
		var t = $(this),
			v = t.val();
		if (t.prop('checked')) {
			caseshow(v);
		}
		t.click(function(){
			allhide();
			caseshow(v);
		});
	});
	function allhide(){
		q.add(u).add(n).add(c).hide();
	}
	function caseshow(el){
		switch (el) {
			case 'local':
			$('#thumbapi-0').prop('checked','true');
			h.hide();
			a.attr('disabled','true');
			a.next('label').attr('style','color:#999');
			break;
			case 'qiniu':q.add(h).show();enable();
			break;
			case 'scs':u.add(h).show();enable();
			break;
			case 'nos':n.add(h).show();enable();
			break;
			case 'cos':c.add(h).show();enable();
		}
	}
	function enable(){
		a.removeAttr('disabled');
		a.next('label').removeAttr('style');
	}

	//云储存提示说明
	var sp = $('span',s),
		tt = $('#tooltip');
	$('label[for!="storage-local"]',sp).hover(function(){
		var f = $(this).attr('for');
		switch (f) {
			case 'storage-qiniu':tt.html('<?php _e('免费额度：10G空间，10G月流量(邀请最高至40G)'); ?>');
			break;
			case 'storage-scs':tt.html('<?php _e('免费额度：1G空间，9G月流量(邀请奖励云豆充值)'); ?>');
			break;
			case 'storage-nos':tt.html('<?php _e('免费额度：50G空间，20G月流量'); ?>');
			break;
			case 'storage-cos':tt.html('<?php _e('免费额度：50G空间，10G(直连/CDN)月流量'); ?>');
		}
		tt.fadeToggle(200);
	});
});
</script>
<style type="text/css">
#tooltip {border:2px solid #D9D9D6;background:#fff;margin-left:3px;padding:1px;color:#999;font-size:12px;font-weight:normal;position:absolute;bottom:26px;left:58px;}
</style>

<?php include 'footer.php';

} ?>