cloudstack/ui/new/jsp/ip_address.jsp
2010-09-14 16:30:01 -07:00

326 lines
13 KiB
Plaintext

<%@ page import="java.util.*" %>
<%@ page import="com.cloud.utils.*" %>
<%
Locale browserLocale = request.getLocale();
CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
%>
<!-- IP Address detail panel (begin) -->
<div class="main_title" id="right_panel_header">
<div class="main_titleicon">
<img src="images/title_ipicon.gif" alt="IP Address" /></div>
<h1>IP Address
</h1>
</div>
<div class="contentbox" id="right_panel_content">
<div class="info_detailbox errorbox" id="after_action_info_container" style="display:none">
<p id="after_action_info"></p>
</div>
<div class="tabbox" style="margin-top:15px;">
<div class="content_tabs on">
<%=t.t("Details")%></div>
<div class="content_tabs off">
<%=t.t("Port Forwarding")%></div>
<div class="content_tabs off">
<%=t.t("Load Balancer")%></div>
</div>
<div class="grid_actionpanel">
<div class="grid_actionbox"></div>
<div class="grid_editbox"></div>
</div>
<!-- Network Details start here-->
<div class="grid_container">
<div class="grid_rows odd">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">
IP:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles">
</div>
</div>
</div>
<div class="grid_rows even">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">
Zone:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles">
</div>
</div>
</div>
<div class="grid_rows odd">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">
VLAN:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles">
</div>
</div>
</div>
<div class="grid_rows even">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">
<%=t.t("Level")%>:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles" id="level">
</div>
</div>
</div>
<div class="grid_rows odd">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">
Source NAT:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles">
</div>
</div>
</div>
<div class="grid_rows even">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">
Network Type:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles">
</div>
</div>
</div>
<div class="grid_rows odd">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">
Domain:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles">
</div>
</div>
</div>
<div class="grid_rows even">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">
Account:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles">
</div>
</div>
</div>
<div class="grid_rows odd">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">
Allocated:</div>
</div>
<div class="grid_row_cell" style="width: 79%;">
<div class="row_celltitles">
</div>
</div>
</div>
</div>
<!-- Network Details ends here-->
<!-- Port Forwarding start here-->
<div class="grid_container">
<div class="grid_header">
<div class="grid_header_cell" style="width:20%">
<div class="grid_header_title">Public Port</div>
</div>
<div class="grid_header_cell" style="width:20%">
<div class="grid_header_title">Private Port</div>
</div>
<div class="grid_header_cell" style="width:29%">
<div class="grid_header_title">Protocol</div>
</div>
<div class="grid_header_cell" style="width:30%; border:none;">
<div class="grid_header_title">Instance</div>
</div>
</div>
<div class="grid_rows even">
<div class="grid_row_cell" style="width: 20%;">
<input class="text" style="width:90%;" type="text" />
</div>
<div class="grid_row_cell" style="width: 20%;">
<input class="text" style="width:90%;" type="text" />
</div>
<div class="grid_row_cell" style="width: 29%;">
<input class="text" style="width:90%;" type="text" />
</div>
<div class="grid_row_cell" style="width: 20%;">
<select class="select" style="width:90%;"><option value="Instance1">Instance Name 1 </option> <option value="Instance2">Instance Name 2 </option> </select>
</div>
<div class="grid_row_cell" style="width: 10%;">
<div class="row_celltitles"><a href="#">Add</a></div>
</div>
</div>
<div class="grid_rows odd">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">8080</div>
</div>
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">80</div>
</div>
<div class="grid_row_cell" style="width: 29%;">
<div class="row_celltitles">8 GB</div>
</div>
<div class="grid_row_cell" style="width: 30%;">
<div class="row_celltitles">Instance Name</div>
</div>
<div class="gridrow_loaderbox" style="display:none;">
<div class="gridrow_loader"></div>
<p> Creating &hellip;</p>
</div>
</div>
<div class="grid_rows even">
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">8080</div>
</div>
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">80</div>
</div>
<div class="grid_row_cell" style="width: 29%;">
<div class="row_celltitles">8 GB</div>
</div>
<div class="grid_row_cell" style="width: 30%;">
<div class="row_celltitles">Instance Name</div>
</div>
<div class="gridrow_loaderbox" style="display:none;">
<div class="gridrow_loader"></div>
<p> Creating &hellip;</p>
</div>
</div>
</div>
<!-- Port Forwarding ends here-->
<!-- Load Balancer start here-->
<div class="grid_container">
<div class="grid_header">
<div class="grid_header_cell" style="width:29%">
<div class="grid_header_title">Name</div>
</div>
<div class="grid_header_cell" style="width:20%">
<div class="grid_header_title">Public Port</div>
</div>
<div class="grid_header_cell" style="width:20%">
<div class="grid_header_title">Private Port</div>
</div>
<div class="grid_header_cell" style="width:30%; border:none;">
<div class="grid_header_title">Algorithm</div>
</div>
</div>
<div class="grid_rows even">
<div class="grid_row_cell" style="width: 29%;">
<input class="text" style="width:90%;" type="text" />
</div>
<div class="grid_row_cell" style="width: 20%;">
<input class="text" style="width:90%;" type="text" />
</div>
<div class="grid_row_cell" style="width: 20%;">
<input class="text" style="width:90%;" type="text" />
</div>
<div class="grid_row_cell" style="width: 20%;">
<select class="select" style="width:90%;"><option value="Source1">Source Name 1 </option> <option value="Source2">Source Name 2 </option> </select>
</div>
<div class="grid_row_cell" style="width: 10%;">
<div class="row_celltitles"><a href="#">Add</a></div>
</div>
</div>
<div class="grid_rows odd">
<div class="grid_row_cell" style="width: 29%;">
<div class="row_celltitles">LB#1</div>
</div>
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">8080</div>
</div>
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">80</div>
</div>
<div class="grid_row_cell" style="width: 30%;">
<div class="row_celltitles">Source</div>
</div>
<div class="grid_detailspanel" style="display:block;">
<div class="grid_details_pointer"></div>
<div class="grid_detailsbox">
<div class="grid_details_row odd">
<div class="grid_row_cell" style="width: 9%;">
<div class="row_celltitles"><img src="images/network_managevmicon.gif" /></div>
</div>
<div class="grid_row_cell" style="width: 60%;">
<select class="select" style="width:90%;"><option value="Source1">Source Name 1 </option> <option value="Source2">Source Name 2 </option> </select>
</div>
<div class="grid_row_cell" style="width: 30%;">
<div class="row_celltitles"><a href="#">Add</a></div>
</div>
</div>
<div class="grid_details_row">
<div class="grid_row_cell" style="width: 9%;">
<div class="row_celltitles"><img src="images/network_managevmicon.gif" /></div>
</div>
<div class="grid_row_cell" style="width: 60%;">
<div class="row_celltitles">1-2-2-TEST</div>
</div>
<div class="grid_row_cell" style="width: 30%;">
<div class="row_celltitles"><a href="#">Remove</a></div>
</div>
</div>
<div class="grid_details_row odd">
<div class="grid_row_cell" style="width: 9%;">
<div class="row_celltitles"><img src="images/network_managevmicon.gif" /></div>
</div>
<div class="grid_row_cell" style="width: 60%;">
<div class="row_celltitles">1-2-2-TEST</div>
</div>
<div class="grid_row_cell" style="width: 30%;">
<div class="row_celltitles"><a href="#">Remove</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="grid_rows even">
<div class="grid_row_cell" style="width: 29%;">
<div class="row_celltitles">LB#1</div>
</div>
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">8080</div>
</div>
<div class="grid_row_cell" style="width: 20%;">
<div class="row_celltitles">80</div>
</div>
<div class="grid_row_cell" style="width: 30%;">
<div class="row_celltitles">Source</div>
</div>
<div class="gridrow_loaderbox" style="display:none;">
<div class="gridrow_loader"></div>
<p> Creating &hellip;</p>
</div>
</div>
</div>
<!-- Load Balancer ends here-->
</div>
<!-- IP Address detail panel (end) -->