mirror of
https://github.com/galaxyproject/galaxy.git
synced 2026-09-24 16:30:27 +08:00
delete legacy code
This commit is contained in:
@@ -13,7 +13,6 @@ import mod_librarylist_view from "mvc/library/library-librarylist-view";
|
||||
import mod_librarytoolbar_view from "mvc/library/library-librarytoolbar-view";
|
||||
import mod_library_dataset_view from "mvc/library/library-dataset-view";
|
||||
import mod_library_library_view from "mvc/library/library-library-view";
|
||||
import mod_library_folder_view from "mvc/library/library-folder-view";
|
||||
// ============================================================================
|
||||
/**
|
||||
* The Data Libraries router. Takes care about triggering routes
|
||||
@@ -188,16 +187,6 @@ var GalaxyLibrary = Backbone.View.extend({
|
||||
});
|
||||
});
|
||||
|
||||
this.library_router.on("route:folder_permissions", (folder_id) => {
|
||||
if (Galaxy.libraries.folderView) {
|
||||
Galaxy.libraries.folderView.$el.unbind("click");
|
||||
}
|
||||
Galaxy.libraries.folderView = new mod_library_folder_view.FolderView({
|
||||
id: folder_id,
|
||||
show_permissions: true,
|
||||
});
|
||||
});
|
||||
|
||||
Backbone.history.start({ pushState: false });
|
||||
},
|
||||
});
|
||||
|
||||
@@ -1,263 +0,0 @@
|
||||
import _ from "underscore";
|
||||
import $ from "jquery";
|
||||
import Backbone from "backbone";
|
||||
import { getGalaxyInstance } from "app";
|
||||
import { getAppRoot } from "onload/loadConfig";
|
||||
import { Toast } from "ui/toast";
|
||||
import mod_library_model from "mvc/library/library-model";
|
||||
import mod_select from "mvc/ui/ui-select";
|
||||
|
||||
var FolderView = Backbone.View.extend({
|
||||
el: "#center",
|
||||
|
||||
model: null,
|
||||
|
||||
options: {},
|
||||
|
||||
events: {
|
||||
"click .toolbtn_save_permissions": "savePermissions",
|
||||
},
|
||||
|
||||
initialize: function (options) {
|
||||
this.options = _.extend(this.options, options);
|
||||
if (this.options.id) {
|
||||
this.fetchFolder();
|
||||
}
|
||||
},
|
||||
|
||||
fetchFolder: function (options) {
|
||||
const Galaxy = getGalaxyInstance();
|
||||
this.options = _.extend(this.options, options);
|
||||
this.model = new mod_library_model.FolderAsModel({
|
||||
id: this.options.id,
|
||||
});
|
||||
var that = this;
|
||||
this.model.fetch({
|
||||
success: function () {
|
||||
if (that.options.show_permissions) {
|
||||
that.showPermissions();
|
||||
}
|
||||
},
|
||||
error: function (model, response) {
|
||||
if (typeof response.responseJSON !== "undefined") {
|
||||
Toast.error(`${response.responseJSON.err_msg} Click this to go back.`, "", {
|
||||
onclick: function () {
|
||||
Galaxy.libraries.library_router.back();
|
||||
},
|
||||
});
|
||||
} else {
|
||||
Toast.error("An error occurred. Click this to go back.", "", {
|
||||
onclick: function () {
|
||||
Galaxy.libraries.library_router.back();
|
||||
},
|
||||
});
|
||||
}
|
||||
},
|
||||
});
|
||||
},
|
||||
|
||||
showPermissions: function (options) {
|
||||
const Galaxy = getGalaxyInstance();
|
||||
this.options = _.extend(this.options, options);
|
||||
$(".tooltip").remove();
|
||||
|
||||
var is_admin = false;
|
||||
if (Galaxy.user) {
|
||||
is_admin = Galaxy.user.isAdmin();
|
||||
}
|
||||
var template = this.templateFolderPermissions();
|
||||
this.$el.html(template({ folder: this.model, is_admin: is_admin, root_path: getAppRoot() }));
|
||||
|
||||
var self = this;
|
||||
$.get(`${getAppRoot()}api/folders/${self.id}/permissions?scope=current`)
|
||||
.done((fetched_permissions) => {
|
||||
self.prepareSelectBoxes({
|
||||
fetched_permissions: fetched_permissions,
|
||||
});
|
||||
})
|
||||
.fail(() => {
|
||||
Toast.error("An error occurred while attempting to fetch folder permissions.");
|
||||
});
|
||||
|
||||
$('#center [data-toggle="tooltip"]').tooltip({ trigger: "hover" });
|
||||
//hack to show scrollbars
|
||||
$("#center").css("overflow", "auto");
|
||||
},
|
||||
|
||||
_serializeRoles: function (role_list) {
|
||||
var selected_roles = [];
|
||||
for (var i = 0; i < role_list.length; i++) {
|
||||
selected_roles.push(`${role_list[i][1]}:${role_list[i][0]}`);
|
||||
}
|
||||
return selected_roles;
|
||||
},
|
||||
|
||||
prepareSelectBoxes: function (options) {
|
||||
this.options = _.extend(this.options, options);
|
||||
var fetched_permissions = this.options.fetched_permissions;
|
||||
var self = this;
|
||||
|
||||
var selected_add_item_roles = this._serializeRoles(fetched_permissions.add_library_item_role_list);
|
||||
var selected_manage_folder_roles = this._serializeRoles(fetched_permissions.manage_folder_role_list);
|
||||
var selected_modify_folder_roles = this._serializeRoles(fetched_permissions.modify_folder_role_list);
|
||||
|
||||
self.addSelectObject = new mod_select.View(
|
||||
this._createSelectOptions(this, "add_perm", selected_add_item_roles, false)
|
||||
);
|
||||
self.manageSelectObject = new mod_select.View(
|
||||
this._createSelectOptions(this, "manage_perm", selected_manage_folder_roles, false)
|
||||
);
|
||||
self.modifySelectObject = new mod_select.View(
|
||||
this._createSelectOptions(this, "modify_perm", selected_modify_folder_roles, false)
|
||||
);
|
||||
},
|
||||
|
||||
_createSelectOptions: function (self, id, init_data) {
|
||||
var select_options = {
|
||||
minimumInputLength: 0,
|
||||
css: id,
|
||||
multiple: true,
|
||||
placeholder: "Click to select a role",
|
||||
container: self.$el.find(`#${id}`),
|
||||
ajax: {
|
||||
url: `${getAppRoot()}api/folders/${self.id}/permissions?scope=available`,
|
||||
dataType: "json",
|
||||
quietMillis: 100,
|
||||
data: function (term, page) {
|
||||
// page is the one-based page number tracked by Select2
|
||||
return {
|
||||
q: term, //search term
|
||||
page_limit: 10, // page size
|
||||
page: page, // page number
|
||||
};
|
||||
},
|
||||
results: function (data, page) {
|
||||
var more = page * 10 < data.total; // whether or not there are more results available
|
||||
// notice we return the value of more so Select2 knows if more results can be loaded
|
||||
return { results: data.roles, more: more };
|
||||
},
|
||||
},
|
||||
formatResult: function roleFormatResult(role) {
|
||||
return `${role.name} type: ${role.type}`;
|
||||
},
|
||||
|
||||
formatSelection: function roleFormatSelection(role) {
|
||||
return role.name;
|
||||
},
|
||||
initSelection: function (element, callback) {
|
||||
// the input tag has a value attribute preloaded that points to a preselected role's id
|
||||
// this function resolves that id attribute to an object that select2 can render
|
||||
// using its formatResult renderer - that way the role name is shown preselected
|
||||
var data = [];
|
||||
$(element.val().split(",")).each(function () {
|
||||
var item = this.split(":");
|
||||
data.push({
|
||||
id: item[0],
|
||||
name: item[1],
|
||||
});
|
||||
});
|
||||
callback(data);
|
||||
},
|
||||
initialData: init_data.join(","),
|
||||
dropdownCssClass: "bigdrop", // apply css that makes the dropdown taller
|
||||
};
|
||||
|
||||
return select_options;
|
||||
},
|
||||
|
||||
/**
|
||||
* Extract the role ids from Select2 elements's 'data'
|
||||
*/
|
||||
_extractIds: function (roles_list) {
|
||||
var ids_list = [];
|
||||
for (var i = roles_list.length - 1; i >= 0; i--) {
|
||||
ids_list.push(roles_list[i].id);
|
||||
}
|
||||
return ids_list;
|
||||
},
|
||||
|
||||
/**
|
||||
* Save the permissions for roles entered in the select boxes.
|
||||
*/
|
||||
savePermissions: function (event) {
|
||||
var self = this;
|
||||
var add_ids = this._extractIds(this.addSelectObject.$el.select2("data"));
|
||||
var manage_ids = this._extractIds(this.manageSelectObject.$el.select2("data"));
|
||||
var modify_ids = this._extractIds(this.modifySelectObject.$el.select2("data"));
|
||||
$.post(`${getAppRoot()}api/folders/${self.id}/permissions?action=set_permissions`, {
|
||||
"add_ids[]": add_ids,
|
||||
"manage_ids[]": manage_ids,
|
||||
"modify_ids[]": modify_ids,
|
||||
})
|
||||
.done((fetched_permissions) => {
|
||||
self.showPermissions({
|
||||
fetched_permissions: fetched_permissions,
|
||||
});
|
||||
Toast.success("Permissions saved.");
|
||||
})
|
||||
.fail(() => {
|
||||
Toast.error("An error occurred while attempting to set folder permissions.");
|
||||
});
|
||||
},
|
||||
|
||||
templateFolderPermissions: function () {
|
||||
return _.template(
|
||||
`<div class="library_style_container">
|
||||
<div>
|
||||
<a href="<%- root_path %>library/folders/<%= folder.get("parent_id") %>">
|
||||
<button data-toggle="tooltip" data-placement="top" title="Go back to the parent folder"
|
||||
class="btn btn-secondary primary-button" type="button">
|
||||
<span class="fa fa-caret-left fa-lg"/>
|
||||
Parent folder
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
<h1>
|
||||
Folder: <%= _.escape(folder.get("name")) %>
|
||||
</h1>
|
||||
<div class="alert alert-warning">
|
||||
<% if (is_admin) { %>
|
||||
You are logged in as an <strong>administrator</strong> therefore you can manage any
|
||||
folder on this Galaxy instance. Please make sure you understand the consequences.
|
||||
<% } else { %>
|
||||
You can assign any number of roles to any of the following permission types.
|
||||
However please read carefully the implications of such actions.
|
||||
<% }%>
|
||||
</div>
|
||||
<div class="dataset_table">
|
||||
<h2>Folder permissions</h2>
|
||||
<h4>
|
||||
Roles that can manage permissions on this folder
|
||||
</h4>
|
||||
<div id="manage_perm" class="manage_perm roles-selection"></div>
|
||||
<div class="alert alert-info roles-selection">
|
||||
User with <strong>any</strong> of these roles can manage permissions on this folder.
|
||||
</div>
|
||||
<h4>
|
||||
Roles that can add items to this folder
|
||||
</h4>
|
||||
<div id="add_perm" class="add_perm roles-selection"></div>
|
||||
<div class="alert alert-info roles-selection">
|
||||
User with <strong>any</strong> of these roles can add items to this folder (folders and datasets).
|
||||
</div>
|
||||
<h4>
|
||||
Roles that can modify this folder
|
||||
</h4>
|
||||
<div id="modify_perm" class="modify_perm roles-selection"></div>
|
||||
<div class="alert alert-info roles-selection">
|
||||
User with <strong>any</strong> of these roles can modify this folder (name, etc.).
|
||||
</div>
|
||||
<button data-toggle="tooltip" data-placement="top" title="Save modifications"
|
||||
class="btn btn-secondary toolbtn_save_permissions primary-button" type="button">
|
||||
<span class="fa fa-floppy-o"/>
|
||||
Save
|
||||
</button>
|
||||
</div>
|
||||
</div>`
|
||||
);
|
||||
},
|
||||
});
|
||||
|
||||
export default {
|
||||
FolderView: FolderView,
|
||||
};
|
||||
Reference in New Issue
Block a user