<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<title>全网监控智能分析平台</title>
<style>
.table-null .table{
	margin-bottom: 0px;
}
.table-null .table > tbody > tr > td, .table-null .table > thead > tr > th{
	text-align: center;
 	width: 25%;
}
.table-null td:first-child{	
 	text-align: right;
 	width: 36%;
}
.table-null tr td:last-child .form-control,.table-null tr td:last-child table{
	width: 400px;
}

</style>
<script type="text/javascript" src="${ctx}/static/js/validation.js"></script>
<script language="javascript">
function deleteData(){
	var s=''; 
    $('input[name="id"]:checked').each(function(){ 
   		s+=$(this).val()+','; 
    }); 

	if (s.length<1) {
		alert("请选择一条记录");
		return;
	}else{
		s = s.substring(0, s.length-1);
	}
	$.dialog({
		title: "提醒",
		content:"确定删除相关数据?",
		ok: function(){window.location.href = '${ctx}/CrawlDataManage/ViewData/urlKeyWordDeleteFrame?ids=' + s+"&urlId="+$('#urlId').val();},
		okValue:"确定",
		cancel: function(){},
		cancelValue:"取消",
		lock:true
	});
}
function addData(urlId){
	window.open("${ctx}/CrawlDataManage/ViewData/urlDataKeyMapFrame?urlId=" + urlId,'新开googleWin1',"height=300, width=300, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=n o, status=no")
}
function addKeyWord(){
	$("#keyWordForm").submit();
	//location.reload();
}

$(document).ready(function(){
	 function objInit(obj){
           return $(obj).html('');
     }
	 function changeType(dataFetchId){
			objInit('#dataFetchType');
		    if(dataFetchId=="1"){
		    	$('#dataFetchType').append('<option value="forum-wooyun">forum-wooyun</option>'+
		    	'<option value="forum-siyyt-3g">forum-siyyt-3g</option>'+
		    	'<option value="forum-siyyt-wx">forum-siyyt-wx</option>'+
		    	'<option value="forum-siyyt-4g">forum-siyyt-4g</option>'+
		    	'<option value="forum-110">forum-110</option>'+
		    	'<option value="baidutieba">baidutieba</option>');
		    }else if(dataFetchId=="2"){
		    	$('#dataFetchType').append('<option value="search-baidu-detail">search-baidu-detail</option>');
		    }else if(dataFetchId=="3"){
		    	$('#dataFetchType').append('<option value="mall-taobao">mall-taobao</option>'+
		           	'<option value="mall-weidian">mall-weidian</option>');
		    }else if(dataFetchId=="4"){
		    	$('#dataFetchType').append('<option value="app-mm">app-mm</option>'+
		           	'<option value="app-360">app-360</option>'+
		           	'<option value="app-baidu">app-baidu</option>'+
		           	'<option value="app-wandoujia">app-wandoujia</option>'+
		           	'<option value="app-gfan">app-gfan</option>'+
		           	'<option value="app-lenovomm">app-lenovomm</option>'+
		           	'<option value="app-hiapk">app-hiapk</option>'+
		           	'<option value="app-anzhi">app-anzhi</option>'+
		           	'<option value="app-coolapk">app-coolapk</option>'+
		           	'<option value="app-ios">app-ios</option>');
		    }else if(dataFetchId=="5"){
		    	$('#dataFetchType').append('<option value="weibo-sina">weibo-sina</option>');
		    }else if(dataFetchId=="6"){
		    	$('#dataFetchType').append('<option value="mobile-jd">mobile-jd</option>'+
		           	'<option value="mobile-suning">mobile-suning</option>'+
		           	'<option value="mobile-gome">mobile-gome</option>'+
		           	'<option value="mobile-10086">mobile-10086</option>'+
		           	'<option value="mobile-10010">mobile-10010</option>'+
		           	'<option value="mobile-189-gd">mobile-189-gd</option>'+
		           	'<option value="mobile-189-bj">mobile-189-bj</option>'+
		           	'<option value="mobile-189-cq">mobile-189-cq</option>'+
		           	'<option value="mobile-189-sh">mobile-189-sh</option>'+
		           	'<option value="mobile-189-qh">mobile-189-qh</option>'+
		           	'<option value="mobile-tmall">mobile-tmall</option>');
		    }else if(dataFetchId=="7"){
		    	$('#dataFetchType').append('<option value="alexa">alexa</option>');
		    }
		}
    $('#dataFetchId').change(function(){
    	var dataFetchId = $("#dataFetchId").val();
    	changeType(dataFetchId);
    });
    var fetchType = "${urlData.dataFetchId}";
    //alert(fetchType);
    if(fetchType.length>0){
        changeType(fetchType);
        $('#dataFetchType').val("${urlData.dataFetchType}");
    }

});

</script>
</head>
<body>
	<div id="main-tab-container">
		<div id="content">
			<div class="section">
				<div class="tab-content">
					<div class="row me-row">
						<!-- this is for emulating position fixed of the nav -->
						<!-- /scroller-inner -->
						<!-- Top Navigation -->
						<div class="content clearfix">
							<div class="row">
								<div class="col-xs-12">
									<form id="detailForm" class="form-horizontal" role="form"
										action="${ctx}/CrawlDataManage/ViewData/submitUrlFrame" method="post">
										<input type="hidden" id="urlId" name="urlId" value="${urlData.urlId}">
										<table class="table-null">
											<tr>
												<td>URL:</td>
												<td><input type="input" class="form-control input-sm" id="urlName" name="urlName" value="${urlData.urlName}"></td>
											</tr>
											<tr>
												<td>描述:</td>
												<td><input type="input" class="form-control input-sm" id="urlDescription" name="urlDescription" value="${urlData.urlDescription}"></td>
											</tr>
											<tr>
												<td>类型:</td>
												<td>
												<select id="dataFetchId" name="dataFetchId">
													<option value="1" <c:if test="${urlData.dataFetchId == 1 }">selected</c:if>>论坛类数</option>
													<option value="2" <c:if test="${urlData.dataFetchId == 2 }">selected</c:if>>搜索引擎类</option>
													<option value="3" <c:if test="${urlData.dataFetchId == 3 }">selected</c:if>>电子商城类</option>
													<option value="4" <c:if test="${urlData.dataFetchId == 4 }">selected</c:if>>APP类</option>
													<option value="5" <c:if test="${urlData.dataFetchId == 5 }">selected</c:if>>微博类</option>
													<option value="6" <c:if test="${urlData.dataFetchId == 6 }">selected</c:if>>电商手机类</option>
													<option value="7" <c:if test="${urlData.dataFetchId == 7 }">selected</c:if>>网站排名类</option>
												</select>
												</td>
											</tr>
											<tr>
												<td>编号(data_fetch_type):</td>
												<td>
												<select id="dataFetchType" name="dataFetchType" style="width:200px">
													<option value="forum-wooyun">forum-wooyun</option>
										        	<option value="forum-siyyt-3g">forum-siyyt-3g</option>
										        	<option value="forum-siyyt-wx">forum-siyyt-wx</option>
										        	<option value="forum-siyyt-4g">forum-siyyt-4g</option>
										        	<option value="forum-110">forum-110</option>
										        	<option value="baidutieba">baidutieba</option>
												</select>
<%-- 												<input type="input" class="form-control input-sm" id="dataFetchType" name="dataFetchType" value="${urlData.dataFetchType}"> --%>
												</td>
											</tr>
											<tr>
												<td>状态:</td>
												<td><select id="urlStatus" name="urlStatus">
													<option value="1"  <c:if test="${urlData.urlStatus != '0' }">selected</c:if>>可用</option>
													<option value="0"  <c:if test="${urlData.urlStatus == '0'}">selected</c:if>>禁用</option>
												</select></td>
											</tr>
											
											<tr>
												<td></td>
												<td>
													<button type="submit" id="modelSubmit" class="btn btn-primary">确定</button>
													<!-- <button type="reset" class="btn btn-default" id="modelReset">清空</button> -->
													<button type="reset" class="btn btn-warning" id="modelBack" onclick="window.location.href='${ctx}/CrawlDataManage/ViewData/urlDataListFrame'">返回</button>
												</td>
											</tr>
										</table>
									</form>
									<c:if test="${urlData.urlId!=null}">
										<div style="OVERFLOW-Y: auto; OVERFLOW-X:hidden;height:200px;width:99%">
										<form id="keyWordForm" class="form-horizontal" role="form"
											action="${ctx}/CrawlDataManage/ViewData/submitUrlKeyWordFrame" method="post">
											<input type="hidden" id="urlId" name="urlId" value="${urlData.urlId}">
											<table class="table-null"  style="table-layout:fixed;width:99% ">
												<tr>
													<td>关键字:</td>
													<td style="word-break : break-all;">
													<select id="keyWordsId" name="keyWordsId" style="width:400px">
													<c:forEach items="${keyWordList}" var="keyWord">
												    	<option value="${keyWord.keyWordsId}">${keyWord.keyWordsName}</option> 
												    </c:forEach>
													</select>
												</tr>
												<tr>
													<td>占位符:</td>
													<td><input type="input" class="form-control input-sm" id="urlPlaceholder" name="urlPlaceholder"></td>
												</tr>
												<tr>
													<td></td>
													<td>
														<button type="button" id="keyWordSubmit" class="btn btn-primary" onclick="addKeyWord()">添加关键字</button>
													</td>
												</tr>
											</table>
										</form>
										</div>
										<div class="table-header">关键字列表
											<div id="time_div" style="top: -6px;float: right;height: 0px;position: relative;">
												<button class="btn-sm btn btn-warning btn-sm btn-group btn-group-cog" onclick="deleteData();">删除</button>
	<%-- 											<button class="btn-sm btn btn-warning btn-sm btn-group btn-group-cog" onclick="addData(${urlData.urlId});">添加</button> --%>
											</div>
										</div>
										<div style="OVERFLOW-Y: auto; OVERFLOW-X:hidden;height:200px;width:99%">
										<table class="table table-hover table-striped"  style="table-layout:fixed ">
											<thead>
												<tr>
													<th width="2%"></th>
													<th width="5%">选择</th>
	<!-- 												<th width="10%">URLID</th> -->
													<th width="40%">关键字</th>
													<th width="20%">占位符</th>
												</tr>
											</thead>
											<tbody>
												<c:forEach items="${mapList}" var="metaData">
													<tr>
														<td></td>
														<td><input type="checkbox" name="id" id="id" value="${metaData.parameterId}" /></td>
	<%-- 													<td>${metaData.urlId}</td> --%>
														<td style="word-break : break-all;">
														<c:forEach items="${keyWordList}" var="keyWord">
														<c:if test="${metaData.keyWordsId==keyWord.keyWordsId}">${keyWord.keyWordsName}</c:if>
													    </c:forEach>
												    </td>
														<td style="word-break : break-all;">${metaData.urlPlaceholder}</td>
													</tr>
												</c:forEach>
											</tbody>
										</table>
										</div>
									</c:if>
									
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>