fix the datatable bug

This commit is contained in:
fanfuxiaoran 2014-07-11 14:16:45 +08:00
parent f6bb5384cd
commit bba93a7db5
17 changed files with 14916 additions and 251 deletions

View File

@ -10,13 +10,27 @@
rel="stylesheet">
<link id="bs-css" href="lib/chrisma/css/bootstrap-cerulean.css"
rel="stylesheet">
<link href="lib/chrisma/css/opa-icons.css" rel="stylesheet">
<link href="lib/chrisma/css/opa-icons.css" rel="stylesheet">
<link
href="http://ajax.aspnetcdn.com/ajax/bootstrap/2.3.2/css/bootstrap-responsive.css"
rel="stylesheet">
<link href="lib/chrisma/css/charisma-app.css" rel="stylesheet">
<link href="lib/dataTable/css/jquery.dataTables.css" rel="stylesheet">
<link rel="shortcut icon" href="images/bench4q.png">
<style type="text/css">
body {
min-height: 600px;
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
.btn {
margin-right: 5px;
}
</style>
</head>
<body>
<fmt:bundle basename="i18n">
@ -82,7 +96,8 @@
<form class="form-horizontal">
<fieldset>
<div class="control-group">
<label class="control-label" for="focusedInput"><fmt:message key="hostname" /></label>
<label class="control-label" for="focusedInput"><fmt:message
key="hostname" /></label>
<div class="controls">
<input class="input-xlarge focused" id="hostName" type="text"
value="">
@ -91,7 +106,8 @@
</div>
</div>
<div class="control-group">
<label class="control-label" for="focusedInput"><fmt:message key="port" /></label>
<label class="control-label" for="focusedInput"><fmt:message
key="port" /></label>
<div class="controls">
<input class="input-xlarge focused" id="port" type="text"
value="">
@ -99,7 +115,8 @@
</div>
</div>
<div class="control-group">
<label class="control-label" for="focusedInput"><fmt:message key="maxload" /></label>
<label class="control-label" for="focusedInput"><fmt:message
key="maxload" /></label>
<div class="controls">
<input class="input-xlarge focused" id="maxLoad" type="text"
value="">
@ -119,7 +136,7 @@
</button>
</div>
</div>
<div id="dialog" title="Message"></div>
<div id="dialog" title="Message"></div>
<jsp:include page="publiccontrol/footer.jsp"></jsp:include>
</div>
@ -127,8 +144,7 @@
src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js"></script>
<script
src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.4/jquery-ui.min.js"></script>
<script
src='http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.js'></script>
<script src="lib/dataTable/js/jquery.dataTables.js"></script>
<script src="lib/bootstrap/js/bootstrap-modal.js"></script>
<script
src="http://ajax.aspnetcdn.com/ajax/bootstrap/2.3.1/bootstrap.min.js"></script>

View File

@ -1,55 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<meta charset="utf-8">
<title>Bench4Q</title>
<link id="bs-css" href="lib/chrisma/css/bootstrap-cerulean.css"
rel="stylesheet">
<link href="lib/chrisma/css/charisma-app.css" rel="stylesheet">
<link href="css/device.css" rel="stylesheet">
<link rel="shortcut icon" href="images/bench4q.png">
<style type="text/css">
body {
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
</style>
</head>
<body>
<jsp:include page="publiccontrol/navigatebar.jsp"></jsp:include>
<div class="container-fluid">
<div class="row-fluid">
<jsp:include page="publiccontrol/leftmenubar.jsp"></jsp:include>
<div class="span10" id="devicePanel">
<div class="booter ">
<button type="button" class="btn btn-primary " id="add-device">Add</button>
<button type="button" class="btn btn-primary " id="remove-device">Remove</button>
<a class="action" id="to-behavior">To Configure Data Sender >></a>
</div>
<div id="devices"></div>
</div>
<div class="span10" id="behaviorPanel">
<div id="behaviors"></div>
<div class="booter center">
<button type="button" class="btn btn-large btn-primary" id="start">Start To Test</button>
<a class="action" id="to-device">Back to Configure Device >></a>
</div>
</div>
</div>
</div>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js"></script>
<script src="lib/HashMap/HashMap.js"></script>
<script src="script/device/DataCollector.js"></script>
<script src="script/device/EditorFactory.js"></script>
<script src="script/device/ContainerFactory.js"></script>
<script src="script/device/DeviceFactory.js"></script>
<script src="script/device/device.js"></script>
</body>
</html>

View File

@ -1,79 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link href='http://fonts.googleapis.com/css?family=Creepster|Audiowide' rel='stylesheet' type='text/css'>
<style>
*{
margin:0;
padding:0;
}
body{
font-family: 'Audiowide', cursive, arial, helvetica, sans-serif;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAUElEQVQYV2NkYGAwBuKzQAwDID4IoIgxIikAMZE1oRiArBDdZBSNMIXoJiFbDZYDKcSmCOYimDuNSVKIzRNYrUYOFuQgweoZbIoxgoeoAAcAEckW11HVTfcAAAAASUVORK5CYII=) repeat;
background-color:#212121;
color:white;
font-size: 18px;
padding-bottom:20px;
}
.error-code{
font-family: 'Creepster', cursive, arial, helvetica, sans-serif;
font-size: 200px;
color: white;
color: rgba(255, 255, 255, 0.98);
width: 50%;
text-align: right;
margin-top: 5%;
text-shadow: 5px 5px hsl(0, 0%, 25%);
float: left;
}
.not-found{
width: 47%;
float: right;
margin-top: 5%;
font-size: 50px;
color: white;
text-shadow: 2px 2px 5px hsl(0, 0%, 61%);
padding-top: 70px;
}
.clear{
float:none;
clear:both;
}
.content{
text-align:center;
line-height: 30px;
}
input[type=text]{
border: hsl(247, 89%, 72%) solid 1px;
outline: none;
padding: 5px 3px;
font-size: 16px;
border-radius: 8px;
}
a{
text-decoration: none;
color: #9ECDFF;
text-shadow: 0px 0px 2px white;
}
a:hover{
color:white;
}
</style>
<title>Error</title>
</head>
<body>
<p class="error-code">
404
</p>
<p class="not-found">Not<br/>Found</p>
<div class="clear"></div>
<div class="content">
The page your are looking for is not found.
<br/><a href="index.html">Go Home</a> or<br/><form>Search<br/><input autofocus type="text" name="search" /></form>
</div>
</body>
</html>

View File

@ -17,6 +17,7 @@
rel="stylesheet">
<link href="lib/chrisma/css/charisma-app.css" rel="stylesheet">
<link rel="shortcut icon" href="images/bench4q.png">
<link href="lib/dataTable/css/jquery.dataTables.css" rel="stylesheet">
<link href="css/bench4q.css" rel="stylesheet">
</head>
@ -132,8 +133,7 @@
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js"></script>
<script
src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.4/jquery-ui.min.js"></script>
<script
src='http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.js'></script>
<script src="lib/dataTable/js/jquery.dataTables.js"></script>
<script src="lib/jqueryi18n/jquery.i18n.properties-1.0.9.js"></script>
<script
src="http://ajax.aspnetcdn.com/ajax/bootstrap/2.3.1/bootstrap.min.js"></script>

View File

@ -0,0 +1,399 @@
/*
* Table styles
*/
table.dataTable {
width: 100%;
margin: 0 auto;
clear: both;
border-collapse: separate;
border-spacing: 0;
/*
* Header and footer styles
*/
/*
* Body styles
*/
}
table.dataTable thead th,
table.dataTable tfoot th {
font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
padding: 10px 18px;
border-bottom: 1px solid #111111;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
padding: 10px 18px 6px 18px;
border-top: 1px solid #111111;
}
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
cursor: pointer;
*cursor: hand;
}
table.dataTable thead .sorting {
background: url("../images/sort_both.png") no-repeat center right;
}
table.dataTable thead .sorting_asc {
background: url("../images/sort_asc.png") no-repeat center right;
}
table.dataTable thead .sorting_desc {
background: url("../images/sort_desc.png") no-repeat center right;
}
table.dataTable thead .sorting_asc_disabled {
background: url("../images/sort_asc_disabled.png") no-repeat center right;
}
table.dataTable thead .sorting_desc_disabled {
background: url("../images/sort_desc_disabled.png") no-repeat center right;
}
table.dataTable tbody tr {
background-color: white;
}
table.dataTable tbody tr.selected {
background-color: #b0bed9;
}
table.dataTable tbody th,
table.dataTable tbody td {
padding: 8px 10px;
}
table.dataTable th.center,
table.dataTable td.center,
table.dataTable td.dataTables_empty {
text-align: center;
}
table.dataTable th.right,
table.dataTable td.right {
text-align: right;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
border-top: 1px solid #dddddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
border-top: 1px solid #dddddd;
border-right: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
border-left: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
background-color: #abb9d3;
}
table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover {
background-color: whitesmoke;
}
table.dataTable.hover tbody tr:hover.selected,
table.dataTable.hover tbody tr.odd:hover.selected,
table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected,
table.dataTable.display tbody tr.odd:hover.selected,
table.dataTable.display tbody tr.even:hover.selected {
background-color: #a9b7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
background-color: #f9f9f9;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
background-color: #acbad4;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
background-color: #a6b3cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
background-color: #a7b5ce;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
background-color: #a9b6d0;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
background-color: #f9f9f9;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
background-color: #fbfbfb;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
background-color: #fdfdfd;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
background-color: #acbad4;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
background-color: #adbbd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.display tbody tr.odd:hover > .sorting_1,
table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.display tbody tr.odd:hover > .sorting_2,
table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
background-color: #ebebeb;
}
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.display tbody tr.odd:hover > .sorting_3,
table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
background-color: #eeeeee;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
background-color: #a1aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
background-color: #a2afc8;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
background-color: #a4b2cb;
}
table.dataTable.no-footer {
border-bottom: 1px solid #111111;
}
table.dataTable,
table.dataTable th,
table.dataTable td {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/*
* Control feature layout
*/
.dataTables_wrapper {
position: relative;
clear: both;
*zoom: 1;
zoom: 1;
}
.dataTables_wrapper .dataTables_length {
float: left;
}
.dataTables_wrapper .dataTables_filter {
float: right;
text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
clear: both;
float: left;
padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
float: right;
text-align: right;
padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
box-sizing: border-box;
display: inline-block;
min-width: 1.5em;
padding: 0.5em 1em;
margin-left: 2px;
text-align: center;
text-decoration: none !important;
cursor: pointer;
*cursor: hand;
color: #333333 !important;
border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
color: #333333 !important;
border: 1px solid #cacaca;
background-color: white;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
/* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
/* FF3.6+ */
background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
/* IE10+ */
background: -o-linear-gradient(top, white 0%, gainsboro 100%);
/* Opera 11.10+ */
background: linear-gradient(to bottom, white 0%, gainsboro 100%);
/* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
cursor: default;
color: #666 !important;
border: 1px solid transparent;
background: transparent;
box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color: white !important;
border: 1px solid #111111;
background-color: #585858;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
/* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
/* FF3.6+ */
background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
/* IE10+ */
background: -o-linear-gradient(top, #585858 0%, #111111 100%);
/* Opera 11.10+ */
background: linear-gradient(to bottom, #585858 0%, #111111 100%);
/* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
outline: none;
background-color: #2b2b2b;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
/* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
/* FF3.6+ */
background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
/* IE10+ */
background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
/* Opera 11.10+ */
background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
/* W3C */
box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 40px;
margin-left: -50%;
margin-top: -25px;
padding-top: 20px;
text-align: center;
font-size: 1.2em;
background-color: white;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
/* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
/* FF3.6+ */
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
/* IE10+ */
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
/* Opera 11.10+ */
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
/* W3C */
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
color: #333333;
}
.dataTables_wrapper .dataTables_scroll {
clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
*margin-top: -1px;
-webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
height: 0;
overflow: hidden;
margin: 0 !important;
padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
border-bottom: 1px solid #111111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
border-bottom: none;
}
.dataTables_wrapper:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
@media screen and (max-width: 767px) {
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
float: none;
text-align: center;
}
.dataTables_wrapper .dataTables_paginate {
margin-top: 0.5em;
}
}
@media screen and (max-width: 640px) {
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
float: none;
text-align: center;
}
.dataTables_wrapper .dataTables_filter {
margin-top: 0.5em;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

File diff suppressed because it is too large Load Diff

View File

@ -16,6 +16,7 @@
href="http://ajax.aspnetcdn.com/ajax/bootstrap/2.3.2/css/bootstrap-responsive.css"
rel="stylesheet">
<link href="lib/chrisma/css/charisma-app.css" rel="stylesheet">
<style type="text/css">
body {
padding-bottom: 40px;

View File

@ -13,7 +13,7 @@
rel="stylesheet">
<link href="lib/chrisma/css/charisma-app.css" rel="stylesheet">
<link rel="shortcut icon" href="images/bench4q.png">
<link href="lib/dataTable/css/jquery.dataTables.css" rel="stylesheet">
</head>
<body>
<fmt:bundle basename="i18n">
@ -37,7 +37,7 @@
<i><fmt:message key="pluginManage_jsp_plugin" /></i>
</h2>
<div class="box-icon">
<a class="btn btn-setting btn-round" onClick="showModel();"><i
<a class="btn btn-setting btn-round" onClick="addPlugin();"><i
class="icon-plus"></i></a> <a class="btn btn-round" id="agentList"><i
class="icon-list"></i></a> <a class="btn btn-minimize btn-round"><i
class="icon-chevron-up"></i></a> <a
@ -95,8 +95,7 @@
src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js"></script>
<script
src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.4/jquery-ui.min.js"></script>
<script
src='http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.js'></script>
<script src="lib/dataTable/js/jquery.dataTables.js"></script>>
<script src="lib/bootstrap/js/bootstrap-modal.js"></script>
<script
src="http://ajax.aspnetcdn.com/ajax/bootstrap/2.3.1/bootstrap.min.js"></script>

View File

@ -10,6 +10,7 @@
<link href="lib/chrisma/css/charisma-app.css" rel="stylesheet">
<link href="lib/chrisma/css/opa-icons.css" rel="stylesheet">
<link rel="shortcut icon" href="images/bench4q.png">
<link href="lib/dataTable/css/jquery.dataTables.css" rel="stylesheet">
</head>
<body class="logged_out wider windows env-production">
<fmt:bundle basename="i18n">
@ -96,8 +97,7 @@
src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js"></script>
<script
src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.4/jquery-ui.min.js"></script>
<script
src='http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.js'></script>
<script src="lib/dataTable/js/jquery.dataTables.js"></script>
<script src="lib/bootstrap/js/bootstrap-modal.js"></script>
<script src="lib/chrisma/js/jquery.cookie.js"></script>
<script src="lib/chrisma/js/theme.js"></script>

View File

@ -17,6 +17,7 @@
rel="stylesheet">
<link href="lib/chrisma/css/charisma-app.css" rel="stylesheet">
<link href="css/bench4q.css" rel="stylesheet">
<link href="lib/dataTable/css/jquery.dataTables.css" rel="stylesheet">
<link rel="shortcut icon" href="images/bench4q.png">
<style type="text/css">
body {
@ -177,9 +178,7 @@ body {
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js"></script>
<script
src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.4/jquery-ui.min.js"></script>
<script
src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
<script src="lib/dataTable/js/jquery.dataTables.js"></script>
<script src="lib/jqueryi18n/jquery.i18n.properties-1.0.9.js"></script>

View File

@ -7,68 +7,73 @@ var agentColumnIndex = {
"remainLoad:" : 5,
"action" : 6
};
var agentTableModel = new Array("hostName", "id", "port", "currentStatus",
"maxLoad", "remainLoad");
var deleteButton = "<a class='btn btn-info delete' ><i class='icon-trash icon-white'></i>Delete</a>";
var agentTableModel = new Array("hostName", "port", "currentStatus", "maxLoad",
"remainLoad");
$(document).ready(function() {
var table = $('#agents');
var table = $('#agents').DataTable();
loadAgents(table);
});
function loadAgents(table) {
table.dataTable().fnClearTable();
$
.post(
"loadAgents",
{},
function(data) {
if (data.success) {
if (data.agents != null) {
for ( var i = 0; i < data.agents.length; i++) {
var agent = data.agents[i];
var addRow = table.dataTable().fnAddData(
[ agent.hostName, agent.port,
agent.currentEnumStatus,
agent.maxLoad,
agent.remainLoad,
deleteButton ]);
var deleteButton = "<a class='btn btn-info delete' ><i class='icon-trash icon-white'></i>"
+ $.i18n.prop('delete') + "</a>";
table.clear();
$.post("loadAgents", {}, function(data) {
if (data.success) {
if (data.agents != null) {
for ( var i = 0; i < data.agents.length; i++) {
var agent = data.agents[i];
var tr = table.row.add(
[ agent.hostName, agent.port,
formatAgentStatus(agent.currentEnumStatus),
agent.maxLoad, agent.remainLoad,
deleteButton ]).draw().node();
$(tr).attr("id", agent.id);
}
var tr = table.dataTable().fnSettings().aoData[addRow[0]].nTr;
$(tr).attr("id", agent.id);
$(tr).attr("hostName", agent.hostName);
}
}
} else {
alert(data.failedMessage);
}
}
var tbody = table.table().body();
$('.delete').click(function(e) {
e.preventDefault();
deleteAgent(this);
});
}, "json");
$(tbody).on('click', 'td a.delete', function() {
var row = $(this).closest("tr");
var hostName = $(tr).children("td").eq(0).text();
var id = $(tr).attr("id");
deleteAgent(id, hostName, row);
});
} else {
$("#dialog").html($.i18n.prop('fail'));
$("#dialog").dialog();
}
})
function formatAgentStatus(status) {
if (status == "InIdle") {
return $.i18n.prop('agent-InIdle');
}
if (status == "InRunning") {
return $.i18n.prop('agent-InRunning')
}
if (status == "BackUp") {
return $.i18n.prop('agent-BackUp');
}
if (status == "BreakDown") {
return $.i18n.prop('agent-BreakDown');
}
}
}
function addAgentTableRow(table, data) {
data.currentStatus = data.currentEnumStatus;
table.dataTable().fnAddData(
extractRowData(data, agentTableModel, deleteButton));
}
function deleteAgent(obj) {
var row = $(obj).closest("tr");
var agentId = $(obj).closest("tr").attr("id");
var hostName = row.attr("hostName");
var table=$(obj).closest("table");
function deleteAgent(id, hostName, row) {
$.post("deleteAgent", {
agentId : agentId,
agentId : id,
hostName : hostName
}, function(data) {
if (data.success)
$(table).dataTable().fnDeleteRow(row.index);
row.remove();
else {
alert(data.failedMessage);
}
@ -85,7 +90,7 @@ function addAgentToDB() {
remainLoad : $("#remainLoad").val()
}, function(data) {
if (data.success) {
loadAgents(table);
loadAgents(table.DataTable());
} else {
alert(data.failedMessage);
}
@ -99,4 +104,4 @@ $('#agentList').click(function(e) {
$('.btn-setting').click(function(e) {
e.preventDefault();
$("#agentParam").modal('show');
});
});

View File

@ -43,7 +43,7 @@ function deleteAPlugin(plugin){
});
}
function showModel() {
function addPlugin() {
$('#myModal_plugin').modal('show');
$('form').ajaxForm({
success : function(data) {

View File

@ -6,53 +6,52 @@ var portColumnIndex = {
};
var deleteButton = "<a class='btn btn-info delete' ><i class='icon-trash icon-white'></i>Delete</a>";
$(document).ready(function() {
var table = $('#table');
var table = $('#table').DataTable();
loadPorts(table);
});
function deletePort(obj) {
var table =getTable(obj);
var row=getRow(obj);
function deletePort(row,portId) {
$.post("removePort", {
port : getColumn(obj,portColumnIndex.id)
port : portId
}, function(data) {
if(data.success){
$(table).dataTable().fnDeleteRow(row.rowIndex - 1);
}
else
alert(data.failedMessage);
if (data.success) {
row.remove();
} else
alert(data.failedMessage);
});
}
function addPort(params) {
var table=$("#table");
var table = $("#table").DataTable();
$.post("addPort", params, function(data) {
if (data.success) {
loadPorts(table);
$("#portParam").modal('hide');
//add message!
} else {
alert(data.failedMessage);
}
});
}
function loadPorts(table) {
table.dataTable().fnClearTable();
table.clear();
$.post("loadPorts", function(data) {
if(data.success){
if (data.success) {
if (data.ports != null)
for ( var i = 0; i < data.ports.length; i++) {
table.dataTable().fnAddData(
extractRowData(data.ports[i], portTableModel, deleteButton));
table.row.add(
extractRowData(data.ports[i], portTableModel,
deleteButton)).draw();
}
}
else
} else {
alert(data.failedMessage);
$(".delete").click(function(e) {
e.preventDefault();
deletePort(this);
}
var tbody = table.table().body();
$(tbody).on('click', ' td a.delete', function() {
var row = $(this).closest('tr');
var portId=row.data()[0];
deletePort(row,portId);
});
});
}
@ -60,16 +59,16 @@ $("#plus").click(function(e) {
e.preventDefault();
$("#portParam").modal('show');
});
$('#addPort').click(function(e){
$('#addPort').click(function(e) {
e.preventDefault();
var params = {
port : $("#port").val()
};
port : $("#port").val()
};
addPort(params);
});
$('.list').click(function(e){
$('.list').click(function(e) {
e.preventDefault();
var table=$('#table');
var table = $('#table');
loadPorts(table);
});

View File

@ -1,19 +1,19 @@
var editButton = "<a class='btn btn-success' onClick='editScript(this)' ><i class='icon-edit icon-white'></i>Edit</a>";
+ " ";
+" ";
var deleteButton = "<a class='btn btn-info' onClick='deleteScript(this)'><i class='icon-trash icon-white'></i>Delete</a>";
function loadScript(table, actionId) {
table.dataTable().fnClearTable();
$.post("loadScripts", {}, function(data) {
if (data.success) {
data=data.scripts;
data = data.scripts;
if (data == null) {
return;
}
for ( var i = 0; i < data.length; i++) {
addScriptTableRow(table, data[i], actionId);
}
/*addScriptAction();*/
} else {
// show load banner or error
alert(data.failedMessage);
}
@ -32,8 +32,9 @@ function addScriptAction() {
});
}
function addScriptTableRow(table, data, actionId) {
var viewButton = "<a class='btn btn-success' onClick='editScript(this)' ><i class='icon-zoom-in icon-white'></i>"+ $.i18n.prop('view')+"</a>";
+ " ";
var viewButton = "<a class='btn btn-success' onClick='editScript(this)' ><i class='icon-zoom-in icon-white'></i>"
+ $.i18n.prop('view') + "</a>";
+" ";
var time = new Date(data.createDateTime);
time.setTime(data.createDateTime);
switch (actionId) {
@ -55,13 +56,13 @@ function addScriptTableRow(table, data, actionId) {
function deleteScript(obj) {
var scriptId = getScriptId(obj);
var c=confirm("Are you sure you want to delete this script?");
if (c==true) {
var c = confirm("Are you sure you want to delete this script?");
if (c == true) {
deleteAScript(scriptId);
}
}
}
function deleteAScript(scriptId){
function deleteAScript(scriptId) {
$.post("deleteScript", {
scriptId : scriptId
}, function(data) {
@ -69,20 +70,19 @@ function deleteAScript(scriptId){
alert("delete success,please refresh this page");
table.dataTable().fnDeleteRow(row.rowIndex - 1);
} else {
alert("this script can not be delete in DB:"+data.failedMessage);
alert("this script can not be delete in DB:" + data.failedMessage);
// error message
}
},
"json");
}, "json");
}
function editScript(obj) {
var scriptId = getScriptId(obj);
var scriptName = getScriptName(obj);
window.open("script-edit.jsp?name=" + scriptName + "&scriptId=" + scriptId);// need
// to
// refactor
// ...modal
// to
// refactor
// ...modal
}
function viewScript(obj) {
var scriptId = getScriptId(obj);

View File

@ -16,6 +16,7 @@
href="http://ajax.aspnetcdn.com/ajax/bootstrap/2.3.2/css/bootstrap-responsive.css"
rel="stylesheet">
<link href="lib/chrisma/css/charisma-app.css" rel="stylesheet">
<link href="lib/dataTable/css/jquery.dataTables.css" rel="stylesheet">
<style type="text/css">
body {
padding-bottom: 40px;
@ -120,8 +121,7 @@ body {
<jsp:include page="publiccontrol/footer.jsp"></jsp:include>
</div>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script
src='http://cdn.datatables.net/1.10.0/js/jquery.dataTables.min.js'></script>
<script src="lib/dataTable/js/jquery.dataTables.js"></script>
<script
src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.3/jquery-ui.min.js"></script>
<script src="lib/jqueryi18n/jquery.i18n.properties-1.0.9.js"></script>