Layout new project selector (only dummy data for now)

This commit is contained in:
Brian Federle 2013-04-10 13:34:25 -07:00
parent f66b9b570f
commit aa5ed0a0fb
3 changed files with 56 additions and 5 deletions

View File

@ -8839,6 +8839,7 @@ div.ui-dialog div.multi-edit-add-list div.view div.data-table table.body tbody t
left: 0px;
top: -10px;
margin-right: 9px;
display: none;
}
#header div.view-switcher.alt {
@ -8905,6 +8906,25 @@ div.ui-dialog div.multi-edit-add-list div.view div.data-table table.body tbody t
padding: 3px 0 4px;
}
/*** View switcher (drop-down)*/
.project-switcher {
float: left;
width: 141px;
padding: 9px 17px 0 0;
}
.project-switcher select {
width: 100%;
font-size: 12px;
border: 1px solid #000000;
border-bottom: #FFFFFF;
/*+border-radius:4px;*/
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
/*** Select project*/
.project-selector {
display: inline-block;
@ -11766,7 +11786,6 @@ div.ui-dialog div.autoscaler div.field-group div.form-container form div.form-it
background-position: -168px -31px;
}
.addVlanRange:hover .icon {
background-position: -168px -613px;
}
@ -11796,8 +11815,8 @@ div.ui-dialog div.autoscaler div.field-group div.form-container form div.form-it
background-position: -168px -31px;
}
.reset .icon ,
.scaleUp .icon{
.reset .icon,
.scaleUp .icon {
background-position: -168px -31px;
}

View File

@ -1679,6 +1679,7 @@ under the License.
<script type="text/javascript" src="scripts/domains.js?t=<%=now%>"></script>
<script type="text/javascript" src="scripts/docs.js?t=<%=now%>"></script>
<script type="text/javascript" src="scripts/vm_snapshots.js?t=<%=now%>"></script>
<script type="text/javascript" src="scripts/ui-custom/projectSelect.js?t=<%=now%>"></script>
<!-- Plugins -->
<script type="text/javascript" src="scripts/ui-custom/plugins.js?t=<%=now%>"></script>

View File

@ -0,0 +1,31 @@
// Licensed to the Apache Software Foundation (ASF) under one
// or more contributor license agreements. See the NOTICE file
// distributed with this work for additional information
// regarding copyright ownership. The ASF licenses this file
// to you under the Apache License, Version 2.0 (the
// "License"); you may not use this file except in compliance
// with the License. You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing,
// software distributed under the License is distributed on an
// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
// KIND, either express or implied. See the License for the
// specific language governing permissions and limitations
// under the License.
(function($, cloudStack) {
$(window).bind('cloudStack.ready', function() {
var $header = $('#header .controls');
var $projectSwitcher = $('<div>').addClass('project-switcher');
var $projectSelect = $('<select>').append(
$('<option>').attr('value', 'basic').html(_l('Project 1')),
$('<option>').attr('value', 'advanced').html(_l('Project 2'))
);
$projectSelect.appendTo($projectSwitcher);
$projectSwitcher.insertBefore($header.find('.region-switcher'));
});
}(jQuery, cloudStack));