opensource/galaxy
3
0
Fork 0
mirror of https://github.com/galaxyproject/galaxy.git synced 2026-09-21 13:50:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

implement permissions toggle

Browse Source
This commit is contained in:
Oleg Zharkov
2021-02-12 17:25:03 +01:00
parent bc1659128e
commit 7eeba235b2
3 changed files with 43 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/LibraryFolder/LibraryFolderPermissions/LibraryFolderDatasetPermissions.vue
+31 -18
View File
@@ -60,20 +60,21 @@
</div>
<p class="text-center" v-if="is_unrestricted">
You can
<strong class="remove-restrictions">
<a href="javascript:void(0)">remove all access restrictions</a></strong
>
on this dataset.
<strong @click="toggleDatasetPrivacy(true)" class="make-private">
<a href="javascript:void(0)">make this dataset private</a>
</strong>
to you.
</p>
<p class="text-center" v-else>
You can
<strong @click="makeDatasetPrivate()" class="make-private">
<a href="javascript:void(0)">make this dataset private</a></strong
>
to you.
<strong @click="toggleDatasetPrivacy(false)" class="remove-restrictions">
<a href="javascript:void(0)">remove all access restrictions</a>
</strong>
on this dataset.
</p>
<PermissionsInputField
ref="access_field"
v-if="access_dataset_roles"
:id="dataset_id"
:permission_type="access_dataset_roles_type"
@@ -166,11 +167,9 @@ export default {
this.root = getAppRoot();
this.services = new Services({ root: this.root });
this.is_admin = Galaxy.user.attributes.is_admin;
this.services.getDatasetPermissions(this.dataset_id).then((fetched_permissions) => {
this.access_dataset_roles = extractRoles(fetched_permissions.access_dataset_roles);
this.modify_item_roles = extractRoles(fetched_permissions.modify_item_roles);
this.manage_dataset_roles = extractRoles(fetched_permissions.manage_dataset_roles);
});
this.services
.getDatasetPermissions(this.dataset_id)
.then((fetched_permissions) => this.assignFetchedPermissions(fetched_permissions));
this.services.getDataset(this.dataset_id).then((response) => {
this.dataset = response;
});
@@ -181,12 +180,26 @@ export default {
},
},
methods: {
makeDatasetPrivate() {
this.services.makeDatasetPrivate(
assignFetchedPermissions(fetched_permissions) {
this.access_dataset_roles = extractRoles(fetched_permissions.access_dataset_roles);
this.modify_item_roles = extractRoles(fetched_permissions.modify_item_roles);
this.manage_dataset_roles = extractRoles(fetched_permissions.manage_dataset_roles);
console.log(this.access_dataset_roles);
},
toggleDatasetPrivacy(isMakePrivate) {
this.services.toggleDatasetPrivacy(
this.dataset_id,
isMakePrivate,
(fetched_permissions) => {
Toast.success("Permissions saved.");
this.permissions = fetched_permissions;
Toast.success(
`${
isMakePrivate
? "The dataset is now private to you."
: "Access to this dataset is now unrestricted."
}`
);
this.assignFetchedPermissions(fetched_permissions);
this.$refs.access_field.assignValue(this.access_dataset_roles);
},
(error) => {
Toast.error("An error occurred while attempting to set folder permissions.");
@@ -211,7 +224,7 @@ export default {
],
(fetched_permissions) => {
Toast.success("Permissions saved.");
this.permissions = fetched_permissions;
this.assignFetchedPermissions(fetched_permissions);
},
(error) => {
Toast.error("An error occurred while attempting to set folder permissions.");
client/src/components/LibraryFolder/LibraryFolderPermissions/PermissionsInputField.vue
+4 -1
View File
@@ -90,7 +90,7 @@ export default {
created() {
this.services = new Services({ root: this.root });
// Avoid mutating a prop directly
this.value = this.initial_value;
this.assignValue(this.initial_value);
this.getSelectOptions();
},
computed: {
@@ -122,6 +122,9 @@ export default {
this.searchValue = searchValue;
this.getSelectOptions(true);
},
assignValue(value) {
this.value = value;
},
},
};
</script>
client/src/components/LibraryFolder/LibraryFolderPermissions/services.js
+8 -3
View File
@@ -1,6 +1,7 @@
import axios from "axios";
import { rethrowSimple } from "utils/simple-error";
import { getAppRoot } from "onload/loadConfig";
import $ from "jquery";
export class Services {
constructor(options = {}) {
@@ -76,11 +77,15 @@ export class Services {
onError(response);
});
}
async makeDatasetPrivate(id, onSuccess, onError) {
async toggleDatasetPrivacy(id, isMakePrivate, onSuccess, onError) {
await axios
.get(`${getAppRoot()}api/libraries/datasets/${id}/permissions?action=make_private`)
.post(
`${getAppRoot()}api/libraries/datasets/${id}/permissions?action=${
isMakePrivate ? "make_private" : "remove_restrictions"
}`
)
.then((fetched_permissions) => {
onSuccess(fetched_permissions);
onSuccess(fetched_permissions.data);
})
.catch((response) => {
onError(response);