apache/cloudstack
1
0
Fork 0
mirror of https://github.com/apache/cloudstack.git synced 2025-10-26 08:42:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

Regions UI: Show selected region name in header

Browse Source
This commit is contained in:
Brian Federle 2013-02-28 15:31:52 -08:00
parent c954d8000b
commit 558b808a18
2 changed files with 25 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
ui/css/cloudstack3.css
View File

@ -11073,6 +11073,7 @@ div.ui-dialog div.autoscaler div.field-group div.form-container form div.form-it
/*Regions*/ /*Regions*/
.region-switcher { .region-switcher {
display: inline-block;
z-index: 2002; z-index: 2002;
position: relative; position: relative;
background: url(../images/bg-gradients.png) 0px -1px; background: url(../images/bg-gradients.png) 0px -1px;
@ -11084,7 +11085,6 @@ div.ui-dialog div.autoscaler div.field-group div.form-container form div.form-it
border-radius: 4px; border-radius: 4px;
border-top: 1px solid #717171; border-top: 1px solid #717171;
border-bottom: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;
width: 32px;
height: 28px; height: 28px;
float: left; float: left;
margin: 4px 13px 0 0; margin: 4px 13px 0 0;
@ -11213,10 +11213,26 @@ div.ui-dialog div.autoscaler div.field-group div.form-container form div.form-it
} }
.region-switcher .icon { .region-switcher .icon {
display: inline-block;
float: left;
display: block; display: block;
width: 100%; width: 26px;
height: 100%; height: 26px;
background: url(../images/sprites.png) -15px -1313px; background: url(../images/sprites.png) -15px -1313px;
position: absolute;
}
.region-switcher .title {
display: inline-block;
float: right;
padding: 9px 9px 0 34px;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
max-width: 67px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
.region-switcher:hover, .region-switcher:hover,

8
ui/scripts/ui-custom/regions.js
View File

@ -37,6 +37,10 @@
if (region.id == activeRegionID) { if (region.id == activeRegionID) {
$li.addClass('active'); $li.addClass('active');
$regionSwitcherButton.find('.title')
.html(_s(region.name))
.attr('title', _s(region.name));
} }
$regionList.append($li); $regionList.append($li);
@ -62,7 +66,8 @@
var $regionSwitcherButton = $('<div>').addClass('region-switcher') var $regionSwitcherButton = $('<div>').addClass('region-switcher')
.attr('title', 'Select region') .attr('title', 'Select region')
.append( .append(
$('<span>').addClass('icon').html('&nbsp;') $('<span>').addClass('icon').html('&nbsp;'),
$('<span>').addClass('title').html('')
); );
var closeRegionSelector = function(args) { var closeRegionSelector = function(args) {
@ -72,7 +77,6 @@
}; };
var switchRegion = function(url) { var switchRegion = function(url) {
closeRegionSelector({ closeRegionSelector({
complete: function() { complete: function() {
$('#container').prepend($('<div>').addClass('loading-overlay')); $('#container').prepend($('<div>').addClass('loading-overlay'));