simple change to test adding the ability to see read permissions alon…

…gside of write permissions

js/components/security/access/configure-access-modal.html

@@ -31,12 +31,24 @@
                     </span>
                 </div>
                 <div data-bind="css: classes('access-list')">
-                    <label data-bind="css: classes('access-list-label'), text: ko.i18n('common.configureAccessModal.rolesWithWriteAccess', 'Roles with write access:')"></label>
+                    <label data-bind="css: classes('access-list-label'), text: ko.i18n('common.configureAccessModal.rolesWithWriteAccess', 'Roles with WRITE access:')"></label>
                     <div>
                         <table data-bind="
                             css: classes({ element: 'access-table', extra: ['table', 'table-bordered', 'table-hover'] }),
                             dataTable:{
-                                data: accessList,
+                                data: writeAccessList,
+                                options: {columns: columns, language: ko.i18n('datatable.language')},
+                            }
+                        "/>
+                    </div>
+                </div>
+		<div data-bind="css: classes('access-list')">
+                    <label data-bind="css: classes('access-list-label'), text: ko.i18n('common.configureAccessModal.rolesWithReadAccess', 'Roles with READ access:')"></label>
+                    <div>
+                        <table data-bind="
+                            css: classes({ element: 'access-table', extra: ['table', 'table-bordered', 'table-hover'] }),
+                            dataTable:{
+                                data: readAccessList,
                                 options: {columns: columns, language: ko.i18n('datatable.language')},
                             }
                         "/>
@@ -45,4 +57,4 @@
             </div>
         </div>
     </div>
-</atlas-modal>
+</atlas-modal>

js/components/security/access/configure-access-modal.js

@@ -19,7 +19,8 @@ define([
 
 			this.isModalShown = params.isModalShown;
 			this.isLoading = ko.observable(false);
-			this.accessList = ko.observable([]);
+		        this.readAccessList = ko.observable([]);
+		        this.writeAccessList = ko.observable([]);
 			this.roleName = ko.observable();
 
 			this.roleSuggestions = ko.observable([]);
@@ -54,10 +55,16 @@ define([
 			this.isModalShown.subscribe(open => !!open && this.loadAccessList());
 		}
 
-		async _loadAccessList() {
-			let accessList = await this.loadAccessListFn();
+		async _loadReadAccessList() {
+			let accessList = await this.loadAccessListFn('READ');
 			accessList = accessList.map(a => ({ ...a, revoke: () => this.revokeRoleAccess(a.id) }));
-			this.accessList(accessList);
+			this.readAccessList(accessList);
+		}
+
+	        async _loadWriteAccessList() {
+			let accessList = await this.loadAccessListFn('WRITE');
+			accessList = accessList.map(a => ({ ...a, revoke: () => this.revokeRoleAccess(a.id) }));
+			this.writeAccessList(accessList);
 		}
 
 		async loadRoleSuggestions() {
@@ -66,9 +73,10 @@ define([
 		}
 
 		async loadAccessList() {
-			this.isLoading(false);
+			this.isLoading(true);
 			try {
-				await this._loadAccessList();
+			        await this._loadReadAccessList();
+			        await this._loadWriteAccessList();
 			} catch (ex) {
 				console.log(ex);
 			}

js/config-local.js~

@@ -0,0 +1,20 @@
+define([], function () {
+	var configLocal = {};
+
+	configLocal.userAuthenticationEnabled = true;
+
+	configLocal.api = {
+		name: 'USAI Atlas [synthetic data]',
+		url: 'http://ec2-54-167-42-73.compute-1.amazonaws.com/WebAPI/' /* 'http://localhost:8080/WebAPI/' */
+	};
+
+	configLocal.authProviders = [{
+		"name": "Local Security Test DB",
+		"url": "user/login/db",
+		"ajax": true,
+		"icon": "fa fa-database",
+		"isUseCredentialsForm": true
+	}];
+
+	return configLocal;
+});

js/services/Permission.js

@@ -10,8 +10,8 @@ define(function (require, exports) {
 		return res.data;
 	}
 
-	async function loadEntityAccessList(entityType, entityId) {
-		const res = await httpService.doGet(config.webAPIRoot + `permission/access/${entityType}/${entityId}`);
+       async function loadEntityAccessList(entityType, entityId, role = 'WRITE') {
+		const res = await httpService.doGet(config.webAPIRoot + `permission/access/${entityType}/${entityId}/${role}`);
 		return res.data;
 	}
 
@@ -43,8 +43,8 @@ define(function (require, exports) {
 
 		component.isOwner = ko.computed(() => config.userAuthenticationEnabled && component.isOwnerFn(authApi.subject()));
 
-		component.loadAccessList = () => {
-			return loadEntityAccessList(entityTypeGetter(), entityIdGetter());
+		component.loadAccessList = (role='WRITE') => {
+ 		        return loadEntityAccessList(entityTypeGetter(), entityIdGetter(), role);
 		};
 
 		component.grantAccess = (roleId) => {