External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-12 18:40:01 -03:30
Code Issues Packages Projects Releases Wiki Activity

add support for select2 in scheduler form

Browse Source
This commit is contained in:
John Mitchell 2016-02-12 11:57:40 -05:00
parent 6283f8715d
commit e7cf1ce021
4 changed files with 147 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
awx/ui/client/lib/angular-scheduler/lib/angular-scheduler.js vendored
View File

@ -108,6 +108,8 @@ angular.module('AngularScheduler', ['underscore'])
scope.schedulerEnd = scope.endOptions[0];
}
scope.sheduler_frequency_error = false;
scope.$emit("updateSchedulerSelects");
};
scope.showCalendar = function(fld) {

25
awx/ui/client/src/scheduler/repeatFrequencyOptions.block.less
View File

@ -115,7 +115,8 @@
margin-top: 2px;
}
.RepeatFrequencyOptions-spacedSelect {
.RepeatFrequencyOptions-spacedSelect,
.RepeatFrequencyOptions-spacedSelect ~ .select2 {
margin-bottom: 10px;
}
@ -137,3 +138,25 @@
flex: initial;
width: 100%;
}
.RepeatFrequencyOptions-nameBorderErrorFix {
border-color: #ff5850 !important;
}
.RepeatFrequencyOptions-inputGroup {
display: flex;
justify-content: space-between;
}
.RepeatFrequencyOptions-inputGroup--thirds > .select2 {
width: ~"calc(33% - 3px)" !important;
}
.RepeatFrequencyOptions-inputGroup--halves > .select2 {
width: ~"calc(50% - 3px)" !important;
}
.RepeatFrequencyOptions-inputGroup--halvesWithNumber > .select2 {
width: ~"calc(50% - 3px)" !important;
margin-right: 7px;
}

63
awx/ui/client/src/scheduler/schedulerAdd.controller.js
View File

@ -1,4 +1,4 @@
export default ['$compile', '$state', '$stateParams', 'AddSchedule', 'Wait', '$scope', '$rootScope', function($compile, $state, $stateParams, AddSchedule, Wait, $scope, $rootScope) {
export default ['$compile', '$state', '$stateParams', 'AddSchedule', 'Wait', '$scope', '$rootScope', 'CreateSelect2', function($compile, $state, $stateParams, AddSchedule, Wait, $scope, $rootScope, CreateSelect2) {
$scope.$on("ScheduleFormCreated", function(e, scope) {
$scope.hideForm = false;
$scope = angular.extend($scope, scope);
@ -43,10 +43,69 @@ export default ['$compile', '$state', '$stateParams', 'AddSchedule', 'Wait', '$s
$scope.formCancel = function() {
$state.go("^");
}
};
AddSchedule({
scope: $scope,
callback: 'SchedulesRefresh'
});
var callSelect2 = function() {
CreateSelect2({
element: '#schedulerTimeZone',
multiple: false
});
CreateSelect2({
element: '#schedulerFrequency',
multiple: false
});
CreateSelect2({
element: '#monthlyWeekDay',
multiple: false
});
CreateSelect2({
element: '#monthlyOccurrence',
multiple: false
});
CreateSelect2({
element: '#monthlyOccurrence',
multiple: false
});
CreateSelect2({
element: '#yearlyMonth',
multiple: false
});
CreateSelect2({
element: '#yearlyWeekDay',
multiple: false
});
CreateSelect2({
element: '#yearlyOccurrence',
multiple: false
});
CreateSelect2({
element: '#yearlyOtherMonth',
multiple: false
});
CreateSelect2({
element: '#schedulerEnd',
multiple: false
});
};
$scope.$on("updateSchedulerSelects", function() {
callSelect2();
console.log("select2 is called");
});
callSelect2();
}];

61
awx/ui/client/src/scheduler/schedulerEdit.controller.js
View File

@ -1,4 +1,4 @@
export default ['$compile', '$state', '$stateParams', 'EditSchedule', 'Wait', '$scope', '$rootScope', function($compile, $state, $stateParams, EditSchedule, Wait, $scope, $rootScope) {
export default ['$compile', '$state', '$stateParams', 'EditSchedule', 'Wait', '$scope', '$rootScope', 'CreateSelect2', function($compile, $state, $stateParams, EditSchedule, Wait, $scope, $rootScope, CreateSelect2) {
$scope.$on("ScheduleFormCreated", function(e, scope) {
$scope.hideForm = false;
$scope = angular.extend($scope, scope);
@ -53,4 +53,63 @@ export default ['$compile', '$state', '$stateParams', 'EditSchedule', 'Wait', '$
id: parseInt($stateParams.schedule_id),
callback: 'SchedulesRefresh'
});
var callSelect2 = function() {
CreateSelect2({
element: '#schedulerTimeZone',
multiple: false
});
CreateSelect2({
element: '#schedulerFrequency',
multiple: false
});
CreateSelect2({
element: '#monthlyWeekDay',
multiple: false
});
CreateSelect2({
element: '#monthlyOccurrence',
multiple: false
});
CreateSelect2({
element: '#monthlyOccurrence',
multiple: false
});
CreateSelect2({
element: '#yearlyMonth',
multiple: false
});
CreateSelect2({
element: '#yearlyWeekDay',
multiple: false
});
CreateSelect2({
element: '#yearlyOccurrence',
multiple: false
});
CreateSelect2({
element: '#yearlyOtherMonth',
multiple: false
});
CreateSelect2({
element: '#schedulerEnd',
multiple: false
});
};
$scope.$on("updateSchedulerSelects", function() {
callSelect2();
console.log("select2 is called");
});
callSelect2();
}];