IP Address page - load balancer tab - add State column.

This commit is contained in:
Jessica Wang 2010-12-28 11:36:40 -08:00
parent 2d722e685b
commit 6930bf1dce
2 changed files with 38 additions and 24 deletions

View File

@ -270,41 +270,45 @@
<div id="tab_container">
<div class="grid_container">
<div class="grid_header">
<div class="grid_header_cell" style="width: 25%">
<div class="grid_header_cell" style="width: 20%; padding: 1px;">
<div class="grid_header_title">
Name</div>
</div>
<div class="grid_header_cell" style="width: 15%">
<div class="grid_header_cell" style="width: 10%; padding: 1px;">
<div class="grid_header_title">
Public Port</div>
</div>
<div class="grid_header_cell" style="width: 15%">
<div class="grid_header_cell" style="width: 10%; padding: 1px;">
<div class="grid_header_title">
Private Port</div>
</div>
<div class="grid_header_cell" style="width: 15%; border: none;">
<div class="grid_header_cell" style="width: 15%; padding: 1px;">
<div class="grid_header_title">
Algorithm</div>
</div>
<div class="grid_header_cell" style="width: 29%">
</div>
<div class="grid_header_cell" style="width: 10%; padding: 1px;">
<div class="grid_header_title">
State</div>
</div>
<div class="grid_header_cell" style="width: 29%; padding: 1px;">
<div class="grid_header_title">
Action</div>
</div>
</div>
<div class="grid_rows even" id="create_load_balancer_row">
<div class="grid_row_cell" style="width: 25%;">
<div class="grid_row_cell" style="width: 20%; padding: 1px;">
<input id="name" class="text" style="width: 70%;" type="text" />
<div id="name_errormsg" class="errormsg" style="display: none;">Error msg will appear here</div>
</div>
<div class="grid_row_cell" style="width: 15%;">
<div class="grid_row_cell" style="width: 10%; padding: 1px;">
<input id="public_port" class="text" style="width: 70%;" type="text" />
<div id="public_port_errormsg" class="errormsg" style="display: none;">Error msg will appear here</div>
</div>
<div class="grid_row_cell" style="width: 15%;">
<div class="grid_row_cell" style="width: 10%; padding: 1px;">
<input id="private_port" class="text" style="width: 70%;" type="text" />
<div id="private_port_errormsg" class="errormsg" style="display: none;">Error msg will appear here</div>
</div>
<div class="grid_row_cell" style="width: 15%;">
<div class="grid_row_cell" style="width: 15%; padding: 1px;">
<select id="algorithm_select" class="select" style="width: 70%;">
<!--
<option value="roundrobin">roundrobin</option>
@ -312,8 +316,10 @@
<option value="source">source</option>
-->
</select>
</div>
<div class="grid_row_cell" style="width: 29%;">
</div>
<div class="grid_row_cell" style="width: 10%; padding: 1px;">
</div>
<div class="grid_row_cell" style="width: 29%; padding: 1px;">
<div class="row_celltitles">
<a id="add_link" href="#">Add</a></div>
</div>
@ -384,23 +390,26 @@
<!-- Load Balancer Template (begin) -->
<div class="grid_rows odd" id="load_balancer_template" style="display:none">
<div id="row_container">
<div class="grid_row_cell" style="width: 25%;">
<div class="grid_row_cell" style="width: 20%; padding: 1px;">
<div class="row_celltitles" id="name">
LB#1</div>
</div>
<div class="grid_row_cell" style="width: 15%;">
<div class="grid_row_cell" style="width: 10%; padding: 1px;">
<div class="row_celltitles" id="public_port">
8080</div>
</div>
<div class="grid_row_cell" style="width: 15%;">
<div class="grid_row_cell" style="width: 10%; padding: 1px;">
<div class="row_celltitles" id="private_port">
80</div>
</div>
<div class="grid_row_cell" style="width: 15%;">
<div class="grid_row_cell" style="width: 15%; padding: 1px;">
<div class="row_celltitles" id="algorithm">
(algorithm)</div>
</div>
<div class="grid_row_cell" style="width: 29%;">
</div>
<div class="grid_row_cell" style="width: 10%; padding: 1px;">
<div class="row_celltitles" id="state"></div>
</div>
<div class="grid_row_cell" style="width: 29%; padding: 1px;">
<div class="row_celltitles">
<a id="manage_link" href="#" style="float:left;">Manage</a>
<a id="edit_link" href="#" style="float:left; margin-left:15px;">Edit</a>
@ -416,17 +425,17 @@
</div>
</div>
<div class="grid_rows odd" id="row_container_edit" style="display:none">
<div class="grid_row_cell" style="width: 25%;">
<div class="grid_row_cell" style="width: 20%; padding: 1px;">
<input id="name" class="text" style="width: 70%;" type="text" />
<div id="name_errormsg" class="errormsg" style="display: none;">Error msg will appear here</div>
</div>
<div class="grid_row_cell" style="width: 15%;">
<div class="grid_row_cell" style="width: 10%; padding: 1px;">
<div class="row_celltitles" id="public_port"></div>
</div>
<div class="grid_row_cell" style="width: 15%;">
<div class="grid_row_cell" style="width: 10%; padding: 1px;">
<div class="row_celltitles" id="private_port"></div>
</div>
<div class="grid_row_cell" style="width: 15%;">
<div class="grid_row_cell" style="width: 15%; padding: 1px;">
<select id="algorithm_select" class="select" style="width: 70%;">
<!--
<option value="roundrobin">roundrobin</option>
@ -434,8 +443,11 @@
<option value="source">source</option>
-->
</select>
</div>
<div class="grid_row_cell" style="width: 29%;">
</div>
<div class="grid_row_cell" style="width: 10%; padding: 1px;">
<div class="row_celltitles" id="state"></div>
</div>
<div class="grid_row_cell" style="width: 29%; padding: 1px;">
<div class="row_celltitles">
<a id="save_link" href="#" style="float:left;">Save</a>
<a id="cancel_link" href="#" style="float:left; margin-left:15px; display:inline;">Cancel</a>

View File

@ -1355,6 +1355,8 @@ function loadBalancerJsonToTemplate(jsonObj, $template) {
$template.find("#row_container #algorithm").text(fromdb(jsonObj.algorithm));
$template.find("#row_container_edit #algorithm_select").val(fromdb(jsonObj.algorithm));
$template.find("#row_container #state").text(fromdb(jsonObj.state));
$template.find("#manage_link").unbind("click").bind("click", function(event){
var $managementArea = $template.find("#management_area");