External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-05-11 19:37:38 -02:30
Code Issues Packages Projects Releases Wiki Activity

load multiselect list when vault kind is selected

Browse Source
This commit is contained in:
Jake McDermott
2017-12-11 15:25:55 -05:00
parent ccb40c8c68
commit ef8af79700
1 changed files with 46 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
awx/ui/client/src/templates/job_templates/multi-credential/multi-credential-modal.directive.js
View File

@@ -17,24 +17,32 @@ export default ['templateUrl', 'Rest', 'GetBasePath', 'generateList', '$compile'
scope.credentialKind = scope.selectedCredentials.machine && scope.selectedCredentials.machine.readOnly ? (scope.selectedCredentials.vault && scope.selectedCredentials.vault.readOnly ? "" + kinds.Network : "" + kinds.Vault) : "" + kinds.Machine; scope.credentialKind = scope.selectedCredentials.machine && scope.selectedCredentials.machine.readOnly ? (scope.selectedCredentials.vault && scope.selectedCredentials.vault.readOnly ? "" + kinds.Network : "" + kinds.Vault) : "" + kinds.Machine;
scope.showModal = function() { scope.showModal = function() {
scope.modalHidden = false;
$('#multi-credential-modal').modal('show'); $('#multi-credential-modal').modal('show');
}; };
scope.destroyModal = function() { scope.hideModal = function() {
scope.modalHidden = true;
scope.credentialKind = kinds.Machine; scope.credentialKind = kinds.Machine;
$('#multi-credential-modal').modal('hide'); $('#multi-credential-modal').modal('hide');
}; };
scope.generateCredentialList = function() { scope.generateCredentialList = function(inputType = 'radio') {
let html = GenerateList.build({ let html = GenerateList.build({
list: scope.list, list: scope.list,
input_type: 'radio', input_type: inputType,
mode: 'lookup' mode: 'lookup'
}); });
$('#multi-credential-modal-body')
.append($compile(html)(scope)); $('#multi-credential-modal-body').append($compile(html)(scope));
scope.listRendered = true;
}; };
scope.destroyCredentialList = () => {
$('#multi-credential-modal-body').empty();
scope.listRendered = false;
}
$('#multi-credential-modal').on('hidden.bs.modal', function () { $('#multi-credential-modal').on('hidden.bs.modal', function () {
$('#multi-credential-modal').off('hidden.bs.modal'); $('#multi-credential-modal').off('hidden.bs.modal');
$(element).remove(); $(element).remove();
@@ -129,9 +137,37 @@ export default ['templateUrl', 'Rest', 'GetBasePath', 'generateList', '$compile'
$scope.allCredentialTypeOptions); $scope.allCredentialTypeOptions);
}; };
const onCredentialKindChanged = (newValue, oldValue) => {
const newValueIsVault = (parseInt(newValue) === _.get($scope, 'credentialKinds.Vault'));
const oldValueIsVault = (parseInt(oldValue) === _.get($scope, 'credentialKinds.Vault'));
const isClosing = ((newValue !== oldValue) && $scope.modalHidden);
if ((oldValueIsVault || newValueIsVault) && !isClosing) {
$scope.destroyCredentialList();
}
$scope.credential_queryset.page = 1;
$scope.credential_default_params.credential_type = parseInt($scope.credentialKind);
$scope.credential_queryset.credential_type = parseInt($scope.credentialKind);
qs.search(GetBasePath('credentials'), $scope.credential_default_params)
.then(res => {
$scope.credential_dataset = res.data;
$scope.credentials = $scope.credential_dataset.results;
if(!$scope.listRendered) {
if (newValueIsVault) {
$scope.generateCredentialList('checkbox');
} else {
$scope.generateCredentialList();
}
$scope.showModal();
}
});
};
let init = function() { let init = function() {
$scope.originalSelectedCredentials = _.cloneDeep($scope $scope.originalSelectedCredentials = _.cloneDeep($scope.selectedCredentials);
.selectedCredentials);
$scope.credential_dataset = []; $scope.credential_dataset = [];
$scope.credentials = $scope.credentials || []; $scope.credentials = $scope.credentials || [];
$scope.listRendered = false; $scope.listRendered = false;
@@ -150,26 +186,7 @@ export default ['templateUrl', 'Rest', 'GetBasePath', 'generateList', '$compile'
page_size: 5 page_size: 5
}; };
$scope.$watch('credentialKind', function(){ $scope.$watch('credentialKind', onCredentialKindChanged);
$scope.credential_queryset.page = 1;
$scope.credential_default_params.credential_type = $scope
.credential_queryset.credential_type = parseInt($scope
.credentialKind);
qs.search(GetBasePath('credentials'), $scope
.credential_default_params)
.then(res => {
$scope.credential_dataset = res.data;
$scope.credentials = $scope.credential_dataset
.results;
if(!$scope.listRendered) {
$scope.generateCredentialList();
$scope.listRendered = true;
$scope.showModal();
}
});
});
$scope.$watchCollection('selectedCredentials.extra', () => { $scope.$watchCollection('selectedCredentials.extra', () => {
if($scope.credentials && $scope.credentials.length > 0) { if($scope.credentials && $scope.credentials.length > 0) {
@@ -299,12 +316,12 @@ export default ['templateUrl', 'Rest', 'GetBasePath', 'generateList', '$compile'
$scope.cancelForm = function() { $scope.cancelForm = function() {
$scope.selectedCredentials = $scope.originalSelectedCredentials; $scope.selectedCredentials = $scope.originalSelectedCredentials;
$scope.credTags = $scope.credentialsToPost; $scope.credTags = $scope.credentialsToPost;
$scope.destroyModal(); $scope.hideModal();
}; };
$scope.saveForm = function() { $scope.saveForm = function() {
$scope.credentialsToPost = $scope.credTags; $scope.credentialsToPost = $scope.credTags;
$scope.destroyModal(); $scope.hideModal();
}; };
}] }]
}; };