add scriptEditRightMenuBar.jsp and modify some interfaces
This commit is contained in:
zhengyingying
parent
39bf833c8d
commit
ff1bb8bee4
|
|
@ -80,29 +80,24 @@ body {
|
|||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="introduce">
|
||||
<div class="content introduce">
|
||||
<div class="text">
|
||||
<div class="right-text">
|
||||
<div>
|
||||
<p
|
||||
style="font-size: 22px; font-weight: bold; font-family: sans-serif">Bench4Q</p>
|
||||
<p class="text-title">Bench4Q</p>
|
||||
</div>
|
||||
<div>
|
||||
<p
|
||||
style="font-size: 15; line-height: 30px; font-weight: bold; font-family: Arial">
|
||||
<p class="text-content">
|
||||
<fmt:message key="index_jsp_Bench4Q" />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="left-text">
|
||||
<div>
|
||||
<p
|
||||
style="font-size: 22px; font-weight: bold; font-family: sans-serif">Bench4Q_as_a_Service</p>
|
||||
<p class="text-title">Bench4Q_as_a_Service</p>
|
||||
</div>
|
||||
<div>
|
||||
<p
|
||||
style="font-size: 15; line-height: 30px; font-weight: bold; font-family: Arial">
|
||||
<p class="text-content">
|
||||
<fmt:message key="index_jsp_Bench4Q_as_a_Service" />
|
||||
</p>
|
||||
</div>
|
||||
|
|
@ -121,107 +116,58 @@ body {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!--/.fluid-container-->
|
||||
<div class="bottom">
|
||||
<div
|
||||
style="width: 100%; height: 200px; background-color: #f8f8f8; border-top: 1px #cbcaca solid; border-bottom: 1px #cbcaca solid;">
|
||||
<div align=right
|
||||
style="width: 25%; height: 200px; padding-top: 20px; float: left">
|
||||
<div align=right class="bottom-logo">
|
||||
<img src="images/logo.png" />
|
||||
</div>
|
||||
<div style="width: 3%; height: 200px; float: left"></div>
|
||||
<div style="width: 12%; height: 200px; float: left">
|
||||
<div style="width: 100%; height: 200px;">
|
||||
<div
|
||||
style="font-weight: 600; color: #868583; width: 100%; height: 30px; padding: 15px 0px 0px 0px; font-size: 15px; border-bottom: 1px #cbcaca solid;">
|
||||
Bench4Q</div>
|
||||
<div
|
||||
style="font-size: 12px; font-weight: 500; width: 100%; height: 20px; color: #5a86b3; padding-top: 5px">
|
||||
About Us</div>
|
||||
<div
|
||||
style="font-size: 12px; font-weight: 500; width: 100%; height: 20px; color: #5a86b3;">
|
||||
Sina Blog</div>
|
||||
<div
|
||||
style="font-size: 12px; font-weight: 500; width: 100%; height: 20px; color: #5a86b3;">
|
||||
Sina Weibo</div>
|
||||
<div
|
||||
style="font-size: 12px; font-weight: 500; width: 100%; height: 20px; color: #5a86b3;">
|
||||
Features</div>
|
||||
<div
|
||||
style="font-size: 12px; font-weight: 500; width: 100%; height: 20px; color: #5a86b3;">
|
||||
Contact Support</div>
|
||||
<div class="introduce-title">Bench4Q</div>
|
||||
<div class="introduce-content">About Us</div>
|
||||
<div class="introduce-content">Sina Blog</div>
|
||||
<div class="introduce-content">Sina Weibo</div>
|
||||
<div class="introduce-content">Features</div>
|
||||
<div class="introduce-content">Contact Support</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 2%; height: 200px; float: left"></div>
|
||||
<div style="width: 13%; height: 200px; float: left">
|
||||
<div style="width: 100%; height: 200px;">
|
||||
<div
|
||||
style="font-weight: 600; color: #868583; width: 100%; height: 30px; padding: 15px 0px 0px 0px; font-size: 15px; border-bottom: 1px #cbcaca solid;">
|
||||
Document</div>
|
||||
<div
|
||||
style="font-size: 12px; font-weight: 500; width: 100%; height: 40px; color: #5a86b3; padding-top: 5px">
|
||||
Requirement Analysis Document</div>
|
||||
<div
|
||||
style="font-size: 12px; font-weight: 500; width: 100%; height: 20px; color: #5a86b3;">
|
||||
Design Document</div>
|
||||
<div
|
||||
style="font-size: 12px; font-weight: 500; width: 100%; height: 20px; color: #5a86b3;">
|
||||
UserManual Document</div>
|
||||
<div
|
||||
style="font-size: 12px; font-weight: 500; width: 100%; height: 20px; color: #5a86b3;">
|
||||
Test Document</div>
|
||||
<div class="introduce-title">Document</div>
|
||||
<div class="introduce-content">Requirement Analysis Document</div>
|
||||
<div class="introduce-content">Design Document</div>
|
||||
<div class="introduce-content">UserManual Document</div>
|
||||
<div class="introduce-content">Test Document</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 2%; height: 200px; float: left"></div>
|
||||
<div style="width: 12%; height: 200px; float: left">
|
||||
<div style="width: 100%; height: 200px;">
|
||||
<div
|
||||
style="font-weight: 600; color: #868583; width: 100%; height: 30px; padding: 15px 0px 0px 0px; font-size: 15px; border-bottom: 1px #cbcaca solid;">
|
||||
Tools</div>
|
||||
<div
|
||||
style="font-size: 12px; font-weight: 500; width: 100%; height: 20px; color: #5a86b3; padding-top: 5px">
|
||||
Mysql</div>
|
||||
<div
|
||||
style="font-size: 12px; font-weight: 500; width: 100%; height: 40px; color: #5a86b3;">
|
||||
Navicat Lite for MySQL</div>
|
||||
<div
|
||||
style="font-size: 12px; font-weight: 500; width: 100%; height: 20px; color: #5a86b3;">
|
||||
CentOS</div>
|
||||
<div
|
||||
style="font-size: 12px; font-weight: 500; width: 100%; height: 20px; color: #5a86b3;">
|
||||
Tommcat</div>
|
||||
<div class="introduce-title">Tools</div>
|
||||
<div class="introduce-content">Mysql</div>
|
||||
<div class="introduce-content">Navicat Lite for MySQL</div>
|
||||
<div class="introduce-content">CentOS</div>
|
||||
<div class="introduce-content">Tommcat</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="width: 2%; height: 200px; float: left"></div>
|
||||
<div style="width: 12%; height: 200px; float: left">
|
||||
<div style="width: 100%; height: 200px;">
|
||||
<div
|
||||
style="font-weight: 600; color: #868583; width: 100%; height: 30px; padding: 15px 0px 0px 0px; font-size: 15px; border-bottom: 1px #cbcaca solid;">
|
||||
Download</div>
|
||||
<div
|
||||
style="font-size: 12px; font-weight: 500; width: 100%; height: 20px; color: #5a86b3; padding-top: 5px">
|
||||
SSH</div>
|
||||
<div
|
||||
style="font-size: 12px; font-weight: 500; width: 100%; height: 20px; color: #5a86b3;">
|
||||
SUT</div>
|
||||
<div
|
||||
style="font-size: 12px; font-weight: 500; width: 100%; height: 20px; color: #5a86b3;">
|
||||
TPC-W</div>
|
||||
<div
|
||||
style="font-size: 12px; font-weight: 500; width: 100%; height: 20px; color: #5a86b3;">
|
||||
Bench4Q1.0</div>
|
||||
<div
|
||||
style="font-size: 12px; font-weight: 500; width: 100%; height: 20px; color: #5a86b3;">
|
||||
Bench4Q_Script</div>
|
||||
</div>
|
||||
<div class="introduce-title">Download</div>
|
||||
<div class="introduce-content">SSH</div>
|
||||
<div class="introduce-content">SUT</div>
|
||||
<div class="introduce-content">TPC-W</div>
|
||||
<div class="introduce-content">Bench4Q1.0</div>
|
||||
<div class="introduce-content">Bench4Q_Script</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js"></script>
|
||||
<script src="lib/bootstrap/js/bootstrap-carousel.js"></script>
|
||||
<script src="script/index.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
|
||||
|
||||
<ul class="top-nav logged_out">
|
||||
<li class="login"><a href="login.jsp"><fmt:message key="login_jsp_home" /></a></li>
|
||||
<li class="login"><a href="index.jsp"><fmt:message key="login_jsp_home" /></a></li>
|
||||
<li class="login"><a href="register.jsp"><fmt:message key="login_jsp_register" /></a></li>
|
||||
</ul>
|
||||
|
||||
|
|
|
|||
|
|
@ -9,7 +9,8 @@
|
|||
<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 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"
|
||||
|
|
@ -62,7 +63,6 @@ body {
|
|||
|
||||
<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>
|
||||
|
|
@ -71,27 +71,33 @@ body {
|
|||
<li><a href="plugin.jsp"><fmt:message
|
||||
key="script_jsp_makeScript" /></a></li>
|
||||
</ul>
|
||||
<div class="tab">
|
||||
<ul style="cursor: pointer" class="nav nav-tabs">
|
||||
<li id="tow1" onclick='setTab("tow",1,3);' class="on"><a
|
||||
href="#"><fmt:message key="plugin_jsp_plugins" />(usePlugins)</a></li>
|
||||
<li id="tow2" onclick='setTab("tow",2,3);'><a href="#">参数化(Parameters)</a></li>
|
||||
<li id="tow3" onclick='setTab("tow",3,3);'><a href="#"><fmt:message
|
||||
key="plugin_jsp_behavior" /> (behaviors)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span6">
|
||||
<div class="tabContent">
|
||||
<div class="span12">
|
||||
<div id="cont_tow_1" class="one block">
|
||||
<div class="box span10">
|
||||
<div class="box-header well" data-original-title>
|
||||
<i class="icon-pencil left"></i>
|
||||
<h2>
|
||||
<span><fmt:message key="plugin_jsp_plugins" />(usePlugins)</span>
|
||||
</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
|
||||
<a href="#" class="btn btn-minimize btn-round"><i
|
||||
class="icon-chevron-up"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content row-fluid">
|
||||
|
||||
<div id="pluginArea" class="listArea span9"></div>
|
||||
<div class=" span3 button-div">
|
||||
<div id="pluginArea" class="listArea span6"></div>
|
||||
<div class=" span4 button-div">
|
||||
<div>
|
||||
<button type="submit" class="btn btn-primary btn-width"
|
||||
id="addPlugin" onClick="addPlugin();">
|
||||
|
|
@ -113,8 +119,9 @@ body {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/span-->
|
||||
<!-- Behavior start -->
|
||||
</div>
|
||||
<div id="cont_tow_2" class="one " style="display: none"></div>
|
||||
<div id="cont_tow_3" class="one " style="display: none">
|
||||
<div class="box span6">
|
||||
<div class="box-header well" data-original-title>
|
||||
<i class="icon-pencil left"></i>
|
||||
|
|
@ -132,8 +139,8 @@ body {
|
|||
</div>
|
||||
</div>
|
||||
<div class="box-content row-fluid">
|
||||
<div id="behaviorArea" class="listArea span9"></div>
|
||||
<div class="span3 button-div">
|
||||
<div id="behaviorArea" class="listArea span8"></div>
|
||||
<div class="span4 button-div">
|
||||
<div class="hide" id="insertBefore">
|
||||
<button type="submit" class="btn btn-primary btn-width"
|
||||
onClick="insert();">
|
||||
|
|
@ -162,10 +169,8 @@ body {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span6">
|
||||
<div id="showPluginMethod" class="showPluginMethod"></div>
|
||||
</div>
|
||||
<!--/row-->
|
||||
<!-- content ends -->
|
||||
<div class="hide" id="submitBehaviors">
|
||||
<p>
|
||||
<fmt:message key="plugin_jsp_scriptName"></fmt:message>
|
||||
|
|
@ -173,12 +178,16 @@ body {
|
|||
size=20></input>
|
||||
</p>
|
||||
<p>
|
||||
<button class='btn-large' onClick="submitBehaviors(this);">
|
||||
<button class='btn-large' onClick="submit(this);">
|
||||
<fmt:message key="plugin_jsp_submit" />
|
||||
</button>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/#content.span10-->
|
||||
</div>
|
||||
<hr>
|
||||
|
|
@ -251,7 +260,8 @@ body {
|
|||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js"></script>
|
||||
<script
|
||||
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="lib/jqueryi18n/jquery.i18n.properties-1.0.9.js"></script>
|
||||
|
|
|
|||
|
|
@ -20,14 +20,14 @@
|
|||
<div id="content" class="span10">
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li><a href="#">Home</a> <span class="divider">/</span></li>
|
||||
<li><a href="#">Port Management</a></li>
|
||||
<li><a href="#"><fmt:message key="home" /></a> <span class="divider">/</span></li>
|
||||
<li><a href="#"><fmt:message key="portmanagement"></fmt:message></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12 center">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2>Ports</h2>
|
||||
<h2><fmt:message key="port"></fmt:message></h2>
|
||||
<div class="box-icon">
|
||||
<a class="btn btn-setting btn-round" id="plus"><i
|
||||
class="icon-plus"></i></a> <a class="btn btn-round list"><i
|
||||
|
|
|
|||
|
|
@ -0,0 +1,233 @@
|
|||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
|
||||
<div class="box span4" style="margin-top: 0px;">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2>
|
||||
<i></i> API Documentation
|
||||
</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-minimize btn-round"> <i
|
||||
class="icon-chevron-up" id="icon-user" onclick="toggleAPI()"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content main-menu-span " id="box-api">
|
||||
<div class="accordion" id="accordion2">
|
||||
|
||||
<div class="accordion-group">
|
||||
|
||||
<div class="accordion-heading" id="api-header">
|
||||
|
||||
<a class="accordion-toggle" data-toggle="collapse"
|
||||
data-parent="#accordion2" href="#collapseOne"> poolSize </a>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="collapseOne" class="accordion-body collapse"
|
||||
style="height: 0px;">
|
||||
|
||||
<div class="accordion-inner" id="api-content">
|
||||
|
||||
<p>The amount of people we simulated to generate actions .</p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="accordion-group">
|
||||
|
||||
<div class="accordion-heading" id="api-header">
|
||||
|
||||
<a class="accordion-toggle" data-toggle="collapse"
|
||||
data-parent="#accordion2" href="#collapseTwo">usePlugins </a>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="collapseTwo" class="accordion-body collapse"
|
||||
style="height: 0px;">
|
||||
|
||||
<div class="accordion-inner" id="api-content">
|
||||
|
||||
<div>
|
||||
<h3 class="title">usePlugin</h3>
|
||||
<p>The plug-ins which help us to create scripts, such as
|
||||
CommandLinePlugin ,ConstantTimerPlugin,HttpPlugin and LogPlugin.</p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="arguments">Arguments</span>
|
||||
<table class="details">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>id</td>
|
||||
<td>String</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The description of plug-in which we used.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>name</td>
|
||||
<td>String</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The name of plug-in,such as HTTP,ConstantTimer and so
|
||||
on.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>parameters</td>
|
||||
<td>Parameter[]</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The list of parameter,which include the important
|
||||
information of script which you are editing.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="accordion-group">
|
||||
|
||||
<div class="accordion-heading" id="api-header">
|
||||
|
||||
<a class="accordion-toggle" data-toggle="collapse"
|
||||
data-parent="#accordion2" href="#collapseThree">pages </a>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="collapseThree" class="accordion-body in"
|
||||
style="height: auto;">
|
||||
|
||||
<div class="accordion-inner" id="api-content">
|
||||
<div>
|
||||
<h3 class="title">batches</h3>
|
||||
<p>a series of behaviors which you have made in the network.</p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="arguments">Arguments</span>
|
||||
<table class="details">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Id</td>
|
||||
<td>int</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The serial number of batches.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>parentId</td>
|
||||
<td>int</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The parent batch's serial number.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>childId</td>
|
||||
<td>int</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The child batch's serial number.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>behaviors</td>
|
||||
<td>Behavior[]</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>A list of actions which you want the script to do.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="title">behaviors</h3>
|
||||
<p>The actions you do with the network. There are two types
|
||||
of Behavior, namely TimerBehavior and UserBehavior.</p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="arguments">Arguments</span>
|
||||
<table class="details">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>id</td>
|
||||
<td>int</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The serial number of behaviors you have choosed.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>use</td>
|
||||
<td>String</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The plug-in name which you have choosed, such as http
|
||||
and timer.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>name</td>
|
||||
<td>String</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The name of the method which you have choosed based
|
||||
on the type of plug-in.For example,when you generate the http
|
||||
request, you can use the method such as GET,POST,PUT and
|
||||
DELETE.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>type</td>
|
||||
<td>String</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The type of behavior, such as TIMEBEHAVIOR and
|
||||
USERBEHAVIOR.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>parameters</td>
|
||||
<td>Parameter[]</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The list of parameter,which include the important
|
||||
information of script which you are editing.</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="title">parameters</h3>
|
||||
<p>The specific information of your script.</p>
|
||||
</div>
|
||||
<div>
|
||||
<table class="details">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>key</td>
|
||||
<td>String</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The important parameters when you edit your
|
||||
script.For example, you should write the url(The URL for the
|
||||
resource we are requesting),queryParams and headers (A table
|
||||
of custom HTTP headers to send along with the request)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>value</td>
|
||||
<td>String</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The content of the key.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -9,7 +9,8 @@
|
|||
<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 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"
|
||||
|
|
@ -30,50 +31,6 @@
|
|||
<![endif]-->
|
||||
|
||||
<!-- The fav icon -->
|
||||
|
||||
<script type="text/javascript">
|
||||
function toggleAPI() {
|
||||
$("#apiDocumentation").slideToggle();
|
||||
if ($("#icon-user").attr("class") == "icon-chevron-down") {
|
||||
$("#icon-user").attr("class", "icon-chevron-up");
|
||||
} else {
|
||||
$("#icon-user").attr("class", "icon-chevron-down");
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function toggleAPIContent(apiHeader) {
|
||||
switch (apiHeader) {
|
||||
case 'apiHeader1': {
|
||||
$("#apiContent1").slideToggle();
|
||||
if ($("#apiHeader1").attr("class") == "down")
|
||||
$("#apiHeader1").attr("class", "up");
|
||||
else
|
||||
$("#apiHeader1").attr("class", "down");
|
||||
}
|
||||
break;
|
||||
case 'apiHeader2': {
|
||||
$("#apiContent2").slideToggle();
|
||||
if ($("#apiHeader2").attr("class") == "down")
|
||||
$("#apiHeader2").attr("class", "up");
|
||||
else
|
||||
$("#apiHeader2").attr("class", "down");
|
||||
}
|
||||
break;
|
||||
case 'apiHeader3': {
|
||||
$("#apiContent3").slideToggle();
|
||||
if ($("#apiHeader3").attr("class") == "down")
|
||||
$("#apiHeader3").attr("class", "up");
|
||||
else
|
||||
$("#apiHeader3").attr("class", "down");
|
||||
}
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<fmt:bundle basename="i18n">
|
||||
|
|
@ -81,239 +38,43 @@
|
|||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
<jsp:include page="publiccontrol/leftmenubar.jsp"></jsp:include>
|
||||
<div class="span10 row-fluid">
|
||||
<div id="contents" class="span7">
|
||||
<div id="codeEditor"></div>
|
||||
<div class="tab span10">
|
||||
<ul style="cursor: pointer" class="nav nav-tabs">
|
||||
<li id="tow1" class="on" onclick='refresh();setTab("tow",1,3);'><a href="#">View</a></li>
|
||||
<li id="tow2" onclick='setTab("tow",2,3);showUsePlugins();'><a href="#">Edit</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- API Documentation -->
|
||||
<div class="box span3" style="margin-top: 0px;">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2>
|
||||
<i></i> API Documentation
|
||||
</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-minimize btn-round"> <i
|
||||
class="icon-chevron-up" id="icon-user" onclick="toggleAPI()"></i>
|
||||
<div class="span10">
|
||||
<div id="cont_tow_1" class="one block">
|
||||
<div id="contents" class="span8">
|
||||
<div id="codeEditor" class="view"></div>
|
||||
</div>
|
||||
<jsp:include page="publiccontrol/scriptEditRightMenuBar.jsp"></jsp:include>
|
||||
</div>
|
||||
<div id="cont_tow_2" class="one" style="display: none">
|
||||
<div class="all-plugins btn-group span12">
|
||||
<a class="btn dropdown-toggle" href="#" data-toggle="dropdown">
|
||||
<span class="hidden-phone"> All plug-ins </span> <span
|
||||
class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" id="allPlugins">
|
||||
<li><a onclick="choosePlugin(this);">All</a></li>
|
||||
<li class="divider"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content main-menu-span " id="apiDocumentation "
|
||||
style="height: 398px;">
|
||||
<div class="api" onclick="toggleAPIContent('apiHeader1')">
|
||||
<div class="title_style">
|
||||
<p class="" id="apiHeader1">poolSize</p>
|
||||
</div>
|
||||
<div id="apiContent1" class="apiShow">
|
||||
<p>The amount of people we simulated to generate actions .</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="api" onclick="toggleAPIContent('apiHeader2')">
|
||||
<div class="title_style">
|
||||
<p class="" id="apiHeader2">usePlugins</p>
|
||||
|
||||
<div class="row-fluid">
|
||||
<div id="behaviors" class="all-behaviors span4">
|
||||
<ul id="behaviorUl">
|
||||
</ul>
|
||||
</div>
|
||||
<div id="apiContent2" class="apiShow">
|
||||
<div>
|
||||
<h3 class="title">usePlugin</h3>
|
||||
<p>The plug-ins which help us to create scripts, such as
|
||||
CommandLinePlugin ,ConstantTimerPlugin,HttpPlugin and
|
||||
LogPlugin.</p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="arguments">Arguments</span>
|
||||
<table class="details">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>id</td>
|
||||
<td>String</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The description of plug-in which we used.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>name</td>
|
||||
<td>String</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The name of plug-in,such as HTTP,ConstantTimer and
|
||||
so on.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>parameters</td>
|
||||
<td>Parameter[]</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The list of parameter,which include the important
|
||||
information of script which you are editing.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="api" onclick="toggleAPIContent('apiHeader3')">
|
||||
<div class="title_style">
|
||||
<p class="" id="apiHeader3">pages</p>
|
||||
</div>
|
||||
<div id="apiContent3" class="apiShow">
|
||||
<p></p>
|
||||
<div>
|
||||
<div>
|
||||
<h3 class="title">batches</h3>
|
||||
<p>a series of behaviors which you have made in the
|
||||
network.</p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="arguments">Arguments</span>
|
||||
<table class="details">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Id</td>
|
||||
<td>int</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The serial number of batches.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>parentId</td>
|
||||
<td>int</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The parent batch's serial number.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>childId</td>
|
||||
<td>int</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The child batch's serial number.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>behaviors</td>
|
||||
<td>Behavior[]</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>A list of actions which you want the script to
|
||||
do.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
<h3 class="title">behaviors</h3>
|
||||
<p>The actions you do with the network. There are two
|
||||
types of Behavior, namely TimerBehavior and UserBehavior.</p>
|
||||
</div>
|
||||
<div>
|
||||
<span class="arguments">Arguments</span>
|
||||
<table class="details">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>id</td>
|
||||
<td>int</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The serial number of behaviors you have choosed.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>use</td>
|
||||
<td>String</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The plug-in name which you have choosed, such as
|
||||
http and timer.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>name</td>
|
||||
<td>String</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The name of the method which you have choosed
|
||||
based on the type of plug-in.For example,when you
|
||||
generate the http request, you can use the method such as
|
||||
GET,POST,PUT and DELETE.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>type</td>
|
||||
<td>String</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The type of behaivor, such as TIMEBEHAVIOR and
|
||||
USERBEHAVIOR.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>parameters</td>
|
||||
<td>Parameter[]</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The list of parameter,which include the important
|
||||
information of script which you are editing.</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
<h3 class="title">parameters</h3>
|
||||
<p>The specific information of your script.</p>
|
||||
</div>
|
||||
<div>
|
||||
<table class="details">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>key</td>
|
||||
<td>String</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The important parameters when you edit your
|
||||
script.For example, you should write the url(The URL for
|
||||
the resource we are requesting),queryParams and headers
|
||||
(A table of custom HTTP headers to send along with the
|
||||
request)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>value</td>
|
||||
<td>String</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>The content of the key.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 结束 -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span10 row-fluid">
|
||||
<div class="span4 chooseScript" >
|
||||
<p>UsePlugins:</p> <select name="usePlugins" id="usePlugins" onchange=" choosePlugin();">
|
||||
<option >please choose one plug-in</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="span4 chooseScript" >
|
||||
<p>Behaviors:</p> <select name="behaviors" id="behaviors" onchange="chooseBehavior();">
|
||||
<!-- <option value="send">Send -->
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span8">
|
||||
<div id="showPluginMethodForm"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="action">
|
||||
<div id="action" style="display:none">
|
||||
<button type="button" class="btn btn-primary" id="submit"
|
||||
title="save edit">
|
||||
<fmt:message key="script_edit_jsp_save"></fmt:message>
|
||||
</button>
|
||||
|
||||
<button type="button" class="btn btn-primary" id="cancel"
|
||||
title="cancel edit">
|
||||
<fmt:message key="script_edit_jsp_cancel" />
|
||||
|
|
@ -324,6 +85,12 @@
|
|||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
<hr>
|
||||
<jsp:include page="publiccontrol/footer.jsp"></jsp:include>
|
||||
|
||||
|
|
@ -347,6 +114,7 @@
|
|||
<script src="lib/ace/js/mode-json.js"></script>
|
||||
<script src="lib/ace/js/theme-textmate.js"></script>
|
||||
<script src="lib/ace/js/theme-jsoneditor.js"></script>
|
||||
<script src="lib/bootstrap/js/bootstrap-collapse.js"></script>
|
||||
<script src="script/base.js"></script>
|
||||
<script src="script/jsonEditorApp.js"></script>
|
||||
<script src="script/behaviorsForm.js"></script>
|
||||
|
|
|
|||
|
|
@ -144,7 +144,7 @@ body {
|
|||
|
||||
</select></td>
|
||||
<td><a href="#" class="button" onClick="viewScript(this)"><img
|
||||
src="image/script_edit.png" alt="Add"> View/Edit user
|
||||
src="images/script_edit.png" alt="Add"> View/Edit user
|
||||
script</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
|
|
|||
Loading…
Reference in New Issue