diff --git a/ui/modules/vpc/vpc.css b/ui/modules/vpc/vpc.css index db57d94c5d6..0ff99db3d59 100644 --- a/ui/modules/vpc/vpc.css +++ b/ui/modules/vpc/vpc.css @@ -154,6 +154,15 @@ cursor: pointer; } +.vpc-network-chart .tier-item .content .dashboard-item.disabled { + /*+opacity:50%;*/ + filter: alpha(opacity=50); + -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); + -moz-opacity: 0.5; + opacity: 0.5; + cursor: not-allowed; +} + .vpc-network-chart .tier-item .content .dashboard-item:hover { background-color: #DBEDFE; /*+box-shadow:inset 0px 1px 2px #000000;*/ @@ -271,6 +280,8 @@ float: left; /*+placement:shift 10px 176px;*/ position: relative; + left: 10px; + top: 176px; left: 0px; top: 237px; } diff --git a/ui/modules/vpc/vpc.js b/ui/modules/vpc/vpc.js index 5e87dbb4fb6..981d612b520 100644 --- a/ui/modules/vpc/vpc.js +++ b/ui/modules/vpc/vpc.js @@ -231,7 +231,15 @@ $dashboardItem.append($total, $name); $dashboardItem.appendTo($dashboard); + if (dashboardItem._disabled) { + $dashboardItem.addClass('disabled'); + } + $dashboardItem.click(function() { + if ($dashboardItem.is('.disabled')) { + return false; + } + var section = cloudStack.vpc.sections[id]; var $section = $('