mirror of
https://github.com/ansible/awx.git
synced 2026-01-16 04:10:44 -03:30
Apply UI feedback changes
* Remove input slider css mixin * Remove unused dependencies * Improve error handling by plugging in the ProcessErrors factory
This commit is contained in:
parent
e07f441e32
commit
fa70d108d7
@ -245,10 +245,20 @@
|
||||
}
|
||||
|
||||
&::-webkit-slider-runnable-track {
|
||||
.at-mixin-sliderTrack();
|
||||
background: @at-color-input-slider-track;
|
||||
cursor: pointer;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
}
|
||||
&::-webkit-slider-thumb {
|
||||
.at-mixin-sliderThumb();
|
||||
-webkit-appearance: none;
|
||||
background: @at-color-input-slider-thumb;
|
||||
border-radius: 50%;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
height: 16px;
|
||||
margin-top: -7px;
|
||||
width: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -102,22 +102,4 @@
|
||||
|
||||
.at-mixin-FontFixedWidth () {
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
|
||||
.at-mixin-sliderTrack() {
|
||||
background: @at-color-input-slider-track;
|
||||
cursor: pointer;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.at-mixin-sliderThumb() {
|
||||
-webkit-appearance: none;
|
||||
background: @at-color-input-slider-thumb;
|
||||
border-radius: 50%;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
height: 16px;
|
||||
margin-top: -7px;
|
||||
width: 16px;
|
||||
}
|
||||
@ -1,4 +1,4 @@
|
||||
function InstanceModalController ($scope, $state, $http, $q, models, strings) {
|
||||
function InstanceModalController ($scope, $state, models, strings) {
|
||||
const { instance, instanceGroup } = models;
|
||||
const vm = this || {};
|
||||
|
||||
@ -47,8 +47,6 @@ function InstanceModalController ($scope, $state, $http, $q, models, strings) {
|
||||
InstanceModalController.$inject = [
|
||||
'$scope',
|
||||
'$state',
|
||||
'$http',
|
||||
'$q',
|
||||
'resolvedModels',
|
||||
'InstanceGroupsStrings'
|
||||
];
|
||||
|
||||
@ -1,5 +1,4 @@
|
||||
export default ['templateUrl', 'InstanceGroupsStrings',
|
||||
function (templateUrl, strings) {
|
||||
function CapacityBar (templateUrl, strings) {
|
||||
return {
|
||||
scope: {
|
||||
capacity: '=',
|
||||
@ -44,4 +43,10 @@ function (templateUrl, strings) {
|
||||
}
|
||||
};
|
||||
}
|
||||
];
|
||||
|
||||
CapacityBar.$inject = [
|
||||
'templateUrl',
|
||||
'InstanceGroupsStrings'
|
||||
];
|
||||
|
||||
export default CapacityBar;
|
||||
@ -1,5 +0,0 @@
|
||||
import capacityBar from './capacity-bar.directive';
|
||||
|
||||
export default
|
||||
angular.module('capacityBarDirective', [])
|
||||
.directive('capacityBar', capacityBar);
|
||||
@ -1,5 +1,5 @@
|
||||
|
||||
function InstanceJobsController ($scope, GetBasePath, Rest, Dataset, Find, $filter, $state, $q, model, strings, jobStrings) {
|
||||
function InstanceJobsController ($scope, $filter, $state, model, strings, jobStrings) {
|
||||
const vm = this || {};
|
||||
const { instance } = model;
|
||||
|
||||
@ -66,13 +66,8 @@ function InstanceJobsController ($scope, GetBasePath, Rest, Dataset, Find, $filt
|
||||
|
||||
InstanceJobsController.$inject = [
|
||||
'$scope',
|
||||
'GetBasePath',
|
||||
'Rest',
|
||||
'Dataset',
|
||||
'Find',
|
||||
'$filter',
|
||||
'$state',
|
||||
'$q',
|
||||
'resolvedModels',
|
||||
'InstanceGroupsStrings',
|
||||
'JobStrings'
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
function InstanceModalController ($scope, $state, $http, $q, models, strings) {
|
||||
function InstanceModalController ($scope, $state, models, strings, ProcessErrors) {
|
||||
const { instance, instanceGroup } = models;
|
||||
const vm = this || {};
|
||||
|
||||
@ -54,7 +54,13 @@ function InstanceModalController ($scope, $state, $http, $q, models, strings) {
|
||||
});
|
||||
|
||||
Promise.all(defers)
|
||||
.then(vm.onSaveSuccess);
|
||||
.then(vm.onSaveSuccess)
|
||||
.catch(({data, status}) => {
|
||||
ProcessErrors($scope, data, status, null, {
|
||||
hdr: 'Error!',
|
||||
msg: 'Call failed. Return status: ' + status
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
vm.onSaveSuccess = () => {
|
||||
@ -65,10 +71,9 @@ function InstanceModalController ($scope, $state, $http, $q, models, strings) {
|
||||
InstanceModalController.$inject = [
|
||||
'$scope',
|
||||
'$state',
|
||||
'$http',
|
||||
'$q',
|
||||
'resolvedModels',
|
||||
'InstanceGroupsStrings'
|
||||
'InstanceGroupsStrings',
|
||||
'ProcessErrors'
|
||||
];
|
||||
|
||||
export default InstanceModalController;
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
function InstancesController ($scope, $state, $http, models, Instance, strings, Dataset) {
|
||||
function InstancesController ($scope, $state, $http, models, Instance, strings, Dataset, ProcessErrors) {
|
||||
const { instanceGroup } = models;
|
||||
const vm = this || {};
|
||||
vm.strings = strings;
|
||||
@ -51,7 +51,13 @@ function InstancesController ($scope, $state, $http, models, Instance, strings,
|
||||
data
|
||||
};
|
||||
|
||||
$http(req).then(vm.onSaveSuccess);
|
||||
$http(req).then(vm.onSaveSuccess)
|
||||
.catch(({data, status}) => {
|
||||
ProcessErrors($scope, data, status, null, {
|
||||
hdr: 'Error!',
|
||||
msg: 'Call failed. Return status: ' + status
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
vm.onSaveSuccess = () => {
|
||||
@ -73,7 +79,8 @@ InstancesController.$inject = [
|
||||
'resolvedModels',
|
||||
'InstanceModel',
|
||||
'InstanceGroupsStrings',
|
||||
'Dataset'
|
||||
'Dataset',
|
||||
'ProcessErrors'
|
||||
];
|
||||
|
||||
export default InstancesController;
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
|
||||
function InstanceGroupJobsController ($scope, GetBasePath, Rest, Dataset, Find, $filter, $state, $q, model, strings, jobStrings) {
|
||||
function InstanceGroupJobsController ($scope, $filter, $state, model, strings, jobStrings) {
|
||||
const vm = this || {};
|
||||
const { instanceGroup } = model;
|
||||
|
||||
@ -78,13 +78,8 @@ function InstanceGroupJobsController ($scope, GetBasePath, Rest, Dataset, Find,
|
||||
|
||||
InstanceGroupJobsController.$inject = [
|
||||
'$scope',
|
||||
'GetBasePath',
|
||||
'Rest',
|
||||
'Dataset',
|
||||
'Find',
|
||||
'$filter',
|
||||
'$state',
|
||||
'$q',
|
||||
'resolvedModels',
|
||||
'InstanceGroupsStrings',
|
||||
'JobStrings'
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
export default ['$scope', 'InstanceGroupList', 'resolvedModels', 'GetBasePath', 'Rest', 'Dataset','Find', '$state', '$q', 'ComponentsStrings',
|
||||
function($scope, InstanceGroupList, resolvedModels, GetBasePath, Rest, Dataset, Find, $state, $q, strings) {
|
||||
export default ['$scope', 'InstanceGroupList', 'resolvedModels', 'Dataset', '$state', 'ComponentsStrings', 'ProcessErrors',
|
||||
function($scope, InstanceGroupList, resolvedModels, Dataset, $state, strings, ProcessErrors) {
|
||||
let list = InstanceGroupList;
|
||||
const vm = this;
|
||||
const { instanceGroup } = resolvedModels;
|
||||
@ -27,7 +27,13 @@ export default ['$scope', 'InstanceGroupList', 'resolvedModels', 'GetBasePath',
|
||||
|
||||
deletables.forEach((data) => {
|
||||
let promise = instanceGroup.http.delete({resource: data});
|
||||
Promise.resolve(promise).then(vm.onSaveSuccess);
|
||||
Promise.resolve(promise).then(vm.onSaveSuccess)
|
||||
.catch(({data, status}) => {
|
||||
ProcessErrors($scope, data, status, null, {
|
||||
hdr: 'Error!',
|
||||
msg: 'Call failed. Return status: ' + status
|
||||
});
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import { templateUrl } from '../shared/template-url/template-url.factory';
|
||||
import CapacityAdjuster from './capacity-adjuster/capacity-adjuster.directive';
|
||||
import CapacityBar from './capacity-bar/main';
|
||||
import CapacityBar from './capacity-bar/capacity-bar.directive';
|
||||
import instanceGroupsMultiselect from '../shared/instance-groups-multiselect/instance-groups.directive';
|
||||
import instanceGroupsModal from '../shared/instance-groups-multiselect/instance-groups-modal/instance-groups-modal.directive';
|
||||
|
||||
@ -321,7 +321,7 @@ InstanceGroupsRun.$inject = [
|
||||
'ComponentsStrings'
|
||||
];
|
||||
|
||||
angular.module(MODULE_NAME, [CapacityBar.name])
|
||||
angular.module(MODULE_NAME, [])
|
||||
.service('InstanceGroupsService', service)
|
||||
.factory('InstanceGroupList', list)
|
||||
.controller('InstanceGroupsListController', InstanceGroupsListController)
|
||||
@ -331,6 +331,7 @@ angular.module(MODULE_NAME, [CapacityBar.name])
|
||||
.directive('instanceGroupsMultiselect', instanceGroupsMultiselect)
|
||||
.directive('instanceGroupsModal', instanceGroupsModal)
|
||||
.directive('capacityAdjuster', CapacityAdjuster)
|
||||
.directive('capacityBar', CapacityBar)
|
||||
.service('InstanceGroupsStrings', InstanceGroupsStrings)
|
||||
.service('JobStrings', JobStrings)
|
||||
.run(InstanceGroupsRun);
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user