nextcloud/core/js/sharedialogview.js

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
})()