1131 lines
33 KiB
JavaScript
1131 lines
33 KiB
JavaScript
/*
|
|
* Copyright (c) 2015
|
|
*
|
|
* This file is licensed under the Affero General Public License version 3
|
|
* or later.
|
|
*
|
|
* See the COPYING-README file.
|
|
*
|
|
*/
|
|
|
|
/* globals Handlebars */
|
|
|
|
(function() {
|
|
if(!OC.Share) {
|
|
OC.Share = {};
|
|
}
|
|
|
|
/**
|
|
* @class OCA.Share.ShareDialogView
|
|
* @member {OC.Share.ShareItemModel} model
|
|
* @member {jQuery} $el
|
|
* @memberof OCA.Sharing
|
|
* @classdesc
|
|
*
|
|
* Represents the GUI of the share dialogue
|
|
*
|
|
*/
|
|
var ShareDialogView = OC.Backbone.View.extend({
|
|
/** @type {Object} **/
|
|
_templates: {},
|
|
|
|
/** @type {boolean} **/
|
|
_showLink: true,
|
|
|
|
/** @type {string} **/
|
|
tagName: 'div',
|
|
|
|
/** @type {OC.Share.ShareConfigModel} **/
|
|
configModel: undefined,
|
|
|
|
/** @type {object} **/
|
|
resharerInfoView: undefined,
|
|
|
|
/** @type {object} **/
|
|
linkShareView: undefined,
|
|
|
|
/** @type {object} **/
|
|
shareeListView: undefined,
|
|
|
|
/** @type {object} **/
|
|
_lastSuggestions: undefined,
|
|
|
|
/** @type {object} **/
|
|
_lastRecommendations: undefined,
|
|
|
|
/** @type {int} **/
|
|
_pendingOperationsCount: 0,
|
|
|
|
events: {
|
|
'focus .shareWithField': 'onShareWithFieldFocus',
|
|
'input .shareWithField': 'onShareWithFieldChanged',
|
|
'click .shareWithConfirm': '_confirmShare'
|
|
},
|
|
|
|
initialize: function(options) {
|
|
var view = this;
|
|
|
|
this.model.on('fetchError', function() {
|
|
OC.Notification.showTemporary(t('core', 'Share details could not be loaded for this item.'));
|
|
});
|
|
|
|
if(!_.isUndefined(options.configModel)) {
|
|
this.configModel = options.configModel;
|
|
} else {
|
|
throw 'missing OC.Share.ShareConfigModel';
|
|
}
|
|
|
|
this.configModel.on('change:isRemoteShareAllowed', function() {
|
|
view.render();
|
|
});
|
|
this.configModel.on('change:isRemoteGroupShareAllowed', function() {
|
|
view.render();
|
|
});
|
|
this.model.on('change:permissions', function() {
|
|
view.render();
|
|
});
|
|
|
|
this.model.on('request', this._onRequest, this);
|
|
this.model.on('sync', this._onEndRequest, this);
|
|
|
|
var subViewOptions = {
|
|
model: this.model,
|
|
configModel: this.configModel
|
|
};
|
|
|
|
var subViews = {
|
|
resharerInfoView: 'ShareDialogResharerInfoView',
|
|
linkShareView: 'ShareDialogLinkShareView',
|
|
shareeListView: 'ShareDialogShareeListView'
|
|
};
|
|
|
|
for(var name in subViews) {
|
|
var className = subViews[name];
|
|
this[name] = _.isUndefined(options[name])
|
|
? new OC.Share[className](subViewOptions)
|
|
: options[name];
|
|
}
|
|
|
|
_.bindAll(this,
|
|
'autocompleteHandler',
|
|
'_onSelectRecipient',
|
|
'onShareWithFieldChanged',
|
|
'onShareWithFieldFocus'
|
|
);
|
|
|
|
OC.Plugins.attach('OC.Share.ShareDialogView', this);
|
|
},
|
|
|
|
onShareWithFieldChanged: function() {
|
|
var $el = this.$el.find('.shareWithField');
|
|
if ($el.val().length < 2) {
|
|
$el.removeClass('error').tooltip('hide');
|
|
}
|
|
},
|
|
|
|
/* trigger search after the field was re-selected */
|
|
onShareWithFieldFocus: function() {
|
|
this.$el.find('.shareWithField').autocomplete("search");
|
|
},
|
|
|
|
_getSuggestions: function(searchTerm, perPage, model) {
|
|
if (this._lastSuggestions &&
|
|
this._lastSuggestions.searchTerm === searchTerm &&
|
|
this._lastSuggestions.perPage === perPage &&
|
|
this._lastSuggestions.model === model) {
|
|
return this._lastSuggestions.promise;
|
|
}
|
|
|
|
var deferred = $.Deferred();
|
|
|
|
$.get(
|
|
OC.linkToOCS('apps/files_sharing/api/v1') + 'sharees',
|
|
{
|
|
format: 'json',
|
|
search: searchTerm,
|
|
perPage: perPage,
|
|
itemType: model.get('itemType')
|
|
},
|
|
function (result) {
|
|
if (result.ocs.meta.statuscode === 100) {
|
|
var filter = function(users, groups, remotes, remote_groups, emails, circles, rooms) {
|
|
if (typeof(emails) === 'undefined') {
|
|
emails = [];
|
|
}
|
|
if (typeof(circles) === 'undefined') {
|
|
circles = [];
|
|
}
|
|
if (typeof(rooms) === 'undefined') {
|
|
rooms = [];
|
|
}
|
|
|
|
var usersLength;
|
|
var groupsLength;
|
|
var remotesLength;
|
|
var remoteGroupsLength;
|
|
var emailsLength;
|
|
var circlesLength;
|
|
var roomsLength;
|
|
|
|
var i, j;
|
|
|
|
//Filter out the current user
|
|
usersLength = users.length;
|
|
for (i = 0; i < usersLength; i++) {
|
|
if (users[i].value.shareWith === OC.currentUser) {
|
|
users.splice(i, 1);
|
|
break;
|
|
}
|
|
}
|
|
|
|
// Filter out the owner of the share
|
|
if (model.hasReshare()) {
|
|
usersLength = users.length;
|
|
for (i = 0 ; i < usersLength; i++) {
|
|
if (users[i].value.shareWith === model.getReshareOwner()) {
|
|
users.splice(i, 1);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
var shares = model.get('shares');
|
|
var sharesLength = shares.length;
|
|
|
|
// Now filter out all sharees that are already shared with
|
|
for (i = 0; i < sharesLength; i++) {
|
|
var share = shares[i];
|
|
|
|
if (share.share_type === OC.Share.SHARE_TYPE_USER) {
|
|
usersLength = users.length;
|
|
for (j = 0; j < usersLength; j++) {
|
|
if (users[j].value.shareWith === share.share_with) {
|
|
users.splice(j, 1);
|
|
break;
|
|
}
|
|
}
|
|
} else if (share.share_type === OC.Share.SHARE_TYPE_GROUP) {
|
|
groupsLength = groups.length;
|
|
for (j = 0; j < groupsLength; j++) {
|
|
if (groups[j].value.shareWith === share.share_with) {
|
|
groups.splice(j, 1);
|
|
break;
|
|
}
|
|
}
|
|
} else if (share.share_type === OC.Share.SHARE_TYPE_REMOTE) {
|
|
remotesLength = remotes.length;
|
|
for (j = 0; j < remotesLength; j++) {
|
|
if (remotes[j].value.shareWith === share.share_with) {
|
|
remotes.splice(j, 1);
|
|
break;
|
|
}
|
|
}
|
|
} else if (share.share_type === OC.Share.SHARE_TYPE_REMOTE_GROUP) {
|
|
remoteGroupsLength = remote_groups.length;
|
|
for (j = 0; j < remoteGroupsLength; j++) {
|
|
if (remote_groups[j].value.shareWith === share.share_with) {
|
|
remote_groups.splice(j, 1);
|
|
break;
|
|
}
|
|
}
|
|
} else if (share.share_type === OC.Share.SHARE_TYPE_EMAIL) {
|
|
emailsLength = emails.length;
|
|
for (j = 0; j < emailsLength; j++) {
|
|
if (emails[j].value.shareWith === share.share_with) {
|
|
emails.splice(j, 1);
|
|
break;
|
|
}
|
|
}
|
|
} else if (share.share_type === OC.Share.SHARE_TYPE_CIRCLE) {
|
|
circlesLength = circles.length;
|
|
for (j = 0; j < circlesLength; j++) {
|
|
if (circles[j].value.shareWith === share.share_with) {
|
|
circles.splice(j, 1);
|
|
break;
|
|
}
|
|
}
|
|
} else if (share.share_type === OC.Share.SHARE_TYPE_ROOM) {
|
|
roomsLength = rooms.length;
|
|
for (j = 0; j < roomsLength; j++) {
|
|
if (rooms[j].value.shareWith === share.share_with) {
|
|
rooms.splice(j, 1);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
filter(
|
|
result.ocs.data.exact.users,
|
|
result.ocs.data.exact.groups,
|
|
result.ocs.data.exact.remotes,
|
|
result.ocs.data.exact.remote_groups,
|
|
result.ocs.data.exact.emails,
|
|
result.ocs.data.exact.circles,
|
|
result.ocs.data.exact.rooms
|
|
);
|
|
|
|
var exactUsers = result.ocs.data.exact.users;
|
|
var exactGroups = result.ocs.data.exact.groups;
|
|
var exactRemotes = result.ocs.data.exact.remotes;
|
|
var exactRemoteGroups = result.ocs.data.exact.remote_groups;
|
|
var exactEmails = [];
|
|
if (typeof(result.ocs.data.emails) !== 'undefined') {
|
|
exactEmails = result.ocs.data.exact.emails;
|
|
}
|
|
var exactCircles = [];
|
|
if (typeof(result.ocs.data.circles) !== 'undefined') {
|
|
exactCircles = result.ocs.data.exact.circles;
|
|
}
|
|
var exactRooms = [];
|
|
if (typeof(result.ocs.data.rooms) !== 'undefined') {
|
|
exactRooms = result.ocs.data.exact.rooms;
|
|
}
|
|
|
|
var exactMatches = exactUsers.concat(exactGroups).concat(exactRemotes).concat(exactRemoteGroups).concat(exactEmails).concat(exactCircles).concat(exactRooms);
|
|
|
|
filter(
|
|
result.ocs.data.users,
|
|
result.ocs.data.groups,
|
|
result.ocs.data.remotes,
|
|
result.ocs.data.remote_groups,
|
|
result.ocs.data.emails,
|
|
result.ocs.data.circles,
|
|
result.ocs.data.rooms
|
|
);
|
|
|
|
var users = result.ocs.data.users;
|
|
var groups = result.ocs.data.groups;
|
|
var remotes = result.ocs.data.remotes;
|
|
var remoteGroups = result.ocs.data.remote_groups;
|
|
var lookup = result.ocs.data.lookup;
|
|
var emails = [];
|
|
if (typeof(result.ocs.data.emails) !== 'undefined') {
|
|
emails = result.ocs.data.emails;
|
|
}
|
|
var circles = [];
|
|
if (typeof(result.ocs.data.circles) !== 'undefined') {
|
|
circles = result.ocs.data.circles;
|
|
}
|
|
var rooms = [];
|
|
if (typeof(result.ocs.data.rooms) !== 'undefined') {
|
|
rooms = result.ocs.data.rooms;
|
|
}
|
|
|
|
var suggestions = exactMatches.concat(users).concat(groups).concat(remotes).concat(remoteGroups).concat(emails).concat(circles).concat(rooms).concat(lookup);
|
|
|
|
function dynamicSort(property) {
|
|
return function (a,b) {
|
|
var aProperty = '';
|
|
var bProperty = '';
|
|
if (typeof a[property] !== 'undefined') {
|
|
aProperty = a[property];
|
|
}
|
|
if (typeof b[property] !== 'undefined') {
|
|
bProperty = b[property];
|
|
}
|
|
return (aProperty < bProperty) ? -1 : (aProperty > bProperty) ? 1 : 0;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Sort share entries by uuid to properly group them
|
|
*/
|
|
var grouped = suggestions.sort(dynamicSort('uuid'));
|
|
|
|
var previousUuid = null;
|
|
var groupedLength = grouped.length;
|
|
var result = [];
|
|
/**
|
|
* build the result array that only contains all contact entries from
|
|
* merged contacts, if the search term matches its contact name
|
|
*/
|
|
for (var i = 0; i < groupedLength; i++) {
|
|
if (typeof grouped[i].uuid !== 'undefined' && grouped[i].uuid === previousUuid) {
|
|
grouped[i].merged = true;
|
|
}
|
|
if (searchTerm === grouped[i].name || typeof grouped[i].merged === 'undefined') {
|
|
result.push(grouped[i]);
|
|
}
|
|
previousUuid = grouped[i].uuid;
|
|
}
|
|
var moreResultsAvailable =
|
|
(
|
|
oc_config['sharing.maxAutocompleteResults'] > 0
|
|
&& Math.min(perPage, oc_config['sharing.maxAutocompleteResults'])
|
|
<= Math.max(
|
|
users.length + exactUsers.length,
|
|
groups.length + exactGroups.length,
|
|
remoteGroups.length + exactRemoteGroups.length,
|
|
remotes.length + exactRemotes.length,
|
|
emails.length + exactEmails.length,
|
|
circles.length + exactCircles.length,
|
|
rooms.length + exactRooms.length,
|
|
lookup.length
|
|
)
|
|
);
|
|
|
|
deferred.resolve(result, exactMatches, moreResultsAvailable);
|
|
} else {
|
|
deferred.reject(result.ocs.meta.message);
|
|
}
|
|
}
|
|
).fail(function() {
|
|
deferred.reject();
|
|
});
|
|
|
|
this._lastSuggestions = {
|
|
searchTerm: searchTerm,
|
|
perPage: perPage,
|
|
model: model,
|
|
promise: deferred.promise()
|
|
};
|
|
|
|
return this._lastSuggestions.promise;
|
|
},
|
|
|
|
_getRecommendations: function(model) {
|
|
if (this._lastRecommendations &&
|
|
this._lastRecommendations.model === model) {
|
|
return this._lastRecommendations.promise;
|
|
}
|
|
|
|
var deferred = $.Deferred();
|
|
|
|
$.get(
|
|
OC.linkToOCS('apps/files_sharing/api/v1') + 'sharees_recommended',
|
|
{
|
|
format: 'json',
|
|
itemType: model.get('itemType')
|
|
},
|
|
function (result) {
|
|
if (result.ocs.meta.statuscode === 100) {
|
|
var filter = function(users, groups, remotes, remote_groups, emails, circles, rooms) {
|
|
if (typeof(emails) === 'undefined') {
|
|
emails = [];
|
|
}
|
|
if (typeof(circles) === 'undefined') {
|
|
circles = [];
|
|
}
|
|
if (typeof(rooms) === 'undefined') {
|
|
rooms = [];
|
|
}
|
|
|
|
var usersLength;
|
|
var groupsLength;
|
|
var remotesLength;
|
|
var remoteGroupsLength;
|
|
var emailsLength;
|
|
var circlesLength;
|
|
var roomsLength;
|
|
|
|
var i, j;
|
|
|
|
//Filter out the current user
|
|
usersLength = users.length;
|
|
for (i = 0; i < usersLength; i++) {
|
|
if (users[i].value.shareWith === OC.currentUser) {
|
|
users.splice(i, 1);
|
|
break;
|
|
}
|
|
}
|
|
|
|
// Filter out the owner of the share
|
|
if (model.hasReshare()) {
|
|
usersLength = users.length;
|
|
for (i = 0 ; i < usersLength; i++) {
|
|
if (users[i].value.shareWith === model.getReshareOwner()) {
|
|
users.splice(i, 1);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
var shares = model.get('shares');
|
|
var sharesLength = shares.length;
|
|
|
|
// Now filter out all sharees that are already shared with
|
|
for (i = 0; i < sharesLength; i++) {
|
|
var share = shares[i];
|
|
|
|
if (share.share_type === OC.Share.SHARE_TYPE_USER) {
|
|
usersLength = users.length;
|
|
for (j = 0; j < usersLength; j++) {
|
|
if (users[j].value.shareWith === share.share_with) {
|
|
users.splice(j, 1);
|
|
break;
|
|
}
|
|
}
|
|
} else if (share.share_type === OC.Share.SHARE_TYPE_GROUP) {
|
|
groupsLength = groups.length;
|
|
for (j = 0; j < groupsLength; j++) {
|
|
if (groups[j].value.shareWith === share.share_with) {
|
|
groups.splice(j, 1);
|
|
break;
|
|
}
|
|
}
|
|
} else if (share.share_type === OC.Share.SHARE_TYPE_REMOTE) {
|
|
remotesLength = remotes.length;
|
|
for (j = 0; j < remotesLength; j++) {
|
|
if (remotes[j].value.shareWith === share.share_with) {
|
|
remotes.splice(j, 1);
|
|
break;
|
|
}
|
|
}
|
|
} else if (share.share_type === OC.Share.SHARE_TYPE_REMOTE_GROUP) {
|
|
remoteGroupsLength = remote_groups.length;
|
|
for (j = 0; j < remoteGroupsLength; j++) {
|
|
if (remote_groups[j].value.shareWith === share.share_with) {
|
|
remote_groups.splice(j, 1);
|
|
break;
|
|
}
|
|
}
|
|
} else if (share.share_type === OC.Share.SHARE_TYPE_EMAIL) {
|
|
emailsLength = emails.length;
|
|
for (j = 0; j < emailsLength; j++) {
|
|
if (emails[j].value.shareWith === share.share_with) {
|
|
emails.splice(j, 1);
|
|
break;
|
|
}
|
|
}
|
|
} else if (share.share_type === OC.Share.SHARE_TYPE_CIRCLE) {
|
|
circlesLength = circles.length;
|
|
for (j = 0; j < circlesLength; j++) {
|
|
if (circles[j].value.shareWith === share.share_with) {
|
|
circles.splice(j, 1);
|
|
break;
|
|
}
|
|
}
|
|
} else if (share.share_type === OC.Share.SHARE_TYPE_ROOM) {
|
|
roomsLength = rooms.length;
|
|
for (j = 0; j < roomsLength; j++) {
|
|
if (rooms[j].value.shareWith === share.share_with) {
|
|
rooms.splice(j, 1);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
filter(
|
|
result.ocs.data.exact.users,
|
|
result.ocs.data.exact.groups,
|
|
result.ocs.data.exact.remotes,
|
|
result.ocs.data.exact.remote_groups,
|
|
result.ocs.data.exact.emails,
|
|
result.ocs.data.exact.circles,
|
|
result.ocs.data.exact.rooms
|
|
);
|
|
|
|
var exactUsers = result.ocs.data.exact.users;
|
|
var exactGroups = result.ocs.data.exact.groups;
|
|
var exactRemotes = result.ocs.data.exact.remotes || [];
|
|
var exactRemoteGroups = result.ocs.data.exact.remote_groups || [];
|
|
var exactEmails = [];
|
|
if (typeof(result.ocs.data.emails) !== 'undefined') {
|
|
exactEmails = result.ocs.data.exact.emails;
|
|
}
|
|
var exactCircles = [];
|
|
if (typeof(result.ocs.data.circles) !== 'undefined') {
|
|
exactCircles = result.ocs.data.exact.circles;
|
|
}
|
|
var exactRooms = [];
|
|
if (typeof(result.ocs.data.rooms) !== 'undefined') {
|
|
exactRooms = result.ocs.data.exact.rooms;
|
|
}
|
|
|
|
var exactMatches = exactUsers.concat(exactGroups).concat(exactRemotes).concat(exactRemoteGroups).concat(exactEmails).concat(exactCircles).concat(exactRooms);
|
|
|
|
filter(
|
|
result.ocs.data.users,
|
|
result.ocs.data.groups,
|
|
result.ocs.data.remotes,
|
|
result.ocs.data.remote_groups,
|
|
result.ocs.data.emails,
|
|
result.ocs.data.circles,
|
|
result.ocs.data.rooms
|
|
);
|
|
|
|
var users = result.ocs.data.users;
|
|
var groups = result.ocs.data.groups;
|
|
var remotes = result.ocs.data.remotes || [];
|
|
var remoteGroups = result.ocs.data.remote_groups || [];
|
|
var lookup = result.ocs.data.lookup || [];
|
|
var emails = [];
|
|
if (typeof(result.ocs.data.emails) !== 'undefined') {
|
|
emails = result.ocs.data.emails;
|
|
}
|
|
var circles = [];
|
|
if (typeof(result.ocs.data.circles) !== 'undefined') {
|
|
circles = result.ocs.data.circles;
|
|
}
|
|
var rooms = [];
|
|
if (typeof(result.ocs.data.rooms) !== 'undefined') {
|
|
rooms = result.ocs.data.rooms;
|
|
}
|
|
|
|
var suggestions = exactMatches.concat(users).concat(groups).concat(remotes).concat(remoteGroups).concat(emails).concat(circles).concat(rooms).concat(lookup);
|
|
|
|
function dynamicSort(property) {
|
|
return function (a,b) {
|
|
var aProperty = '';
|
|
var bProperty = '';
|
|
if (typeof a[property] !== 'undefined') {
|
|
aProperty = a[property];
|
|
}
|
|
if (typeof b[property] !== 'undefined') {
|
|
bProperty = b[property];
|
|
}
|
|
return (aProperty < bProperty) ? -1 : (aProperty > bProperty) ? 1 : 0;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Sort share entries by uuid to properly group them
|
|
*/
|
|
var grouped = suggestions.sort(dynamicSort('uuid'));
|
|
|
|
var previousUuid = null;
|
|
var groupedLength = grouped.length;
|
|
var result = [];
|
|
/**
|
|
* build the result array that only contains all contact entries from
|
|
* merged contacts, if the search term matches its contact name
|
|
*/
|
|
for (var i = 0; i < groupedLength; i++) {
|
|
if (typeof grouped[i].uuid !== 'undefined' && grouped[i].uuid === previousUuid) {
|
|
grouped[i].merged = true;
|
|
}
|
|
if (typeof grouped[i].merged === 'undefined') {
|
|
result.push(grouped[i]);
|
|
}
|
|
previousUuid = grouped[i].uuid;
|
|
}
|
|
var moreResultsAvailable =
|
|
(
|
|
oc_config['sharing.maxAutocompleteResults'] > 0
|
|
&& Math.min(perPage, oc_config['sharing.maxAutocompleteResults'])
|
|
<= Math.max(
|
|
users.length + exactUsers.length,
|
|
groups.length + exactGroups.length,
|
|
remoteGroups.length + exactRemoteGroups.length,
|
|
remotes.length + exactRemotes.length,
|
|
emails.length + exactEmails.length,
|
|
circles.length + exactCircles.length,
|
|
rooms.length + exactRooms.length,
|
|
lookup.length
|
|
)
|
|
);
|
|
|
|
deferred.resolve(result, exactMatches, moreResultsAvailable);
|
|
} else {
|
|
deferred.reject(result.ocs.meta.message);
|
|
}
|
|
}
|
|
).fail(function() {
|
|
deferred.reject();
|
|
});
|
|
|
|
this._lastRecommendations = {
|
|
model: model,
|
|
promise: deferred.promise()
|
|
};
|
|
|
|
return this._lastRecommendations.promise;
|
|
},
|
|
|
|
recommendationHandler: function (response) {
|
|
var view = this;
|
|
var $shareWithField = $('.shareWithField');
|
|
this._getRecommendations(
|
|
view.model
|
|
).done(function(suggestions, exactMatches) {
|
|
view._pendingOperationsCount--;
|
|
if (view._pendingOperationsCount === 0) {
|
|
$loading.addClass('hidden');
|
|
$loading.removeClass('inlineblock');
|
|
$confirm.removeClass('hidden');
|
|
}
|
|
|
|
if (suggestions.length > 0) {
|
|
$shareWithField
|
|
.autocomplete("option", "autoFocus", true);
|
|
|
|
response(suggestions);
|
|
} else {
|
|
console.info('no sharing recommendations found');
|
|
response();
|
|
}
|
|
}).fail(function(message) {
|
|
view._pendingOperationsCount--;
|
|
if (view._pendingOperationsCount === 0) {
|
|
$loading.addClass('hidden');
|
|
$loading.removeClass('inlineblock');
|
|
$confirm.removeClass('hidden');
|
|
}
|
|
|
|
console.error('could not load recommendations', message)
|
|
});
|
|
},
|
|
|
|
autocompleteHandler: function (search, response) {
|
|
// If nothing is entered we show recommendations instead of search
|
|
// results
|
|
if (search.term.length === 0) {
|
|
this.recommendationHandler(response);
|
|
return;
|
|
}
|
|
|
|
var $shareWithField = $('.shareWithField'),
|
|
view = this,
|
|
$loading = this.$el.find('.shareWithLoading'),
|
|
$confirm = this.$el.find('.shareWithConfirm');
|
|
|
|
var count = oc_config['sharing.minSearchStringLength'];
|
|
if (search.term.trim().length < count) {
|
|
var title = n('core',
|
|
'At least {count} character is needed for autocompletion',
|
|
'At least {count} characters are needed for autocompletion',
|
|
count,
|
|
{ count: count }
|
|
);
|
|
$shareWithField.addClass('error')
|
|
.attr('data-original-title', title)
|
|
.tooltip('hide')
|
|
.tooltip({
|
|
placement: 'bottom',
|
|
trigger: 'manual'
|
|
})
|
|
.tooltip('fixTitle')
|
|
.tooltip('show');
|
|
response();
|
|
return;
|
|
}
|
|
|
|
$loading.removeClass('hidden');
|
|
$loading.addClass('inlineblock');
|
|
$confirm.addClass('hidden');
|
|
this._pendingOperationsCount++;
|
|
|
|
$shareWithField.removeClass('error')
|
|
.tooltip('hide');
|
|
|
|
var perPage = parseInt(oc_config['sharing.maxAutocompleteResults'], 10) || 200;
|
|
this._getSuggestions(
|
|
search.term.trim(),
|
|
perPage,
|
|
view.model
|
|
).done(function(suggestions, exactMatches, moreResultsAvailable) {
|
|
view._pendingOperationsCount--;
|
|
if (view._pendingOperationsCount === 0) {
|
|
$loading.addClass('hidden');
|
|
$loading.removeClass('inlineblock');
|
|
$confirm.removeClass('hidden');
|
|
}
|
|
|
|
if (suggestions.length > 0) {
|
|
$shareWithField
|
|
.autocomplete("option", "autoFocus", true);
|
|
|
|
response(suggestions);
|
|
|
|
// show a notice that the list is truncated
|
|
// this is the case if one of the search results is at least as long as the max result config option
|
|
if(moreResultsAvailable) {
|
|
var message = t('core', 'This list is maybe truncated - please refine your search term to see more results.');
|
|
$('.ui-autocomplete').append('<li class="autocomplete-note">' + message + '</li>');
|
|
}
|
|
|
|
} else {
|
|
var title = t('core', 'No users or groups found for {search}', {search: $shareWithField.val()});
|
|
if (!view.configModel.get('allowGroupSharing')) {
|
|
title = t('core', 'No users found for {search}', {search: $('.shareWithField').val()});
|
|
}
|
|
$shareWithField.addClass('error')
|
|
.attr('data-original-title', title)
|
|
.tooltip('hide')
|
|
.tooltip({
|
|
placement: 'bottom',
|
|
trigger: 'manual'
|
|
})
|
|
.tooltip('fixTitle')
|
|
.tooltip('show');
|
|
response();
|
|
}
|
|
}).fail(function(message) {
|
|
view._pendingOperationsCount--;
|
|
if (view._pendingOperationsCount === 0) {
|
|
$loading.addClass('hidden');
|
|
$loading.removeClass('inlineblock');
|
|
$confirm.removeClass('hidden');
|
|
}
|
|
|
|
if (message) {
|
|
OC.Notification.showTemporary(t('core', 'An error occurred ("{message}"). Please try again', { message: message }));
|
|
} else {
|
|
OC.Notification.showTemporary(t('core', 'An error occurred. Please try again'));
|
|
}
|
|
});
|
|
},
|
|
|
|
autocompleteRenderItem: function(ul, item) {
|
|
var icon = 'icon-user';
|
|
var text = escapeHTML(item.label);
|
|
var description = '';
|
|
var type = '';
|
|
var getTranslatedType = function(type) {
|
|
switch (type) {
|
|
case 'HOME':
|
|
return t('core', 'Home');
|
|
case 'WORK':
|
|
return t('core', 'Work');
|
|
case 'OTHER':
|
|
return t('core', 'Other');
|
|
default:
|
|
return '' + type;
|
|
}
|
|
};
|
|
if (typeof item.type !== 'undefined' && item.type !== null) {
|
|
type = getTranslatedType(item.type) + ' ';
|
|
}
|
|
|
|
if (typeof item.name !== 'undefined') {
|
|
text = escapeHTML(item.name);
|
|
}
|
|
if (item.value.shareType === OC.Share.SHARE_TYPE_GROUP) {
|
|
icon = 'icon-contacts-dark';
|
|
} else if (item.value.shareType === OC.Share.SHARE_TYPE_REMOTE) {
|
|
icon = 'icon-shared';
|
|
description += item.value.shareWith;
|
|
} else if (item.value.shareType === OC.Share.SHARE_TYPE_REMOTE_GROUP) {
|
|
text = t('core', '{sharee} (remote group)', { sharee: text }, undefined, { escape: false });
|
|
icon = 'icon-shared';
|
|
description += item.value.shareWith;
|
|
} else if (item.value.shareType === OC.Share.SHARE_TYPE_EMAIL) {
|
|
icon = 'icon-mail';
|
|
description += item.value.shareWith;
|
|
} else if (item.value.shareType === OC.Share.SHARE_TYPE_CIRCLE) {
|
|
text = t('core', '{sharee} ({type}, {owner})', {sharee: text, type: item.value.circleInfo, owner: item.value.circleOwner}, undefined, {escape: false});
|
|
icon = 'icon-circle';
|
|
} else if (item.value.shareType === OC.Share.SHARE_TYPE_ROOM) {
|
|
icon = 'icon-talk';
|
|
}
|
|
|
|
var insert = $("<div class='share-autocomplete-item'/>");
|
|
if (item.merged) {
|
|
insert.addClass('merged');
|
|
text = item.value.shareWith;
|
|
description = type;
|
|
} else {
|
|
var avatar = $("<div class='avatardiv'></div>").appendTo(insert);
|
|
if (item.value.shareType === OC.Share.SHARE_TYPE_USER || item.value.shareType === OC.Share.SHARE_TYPE_CIRCLE) {
|
|
avatar.avatar(item.value.shareWith, 32, undefined, undefined, undefined, item.label);
|
|
} else {
|
|
if (typeof item.uuid === 'undefined') {
|
|
item.uuid = text;
|
|
}
|
|
avatar.imageplaceholder(item.uuid, text, 32);
|
|
}
|
|
description = type + description;
|
|
}
|
|
if (description !== '') {
|
|
insert.addClass('with-description');
|
|
}
|
|
|
|
$("<div class='autocomplete-item-text'></div>")
|
|
.html(
|
|
text.replace(
|
|
new RegExp(this.term, "gi"),
|
|
"<span class='ui-state-highlight'>$&</span>")
|
|
+ '<span class="autocomplete-item-details">' + description + '</span>'
|
|
)
|
|
.appendTo(insert);
|
|
insert.attr('title', item.value.shareWith);
|
|
insert.append('<span class="icon '+icon+'" title="' + text + '"></span>');
|
|
insert = $("<a>")
|
|
.append(insert);
|
|
return $("<li>")
|
|
.addClass((item.value.shareType === OC.Share.SHARE_TYPE_GROUP) ? 'group' : 'user')
|
|
.append(insert)
|
|
.appendTo(ul);
|
|
},
|
|
|
|
_onSelectRecipient: function(e, s) {
|
|
var self = this;
|
|
|
|
if (e.keyCode == 9) {
|
|
e.preventDefault();
|
|
if (typeof s.item.name !== 'undefined') {
|
|
e.target.value = s.item.name;
|
|
} else {
|
|
e.target.value = s.item.label;
|
|
}
|
|
setTimeout(function() {
|
|
$(e.target).attr('disabled', false)
|
|
.autocomplete('search', $(e.target).val());
|
|
}, 0);
|
|
return false;
|
|
}
|
|
|
|
e.preventDefault();
|
|
// Ensure that the keydown handler for the input field is not
|
|
// called; otherwise it would try to add the recipient again, which
|
|
// would fail.
|
|
e.stopImmediatePropagation();
|
|
$(e.target).attr('disabled', true)
|
|
.val(s.item.label);
|
|
|
|
var $loading = this.$el.find('.shareWithLoading');
|
|
var $confirm = this.$el.find('.shareWithConfirm');
|
|
|
|
$loading.removeClass('hidden');
|
|
$loading.addClass('inlineblock');
|
|
$confirm.addClass('hidden');
|
|
this._pendingOperationsCount++;
|
|
|
|
this.model.addShare(s.item.value, {success: function() {
|
|
// Adding a share changes the suggestions.
|
|
self._lastSuggestions = undefined;
|
|
|
|
$(e.target).val('')
|
|
.attr('disabled', false);
|
|
|
|
self._pendingOperationsCount--;
|
|
if (self._pendingOperationsCount === 0) {
|
|
$loading.addClass('hidden');
|
|
$loading.removeClass('inlineblock');
|
|
$confirm.removeClass('hidden');
|
|
}
|
|
}, error: function(obj, msg) {
|
|
OC.Notification.showTemporary(msg);
|
|
$(e.target).attr('disabled', false)
|
|
.autocomplete('search', $(e.target).val());
|
|
|
|
self._pendingOperationsCount--;
|
|
if (self._pendingOperationsCount === 0) {
|
|
$loading.addClass('hidden');
|
|
$loading.removeClass('inlineblock');
|
|
$confirm.removeClass('hidden');
|
|
}
|
|
}});
|
|
},
|
|
|
|
_confirmShare: function() {
|
|
var self = this;
|
|
var $shareWithField = $('.shareWithField');
|
|
var $loading = this.$el.find('.shareWithLoading');
|
|
var $confirm = this.$el.find('.shareWithConfirm');
|
|
|
|
$loading.removeClass('hidden');
|
|
$loading.addClass('inlineblock');
|
|
$confirm.addClass('hidden');
|
|
this._pendingOperationsCount++;
|
|
|
|
$shareWithField.prop('disabled', true);
|
|
|
|
// Disabling the autocompletion does not clear its search timeout;
|
|
// removing the focus from the input field does, but only if the
|
|
// autocompletion is not disabled when the field loses the focus.
|
|
// Thus, the field has to be disabled before disabling the
|
|
// autocompletion to prevent an old pending search result from
|
|
// appearing once the field is enabled again.
|
|
$shareWithField.autocomplete('close');
|
|
$shareWithField.autocomplete('disable');
|
|
|
|
var restoreUI = function() {
|
|
self._pendingOperationsCount--;
|
|
if (self._pendingOperationsCount === 0) {
|
|
$loading.addClass('hidden');
|
|
$loading.removeClass('inlineblock');
|
|
$confirm.removeClass('hidden');
|
|
}
|
|
|
|
$shareWithField.prop('disabled', false);
|
|
$shareWithField.focus();
|
|
};
|
|
|
|
var perPage = parseInt(oc_config['sharing.maxAutocompleteResults'], 10) || 200;
|
|
var onlyExactMatches = true;
|
|
this._getSuggestions(
|
|
$shareWithField.val(),
|
|
perPage,
|
|
this.model,
|
|
onlyExactMatches
|
|
).done(function(suggestions, exactMatches) {
|
|
if (suggestions.length === 0) {
|
|
restoreUI();
|
|
|
|
$shareWithField.autocomplete('enable');
|
|
|
|
// There is no need to show an error message here; it will
|
|
// be automatically shown when the autocomplete is activated
|
|
// again (due to the focus on the field) and it finds no
|
|
// matches.
|
|
|
|
return;
|
|
}
|
|
|
|
if (exactMatches.length !== 1) {
|
|
restoreUI();
|
|
|
|
$shareWithField.autocomplete('enable');
|
|
|
|
return;
|
|
}
|
|
|
|
var actionSuccess = function() {
|
|
// Adding a share changes the suggestions.
|
|
self._lastSuggestions = undefined;
|
|
|
|
$shareWithField.val('');
|
|
|
|
restoreUI();
|
|
|
|
$shareWithField.autocomplete('enable');
|
|
};
|
|
|
|
var actionError = function(obj, msg) {
|
|
restoreUI();
|
|
|
|
$shareWithField.autocomplete('enable');
|
|
|
|
OC.Notification.showTemporary(msg);
|
|
};
|
|
|
|
self.model.addShare(exactMatches[0].value, {
|
|
success: actionSuccess,
|
|
error: actionError
|
|
});
|
|
}).fail(function(message) {
|
|
restoreUI();
|
|
|
|
$shareWithField.autocomplete('enable');
|
|
|
|
// There is no need to show an error message here; it will be
|
|
// automatically shown when the autocomplete is activated again
|
|
// (due to the focus on the field) and getting the suggestions
|
|
// fail.
|
|
});
|
|
},
|
|
|
|
_toggleLoading: function(state) {
|
|
this._loading = state;
|
|
this.$el.find('.subView').toggleClass('hidden', state);
|
|
this.$el.find('.loading').toggleClass('hidden', !state);
|
|
},
|
|
|
|
_onRequest: function() {
|
|
// only show the loading spinner for the first request (for now)
|
|
if (!this._loadingOnce) {
|
|
this._toggleLoading(true);
|
|
}
|
|
},
|
|
|
|
_onEndRequest: function() {
|
|
var self = this;
|
|
this._toggleLoading(false);
|
|
if (!this._loadingOnce) {
|
|
this._loadingOnce = true;
|
|
// the first time, focus on the share field after the spinner disappeared
|
|
if (!OC.Util.isIE()) {
|
|
_.defer(function () {
|
|
self.$('.shareWithField').focus();
|
|
});
|
|
}
|
|
}
|
|
},
|
|
|
|
render: function() {
|
|
var self = this;
|
|
var baseTemplate = OC.Share.Templates['sharedialogview'];
|
|
|
|
this.$el.html(baseTemplate({
|
|
cid: this.cid,
|
|
shareLabel: t('core', 'Share'),
|
|
sharePlaceholder: this._renderSharePlaceholderPart(),
|
|
isSharingAllowed: this.model.sharePermissionPossible()
|
|
}));
|
|
|
|
var $shareField = this.$el.find('.shareWithField');
|
|
if ($shareField.length) {
|
|
var shareFieldKeydownHandler = function(event) {
|
|
if (event.keyCode !== 13) {
|
|
return true;
|
|
}
|
|
|
|
self._confirmShare();
|
|
|
|
return false;
|
|
};
|
|
|
|
$shareField.autocomplete({
|
|
minLength: 0,
|
|
delay: 750,
|
|
focus: function(event) {
|
|
event.preventDefault();
|
|
},
|
|
source: this.autocompleteHandler,
|
|
select: this._onSelectRecipient,
|
|
open: function() {
|
|
var autocomplete = $(this).autocomplete('widget');
|
|
var numberOfItems = autocomplete.find('li').size();
|
|
autocomplete.removeClass('item-count-1');
|
|
autocomplete.removeClass('item-count-2');
|
|
if (numberOfItems <= 2) {
|
|
autocomplete.addClass('item-count-' + numberOfItems);
|
|
}
|
|
}
|
|
}).data('ui-autocomplete')._renderItem = this.autocompleteRenderItem;
|
|
|
|
$shareField.on('keydown', null, shareFieldKeydownHandler);
|
|
}
|
|
|
|
this.resharerInfoView.$el = this.$el.find('.resharerInfoView');
|
|
this.resharerInfoView.render();
|
|
|
|
this.linkShareView.$el = this.$el.find('.linkShareView');
|
|
this.linkShareView.render();
|
|
|
|
this.shareeListView.$el = this.$el.find('.shareeListView');
|
|
this.shareeListView.render();
|
|
|
|
this.$el.find('.hasTooltip').tooltip();
|
|
|
|
return this;
|
|
},
|
|
|
|
/**
|
|
* sets whether share by link should be displayed or not. Default is
|
|
* true.
|
|
*
|
|
* @param {bool} showLink
|
|
*/
|
|
setShowLink: function(showLink) {
|
|
this._showLink = (typeof showLink === 'boolean') ? showLink : true;
|
|
this.linkShareView.showLink = this._showLink;
|
|
},
|
|
|
|
_renderSharePlaceholderPart: function () {
|
|
var allowRemoteSharing = this.configModel.get('isRemoteShareAllowed');
|
|
var allowMailSharing = this.configModel.get('isMailShareAllowed');
|
|
|
|
if (!allowRemoteSharing && allowMailSharing) {
|
|
return t('core', 'Name or email address...');
|
|
}
|
|
if (allowRemoteSharing && !allowMailSharing) {
|
|
return t('core', 'Name or federated cloud ID...');
|
|
}
|
|
if (allowRemoteSharing && allowMailSharing) {
|
|
return t('core', 'Name, federated cloud ID or email address...');
|
|
}
|
|
|
|
return t('core', 'Name...');
|
|
},
|
|
|
|
});
|
|
|
|
OC.Share.ShareDialogView = ShareDialogView;
|
|
|
|
})();
|