mirror of https://github.com/apache/cloudstack.git
Revised UI for left menu
This commit is contained in:
NIKITA
parent
9fbc8fd112
commit
9580317518
|
|
@ -1258,7 +1258,27 @@ a:visited {
|
|||
margin:0;
|
||||
padding:0;
|
||||
border-bottom:1px dashed #92a7b7;
|
||||
|
||||
}
|
||||
|
||||
.leftmenu_expandedbox{
|
||||
width:220px;
|
||||
height:auto;
|
||||
float:left;
|
||||
background:#7f9bae url(../images/leftmenu_expanded.gif) repeat-x top left;
|
||||
border-bottom:1px solid #FFF;
|
||||
margin:0;
|
||||
padding:0;
|
||||
overflow-x:scoll;
|
||||
overflow-x:auto;
|
||||
overflow-y:hidden;
|
||||
}
|
||||
|
||||
.leftmenu_expandedlist{
|
||||
width:100%;
|
||||
height:auto;
|
||||
float:left;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.leftmenu_content{
|
||||
|
|
@ -1275,11 +1295,17 @@ a:visited {
|
|||
padding:0 0 3px 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.leftmenu_content.selected{
|
||||
color:#FFF;
|
||||
background:#626262 url(../images/leftmenu_hover.gif) repeat-x top left;
|
||||
}
|
||||
|
||||
.leftmenu_content.highlighted{
|
||||
background:#a9b8c3 url(../images/leftmenu_highlighted.gif) repeat-x top left;
|
||||
}
|
||||
|
||||
/*
|
||||
.leftmenu_content:hover{
|
||||
background:#626262 url(../images/leftmenu_hover.gif) repeat-x top left;
|
||||
|
|
@ -1296,7 +1322,8 @@ a:visited {
|
|||
}
|
||||
|
||||
.leftmenu_firstindent{
|
||||
width:200px;
|
||||
min-width:200px;
|
||||
max-width:auto;
|
||||
height:auto;
|
||||
float:left;
|
||||
margin:7px 0 0 10px;
|
||||
|
|
@ -1305,32 +1332,70 @@ a:visited {
|
|||
}
|
||||
|
||||
.leftmenu_secondindent{
|
||||
width:180px;
|
||||
min-width:180px;
|
||||
max-width:auto;
|
||||
height:auto;
|
||||
float:left;
|
||||
margin:7px 0 0 25px;
|
||||
color:#FFF;
|
||||
margin:7px 0 0 30px;
|
||||
display:inline;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.leftmenu_thirdindent{
|
||||
width:150px;
|
||||
min-width:160px;
|
||||
max-width:auto;
|
||||
height:auto;
|
||||
float:left;
|
||||
margin:7px 0 0 60px;
|
||||
color:#FFF;
|
||||
margin:7px 0 0 50px;
|
||||
display:inline;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.leftmenu_fourthindent{
|
||||
width:170px;
|
||||
min-width:200px;
|
||||
max-width:auto;
|
||||
height:auto;
|
||||
float:left;
|
||||
color:#FFF;
|
||||
margin:7px 0 0 70px;
|
||||
display:inline;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.leftmenu_fifthindent{
|
||||
min-width:200px;
|
||||
max-width:auto;
|
||||
height:auto;
|
||||
float:left;
|
||||
color:#FFF;
|
||||
margin:7px 0 0 100px;
|
||||
display:inline;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.leftmenu_sixthindent{
|
||||
min-width:200px;
|
||||
max-width:auto;
|
||||
height:auto;
|
||||
float:left;
|
||||
color:#FFF;
|
||||
margin:7px 0 0 120px;
|
||||
display:inline;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.leftmenu_domainindent{
|
||||
min-width:180px;
|
||||
max-width:auto;
|
||||
height:auto;
|
||||
float:left;
|
||||
color:#FFF;
|
||||
margin:7px 0 0 30px;
|
||||
display:inline;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.leftmenu_titles {
|
||||
width:auto;
|
||||
|
|
@ -1355,10 +1420,10 @@ a:visited {
|
|||
|
||||
|
||||
.leftmenu_arrows {
|
||||
width:10px;
|
||||
height:11px;
|
||||
width:9px;
|
||||
height:9px;
|
||||
float:left;
|
||||
margin:2px 6px 0 0;
|
||||
margin:2px 4px 0 0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
|
|
@ -1366,10 +1431,26 @@ a:visited {
|
|||
background:url(../images/leftmenu_closedarrow.png) no-repeat top left;
|
||||
}
|
||||
|
||||
.leftmenu_arrows.nonexpanded_close {
|
||||
background:url(../images/leftmenu_closedarrow_nonexp.png) no-repeat top left;
|
||||
}
|
||||
|
||||
.leftmenu_arrows.open {
|
||||
background:url(../images/leftmenu_openarrow.png) no-repeat top left;
|
||||
}
|
||||
|
||||
.leftmenu_arrows.expanded_close {
|
||||
background:url(../images/leftmenu_white_closedarrow.png) no-repeat top left;
|
||||
}
|
||||
|
||||
.leftmenu_arrows.white_nonexpanded_close {
|
||||
background:url(../images/leftmenu_white_closedarrow_nonexp.png) no-repeat top left;
|
||||
}
|
||||
|
||||
.leftmenu_arrows.expanded_open {
|
||||
background:url(../images/leftmenu_white_openedarrow.png) no-repeat top left;
|
||||
}
|
||||
|
||||
.right_panel {
|
||||
width:auto;
|
||||
height:auto;
|
||||
|
|
@ -2837,8 +2918,14 @@ a:hover.search_button {
|
|||
width:auto;
|
||||
height:auto;
|
||||
float:left;
|
||||
margin:0 0 0 0;
|
||||
padding:0;
|
||||
color:#FFF;
|
||||
text-align:left;
|
||||
font-weight:normal;
|
||||
font-size:11px;
|
||||
cursor:pointer;
|
||||
cursor:hand;
|
||||
margin:0;
|
||||
padding:0 0 3px 0;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 545 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 257 B After Width: | Height: | Size: 204 B |
Binary file not shown.
|
After Width: | Height: | Size: 172 B |
Binary file not shown.
|
After Width: | Height: | Size: 393 B |
Binary file not shown.
|
After Width: | Height: | Size: 171 B |
Binary file not shown.
|
Before Width: | Height: | Size: 207 B After Width: | Height: | Size: 202 B |
Binary file not shown.
|
After Width: | Height: | Size: 190 B |
Binary file not shown.
|
After Width: | Height: | Size: 194 B |
Binary file not shown.
|
After Width: | Height: | Size: 183 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 3.7 KiB |
532
ui/new/index.jsp
532
ui/new/index.jsp
|
|
@ -176,7 +176,7 @@ long milliseconds = new Date().getTime();
|
|||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="actionpanel_button_wrapper" id="midmenu_add_link" style="display: none">
|
||||
<div class="actionpanel_button_wrapper" id="midmenu_add_link" style="display: none;">
|
||||
<div class="actionpanel_button">
|
||||
<div class="actionpanel_button_icons">
|
||||
<img src="images/addvm_actionicon.png" alt="Add" /></div>
|
||||
|
|
@ -185,6 +185,41 @@ long milliseconds = new Date().getTime();
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="actionpanel_button_wrapper" id="midmenu_add_link" style="display: none;">
|
||||
<div class="actionpanel_button">
|
||||
<div class="actionpanel_button_icons">
|
||||
<img src="images/startvm_actionicon.png" alt="Start" /></div>
|
||||
<div class="actionpanel_button_links">
|
||||
Start</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="actionpanel_button_wrapper" id="midmenu_add_link" style="display: none;">
|
||||
<div class="actionpanel_button">
|
||||
<div class="actionpanel_button_icons">
|
||||
<img src="images/stopvm_actionicon.png" alt="Stop" /></div>
|
||||
<div class="actionpanel_button_links">
|
||||
Stop</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="actionpanel_button_wrapper" id="midmenu_add_link" style="display: none;">
|
||||
<div class="actionpanel_button">
|
||||
<div class="actionpanel_button_icons">
|
||||
<img src="images/rebootvm_actionicon.png" alt="Reboot" /></div>
|
||||
<div class="actionpanel_button_links">
|
||||
Reboot</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="actionpanel_button_wrapper" id="midmenu_add_link" style="display: none;">
|
||||
<div class="actionpanel_button">
|
||||
<div class="actionpanel_button_icons">
|
||||
<img src="images/destroyvm_actionicon.png" alt="Destroy" /></div>
|
||||
<div class="actionpanel_button_links">
|
||||
Destroy</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="actionpanel_button_wrapper" id="add_link" style="display: block; float:right; background:none; ">
|
||||
<div class="actionpanel_button">
|
||||
<div class="actionpanel_button_icons">
|
||||
|
|
@ -219,9 +254,9 @@ long milliseconds = new Date().getTime();
|
|||
<div class="leftmenu_panel">
|
||||
<div class="leftmenu_box" id="accordion_menu" style="display: none">
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_content" id="leftmenu_dashboard">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
<div class="leftmenu_arrows nonexpanded_close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/leftmenu_dashboardicon.png" alt="Dashboard" /></div>
|
||||
|
|
@ -229,17 +264,9 @@ long milliseconds = new Date().getTime();
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content" id="leftmenu_dashboard">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/leftmenu_dashboardicon.png" alt="Dashboard" /></div>
|
||||
<%=t.t("dashboard")%>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_content highlighted">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
|
|
@ -248,29 +275,36 @@ long milliseconds = new Date().getTime();
|
|||
<%=t.t("instance")%>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div id="leftmenu_instance_group">
|
||||
<div class="leftmenu_content" id="leftmenu_instance_group_header">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_arrows close" id="arrow_icon">
|
||||
<div class="leftmenu_expandedbox">
|
||||
<div id="leftmenu_instance_group">
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" id="leftmenu_instance_group_header">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_arrows expanded_close" id="arrow_icon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/instance_leftmenuicon.png" alt="Instance" /></div>
|
||||
<%=t.t("instance")%>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/instance_leftmenuicon.png" alt="Instance" /></div>
|
||||
<%=t.t("instance")%>
|
||||
</div>
|
||||
<div id="leftmenu_instance_group_container">
|
||||
</div>
|
||||
</div>
|
||||
<div id="leftmenu_instance_group_container">
|
||||
</div>
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" id="leftmenu_router">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_arrows white_nonexpanded_close" id="arrow_icon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/routers_leftmenuicon.png" alt="Router" /></div>
|
||||
<%=t.t("router")%>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content" id="leftmenu_router">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/routers_leftmenuicon.png" alt="Router" /></div>
|
||||
<%=t.t("router")%>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
|
|
@ -281,25 +315,35 @@ long milliseconds = new Date().getTime();
|
|||
<%=t.t("storage")%>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content" id="leftmenu_volume">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/leftmenu_volumeicon.png" alt="Volume" /></div>
|
||||
<%=t.t("volume")%>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content" id="leftmenu_snapshot">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/leftmenu_snapshotsicon.png" alt="Snapshot" /></div>
|
||||
<%=t.t("snapshot")%>
|
||||
<div class="leftmenu_expandedbox">
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" id="leftmenu_volume">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_arrows white_nonexpanded_close" id="arrow_icon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/leftmenu_volumeicon.png" alt="Volume" /></div>
|
||||
<%=t.t("volume")%>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" id="leftmenu_snapshot">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_arrows white_nonexpanded_close" id="arrow_icon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/leftmenu_snapshotsicon.png" alt="Snapshot" /></div>
|
||||
<%=t.t("snapshot")%>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_content" id="leftmenu_ip">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
|
|
@ -309,15 +353,7 @@ long milliseconds = new Date().getTime();
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content" id="leftmenu_ip">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/leftmenu_ipaddressicon.png" alt="IP Address" /></div>
|
||||
<%=t.t("ip.address")%>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
|
|
@ -330,117 +366,152 @@ long milliseconds = new Date().getTime();
|
|||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div id="leftmenu_itemplate_filter">
|
||||
<div class="leftmenu_content" id="leftmenu_template_filter_header">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/templates_leftmenuicon.png" alt="Template" /></div>
|
||||
<%=t.t("template")%>
|
||||
<div class="leftmenu_expandedbox">
|
||||
<div id="leftmenu_itemplate_filter">
|
||||
<div class="leftmenu_content" id="leftmenu_template_filter_header">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_arrows expanded_open" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/templates_leftmenuicon.png" alt="Template" /></div>
|
||||
<%=t.t("template")%>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="leftmenu_template_filter_container">
|
||||
<div class="leftmenu_content" id="leftmenu_submenu_my_template">
|
||||
<div class="leftmenu_thirdindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/templates_leftmenuicon.png" alt="My Template" /></div>
|
||||
<div>
|
||||
<%=t.t("my.template")%></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content" id="leftmenu_submenu_featured_template">
|
||||
<div class="leftmenu_thirdindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/templates_leftmenuicon.png" alt="Featured Template" /></div>
|
||||
<div>
|
||||
<%=t.t("featured.template")%></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content" id="leftmenu_submenu_community_template">
|
||||
<div class="leftmenu_thirdindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/templates_leftmenuicon.png" alt="Community Template" /></div>
|
||||
<div>
|
||||
<%=t.t("community.template")%></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="leftmenu_iso_filter">
|
||||
<div class="leftmenu_content" id="leftmenu_iso_filter_header">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/templates_leftmenuicon.png" alt="Templates" /></div>
|
||||
<%=t.t("iso")%>
|
||||
|
||||
<div id="leftmenu_template_filter_container">
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" id="leftmenu_submenu_my_template">
|
||||
<div class="leftmenu_thirdindent">
|
||||
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/templates_leftmenuicon.png" alt="My Template" /></div>
|
||||
<div>
|
||||
<%=t.t("my.template")%></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" id="leftmenu_submenu_featured_template">
|
||||
<div class="leftmenu_thirdindent">
|
||||
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/templates_leftmenuicon.png" alt="Featured Template" /></div>
|
||||
<div>
|
||||
<%=t.t("featured.template")%></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" id="leftmenu_submenu_community_template">
|
||||
<div class="leftmenu_thirdindent">
|
||||
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/templates_leftmenuicon.png" alt="Community Template" /></div>
|
||||
<div>
|
||||
<%=t.t("community.template")%></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="leftmenu_iso_filter_container">
|
||||
<div class="leftmenu_content" id="leftmenu_submenu_my_iso">
|
||||
<div class="leftmenu_thirdindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/templates_leftmenuicon.png" /></div>
|
||||
<div>
|
||||
<%=t.t("my.iso")%></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content" id="leftmenu_submenu_featured_iso">
|
||||
<div class="leftmenu_thirdindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/templates_leftmenuicon.png" /></div>
|
||||
<div>
|
||||
<%=t.t("featured.iso")%></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content" id="leftmenu_submenu_community_iso">
|
||||
<div class="leftmenu_thirdindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/templates_leftmenuicon.png" /></div>
|
||||
<div>
|
||||
<%=t.t("community.iso")%></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
|
||||
|
||||
<div id="leftmenu_iso_filter">
|
||||
<div class="leftmenu_content" id="leftmenu_iso_filter_header">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_arrows expanded_open" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/templates_leftmenuicon.png" alt="Templates" /></div>
|
||||
<%=t.t("iso")%>
|
||||
</div>
|
||||
</div>
|
||||
<div id="leftmenu_iso_filter_container">
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" id="leftmenu_submenu_my_iso">
|
||||
<div class="leftmenu_thirdindent">
|
||||
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/templates_leftmenuicon.png" /></div>
|
||||
<div>
|
||||
<%=t.t("my.iso")%></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" id="leftmenu_submenu_featured_iso">
|
||||
<div class="leftmenu_thirdindent">
|
||||
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/templates_leftmenuicon.png" /></div>
|
||||
<div>
|
||||
<%=t.t("featured.iso")%></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" id="leftmenu_submenu_community_iso">
|
||||
<div class="leftmenu_thirdindent">
|
||||
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/templates_leftmenuicon.png" /></div>
|
||||
<div>
|
||||
<%=t.t("community.iso")%></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/accounts_leftmenuicon.png" alt="Account" /></div>
|
||||
<%=t.t("account")%>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content" id="leftmenu_account">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows nonexpanded_close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/accounts_leftmenuicon.png" alt="Account" /></div>
|
||||
<%=t.t("account")%>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/domain_leftmenuicon.png" alt="Domain" /></div>
|
||||
<%=t.t("domain")%>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content" id="leftmenu_domain">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/domain_leftmenuicon.png" alt="Domain" /></div>
|
||||
<%=t.t("domain")%>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_expandedbox">
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_domainindent" style="margin-left:30px;">
|
||||
<div id="domain_title_container" class="tree_levels">
|
||||
<div class="leftmenu_arrows expanded_close" id="arrowIcon">
|
||||
</div>
|
||||
Domain Name
|
||||
</div>
|
||||
<div id="domain_children_container" style="display:none">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_firstindent">
|
||||
|
|
@ -451,63 +522,144 @@ long milliseconds = new Date().getTime();
|
|||
<%=t.t("event")%>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content" id="leftmenu_event">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/events_leftmenuicon.png" alt="Event" /></div>
|
||||
<%=t.t("event")%>
|
||||
<div class="leftmenu_expandedbox">
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" id="leftmenu_event">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon"></div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/events_leftmenuicon.png" alt="Event" /></div>
|
||||
<%=t.t("event")%>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content" id="leftmenu_alert">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/events_leftmenuicon.png" alt="Alert" /></div>
|
||||
<%=t.t("alert")%>
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" id="leftmenu_alert">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon"></div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/alert_leftmenuicon.png" alt="Alert" /></div>
|
||||
<%=t.t("alert")%>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content">
|
||||
<div class="leftmenu_content highlighted">
|
||||
<div class="leftmenu_firstindent">
|
||||
<div class="leftmenu_arrows close" id="arrowIcon">
|
||||
<div class="leftmenu_arrows open" id="arrowIcon">
|
||||
</div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/configuration_leftmenuicon.png" alt="System" /></div>
|
||||
<%=t.t("system")%>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_expandedbox">
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" id="leftmenu_resource">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_arrows expanded_close" id="arrowIcon"></div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/configuration_leftmenuicon.png" alt="Resources" /></div>
|
||||
<%=t.t("resources")%>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" id="leftmenu_resource">
|
||||
<div class="leftmenu_thirdindent">
|
||||
<div class="leftmenu_arrows expanded_close" id="arrowIcon"></div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/zone_zoneicon.png" alt="Zone" /></div>
|
||||
Zone: <strong><span id="zone_name">Zone 1</span></strong>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" id="leftmenu_resource">
|
||||
<div class="leftmenu_fourthindent">
|
||||
<div class="leftmenu_arrows expanded_close" id="arrowIcon"></div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/zone_podicon.png" alt="Pod" /></div>
|
||||
Pod: <strong><span id="pod_name">Name of the Pod</span></strong>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" id="leftmenu_resource">
|
||||
<div class="leftmenu_fifthindent">
|
||||
<div class="leftmenu_arrows expanded_close" id="arrowIcon"></div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/zone_clustericon.png" alt="Cluster" /></div>
|
||||
Cluster: <strong><span id="cluster_name">(Name of the Cluster)</span></strong>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" id="leftmenu_resource">
|
||||
<div class="leftmenu_sixthindent">
|
||||
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon"></div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/zone_hosticon.png" alt="Host" /></div>
|
||||
Host: <strong><span id="host_name">(Name of the Host)</span></strong>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" id="leftmenu_resource">
|
||||
<div class="leftmenu_sixthindent">
|
||||
<div class="leftmenu_arrows white_nonexpanded_close" id="arrowIcon"></div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/zone_primarystorageicon.png" alt="PrimaryStorage" /></div>
|
||||
Primary: <strong><span id="primary_storage_name">(Name of the Primary Storage)</span></strong>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" style="border-bottom:1px dashed b4c8d6;" id="leftmenu_service_offering">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_arrows expanded_close" id="arrowIcon"></div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/configuration_leftmenuicon.png" alt="Service Offerings" /></div>
|
||||
<%=t.t("service.offerings")%>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" id="leftmenu_disk_offering">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_arrows expanded_close" id="arrowIcon"></div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/configuration_leftmenuicon.png" alt="Disk Offerings" /></div>
|
||||
<%=t.t("disk.offerings")%>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="leftmenu_expandedlist">
|
||||
<div class="leftmenu_content" id="leftmenu_global_setting">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_arrows expanded_close" id="arrowIcon"></div>
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/configuration_leftmenuicon.png" alt="Global Settings" /></div>
|
||||
<%=t.t("global.settings")%>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_list">
|
||||
<div class="leftmenu_content" id="leftmenu_resource">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/configuration_leftmenuicon.png" alt="Resources" /></div>
|
||||
<%=t.t("resources")%>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content" id="leftmenu_service_offering">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/configuration_leftmenuicon.png" alt="Service Offerings" /></div>
|
||||
<%=t.t("service.offerings")%>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content" id="leftmenu_disk_offering">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/configuration_leftmenuicon.png" alt="Disk Offerings" /></div>
|
||||
<%=t.t("disk.offerings")%>
|
||||
</div>
|
||||
</div>
|
||||
<div class="leftmenu_content" id="leftmenu_global_setting">
|
||||
<div class="leftmenu_secondindent">
|
||||
<div class="leftmenu_list_icons">
|
||||
<img src="images/configuration_leftmenuicon.png" alt="Global Settings" /></div>
|
||||
<%=t.t("global.settings")%>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue