1138 lines
33 KiB
JavaScript
1138 lines
33 KiB
JavaScript
/* eslint-disable */
|
|
/*
|
|
* 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,
|
|
|
|
_lookup: false,
|
|
|
|
_lookupAllowed: false,
|
|
|
|
/** @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() {
|
|
var $shareWithField = this.$el.find('.shareWithField')
|
|
$shareWithField.autocomplete('search', $shareWithField.val())
|
|
},
|
|
|
|
_getSuggestions: function(searchTerm, perPage, model, lookup) {
|
|
if (this._lastSuggestions
|
|
&& this._lastSuggestions.searchTerm === searchTerm
|
|
&& this._lastSuggestions.lookup === lookup
|
|
&& this._lastSuggestions.perPage === perPage
|
|
&& this._lastSuggestions.model === model) {
|
|
return this._lastSuggestions.promise
|
|
}
|
|
|
|
var deferred = $.Deferred()
|
|
var view = this
|
|
|
|
$.get(
|
|
OC.linkToOCS('apps/files_sharing/api/v1') + 'sharees',
|
|
{
|
|
format: 'json',
|
|
search: searchTerm,
|
|
lookup: lookup,
|
|
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 lookupEnabled = result.ocs.data.lookupEnabled
|
|
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
|
|
)
|
|
)
|
|
if (!view._lookup && lookupEnabled) {
|
|
result.push(
|
|
{
|
|
label: t('core', 'Search globally'),
|
|
value: {},
|
|
lookup: true
|
|
}
|
|
)
|
|
}
|
|
|
|
deferred.resolve(result, exactMatches, moreResultsAvailable, lookupEnabled)
|
|
} else {
|
|
deferred.reject(result.ocs.meta.message)
|
|
}
|
|
}
|
|
).fail(function() {
|
|
deferred.reject()
|
|
})
|
|
|
|
this._lastSuggestions = {
|
|
searchTerm: searchTerm,
|
|
lookup: lookup,
|
|
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
|
|
}
|
|
|
|
deferred.resolve(result, exactMatches, false)
|
|
} 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) {
|
|
console.info('recommendations', suggestions)
|
|
if (suggestions.length > 0) {
|
|
$shareWithField
|
|
.autocomplete('option', 'autoFocus', true)
|
|
|
|
response(suggestions)
|
|
} else {
|
|
console.info('no sharing recommendations found')
|
|
response()
|
|
}
|
|
}).fail(function(message) {
|
|
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) {
|
|
console.info(search.term, 'empty search term -> using recommendations')
|
|
this.recommendationHandler(response)
|
|
return
|
|
}
|
|
|
|
var $shareWithField = $('.shareWithField')
|
|
var view = this
|
|
var $loading = this.$el.find('.shareWithLoading')
|
|
var $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,
|
|
view._lookup
|
|
).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: 'top',
|
|
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 if (item.lookup) {
|
|
text = item.label
|
|
icon = false
|
|
insert.append('<span class="icon icon-search search-globally"></span>')
|
|
} 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)
|
|
if (icon) {
|
|
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
|
|
}
|
|
|
|
if (s.item.lookup) {
|
|
// Retrigger search but with global lookup this time
|
|
this._lookup = true
|
|
var $shareWithField = this.$el.find('.shareWithField')
|
|
var val = $shareWithField.val()
|
|
setTimeout(function() {
|
|
console.debug('searching again, but globally. search term: ' + val)
|
|
$shareWithField.autocomplete('search', 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
|
|
this._getSuggestions(
|
|
$shareWithField.val(),
|
|
perPage,
|
|
this.model,
|
|
this._lookup
|
|
).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
|
|
}
|
|
},
|
|
|
|
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
|
|
|
|
})()
|