{extend name="common:main" /}
{block name="cssjs"}
<script src="__PUBLIC__/static/js/admin/setting.js?{$Think.config.html_v}"></script>
{/block}
{block name="content"}
<form id="form_set" method="post" ajax-submit="true" enctype="multipart/form-data" role="form" action="{:url('admin/setting/download_img')}">
{:html_usertoken()}
<div class="nav-tabs-custom">
	{include file="setting/caiji_nav" /}
	<div class="tab-content">
		<div class="tab-pane active" style="padding:0px 5px;">
		    <div class="form-group">
		        <label>全局开启</label>
		        <div class="input-group">
			        <label class="radio-inline"><input type="radio" name="download_img" value="1">是</label>
					<label class="radio-inline"><input type="radio" name="download_img" value="0" checked="checked">否</label>
		        </div>
		        <p class="help-block">开启后可自动将网页中的图片下载到本地，可单独在任务»更多设置中控制开关</p>
		    </div>
		    <div class="form-group">
	        	<label>下载间隔（毫秒，1000毫秒=1秒）</label>
	        	<input type="number" name="interval_img" class="form-control" />
		   		<p class="help-block">可防止下载太快造成目标网站响应超时或宕机，留空或0表示不限制</p>        
		    </div>
		    <div class="form-group">
		        <label>下载data:image编码格式图片</label>
		        <div class="input-group">
			        <label class="radio-inline"><input type="radio" name="data_image" value="1">是</label>
					<label class="radio-inline"><input type="radio" name="data_image" value="0" checked="checked">否</label>
		        </div>
		        <p class="help-block">将&lt;img src="data:image/*;base64"&gt;非url形式的编码数据保存为图片</p>
		    </div>
		    <div class="form-group">
		        <label>读取图片真实地址</label>
		        <div class="input-group">
			        <label class="radio-inline"><input type="radio" name="url_real" value="1">是</label>
					<label class="radio-inline"><input type="radio" name="url_real" value="0" checked="checked">否</label>
		        </div>
		        <p class="help-block">读取图片网址重定向后的真实地址</p>
		    </div>
	        <div class="form-group">
	        	<label>图片保存目录（绝对路径）</label>
	        	<input type="text" name="img_path" class="form-control" placeholder="默认：{:config('root_path')}{:DS}data{:DS}images" />
		   		<p class="help-block">可设置为服务器中的任意文件夹（必须开启读写权限），如果保存到本程序中，目录必须在data文件夹里</p>	        
		    </div>
		    <div class="form-group">
	        	<label>图片链接地址（绝对地址）</label>
	        	<input type="text" name="img_url" class="form-control" placeholder="默认：{:config('root_website')}/data/images" />
		    	<p class="help-block">网页中可访问的图片网址目录，请务必对应到图片保存目录，否则图片无法显示</p>
		    </div>
		    <div class="form-group">
	        	<label>图片名称</label>
		       	<select name="img_name" class="form-control">
		       		<option value="url">{$Think.lang.down_file_name_url}</option>
		       		<option value="">{$Think.lang.down_file_name_}</option>
		       		<option value="custom">{$Think.lang.down_file_name_custom}</option>
		       	</select>
		       	<div id="img_name_custom" style="margin-top:5px;display:none;">
		       		<div class="input-group">
		       			<span class="input-group-addon">路径</span>
		       			<input type="text" name="name_custom_path" class="form-control" />
		       			<span class="input-group-addon" style="border-left:0;border-right:0;">名称</span>
		       			<select name="name_custom_name" class="form-control">
				       		<option value="">{$Think.lang.down_img_name_custom_name_}</option>
				       	</select>
			       	</div>
		       		<div class="help-block name-custom-path">
		       			<ul class="in-line-mg">
		       				<li><a href="javascript:;" data-val="[年]">[年]</a></li>
		       				<li><a href="javascript:;" data-val="[月]">[月]</a></li>
		       				<li><a href="javascript:;" data-val="[日]">[日]</a></li>
		       				<li><a href="javascript:;" data-val="[时]">[时]</a></li>
		       				<li><a href="javascript:;" data-val="[分]">[分]</a></li>
		       				<li><a href="javascript:;" data-val="[秒]">[秒]</a></li>
		       				<li><a href="javascript:;" data-val="[前两位]" title="图片网址MD5码的前两位">[前两位]</a></li>
		       				<li><a href="javascript:;" data-val="[后两位]" title="图片网址MD5码的后两位">[后两位]</a></li>
		       				<li><a href="javascript:;" data-val="[任务名]">[任务名]</a></li>
		       				<li><a href="javascript:;" data-val="[任务ID]">[任务ID]</a></li>
		       				<li>用/分隔子目录，如需调用字段可在任务的更多设置中编辑</li>
		       			</ul>
		       		</div>
		       	</div>
		    </div>
		    <div class="form-group">
	        	<label>系统编码</label>
				<div class="input-group input-select-custom">
					<div class="input-group-btn">
						<select name="charset" class="form-control">
				       		<option value="">默认</option>
				       		<option value="utf-8">utf-8</option>
				       		<option value="gbk">gbk</option>
				       		<option value="gb2312">gb2312</option>
				       		<option value="custom">自定义</option>
				       	</select>
					</div>
		       		<input type="text" name="charset_custom" class="form-control" />
				</div>
		    	<p class="help-block">如果保存后的图片路径或名称乱码，需设置服务器系统编码，一般windows默认gbk，linux默认utf-8</p>
		    </div>
		    <div class="form-group">
	        	<label>扩展图片后缀</label>
	        	<input type="text" name="more_suffix" class="form-control" placeholder="选填" />
		   		<p class="help-block">默认识别后缀 jpg, jpeg, gif, png, bmp, webp, wbmp，未知后缀名自动保存为jpg格式，如需支持其他格式图片请输入后缀名（多个用逗号分隔）</p>	        
		    </div>
		    <div class="form-group">
	        	<label>下载超时（秒）</label>
	        	<input type="number" name="img_timeout" class="form-control" />
		   		<p class="help-block">多少秒内未下载完，跳过下载该图片，留空或0表示不限制</p>	        
		    </div>
		    <div class="form-group">
	        	<label>失败等待（秒）</label>
	        	<input type="number" name="wait" class="form-control" />
		   		<p class="help-block">下载图片失败，等待一段时间再继续</p>        
		    </div>
		    <div class="form-group">
	        	<label>失败重试</label>
	        	<input type="number" name="retry" class="form-control" />
		   		<p class="help-block">下载失败重试次数，留空或0表示不重试</p>        
		    </div>
		    <div class="form-group">
	        	<label>限制大小（MB）</label>
	        	<input type="number" name="img_max" class="form-control" />
		   		<p class="help-block">超过兆数的图片不下载，留空或0表示不限制</p>        
		    </div>
		    <div class="form-group">
				<label>图片加水印 {if $imgWmError}<span style="color:red;margin-left:5px;">{$imgWmError}</span>{/if}</label>
		        <div class="input-group">
			        <label class="radio-inline"><input type="radio" name="img_watermark" value="1">是</label>
					<label class="radio-inline"><input type="radio" name="img_watermark" value="0" checked="checked">否</label>
		        </div>
		    </div>
		    <div class="box-enable-wrapper">
			    <div class="form-group">
		        	<label>水印logo</label>
		        	<div class="input-group">
		        		<span class="input-group-addon">logo</span>
		        		<input type="file" name="img_wm_logo_upload" class="form-control" />
		        		<span class="input-group-addon brl_0 brr_0">下边距</span>
		        		<input type="number" name="img_wm_bottom" class="form-control" placeholder="默认0" />
		        		<span class="input-group-addon brl_0 brr_0">右边距</span>
		        		<input type="number" name="img_wm_right" class="form-control" placeholder="默认0" />
		        		<span class="input-group-addon brl_0 brr_0">透明度</span>
		        		<input type="number" name="img_wm_opacity" class="form-control" placeholder="默认不透明" />
		        	</div>
		        	<input type="hidden" name="img_wm_logo" class="form-control" />
		        	<img src="" id="img_wm_logo_show" style="max-width:300px;margin-top:10px;border:solid 1px #ccc;display:none;" />
			    </div>
		    </div>
    	</div>
    </div>
</div>
<div class="panel panel-default">
   	<div class="panel-body">
        <div class="form-group">
			<label>使用函数</label>
			<a href="javascript:;" class="glyphicon glyphicon-plus" id="add_img_func" title="添加"></a>
	        <div class="panel-group ui-sortable" id="img_funcs" style="margin-bottom:0;">
	        </div>
	        <p class="help-block">图片下载后使用函数</p>
        </div>
   	</div>
</div>
<div class="form-group">
	<button type="submit" class="btn btn-primary btn-block">{$Think.lang.save}</button>
</div>
</form>
{include file="setting:download_img_func" func_tpl_id="img_tpl_func" func_list_id="img_funcs" /}
<script type="text/javascript">
settingClass.down_img_init({$imgConfig|json_encode});
</script>
{/block}