{extend name="light/public" /}
{block name="title"}网站重定向{/block}
{block name="content"}
<div class="row">
	<div class="col-md-12">
		<div class="card">
			<div class="card-body">
				<form action="" method="post">
					<table id="proxy_list" class="table table-hover">
						<thead>
							<tr>
								<th>重定向类型</th>
								<th>重定向方式</th>
								<th>保留URI参数</th>

								<th>状态</th>
								<th>重定向地址</th>
								<th style="text-align:right;">操作</th>
							</tr>
						</thead>
						<tbody>
							{volist name="RedirectList" id="list"}
							<tr>
								<td style="display: none;" id="path_{$list.redirectname}">{$list.domainorpath}</td>
								<td><span style="width:100px;" id="ptype_{$list.redirectname}" title="{$list.redirectdomain?$list.redirectdomain:$list.redirectpath}">{$list.redirectdomain?$list.redirectdomain:$list.redirectpath}</span></td>
								<td id="type_{$list.redirectname}">{$list.redirecttype}</td>
								<td data-index="0">
									<a href="javascript:;" class="btlink set_path_state" style="display:" data-stuats="0">
										<span style="color:#20a53a;" class="set_path_state" id="set_path_state_{$list.redirectname}">{$list.holdpath?'开启':'关闭'}</span>
									</a>
								</td>
								<td data-index="0">
									<a href="javascript:;" class="btlink set_type_state" style="display:" data-stuats="1">
										<span style="color:red;" id="set_type_state_{$list.redirectname}">{$list.type?'运行中':'已暂停'}</span>
										<span style="color:red" class="glyphicon glyphicon-pause"></span>
									</a>
								</td>
								<td id="tourl_{$list.redirectname}">{$list.tourl}</td>
								<td style="text-align:right" data-index="0">
									<a class="btlink edit_redirect" href="javascript:sublime({$list.redirectname});">编辑</a> | 
									<a class="btlink" href="javascript:del({$list.redirectname});">删除</a>
								</td>
							</tr>
							{/volist}
						</tbody>
					</table>
				</form>
				<hr>
				<div class="row">
					<div class="col-lg-12">
						<section class="panel" id="RedirectList">
							<header class="panel-heading">
								<h2 id="rTitle">添加重定向</h2>
							</header>
							<div class="panel-body">
								<input type="hidden" class="form-control" name="redirectname" id="redirectname">
								<div class="col-lg-6">
									<div class="form-group">
										<label for="status">开启重定向</label>
										<input type="checkbox" name="type" id="type" checked="">
									</div>
								</div>
								<div class="col-lg-6">
									<div class="form-group">
										<label for="status">保留URI参数</label>
										<input type="checkbox" id="holdpath" name="holdpath" checked="">
									</div>
								</div>
								<div class="form-group">
									<label for="status">重定向内容</label>
									<select class="form-control" id="domainortype" name="domainortype" placeholder="多域名逗号分隔">
										<option value="domain" calss="domain">域名</option>
										<option value="path" class="path">路径</option>
									</select>
								</div>

						<!-- <div class="form-group" id="dom">
							<label for="status">重定向域名</label>
							<input name="redirectdomain" id="redirectdomain" class="bt-input-text mr5" type="text"  value="">
						</div> -->
						<div class="form-group" id="dom">
							<label for="status">重定向域名</label>
							<select name="redirectdomain" id="redirectdomain" class="form-control">
								{volist name="WebsitesList" id="webdomain"}
								<option id="{$webdomain.name}">{$webdomain.name}</option>
								{/volist}
							</select>
						</div>
						<div class="form-group" id="lj" style="display: none;">
							<label for="status">重定向路径</label>
							<input name="redirectpath" id="redirectpath" class="bt-input-text mr5 form-control" type="text"  value="" >
						</div>
						<div class="form-group">
							<label for="status">重定向方式</label>
							<select class="form-control" id="redirecttype" name="redirecttype">
								<option value="301">301</option>
								<option value="302">302</option>
							</select>
						</div>

						
						<div class="form-group">
							<label for="status">目标Url</label>
							<input name="tourl1" id="tourl1" class="bt-input-text mr5 form-control" type="text" value="" >
						</div>
						<div class="form-group">
							<input type="button" value="提交" onclick="Redirectsub()" class="btn btn-sm btn-success">
						</div>
					</div>


				</section>
			</div>
		</div>
		<ul><li>重定向类型：表示访问选择的“域名”或输入的“路径”时将会重定向到指定URL</li><li>目标URL：可以填写你需要重定向到的站点，目标URL必须为可正常访问的URL，否则将返回错误</li><li>重定向方式：使用301表示永久重定向，使用302表示临时重定向</li><li>保留URI参数：表示重定向后访问的URL是否带有子路径或参数如设置访问http://b.com 重定向到http://a.com</li><li>保留URI参数：  http://b.com/1.html ---&gt; http://a.com/1.html</li><li>不保留URI参数：http://b.com/1.html ---&gt; http://a.com</li></ul>
	</div>
