mirror of
https://github.com/apache/cloudstack.git
synced 2025-11-03 04:12:31 +01:00
new UI - color router state text: running in green, stopped in red, destroyed in gray.
This commit is contained in:
parent
3aa34687f5
commit
dca4413072
@ -1019,18 +1019,6 @@ function doDisableHA($t, selectedItemsInMidMenu, vmListAPIMap) {
|
|||||||
}).dialog("open");
|
}).dialog("open");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function updateVirtualMachineStateInRightPanel(state) {
|
|
||||||
var $rightPanelContent = $("#right_panel_content");
|
|
||||||
if(state == "Running")
|
|
||||||
$rightPanelContent.find("#state").text(state).removeClass("red gray").addClass("green");
|
|
||||||
else if(state == "Stopped")
|
|
||||||
$rightPanelContent.find("#state").text(state).removeClass("green gray").addClass("red");
|
|
||||||
else //Destroyed, Creating, ~
|
|
||||||
$rightPanelContent.find("#state").text(state).removeClass("green red").addClass("gray");
|
|
||||||
}
|
|
||||||
|
|
||||||
function vmToMidmenu(jsonObj, $midmenuItem1) {
|
function vmToMidmenu(jsonObj, $midmenuItem1) {
|
||||||
$midmenuItem1.data("jsonObj", jsonObj);
|
$midmenuItem1.data("jsonObj", jsonObj);
|
||||||
$midmenuItem1.attr("id", ("midmenuItem_"+jsonObj.id));
|
$midmenuItem1.attr("id", ("midmenuItem_"+jsonObj.id));
|
||||||
@ -1079,7 +1067,7 @@ function vmJsonToDetailsTab(jsonObj, $midmenuItem){
|
|||||||
$detailsTab.data("jsonObj", jsonObj);
|
$detailsTab.data("jsonObj", jsonObj);
|
||||||
|
|
||||||
//details tab
|
//details tab
|
||||||
updateVirtualMachineStateInRightPanel(jsonObj.state);
|
setVmStateInRightPanel(jsonObj.state, $detailsTab.find("#state"));
|
||||||
$detailsTab.find("#ipAddress").text(jsonObj.ipaddress);
|
$detailsTab.find("#ipAddress").text(jsonObj.ipaddress);
|
||||||
$detailsTab.find("#zoneName").text(fromdb(jsonObj.zonename));
|
$detailsTab.find("#zoneName").text(fromdb(jsonObj.zonename));
|
||||||
|
|
||||||
@ -1147,7 +1135,7 @@ function vmJsonToRouterTab(jsonObj) {
|
|||||||
|
|
||||||
function vmClearRightPanel(jsonObj) {
|
function vmClearRightPanel(jsonObj) {
|
||||||
$("#right_panel_header").find("#vm_name").text("");
|
$("#right_panel_header").find("#vm_name").text("");
|
||||||
updateVirtualMachineStateInRightPanel("");
|
setVmStateInRightPanel("");
|
||||||
|
|
||||||
var $rightPanelContent = $("#right_panel_content");
|
var $rightPanelContent = $("#right_panel_content");
|
||||||
$rightPanelContent.find("#ipAddress").text("");
|
$rightPanelContent.find("#ipAddress").text("");
|
||||||
@ -1225,7 +1213,7 @@ function vmVolumeJSONToTemplate(json, $template) {
|
|||||||
function vmRouterJSONToTemplate(jsonObj, $template) {
|
function vmRouterJSONToTemplate(jsonObj, $template) {
|
||||||
$template.data("jsonObj", jsonObj);
|
$template.data("jsonObj", jsonObj);
|
||||||
$template.find("#title").text(fromdb(jsonObj.name));
|
$template.find("#title").text(fromdb(jsonObj.name));
|
||||||
$template.find("#state").text(fromdb(jsonObj.state));
|
setVmStateInRightPanel(jsonObj.state, $template.find("#state"));
|
||||||
$template.find("#ipAddress").text(jsonObj.publicip);
|
$template.find("#ipAddress").text(jsonObj.publicip);
|
||||||
$template.find("#zonename").text(fromdb(jsonObj.zonename));
|
$template.find("#zonename").text(fromdb(jsonObj.zonename));
|
||||||
$template.find("#name").text(fromdb(jsonObj.name));
|
$template.find("#name").text(fromdb(jsonObj.name));
|
||||||
|
|||||||
@ -734,6 +734,15 @@ function resetViewConsoleAction(jsonObj, $detailsTab) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function setVmStateInRightPanel(stateValue, $stateField) {
|
||||||
|
if(stateValue == "Running")
|
||||||
|
$stateField.text(stateValue).removeClass("red gray").addClass("green");
|
||||||
|
else if(stateValue == "Stopped")
|
||||||
|
$stateField.text(stateValue).removeClass("green gray").addClass("red");
|
||||||
|
else //Destroyed, Creating, ~
|
||||||
|
$stateField.text(stateValue).removeClass("green red").addClass("gray");
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -24,8 +24,7 @@ function routerToRigntPanel($midmenuItem) {
|
|||||||
function routerJsonToDetailsTab(jsonObj) {
|
function routerJsonToDetailsTab(jsonObj) {
|
||||||
var $detailsTab = $("#right_panel_content #tab_content_details");
|
var $detailsTab = $("#right_panel_content #tab_content_details");
|
||||||
$detailsTab.data("jsonObj", jsonObj);
|
$detailsTab.data("jsonObj", jsonObj);
|
||||||
|
setVmStateInRightPanel(jsonObj.state, $detailsTab.find("#state"));
|
||||||
$detailsTab.find("#state").text(fromdb(jsonObj.state));
|
|
||||||
$detailsTab.find("#ipAddress").text(jsonObj.publicip);
|
$detailsTab.find("#ipAddress").text(jsonObj.publicip);
|
||||||
$detailsTab.find("#zonename").text(fromdb(jsonObj.zonename));
|
$detailsTab.find("#zonename").text(fromdb(jsonObj.zonename));
|
||||||
$detailsTab.find("#name").text(fromdb(jsonObj.name));
|
$detailsTab.find("#name").text(fromdb(jsonObj.name));
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user