<%@ 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>