</div>
</div>
</div>
{/block}
{block name="script"}
<script type="text/javascript">
	function del(str){
		$.post('{:url("vhost/index/redirDel")}',{redirectname:str},function(res){
			if(res.code==200){
				EchoMsg(res.msg,1,'{:url("vhost/index/redir")}');
			}else{
				EchoMsg('error:'+res.msg);
			}
		})
	}

	$("#domainortype").bind("change", function() {
		if(this.value == "domain") {
			$('#dom').show();
			$('#lj').hide();
		} else {
			$('#lj').show();
			$('#dom').hide();
		}
	});

	function sublime(str){
		if($('#set_type_state_'+str).html()=='运行中'){
			$('#type').attr('checked','checked');
		}else{
			$('#type').removeAttr('checked','checked');
		}
		if($('#set_path_state_'+str).html()=='开启'){
			$('#holdpath').attr('checked','checked');
		}else{
			$('#holdpath').removeAttr('checked','checked');
		}
		
		if($('#path_'+str).html()=='domain'){
			$("#domainortype .domain").attr("selected",true);
			$("#domainortype .path").removeAttr("selected");
			$('#redirectdomain').val($('#ptype_'+str).html());
			$('#dom').show();
			$('#lj').hide();
		}else{
			$("#domainortype .domain").removeAttr("selected");
			$("#domainortype .path").attr("selected",true);
			$('#redirectpath').val($('#ptype_'+str).html());
			$('#lj').show();
			$('#dom').hide();
		}
		$('#tourl1').val($('#tourl_'+str).html());
		$('#rTitle').html('修改重定向');
		$('#redirectname').val(str);
	}
	function Redirectsub(){
		type = $('#type').attr('checked')?1:0;
		holdpath = $('#holdpath').attr('checked')?1:0;
		domainortype = $('#domainortype').val();
		if(domainortype=='domain'){
			domainorpath = '';
			redirectdomain = $('#redirectdomain').val();
		}else{
			domainorpath = $('#redirectpath').val();
			redirectdomain = '';
		}
		redirecttype = $('#redirecttype').val();
		redirect = $('#redirect').val();
		tourl1 = $('#tourl1').val();
		if($('#redirectname').val()){
			redirectname = $('#redirectname').val();
		}else{
			redirectname = '';
		}
		$.post('{:url("vhost/index/redirUp")}',{redirectname:redirectname,type:type,holdpath:holdpath,domainortype:domainortype,redirectdomain:redirectdomain,domainorpath:domainorpath,redirecttype:redirecttype,redirect:redirect,tourl1:tourl1},function(res){
			if(res.code==200){
				EchoMsg(res.msg,1,'{:url("vhost/index/redir")}');
			}else{
				EchoMsg('error:'+res.msg);
			}
		})


	}
</script>
{/block}