mirror of
https://github.com/haiwen/seahub.git
synced 2025-09-17 07:41:26 +00:00
Daniel Pan
@@ -4,8 +4,9 @@ define([
|
||||
'backbone',
|
||||
'common',
|
||||
'file-tree',
|
||||
'app/views/share'
|
||||
], function($, _, Backbone, Common, FileTree, ShareView) {
|
||||
'app/views/share',
|
||||
'app/views/folder-perm'
|
||||
], function($, _, Backbone, Common, FileTree, ShareView, FolderPermView) {
|
||||
'use strict';
|
||||
|
||||
app = app || {};
|
||||
@@ -37,6 +38,7 @@ define([
|
||||
category: dir.category,
|
||||
repo_id: dir.repo_id,
|
||||
user_perm: dir.user_perm,
|
||||
is_repo_owner: dir.is_repo_owner,
|
||||
repo_encrypted: dir.encrypted
|
||||
}));
|
||||
return this;
|
||||
@@ -53,7 +55,8 @@ define([
|
||||
'click .delete': 'delete',
|
||||
'click .rename': 'rename',
|
||||
'click .mv': 'mvcp',
|
||||
'click .cp': 'mvcp'
|
||||
'click .cp': 'mvcp',
|
||||
'click .set-folder-permission': 'setFolderPerm'
|
||||
},
|
||||
|
||||
highlight: function() {
|
||||
@@ -434,6 +437,16 @@ define([
|
||||
return false;
|
||||
});
|
||||
return false;
|
||||
},
|
||||
|
||||
setFolderPerm: function() {
|
||||
var options = {
|
||||
'obj_name': this.model.get('obj_name'),
|
||||
'dir_path': this.dir.path,
|
||||
'repo_id': this.dir.repo_id
|
||||
};
|
||||
new FolderPermView(options);
|
||||
return false;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
138
static/scripts/app/views/folder-perm-item.js
Normal file
138
static/scripts/app/views/folder-perm-item.js
Normal file
@@ -0,0 +1,138 @@
|
||||
define([
|
||||
'jquery',
|
||||
'underscore',
|
||||
'backbone',
|
||||
'common'
|
||||
], function($, _, Backbone, Common) {
|
||||
'use strict';
|
||||
|
||||
var FolderPermItemView = Backbone.View.extend({
|
||||
tagName: 'tr',
|
||||
|
||||
template: _.template($('#folder-perm-item-tmpl').html()),
|
||||
|
||||
initialize: function(options) {
|
||||
this.item_data = options.item_data;
|
||||
this.repo_id = options.repo_id;
|
||||
this.path = options.path;
|
||||
|
||||
this.render();
|
||||
},
|
||||
|
||||
render: function () {
|
||||
this.$el.html(this.template(this.item_data));
|
||||
return this;
|
||||
},
|
||||
|
||||
events: {
|
||||
'mouseenter': 'showPermOpIcons',
|
||||
'mouseleave': 'hidePermOpIcons',
|
||||
'click .perm-edit-icon': 'editIconClick',
|
||||
'change .perm-toggle-select': 'editPerm',
|
||||
'click .perm-delete-icon': 'deletePerm'
|
||||
},
|
||||
|
||||
showPermOpIcons: function () {
|
||||
this.$el.find('.op-icon').removeClass('vh');
|
||||
},
|
||||
|
||||
hidePermOpIcons: function () {
|
||||
this.$el.find('.op-icon').addClass('vh');
|
||||
},
|
||||
|
||||
editIconClick: function (e) {
|
||||
$(e.currentTarget).closest('td')
|
||||
.find('.perm').addClass('hide').end()
|
||||
.find('.perm-toggle-select').removeClass('hide');
|
||||
},
|
||||
|
||||
editPerm: function (e) {
|
||||
var _this = this;
|
||||
var perm = $(e.currentTarget).val();
|
||||
var post_data = {
|
||||
'perm': perm,
|
||||
'path': this.path,
|
||||
'type': 'modify'
|
||||
};
|
||||
var is_user_perm = this.item_data.is_user_perm;
|
||||
if (is_user_perm) {
|
||||
$.extend(post_data, {'user': this.item_data.user});
|
||||
} else {
|
||||
$.extend(post_data, {'group_id': this.item_data.group_id});
|
||||
}
|
||||
$.ajax({
|
||||
url: Common.getUrl({
|
||||
name: is_user_perm ? 'set_user_folder_perm' : 'set_group_folder_perm',
|
||||
repo_id: this.repo_id
|
||||
}),
|
||||
type: 'POST',
|
||||
dataType: 'json',
|
||||
cache: false,
|
||||
beforeSend: Common.prepareCSRFToken,
|
||||
data: post_data,
|
||||
success: function() {
|
||||
_this.item_data.perm = perm;
|
||||
_this.render();
|
||||
},
|
||||
error: function(xhr) {
|
||||
var err;
|
||||
if (xhr.responseText) {
|
||||
err = $.parseJSON(xhr.responseText).error;
|
||||
} else {
|
||||
err = gettext("Failed. Please check the network.");
|
||||
}
|
||||
if (is_user_perm) {
|
||||
$('#user-folder-perm .error').html(err).removeClass('hide');
|
||||
} else {
|
||||
$('#group-folder-perm .error').html(err).removeClass('hide');
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
deletePerm: function () {
|
||||
var _this = this;
|
||||
var post_data = {
|
||||
'perm': this.item_data.perm,
|
||||
'path': this.path,
|
||||
'type': 'delete'
|
||||
};
|
||||
var is_user_perm = this.item_data.is_user_perm;
|
||||
if (is_user_perm) {
|
||||
$.extend(post_data, {'user': this.item_data.user});
|
||||
} else {
|
||||
$.extend(post_data, {'group_id': this.item_data.group_id});
|
||||
}
|
||||
$.ajax({
|
||||
url: Common.getUrl({
|
||||
name: is_user_perm ? 'set_user_folder_perm' : 'set_group_folder_perm',
|
||||
repo_id: this.repo_id
|
||||
}),
|
||||
type: 'POST',
|
||||
dataType: 'json',
|
||||
cache: false,
|
||||
beforeSend: Common.prepareCSRFToken,
|
||||
data: post_data,
|
||||
success: function() {
|
||||
_this.remove();
|
||||
},
|
||||
error: function(xhr) {
|
||||
var err;
|
||||
if (xhr.responseText) {
|
||||
err = $.parseJSON(xhr.responseText).error;
|
||||
} else {
|
||||
err = gettext("Failed. Please check the network.");
|
||||
}
|
||||
if (is_user_perm) {
|
||||
$('#user-folder-perm .error').html(err).removeClass('hide');
|
||||
} else {
|
||||
$('#group-folder-perm .error').html(err).removeClass('hide');
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
return FolderPermItemView;
|
||||
});
|
||||
223
static/scripts/app/views/folder-perm.js
Normal file
223
static/scripts/app/views/folder-perm.js
Normal file
@@ -0,0 +1,223 @@
|
||||
define([
|
||||
'jquery',
|
||||
'underscore',
|
||||
'backbone',
|
||||
'common',
|
||||
'jquery.ui.tabs',
|
||||
'select2',
|
||||
'app/views/folder-perm-item'
|
||||
], function($, _, Backbone, Common, Tabs, Select2, FolderPermItemView) {
|
||||
'use strict';
|
||||
|
||||
var FolderPermView = Backbone.View.extend({
|
||||
tagName: 'div',
|
||||
id: 'folder-perm-popup',
|
||||
|
||||
template: _.template($('#folder-perm-popup-tmpl').html()),
|
||||
|
||||
initialize: function(options) {
|
||||
this.repo_id = options.repo_id;
|
||||
this.obj_name = options.obj_name;
|
||||
this.dir_path = options.dir_path;
|
||||
this.path = this.dir_path + this.obj_name;
|
||||
|
||||
this.render();
|
||||
|
||||
this.$el.modal({
|
||||
appendTo: "#main",
|
||||
focus: false,
|
||||
containerCss: {"padding": 0}
|
||||
});
|
||||
$('#simplemodal-container').css({'width':'auto', 'height':'auto'});
|
||||
|
||||
this.$("#folder-perm-tabs").tabs();
|
||||
|
||||
this.panelsInit();
|
||||
|
||||
var _this = this;
|
||||
$(document).on('click', function(e) {
|
||||
var target = e.target || event.srcElement;
|
||||
if (!_this.$('.perm-edit-icon, .perm-toggle-select').is(target)) {
|
||||
_this.$('.perm').removeClass('hide');
|
||||
_this.$('.perm-toggle-select').addClass('hide');
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
render: function () {
|
||||
this.$el.html(this.template({
|
||||
title: gettext("Set {placeholder}'s permission")
|
||||
.replace('{placeholder}', '<span class="op-target">' + Common.HTMLescape(this.obj_name) + '</span>')
|
||||
}));
|
||||
return this;
|
||||
},
|
||||
|
||||
panelsInit: function() {
|
||||
this.$add_user_perm = this.$('#add-user-folder-perm');
|
||||
this.$add_group_perm = this.$('#add-group-folder-perm');
|
||||
|
||||
var _this = this;
|
||||
var $add_user_perm = this.$add_user_perm,
|
||||
$add_group_perm = this.$add_group_perm;
|
||||
|
||||
// show existing perm items
|
||||
Common.ajaxGet({
|
||||
'get_url': Common.getUrl({
|
||||
name: 'get_folder_perm_by_path',
|
||||
repo_id: this.repo_id
|
||||
}),
|
||||
'data': {'path': this.path},
|
||||
'after_op_success': function (data) {
|
||||
$(data['user_perms']).each(function(index, item) {
|
||||
var perm_item = new FolderPermItemView({
|
||||
'repo_id': _this.repo_id,
|
||||
'path': _this.path,
|
||||
'item_data':$.extend(item, {'is_user_perm': true})
|
||||
});
|
||||
$add_user_perm.after(perm_item.el);
|
||||
});
|
||||
|
||||
$(data['group_perms']).each(function(index, item) {
|
||||
var perm_item = new FolderPermItemView({
|
||||
'repo_id': _this.repo_id,
|
||||
'path': _this.path,
|
||||
'item_data':$.extend(item, {'is_user_perm': false})
|
||||
});
|
||||
$add_group_perm.after(perm_item.el);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// use select2 to 'user' input in 'add user perm'
|
||||
$('[name="email"]', $add_user_perm).select2({
|
||||
maximumSelectionSize: 1,
|
||||
tags: function () {
|
||||
var contacts = app.pageOptions.contacts || [];
|
||||
var contact_list = [];
|
||||
for (var i = 0, len = contacts.length; i < len; i++) {
|
||||
contact_list.push(contacts[i].email);
|
||||
}
|
||||
return contact_list;
|
||||
},
|
||||
tokenSeparators: [',', ' '],
|
||||
escapeMarkup: function(m) { return m; }
|
||||
});
|
||||
|
||||
// use select2 to 'group' input in 'add group perm'
|
||||
var groups = app.pageOptions.groups || [],
|
||||
g_opts = '';
|
||||
for (var i = 0, len = groups.length; i < len; i++) {
|
||||
g_opts += '<option value="' + groups[i].id + '" data-index="' + i + '">' + groups[i].name + '</option>';
|
||||
}
|
||||
$('[name="group"]', $add_group_perm).html(g_opts).select2({
|
||||
maximumSelectionSize: 1,
|
||||
escapeMarkup: function(m) { return m; }
|
||||
});
|
||||
},
|
||||
|
||||
events: {
|
||||
'click #add-user-folder-perm .submit': 'addUserFolderPerm',
|
||||
'click #add-group-folder-perm .submit': 'addGroupFolderPerm'
|
||||
},
|
||||
|
||||
addUserFolderPerm: function() {
|
||||
var _this = this;
|
||||
var form = this.$add_user_perm, // pseudo form
|
||||
email = $('[name="email"]', form).val();
|
||||
if (!email) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var perm = $('[name="permission"]', form).val();
|
||||
Common.ajaxPost({
|
||||
'form': form,
|
||||
'form_id': form.attr('id'),
|
||||
'post_url': Common.getUrl({
|
||||
name: 'set_user_folder_perm',
|
||||
repo_id: this.repo_id
|
||||
}),
|
||||
'post_data': {
|
||||
'path': this.path,
|
||||
'type': 'add',
|
||||
'user': email,
|
||||
'perm': perm
|
||||
},
|
||||
'after_op_success': function(data) {
|
||||
var perm_item = new FolderPermItemView({
|
||||
'repo_id': _this.repo_id,
|
||||
'path': _this.path,
|
||||
'item_data': {
|
||||
'user': email,
|
||||
'perm': perm,
|
||||
'is_user_perm': true
|
||||
}
|
||||
});
|
||||
form.after(perm_item.el);
|
||||
|
||||
$('[name="email"]', form).select2("val", "");
|
||||
},
|
||||
'after_op_error': function(xhr) {
|
||||
var err;
|
||||
if (xhr.responseText) {
|
||||
err = $.parseJSON(xhr.responseText).error;
|
||||
} else {
|
||||
err = gettext("Failed. Please check the network.");
|
||||
}
|
||||
$('#user-folder-perm .error').html(err).removeClass('hide');
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
addGroupFolderPerm: function() {
|
||||
var _this = this;
|
||||
var form = this.$add_group_perm, // pseudo form
|
||||
group_input = $('[name="group"]', form),
|
||||
group_id = group_input.val()[0];
|
||||
if (!group_id) {
|
||||
return false;
|
||||
}
|
||||
|
||||
var perm = $('[name="permission"]', form).val();
|
||||
Common.ajaxPost({
|
||||
'form': form,
|
||||
'form_id': form.attr('id'),
|
||||
'post_url': Common.getUrl({
|
||||
name: 'set_group_folder_perm',
|
||||
repo_id: this.repo_id
|
||||
}),
|
||||
'post_data': {
|
||||
'path': this.path,
|
||||
'type': 'add',
|
||||
'group_id': group_id,
|
||||
'perm': perm
|
||||
},
|
||||
'after_op_success': function(data) {
|
||||
var perm_item = new FolderPermItemView({
|
||||
'repo_id': _this.repo_id,
|
||||
'path': _this.path,
|
||||
'item_data': {
|
||||
'is_user_perm': false,
|
||||
'perm': perm,
|
||||
'group_id': group_id,
|
||||
'group_name': $('[name="group"]', form).select2('data')[0].text
|
||||
}
|
||||
});
|
||||
form.after(perm_item.el);
|
||||
|
||||
$('[name="group"]', form).select2("val", "");
|
||||
},
|
||||
'after_op_error': function(xhr) {
|
||||
var err;
|
||||
if (xhr.responseText) {
|
||||
err = $.parseJSON(xhr.responseText).error;
|
||||
} else {
|
||||
err = gettext("Failed. Please check the network.");
|
||||
}
|
||||
$('#group-folder-perm .error').html(err).removeClass('hide');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
return FolderPermView;
|
||||
});
|
||||
Reference in New Issue
Block a user