add preface of target model

add preface of target model
This commit is contained in:
luqiong 2014-09-24 17:00:53 +08:00
parent a8dc75cbd4
commit 49bea2f594
7 changed files with 173 additions and 4 deletions

View File

@ -212,4 +212,13 @@ startRecording=startRecording
stopRecording=Stop Recording
custom-mode=Custom Mode
target-mode=Target Mode
load-mode=Load Mode
load-mode=Load Mode
target-type=Target Type
affairs-name=Affairs Name
target-value=Target Value
cpu-threshold=CPU Threshold
stress-control=Stress Control
initial-users=Initial Users
maximum-users=Maximum Users
time-interval=Time Interval
increase-users=Increase Users

View File

@ -213,4 +213,13 @@ startRecording=\u5f00\u59cb\u5f55\u5236
stopRecording=\u505C\u6B62\u5f55\u5236
custom-mode=\u5E38\u89C4\u6A21\u5F0F
target-mode=\u76EE\u6807\u6A21\u5F0F
load-mode=\u65BD\u538B\u6A21\u5F0F
load-mode=\u65BD\u538B\u6A21\u5F0F
target-type=\u76EE\u6807\u7C7B\u578B
affairs-name=\u4E8B\u52A1\u540D
target-value=\u76EE\u6807\u503C
cpu-threshold=\u9650\u5236\u9608\u503C
stress-control=\u538B\u529B\u63A7\u5236
initial-users=\u521D\u59CB\u7528\u6237\u6570
maximum-users=\u6700\u5927\u7528\u6237\u6570
time-interval=\u65F6\u95F4\u95F4\u9694
increase-users=\u589E\u52A0\u7528\u6237

View File

@ -60,14 +60,22 @@ padding:0;
}
select{
margin-bottom:0px;
width:75%;
}
#highchartsPlot{
margin-left:10%;
margin-top:10px;
margin-bottom:10px;
width:65%;
}
#highchartsPlot2{
margin-left:10%;
margin-top:10px;
margin-bottom:10px;
width:65%;
}
.centre{
margin:20px;
margin-left:290px;
@ -129,4 +137,7 @@ div#test-plan-continuous{
}
.modeSelectTitle{
margin-right:15px;
}
div#test-plan-continuous2{
width:100%;
}

View File

@ -145,7 +145,19 @@ function loadLimitableFields(){
information(data.failedMessage);
return;
}else{
data.limitableFields.fields;//this is list<String>, limitable fields' name
//this is list<String>, limitable fields' name
data = data.limitableFields.fields;
var script = new Array();
for ( var i = 0; i < data.length; i++)
script.push(data[i]);
for ( var j = 0; j < script.length; j++) {
var textNode = document.createTextNode(script[j]);
var optionNode = document.createElement("option");
optionNode.setAttribute("value", script[j]);
optionNode.appendChild(textNode);
var selectNode = document.getElementsByName("select-target-type")[0];
selectNode.appendChild(optionNode);
}
}
}).error(function(){
information($.i18n.prop('failed-connect-server'));

View File

@ -114,4 +114,76 @@ function toggleIpConfig() {
function changeMode(newModeId, oldModeId){
$("#"+oldModeId).addClass("hide");
$("#"+newModeId).removeClass("hide");
if(newModeId=='targetMode')
loadSchedulePlot2();
else
loadSchedulePlot();
}
function loadSchedulePlot2() {
var options = {
chart : {
renderTo : 'highchartsPlot2',
defaultSeriesType : 'line',
type : 'area',
height : 300,
},
plotOptions : {
series : {
fillOpacity : 0.85,
color : '#369bd7'
}
},
credits : {
enabled : false
},
legend : {
enabled : false
},
title : {
text : $.i18n.prop('test-loadSchedule') ,
x : -50
},
xAxis : {
plotLines : [ {
width : 10,
color : '#808080'
} ],
min : 0,
title : {
text : 'Time(s)'
}
},
yAxis : {
plotLines : [ {
value : 0,
width : 1,
color : '#808080'
} ],
title : {
text : 'Users'
},
min : 0
},
tooltip : {
formatter : function() {
var formatStr = '<b>'+this.y+ ' users after ' + this.x + ' seconds</b>';
return formatStr;
}
},
series : [ {
data : [[ 0 , 0 ]]
} ]
};
var InitialUsers = parseInt($('input[name="initial-users"]').val());
var MaxUsers = parseInt($('input[name="maximum-users"]').val());
var TimeInterval = parseInt($('input[name="time-interval"]').val());
var IncreaseUsers = parseInt($('input[name="increase-users"]').val());
var time = 0;
for(var i = InitialUsers; i <= MaxUsers; i+=IncreaseUsers){
time += TimeInterval;
options.series[0].data.push([time,i]);
}
var chart = new Highcharts.Chart(options);
currentChart = chart;
}

View File

@ -1,6 +1,7 @@
var currentChart;
$(document).ready(function() {
loadScripts();
loadLimitableFields();
loadSchedulePlot();
loadFilterTypeList();
});

View File

@ -147,6 +147,61 @@ body {
</div>
<div id="targetMode" class="hide content-frame row-fluid">
<div class="span4">
<div id="test-plan-continuous2" class="form" style="float: left;">
<div class="field-inline">
<table id="loadConfig2" class="table-margin-top">
<tr>
<td width="30%"><fmt:message key="target-type" /></td>
<td width="40%"><fmt:message key="affairs-name" /></td>
<td width="30%"><fmt:message key="target-value" /></td>
</tr>
<tr>
<td><select name="select-target-type"></select></td>
<td><input name="affairs-name"
class="load-config-input" type="text" value="" /></td>
<td><input name="target-value"
class="load-config-input" type="text" value="100" /></td>
</tr>
<tr>
<td width="30%">cpu <fmt:message key="cpu-threshold" /></td>
</tr>
<tr>
<td><input name="cpu-threshold"
class="load-config-input" type="text" value="100" /> % </td>
</tr>
</table>
<tr><td><hr></td></tr>
<table id="loadConfig3" class="table-margin-top">
<tr>
<th><fmt:message key="stress-control" /></th>
</tr>
<tr>
<td width="50%"><fmt:message key="initial-users" /></td>
<td width="50%"><fmt:message key="maximum-users" /></td>
</tr>
<tr>
<td><input name="initial-users"
class="load-config-input" type="text" value="10"
onblur="loadSchedulePlot2();checkLoadConfig()" /></td>
<td><input name="maximum-users"
class="load-config-input" type="text" value="10"
onblur="loadSchedulePlot2();checkLoadConfig()" /></td>
</tr>
<tr>
<td><fmt:message key="time-interval" /></td>
<td><fmt:message key="increase-users" /></td>
</tr>
<tr>
<td><input name="time-interval"
class="load-config-input" type="text" value="10"
onblur="loadSchedulePlot2();checkLoadConfig()" /></td>
<td><input name="increase-users"
class="load-config-input" type="text" value="10"
onblur="loadSchedulePlot2();checkLoadConfig()" /></td>
</tr>
</table>
</div>
</div>
<span id="loadConfigMessage2" class="hide">all input can
not be empty <br />and must be greater than zero!
</span>