shaba/awx
1
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2024-11-02 09:51:09 +03:00
Code Releases Activity

Merge pull request #69 from joefiorini/dialog-forms

Browse Source 
Dialog forms
This commit is contained in:
Joe Fiorini 2015-02-10 10:28:50 -05:00
commit 07ef5a1f86
4 changed files with 569 additions and 547 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
awx/ui/static/js/helpers/Groups.js
View File

@ -738,7 +738,9 @@ angular.module('GroupsHelper', [ 'RestServices', 'Utilities', 'ListGenerator', '
elem = document.getElementById('group-modal-dialog'); elem = document.getElementById('group-modal-dialog');
$compile(elem)(modal_scope); $compile(elem)(modal_scope);
var form_scope =
generator.inject(GroupForm, { mode: 'edit', id: 'properties-tab', breadCrumbs: false, related: false, scope: properties_scope }); generator.inject(GroupForm, { mode: 'edit', id: 'properties-tab', breadCrumbs: false, related: false, scope: properties_scope });
var source_form_scope =
generator.inject(SourceForm, { mode: 'edit', id: 'sources-tab', breadCrumbs: false, related: false, scope: sources_scope }); generator.inject(SourceForm, { mode: 'edit', id: 'sources-tab', breadCrumbs: false, related: false, scope: sources_scope });
//generator.reset(); //generator.reset();
@ -881,6 +883,11 @@ angular.module('GroupsHelper', [ 'RestServices', 'Utilities', 'ListGenerator', '
modal_scope.cancelModal(); modal_scope.cancelModal();
}, },
open: function () { open: function () {
function updateButtonStatus(isValid) {
$('.ui-dialog[aria-describedby="group-modal-dialog"]').find('.btn-primary').prop('disabled', !isValid);
}
form_scope.$watch('group_form.$valid', updateButtonStatus);
source_form_scope.$watch('source_form.$valid', updateButtonStatus);
$('#group_name').focus(); $('#group_name').focus();
Wait('stop'); Wait('stop');
} }

1076
awx/ui/static/js/helpers/Hosts.js
View File

File diff suppressed because it is too large Load Diff

20
awx/ui/static/js/helpers/inventory.js
View File

@ -201,15 +201,16 @@ export default
form.well = false; form.well = false;
generator.inject(form, { var form_scope =
mode: 'edit', generator.inject(form, {
showButtons: false, mode: 'edit',
showActions: false, showButtons: false,
id: 'inventory-edit-modal-dialog', showActions: false,
breadCrumbs: false, id: 'inventory-edit-modal-dialog',
related: false, breadCrumbs: false,
scope: scope related: false,
}); scope: scope
});
/* Reset form properties. Otherwise it screws up future requests of the Inventories detail page */ /* Reset form properties. Otherwise it screws up future requests of the Inventories detail page */
form.well = true; form.well = true;
@ -241,6 +242,7 @@ export default
title: 'Inventory Properties', title: 'Inventory Properties',
id: 'inventory-edit-modal-dialog', id: 'inventory-edit-modal-dialog',
clonseOnEscape: false, clonseOnEscape: false,
form: form_scope.inventory_form,
onClose: function() { onClose: function() {
Wait('stop'); Wait('stop');
scope.codeMirror.destroy(); scope.codeMirror.destroy();

11
awx/ui/static/lib/ansible/Modal.js
View File

@ -57,10 +57,15 @@ angular.module('ModalDialog', ['Utilities', 'ParseHelper'])
beforeDestroy = params.beforeDestroy, beforeDestroy = params.beforeDestroy,
closeOnEscape = (params.closeOnEscape === undefined) ? false : params.closeOnEscape, closeOnEscape = (params.closeOnEscape === undefined) ? false : params.closeOnEscape,
resizable = (params.resizable === undefined) ? true : params.resizable, resizable = (params.resizable === undefined) ? true : params.resizable,
forms = _.chain([params.form]).flatten().compact().value(),
buttons, buttons,
id = params.id, id = params.id,
x, y, wh, ww; x, y, wh, ww;
function updateButtonStatus(isValid) {
$('.ui-dialog[aria-describedby="' + id + '"]').find('.btn-primary').prop('disabled', !isValid);
}
if (Empty(buttonSet)) { if (Empty(buttonSet)) {
// Default button object // Default button object
buttonSet = [{ buttonSet = [{
@ -115,6 +120,12 @@ angular.module('ModalDialog', ['Utilities', 'ParseHelper'])
}); });
}, 300); }, 300);
if (forms.length > 0) {
forms.map(function(form_ctrl) {
scope.$watch(form_ctrl.$name + '.$valid', updateButtonStatus);
});
}
setTimeout(function() { setTimeout(function() {
scope.$apply(function() { scope.$apply(function() {
scope.$emit(callback); scope.$emit(callback);