<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<html>
<head>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<meta charset="utf-8">
<title>Bench4Q</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
	content="Bench4Q, a new method for QOS benchmarking.">
<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="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="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 {
	padding-bottom: 40px;
}

.sidebar-nav {
	padding: 9px 0;
}
</style>



</head>

<body>
	<fmt:bundle basename="i18n">
		<!-- topbar starts -->
		<jsp:include page="publiccontrol/navigatebar.jsp"></jsp:include>
		<!-- topbar ends -->
		<div class="container-fluid">
			<div class="row-fluid">
				<jsp:include page="publiccontrol/leftmenubar.jsp"></jsp:include>
				<noscript>
					<div class="alert alert-block span10">
						<h4 class="alert-heading">
							<fmt:message key="warning" />
							!
						</h4>
						<p>
							<fmt:message key="warningcontent1" />
							<a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a>
							<fmt:message key="warningcontent2" />
							.
						</p>
					</div>
				</noscript>

				<div id="content" class="span10">
					<!-- content starts -->
					<div>
						<ul class="breadcrumb">
							<li><a href="homepage.jsp"><fmt:message key="home" /></a> <span
								class="divider">/</span></li>
							<li><a href="script.jsp"><fmt:message
										key="scriptmanagement" /></a></li>
						</ul>
					</div>

					<div class="row-fluid sortable">
						<div class="box span12">
							<div class="box-header well" data-original-title>
								<h2>
									<i></i>
									<fmt:message key="script" />
								</h2>
								<div class="box-icon">
									<a href="#" class="btn btn-setting btn-round"><i
										class="icon-plus"></i></a> <a href="#" class="btn btn-round"><i
										class="icon-list"></i></a> <a href="#"
										class="btn btn-minimize btn-round"><i
										class="icon-chevron-up"></i></a>
								</div>
							</div>
							<div class="box-content">
								<table id="scriptTab"
									class="table table-striped table-bordered bootstrap-datatable datatable">
									<thead>
										<tr>
											<th>ID</th>
											<th><fmt:message key="scriptname" /></th>
											<th><fmt:message key="datecreated" /></th>
											<th><fmt:message key="actions" /></th>
										</tr>
									</thead>
									<tbody>
									</tbody>
								</table>
							</div>
						</div>
						<!--/span-->

					</div>
					<!--/row-->

					<!-- 添加脚本 -->
					<div>
						<table>
							<tr>
								<td>
									<button id="createNewScript"
										class="btn btn-primary btn-setting" onclick="" type="submit">
										<fmt:message key="script_jsp_recordScript" />
									</button> <a href="createScript.jsp"><button id="createScript"
											class="btn btn-primary" onclick="#" type="submit">
											<fmt:message key="home-createScript" />
										</button> </a>
									<button id="refreshPage" class="btn btn-primary "
										onclick="refresh()" type="submit">
										<fmt:message key="script_jsp_refresh" />
									</button>
								</td>
							</tr>
						</table>
					</div>
					<!-- /addScript -->


					<!-- content ends -->
				</div>
				<!--/#content.span10-->

			</div>
			<hr>

			<div class="modal hide fade" id="myModal">
				<div class="modal-header">
					<button type="button" id="myModal-close" class="close"
						data-dismiss="modal">×</button>
					<h3>
						<fmt:message key="settings" />
					</h3>
				</div>
				<div class="modal-body">
					<p id="scriptInfo"><fmt:message key="startServer" /></p>
					<input class="input" id="target-url" name="target-url" type="url" value="http://">
				</div>
				<div class="modal-footer">

					<button type="button" class="btn btn-primary"
						onClick="startServer()" id="startServer">
						<fmt:message key="script_jsp_recordScript" />
					</button>
					<button type="button" id="uploadScript" class="btn btn-primary">
						<fmt:message key="uploadScript" />
					</button>
				</div>
			</div>
					
			<div class="modal hide fade" id="mySecondModal">
				<div class="modal-header">
					<button type="button" id="myModal-close" class="close"
						data-dismiss="modal">×</button>
					<h3>
						<fmt:message key="settings" />
					</h3>
				</div>
				<div class="modal-body">
					<p id="scriptInfo2"></p>
				</div>
				<div class="modal-footer">

					<button type="button" class="btn btn-primary"
						onClick="testRecordProxy()" id="testRecordProxy">
						<fmt:message key="testProxySettings" />
					</button>
					<button type="button" id="cancel" class="btn btn-primary">
						<fmt:message key="plugin_jsp_cancel" />
					</button>
				</div>
			</div>
			
			<div class="modal hide fade" id="myThirdModal">
				<div class="modal-header">
					<button type="button" id="myModal-close" class="close"
						data-dismiss="modal">×</button>
					<h3>
						<fmt:message key="settings" />
					</h3>
				</div>
				<div class="modal-body">
					<p id="scriptInfo3"></p>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary"
						onClick="startRecording()" id="startRecording">
						<fmt:message key="startRecording" />
					</button>
					<button type="button" class="btn btn-primary"
						onClick="stopServer()" id="stopServer">
						<fmt:message key="stopserver" />
					</button>
				</div>
				<div id="fileName" style="display: none" class="modal-footer">
					<input class="input-mini" name="scriptname"></input>
					<button type="button" class="btn btn-primary"
						onClick="saveScript()">
						<fmt:message key="savefile" />
					</button>
				</div>
			</div>
			<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://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.4/jquery-ui.min.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="lib/bootstrap/js/bootstrap-modal.js"></script>
		<script
			src="http://ajax.aspnetcdn.com/ajax/bootstrap/2.3.1/bootstrap.min.js"></script>
		<script src="lib/chrisma/js/jquery.cookie.js"></script>
		
		<script src="http://malsup.github.com/jquery.form.js"></script>
		<script src="lib/dataTable/js/jquery.dataTables.js"></script>
		<script src="lib/chrisma/js/theme.js"></script>
		<script src="script/base.js"></script>
		<script src="script/scriptListManage.js"></script>
		<script src="script/script.js"></script>
		<script src="lib/other/jquery.noty.packaged.min.js"></script>
		<script src="script/scriptManager/uiFactory.js"></script>
	</fmt:bundle>
</body>
</html>
