9f45851859
Screen Shot: https://drive.google.com/file/d/0B1UFZO9xX8eweERNX2FWVGRrMXM/view Short Video: https://youtu.be/lYt2U7qZG38 This patch realizes the Cloud Shell feature as following manner: 1. Add 'Cloud Shell' menu on the top menu bar. 2. When 'Cloud Shell' menu clicked, create console area on the bottom of window. 3. If cloud shell container does not exists for the user, create the container. 4. If cloud shell container exists, attach the console area to the container. 5. Each time when attach to the container, clouds.yaml will be exported into the container. 6. Password will be not imported into the container, so user should set manually 'OS_PASSWORD' into envirinment variables or 'password' into clouds.yaml. Change-Id: Ia26be196758e5f3617b31750702a6c54436efb93 Depends-On: Ie4bc4d7302ce80ed9925db4156ff52f928460aca
95 lines
2.4 KiB
JavaScript
95 lines
2.4 KiB
JavaScript
/**
|
|
* Licensed 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() {
|
|
'use strict';
|
|
|
|
angular
|
|
.module('horizon.cloud-shell.resizer', [])
|
|
.directive('resizer', resizer);
|
|
|
|
resizer.$inject = ['$document'];
|
|
|
|
function resizer($document) {
|
|
|
|
var directive = {
|
|
restrict: 'E',
|
|
scope: {
|
|
direction: '@',
|
|
max: '@',
|
|
left: '@',
|
|
right: '@',
|
|
top: '@',
|
|
bottom: '@',
|
|
width: '@',
|
|
height: '@',
|
|
callback: '&'
|
|
},
|
|
link: link
|
|
};
|
|
|
|
return directive;
|
|
|
|
////////////////////
|
|
|
|
function link($scope, $element) {
|
|
$element.on('mousedown', function(event) {
|
|
event.preventDefault();
|
|
$document.on('mousemove', mousemove);
|
|
$document.on('mouseup', mouseup);
|
|
});
|
|
|
|
function mousemove(event) {
|
|
if ($scope.direction === 'vertical') {
|
|
// Handle vertical resizer
|
|
var x = event.pageX;
|
|
|
|
if ($scope.max && x > $scope.max) {
|
|
x = parseInt($scope.max, 10);
|
|
}
|
|
$element.css({
|
|
left: x + 'px'
|
|
});
|
|
$($scope.left).css({
|
|
width: x + 'px'
|
|
});
|
|
$($scope.right).css({
|
|
left: (x + parseInt($scope.width, 10)) + 'px'
|
|
});
|
|
} else {
|
|
// Handle horizontal resizer
|
|
var y = window.innerHeight - event.pageY;
|
|
$element.css({
|
|
bottom: y + 'px'
|
|
});
|
|
$($scope.top).css({
|
|
bottom: (y + parseInt($scope.height, 10)) + 'px'
|
|
});
|
|
$($scope.bottom).css({
|
|
height: y + 'px'
|
|
});
|
|
}
|
|
}
|
|
|
|
function mouseup() {
|
|
$document.unbind('mousemove', mousemove);
|
|
$document.unbind('mouseup', mouseup);
|
|
if (typeof $scope.callback === "function") {
|
|
$scope.callback();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
})();
|