mirror of
https://github.com/ansible/awx.git
synced 2024-11-01 08:21:15 +03:00
New permission directive - add-rbac-user-team
This commit is contained in:
Leigh Johnson
parent
08bd6ee94f
commit
ce12b97d75
12
awx/ui/client/src/access/add-rbac-user-team/main.js
Normal file
12
awx/ui/client/src/access/add-rbac-user-team/main.js
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
/*************************************************
|
||||||
|
* Copyright (c) 2016 Ansible, Inc.
|
||||||
|
*
|
||||||
|
* All Rights Reserved
|
||||||
|
*************************************************/
|
||||||
|
|
||||||
|
import addRbacUserTeamDirective from './rbac-user-team.directive';
|
||||||
|
import rbacMultiselect from '../rbac-multiselect/main';
|
||||||
|
|
||||||
|
export default
|
||||||
|
angular.module('AddRbacUserTeamModule', [rbacMultiselect.name])
|
||||||
|
.directive('addRbacUserTeam', addRbacUserTeamDirective);
|
||||||
@ -0,0 +1,117 @@
|
|||||||
|
/*************************************************
|
||||||
|
* Copyright (c) 2015 Ansible, Inc.
|
||||||
|
*
|
||||||
|
* All Rights Reserved
|
||||||
|
*************************************************/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @ngdoc function
|
||||||
|
* @name controllers.function:Access
|
||||||
|
* @description
|
||||||
|
* Controller for handling permissions adding
|
||||||
|
*/
|
||||||
|
|
||||||
|
export default ['$rootScope', '$scope', '$state', 'GetBasePath', 'Rest', '$q', 'Wait', 'ProcessErrors',
|
||||||
|
function(rootScope, scope, $state, GetBasePath, Rest, $q, Wait, ProcessErrors) {
|
||||||
|
|
||||||
|
init();
|
||||||
|
|
||||||
|
function init(){
|
||||||
|
|
||||||
|
let resources = ['templates', 'projects', 'inventories', 'credentials'];
|
||||||
|
|
||||||
|
// data model:
|
||||||
|
// selected - keyed by type of resource
|
||||||
|
// selected[type] - keyed by each resource object's id
|
||||||
|
// selected[type][id] === { roles: [ ... ], ... }
|
||||||
|
scope.selected = {};
|
||||||
|
_.each(resources, (resource) => scope.selected[resource] = {});
|
||||||
|
|
||||||
|
scope.keys = {};
|
||||||
|
_.each(resources, (resource) => scope.keys[resource] = {});
|
||||||
|
|
||||||
|
scope.tab = {
|
||||||
|
templates: true,
|
||||||
|
projects: false,
|
||||||
|
inventories: false,
|
||||||
|
credentials: false
|
||||||
|
};
|
||||||
|
scope.showKeyPane = false;
|
||||||
|
scope.owner = scope.resolve.resourceData.data;
|
||||||
|
}
|
||||||
|
|
||||||
|
// aggregate name/descriptions for each available role, based on resource type
|
||||||
|
function aggregateKey(item, type){
|
||||||
|
_.merge(scope.keys[type], item.summary_fields.object_roles);
|
||||||
|
}
|
||||||
|
|
||||||
|
scope.closeModal = function() {
|
||||||
|
$state.go('^', null, {reload: true});
|
||||||
|
};
|
||||||
|
|
||||||
|
scope.currentTab = function(){
|
||||||
|
return _.findKey(scope.tab, (tab) => tab);
|
||||||
|
};
|
||||||
|
|
||||||
|
scope.toggleKeyPane = function() {
|
||||||
|
scope.showKeyPane = !scope.showKeyPane;
|
||||||
|
};
|
||||||
|
|
||||||
|
scope.showSection2Container = function(){
|
||||||
|
return _.any(scope.selected, (type) => Object.keys(type).length > 0);
|
||||||
|
};
|
||||||
|
|
||||||
|
scope.showSection2Tab = function(tab){
|
||||||
|
return Object.keys(scope.selected[tab]).length > 0;
|
||||||
|
};
|
||||||
|
|
||||||
|
scope.removeSelection = function(resource, type){
|
||||||
|
delete scope.selected[type][resource.id];
|
||||||
|
resource.isSelected = false;
|
||||||
|
};
|
||||||
|
|
||||||
|
// handle form tab changes
|
||||||
|
scope.selectTab = function(selected){
|
||||||
|
_.each(scope.tab, (value, key, collection) => {
|
||||||
|
collection[key] = (selected === key);
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
// pop/push into unified collection of selected users & teams
|
||||||
|
scope.$on("selectedOrDeselected", function(e, value) {
|
||||||
|
let resourceType = scope.currentTab(),
|
||||||
|
item = value.value;
|
||||||
|
|
||||||
|
if (item.isSelected) {
|
||||||
|
scope.selected[resourceType][item.id] = item;
|
||||||
|
scope.selected[resourceType][item.id].roles = [];
|
||||||
|
aggregateKey(item, resourceType);
|
||||||
|
} else {
|
||||||
|
delete scope.selected[resourceType][item.id];
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// post roles to api
|
||||||
|
scope.saveForm = function() {
|
||||||
|
Wait('start');
|
||||||
|
// scope.selected => { n: {id: n}, ... } => [ {id: n}, ... ]
|
||||||
|
let requests = _(scope.selected).map((type) => {
|
||||||
|
return _.map(type, (resource) => resource.roles);
|
||||||
|
}).flattenDeep().value();
|
||||||
|
|
||||||
|
Rest.setUrl(scope.owner.related.roles);
|
||||||
|
|
||||||
|
$q.all( _.map(requests, (entity) => Rest.post({id: entity.id})) )
|
||||||
|
.then( () =>{
|
||||||
|
Wait('stop');
|
||||||
|
scope.closeModal();
|
||||||
|
}, (error) => {
|
||||||
|
scope.closeModal();
|
||||||
|
ProcessErrors(null, error.data, error.status, null, {
|
||||||
|
hdr: 'Error!',
|
||||||
|
msg: 'Failed to post role(s): POST returned status' +
|
||||||
|
error.status
|
||||||
|
});
|
||||||
|
});
|
||||||
|
};
|
||||||
|
}];
|
||||||
@ -0,0 +1,25 @@
|
|||||||
|
/*************************************************
|
||||||
|
* Copyright (c) 2016 Ansible, Inc.
|
||||||
|
*
|
||||||
|
* All Rights Reserved
|
||||||
|
*************************************************/
|
||||||
|
import controller from './rbac-user-team.controller';
|
||||||
|
|
||||||
|
/* jshint unused: vars */
|
||||||
|
export default ['templateUrl',
|
||||||
|
function(templateUrl) {
|
||||||
|
return {
|
||||||
|
restrict: 'E',
|
||||||
|
scope: {
|
||||||
|
resolve: "="
|
||||||
|
},
|
||||||
|
controller: controller,
|
||||||
|
controllerAs: 'rbac',
|
||||||
|
templateUrl: templateUrl('access/add-rbac-user-team/rbac-user-team'),
|
||||||
|
link: function(scope, element, attrs) {
|
||||||
|
$('#add-permissions-modal').modal('show');
|
||||||
|
window.scrollTo(0, 0);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
];
|
||||||
@ -0,0 +1,175 @@
|
|||||||
|
<div id="add-permissions-modal" class="AddPermissions modal fade">
|
||||||
|
<div class="AddPermissions-backDrop is-loggedOut"></div>
|
||||||
|
<div class="AddPermissions-dialog">
|
||||||
|
<div class="AddPermissions-content is-loggedOut">
|
||||||
|
<!-- begin header -->
|
||||||
|
<div class="AddPermissions-header">
|
||||||
|
<div class="List-header">
|
||||||
|
<div class="List-title">
|
||||||
|
<div class="List-titleText ng-binding">
|
||||||
|
{{ owner.name }}
|
||||||
|
<div class="List-titleLockup"></div>
|
||||||
|
Add Permissions
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="Form-exitHolder">
|
||||||
|
<button class="Form-exit" ng-click="closeModal()">
|
||||||
|
<i class="fa fa-times-circle"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- end header -->
|
||||||
|
<div class="AddPermissions-body">
|
||||||
|
<!-- begin section 1 -->
|
||||||
|
<div class="AddPermissions-directions">
|
||||||
|
<span class="AddPermissions-directionNumber">
|
||||||
|
1
|
||||||
|
</span>
|
||||||
|
<div>
|
||||||
|
Please select resources from the lists below.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="Form-tabHolder">
|
||||||
|
<div class="Form-tab"
|
||||||
|
ng-click="selectTab('templates')"
|
||||||
|
ng-class="{'is-selected': tab.templates }">
|
||||||
|
Templates
|
||||||
|
</div>
|
||||||
|
<div class="Form-tab"
|
||||||
|
ng-click="selectTab('projects')"
|
||||||
|
ng-class="{'is-selected': tab.projects}"
|
||||||
|
>
|
||||||
|
Projects
|
||||||
|
</div>
|
||||||
|
<div class="Form-tab"
|
||||||
|
ng-click="selectTab('inventories')"
|
||||||
|
ng-class="{'is-selected': tab.inventories}"
|
||||||
|
>
|
||||||
|
Inventories
|
||||||
|
</div>
|
||||||
|
<div class="Form-tab"
|
||||||
|
ng-click="selectTab('credentials')"
|
||||||
|
ng-class="{'is-selected': tab.credentials}"
|
||||||
|
>
|
||||||
|
Credentials
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="AddPermissions-users" class="AddPermissions-list" ng-show="tab.templates">
|
||||||
|
<rbac-multiselect-list view="Templates" all-selected="allSelected" dataset="resolve.templatesDataset"></rbac-multiselect-list>
|
||||||
|
</div>
|
||||||
|
<div id="AddPermissions-projects" class="AddPermissions-list" ng-show="tab.projects">
|
||||||
|
<rbac-multiselect-list view="Projects" all-selected="allSelected" dataset="resolve.projectsDataset"></rbac-multiselect-list>
|
||||||
|
</div>
|
||||||
|
<div id="AddPermissions-inventories" class="AddPermissions-list" ng-show="tab.inventories">
|
||||||
|
<rbac-multiselect-list view="Inventories" all-selected="allSelected" dataset="resolve.inventoriesDataset"></rbac-multiselect-list>
|
||||||
|
</div>
|
||||||
|
<div id="AddPermissions-credentials" class="AddPermissions-list" ng-show="tab.credentials">
|
||||||
|
<rbac-multiselect-list view="Credentials" all-selected="allSelected" dataset="resolve.credentialsDataset"></rbac-multiselect-list>
|
||||||
|
</div>
|
||||||
|
<!-- end section 1 -->
|
||||||
|
|
||||||
|
<!-- begin section 2 -->
|
||||||
|
<div ng-show="showSection2Container()">
|
||||||
|
<div class="AddPermissions-separator"></div>
|
||||||
|
<div class="AddPermissions-directions">
|
||||||
|
<span class="AddPermissions-directionNumber">
|
||||||
|
2
|
||||||
|
</span>
|
||||||
|
Please assign roles to the selected resources
|
||||||
|
<div class="AddPermissions-keyToggle btn"
|
||||||
|
ng-class="{'is-active': showKeyPane}"
|
||||||
|
ng-click="toggleKeyPane()">
|
||||||
|
Key
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="Form-tabHolder">
|
||||||
|
<div class="Form-tab"
|
||||||
|
ng-click="selectTab('templates')"
|
||||||
|
ng-class="{'is-selected': tab.templates }"
|
||||||
|
ng-show="showSection2Tab('templates')">
|
||||||
|
Templates
|
||||||
|
</div>
|
||||||
|
<div class="Form-tab"
|
||||||
|
ng-click="selectTab('projects')"
|
||||||
|
ng-class="{'is-selected': tab.projects}"
|
||||||
|
ng-show="showSection2Tab('projects')"
|
||||||
|
>
|
||||||
|
Projects
|
||||||
|
</div>
|
||||||
|
<div class="Form-tab"
|
||||||
|
ng-click="selectTab('inventories')"
|
||||||
|
ng-class="{'is-selected': tab.inventories}"
|
||||||
|
ng-show="showSection2Tab('inventories')"
|
||||||
|
>
|
||||||
|
Inventories
|
||||||
|
</div>
|
||||||
|
<div class="Form-tab"
|
||||||
|
ng-click="selectTab('credentials')"
|
||||||
|
ng-class="{'is-selected': tab.credentials}"
|
||||||
|
ng-show="showSection2Tab('credentials')"
|
||||||
|
>
|
||||||
|
Credentials
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="AddPermissions-keyPane"
|
||||||
|
ng-show="showKeyPane">
|
||||||
|
<div class="AddPermissions-keyRow"
|
||||||
|
ng-repeat="key in keys[currentTab()]">
|
||||||
|
<div class="AddPermissions-keyName">
|
||||||
|
{{ key.name }}
|
||||||
|
</div>
|
||||||
|
<div class="AddPermissions-keyDescription">
|
||||||
|
{{ key.description || "No description provided" }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<form name="multiselectRoles" novalidate>
|
||||||
|
<!-- type of selected resources -->
|
||||||
|
<div ng-repeat="(type, list) in selected">
|
||||||
|
<!-- controllerAs: 'rbac' -->
|
||||||
|
<div class="AddPermissions-roleRow"
|
||||||
|
ng-repeat="resource in list"
|
||||||
|
ng-show="tab[type]">
|
||||||
|
<div class="AddPermissions-roleName">
|
||||||
|
<span class="AddPermissions-roleNameVal">
|
||||||
|
{{ resource.name }}
|
||||||
|
</span>
|
||||||
|
<span class="AddPermissions-roleType">
|
||||||
|
{{ resource.type }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<rbac-multiselect-role class="AddPermissions-roleSelect" roles="resource.summary_fields.object_roles" model="resource.roles">
|
||||||
|
</rbac-multiselect-role>
|
||||||
|
<button class="AddPermissions-roleRemove"
|
||||||
|
ng-click="removeSelection(resource, type)">
|
||||||
|
<i class="fa fa-times"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<!-- end section 2 -->
|
||||||
|
</div>
|
||||||
|
<!-- begin footer -->
|
||||||
|
<div class="AddPermissions-footer">
|
||||||
|
<div class="buttons Form-buttons AddPermissions-buttons">
|
||||||
|
<button type="button"
|
||||||
|
class="btn btn-sm Form-cancelButton"
|
||||||
|
ng-click="closeModal()">
|
||||||
|
Cancel
|
||||||
|
</button>
|
||||||
|
<button type="button"
|
||||||
|
class="btn btn-sm Form-saveButton"
|
||||||
|
ng-click="saveForm()"
|
||||||
|
ng-disabled="multiselectRoles.$invalid || !showSection2Container()">
|
||||||
|
Save
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- end footer -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
Loading…
Reference in New Issue
Block a user