topologyProductLines.jsp
4.71 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<%@ page contentType="text/html; charset=utf-8" %>
<%@ taglib prefix="a" uri="/WEB-INF/app.tld"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="res" uri="http://www.unidal.org/webres"%>
<%@ taglib prefix="w" uri="http://www.unidal.org/web/core"%>
<jsp:useBean id="ctx" type="com.dianping.cat.system.page.config.Context" scope="request"/>
<jsp:useBean id="payload" type="com.dianping.cat.system.page.config.Payload" scope="request"/>
<jsp:useBean id="model" type="com.dianping.cat.system.page.config.Model" scope="request"/>
<a:config>
<res:useJs value="${res.js.local['jquery.validate.min.js']}" target="head-js" />
<res:useJs value="${res.js.local['dependencyConfig.js']}" target="head-js" />
<res:useJs value="${res.js.local['alarm_js']}" target="head-js" />
<res:useCss value="${res.css.local['select2.css']}" target="head-css" />
<res:useJs value="${res.js.local['select2.min.js']}" target="head-js" />
<script type="text/javascript">
$(document).ready(function() {
<c:if test="${model.opState == 'Success' && model.duplicateDomains != null}">
$.widget("ui.dialog", $.extend({}, $.ui.dialog.prototype, {
_title: function(title) {
var $title = this.options.title || ' '
if( ("title_html" in this.options) && this.options.title_html == true )
title.html($title);
else title.text($title);
}
}));
var dialog = $( "#duplicateDomainMessage" ).removeClass('hide').dialog({
modal: true,
title: "<div class='widget-header widget-header-small'><h4 class='smaller'><i class='ace-icon fa fa-check'></i>CAT提示</h4></div>",
title_html: true,
buttons: [
{
text: "OK",
"class" : "btn btn-primary btn-xs",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
</c:if>
var type = '${payload.type}';
if(type ==''){
type = '业务监控';
}
$('#tab-'+type).addClass('active');
$('#tabContent-'+type).addClass('active');
$('#projects_config').addClass('active open');
$('#topologyProductLines').addClass('active');
$('#content .nav-tabs a').mouseenter(function (e) {
e.preventDefault();
$(this).tab('show');
});
var action = '${payload.action.name}';
if(action=='topologyProductLineDelete'||action=='topologyProductLineAddSubmit'){
var state = '${model.opState}';
if(state=='Success'){
$('#state').html('操作成功');
}else{
$('#state').html('操作失败');
}
setInterval(function(){
$('#state').html(' ');
},3000);
}
});
</script>
<!-- Modal -->
<div class="tabbable"> <!-- Only required for left/right tabs -->
<ul class="nav nav-tabs padding-12 tab-color-blue background-blue" style="height:50px;">
<c:forEach var="item" items="${model.typeToProductLines}" varStatus="status">
<c:set var="type" value="${item.key}"/>
<li id="tab-${type}" class="text-right"><a href="#tabContent-${type}" data-toggle="tab"><strong>${type}</strong></a></li>
</c:forEach>
</ul>
<div class="tab-content">
<c:forEach var="listItem" items="${model.typeToProductLines}" varStatus="status">
<c:set var="type" value="${listItem.key}"/>
<div class="tab-pane" id="tabContent-${type}">
<table class="table table-striped table-condensed table-hover table-bordered">
<thead><tr>
<th width="15%">产品线</th>
<th width="20%">标题</th>
<th width="5%">顺序</th>
<!-- <th width="40%">项目列表</th> -->
<th width="5%">操作 <a href="?op=topologyProductLineAdd&type=${type}" class="btn btn-primary btn-xs" >
<i class="ace-icon glyphicon glyphicon-plus bigger-120"></i></a></th>
</tr></thead>
<c:forEach var="item" items="${listItem.value}" varStatus="status">
<tr><td>${item.id}</td><td>${item.title}</td>
<td>${item.order}</td>
<%-- <td>
<c:forEach var="domain" items="${item.domains}">
${domain.key},
</c:forEach>
</td> --%>
<td><a href="?op=topologyProductLineAdd&productLineName=${item.id}&type=${type}" class="btn btn-primary btn-xs">
<i class="ace-icon fa fa-pencil-square-o bigger-120"></i></a>
<a href="?op=topologyProductLineDelete&productLineName=${item.id}&type=${type}" class="btn btn-danger btn-xs delete" >
<i class="ace-icon fa fa-trash-o bigger-120"></i></a></td>
</tr>
</c:forEach>
</table></div></c:forEach></div></div>
<c:if test="${model.opState == 'Success' && model.duplicateDomains != null}">
<div id="duplicateDomainMessage" class="hide">
<p>
以下项目属于其它产品线，故无法添加：
</p>
<p>
${model.duplicateDomains}
</p>
</div><!-- #dialog-message -->
</c:if>
</a:config>