ed4b4458eb
Before, the avatar for a circle share was generated using the "share_with" field as the seed for "imageplaceholder". Due to this, when the "share_with" field is set to the circle ID the character shown in the avatar was just a random character instead of the first character of the display name. Now the "share_with" is still used as the seed for the colour, but the display name is used as the text of the avatar. This adds support for "share_with" fields set to the circle ID while being backwards compatible with "share_with" fields set to the circle name. Note that when "share_with" fields is set to the circle name the colour of the avatar is different in the list of suggested sharees and in the list of current sharees, but that also happened before these changes (due to a different seed being used in each place). Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
694 lines
25 KiB
JavaScript
694 lines
25 KiB
JavaScript
/* global OC, Handlebars */
|
|
|
|
/*
|
|
* 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() {
|
|
|
|
var PASSWORD_PLACEHOLDER = '**********';
|
|
var PASSWORD_PLACEHOLDER_MESSAGE = t('core', 'Choose a password for the mail share');
|
|
|
|
if (!OC.Share) {
|
|
OC.Share = {};
|
|
}
|
|
|
|
var TEMPLATE =
|
|
'<ul id="shareWithList" class="shareWithList">' +
|
|
'{{#each sharees}}' +
|
|
'<li data-share-id="{{shareId}}" data-share-type="{{shareType}}" data-share-with="{{shareWith}}">' +
|
|
'<div class="avatar {{#if modSeed}}imageplaceholderseed{{/if}}" data-username="{{shareWith}}" data-displayname="{{shareWithDisplayName}}" {{#if modSeed}}data-seed="{{shareWith}} {{shareType}}"{{/if}}></div>' +
|
|
'<span class="username" title="{{shareWithTitle}}">{{shareWithDisplayName}}</span>' +
|
|
'<span class="sharingOptionsGroup">' +
|
|
'{{#if editPermissionPossible}}' +
|
|
'<span class="shareOption">' +
|
|
'<input id="canEdit-{{cid}}-{{shareWith}}" type="checkbox" name="edit" class="permissions checkbox" />' +
|
|
'<label for="canEdit-{{cid}}-{{shareWith}}">{{canEditLabel}}</label>' +
|
|
'</span>' +
|
|
'{{/if}}' +
|
|
'<a href="#"><span class="icon icon-more"></span></a>' +
|
|
'{{{popoverMenu}}}' +
|
|
'</span>' +
|
|
'</li>' +
|
|
'{{/each}}' +
|
|
'{{#each linkReshares}}' +
|
|
'<li data-share-id="{{shareId}}" data-share-type="{{shareType}}">' +
|
|
'<div class="avatar" data-username="{{shareInitiator}}"></div>' +
|
|
'<span class="has-tooltip username" title="{{shareInitiator}}">' + t('core', '{{shareInitiatorDisplayName}} shared via link') + '</span>' +
|
|
|
|
'<span class="sharingOptionsGroup">' +
|
|
'<a href="#" class="unshare"><span class="icon-loading-small hidden"></span><span class="icon icon-delete"></span><span class="hidden-visually">{{unshareLabel}}</span></a>' +
|
|
'</span>' +
|
|
'</li>' +
|
|
'{{/each}}' +
|
|
'</ul>'
|
|
;
|
|
|
|
var TEMPLATE_POPOVER_MENU =
|
|
'<div class="popovermenu bubble hidden menu">' +
|
|
'<ul>' +
|
|
'{{#if isResharingAllowed}} {{#if sharePermissionPossible}} {{#unless isMailShare}}' +
|
|
'<li>' +
|
|
'<span class="shareOption menuitem">' +
|
|
'<input id="canShare-{{cid}}-{{shareWith}}" type="checkbox" name="share" class="permissions checkbox" {{#if hasSharePermission}}checked="checked"{{/if}} data-permissions="{{sharePermission}}" />' +
|
|
'<label for="canShare-{{cid}}-{{shareWith}}">{{canShareLabel}}</label>' +
|
|
'</span>' +
|
|
'</li>' +
|
|
'{{/unless}} {{/if}} {{/if}}' +
|
|
'{{#if isFolder}}' +
|
|
'{{#if createPermissionPossible}}{{#unless isMailShare}}' +
|
|
'<li>' +
|
|
'<span class="shareOption menuitem">' +
|
|
'<input id="canCreate-{{cid}}-{{shareWith}}" type="checkbox" name="create" class="permissions checkbox" {{#if hasCreatePermission}}checked="checked"{{/if}} data-permissions="{{createPermission}}"/>' +
|
|
'<label for="canCreate-{{cid}}-{{shareWith}}">{{createPermissionLabel}}</label>' +
|
|
'</span>' +
|
|
'</li>' +
|
|
'{{/unless}}{{/if}}' +
|
|
'{{#if updatePermissionPossible}}{{#unless isMailShare}}' +
|
|
'<li>' +
|
|
'<span class="shareOption menuitem">' +
|
|
'<input id="canUpdate-{{cid}}-{{shareWith}}" type="checkbox" name="update" class="permissions checkbox" {{#if hasUpdatePermission}}checked="checked"{{/if}} data-permissions="{{updatePermission}}"/>' +
|
|
'<label for="canUpdate-{{cid}}-{{shareWith}}">{{updatePermissionLabel}}</label>' +
|
|
'</span>' +
|
|
'</li>' +
|
|
'{{/unless}}{{/if}}' +
|
|
'{{#if deletePermissionPossible}}{{#unless isMailShare}}' +
|
|
'<li>' +
|
|
'<span class="shareOption menuitem">' +
|
|
'<input id="canDelete-{{cid}}-{{shareWith}}" type="checkbox" name="delete" class="permissions checkbox" {{#if hasDeletePermission}}checked="checked"{{/if}} data-permissions="{{deletePermission}}"/>' +
|
|
'<label for="canDelete-{{cid}}-{{shareWith}}">{{deletePermissionLabel}}</label>' +
|
|
'</span>' +
|
|
'</li>' +
|
|
'{{/unless}}{{/if}}' +
|
|
'{{/if}}' +
|
|
'{{#if isMailShare}}' +
|
|
'{{#if hasCreatePermission}}' +
|
|
'<li>' +
|
|
'<span class="shareOption menuitem">' +
|
|
'<input id="secureDrop-{{cid}}-{{shareId}}" type="checkbox" name="secureDrop" class="checkbox secureDrop" {{#if secureDropMode}}checked="checked"{{/if}} data-permissions="{{readPermission}}"/>' +
|
|
'<label for="secureDrop-{{cid}}-{{shareId}}">{{secureDropLabel}}</label>' +
|
|
'</span>' +
|
|
'</li>' +
|
|
'{{/if}}' +
|
|
'<li>' +
|
|
'<span class="shareOption menuitem">' +
|
|
'<input id="password-{{cid}}-{{shareId}}" type="checkbox" name="password" class="password checkbox" {{#if isPasswordSet}}checked="checked"{{/if}}{{#if isPasswordSet}}{{#if isPasswordForMailSharesRequired}}disabled=""{{/if}}{{/if}}" />' +
|
|
'<label for="password-{{cid}}-{{shareId}}">{{passwordLabel}}</label>' +
|
|
'<div class="passwordContainer-{{cid}}-{{shareId}} {{#unless isPasswordSet}}hidden{{/unless}}">' +
|
|
' <label for="passwordField-{{cid}}-{{shareId}}" class="hidden-visually" value="{{password}}">{{passwordLabel}}</label>' +
|
|
' <input id="passwordField-{{cid}}-{{shareId}}" class="passwordField" type="password" placeholder="{{passwordPlaceholder}}" value="{{passwordValue}}" autocomplete="new-password" />' +
|
|
' <span class="icon-loading-small hidden"></span>' +
|
|
'</div>' +
|
|
'</span>' +
|
|
'</li>' +
|
|
'{{/if}}' +
|
|
'<li>' +
|
|
'<span class="shareOption menuitem">' +
|
|
'<input id="expireDate-{{cid}}-{{shareId}}" type="checkbox" name="expirationDate" class="expireDate checkbox" {{#if hasExpireDate}}checked="checked"{{/if}}" />' +
|
|
'<label for="expireDate-{{cid}}-{{shareId}}">{{expireDateLabel}}</label>' +
|
|
'<div class="expirationDateContainer-{{cid}}-{{shareId}} {{#unless hasExpireDate}}hidden{{/unless}}">' +
|
|
' <label for="expirationDatePicker-{{cid}}-{{shareId}}" class="hidden-visually" value="{{expirationDate}}">{{expirationLabel}}</label>' +
|
|
' <input id="expirationDatePicker-{{cid}}-{{shareId}}" class="datepicker" type="text" placeholder="{{expirationDatePlaceholder}}" value="{{#if hasExpireDate}}{{expireDate}}{{else}}{{defaultExpireDate}}{{/if}}" />' +
|
|
'</div>' +
|
|
'</span>' +
|
|
'</li>' +
|
|
'<li>' +
|
|
'<a href="#" class="unshare"><span class="icon-loading-small hidden"></span><span class="icon icon-delete"></span><span>{{unshareLabel}}</span></a>' +
|
|
'</li>' +
|
|
'</ul>' +
|
|
'</div>';
|
|
|
|
/**
|
|
* @class OCA.Share.ShareDialogShareeListView
|
|
* @member {OC.Share.ShareItemModel} model
|
|
* @member {jQuery} $el
|
|
* @memberof OCA.Sharing
|
|
* @classdesc
|
|
*
|
|
* Represents the sharee list part in the GUI of the share dialogue
|
|
*
|
|
*/
|
|
var ShareDialogShareeListView = OC.Backbone.View.extend({
|
|
/** @type {string} **/
|
|
id: 'shareDialogLinkShare',
|
|
|
|
/** @type {OC.Share.ShareConfigModel} **/
|
|
configModel: undefined,
|
|
|
|
/** @type {Function} **/
|
|
_template: undefined,
|
|
|
|
/** @type {Function} **/
|
|
_popoverMenuTemplate: undefined,
|
|
|
|
_menuOpen: false,
|
|
|
|
/** @type {boolean|number} **/
|
|
_renderPermissionChange: false,
|
|
|
|
events: {
|
|
'click .unshare': 'onUnshare',
|
|
'click .icon-more': 'onToggleMenu',
|
|
'click .permissions': 'onPermissionChange',
|
|
'click .expireDate' : 'onExpireDateChange',
|
|
'click .password' : 'onMailSharePasswordProtectChange',
|
|
'click .secureDrop' : 'onSecureDropChange',
|
|
'keyup input.passwordField': 'onMailSharePasswordKeyUp',
|
|
'focusout input.passwordField': 'onMailSharePasswordEntered',
|
|
'change .datepicker': 'onChangeExpirationDate',
|
|
'click .datepicker' : 'showDatePicker'
|
|
},
|
|
|
|
initialize: function(options) {
|
|
if(!_.isUndefined(options.configModel)) {
|
|
this.configModel = options.configModel;
|
|
} else {
|
|
throw 'missing OC.Share.ShareConfigModel';
|
|
}
|
|
|
|
var view = this;
|
|
this.model.on('change:shares', function() {
|
|
view.render();
|
|
});
|
|
},
|
|
|
|
/**
|
|
*
|
|
* @param {OC.Share.Types.ShareInfo} shareInfo
|
|
* @returns {object}
|
|
*/
|
|
getShareeObject: function(shareIndex) {
|
|
var shareWith = this.model.getShareWith(shareIndex);
|
|
var shareWithDisplayName = this.model.getShareWithDisplayName(shareIndex);
|
|
var shareWithTitle = '';
|
|
var shareType = this.model.getShareType(shareIndex);
|
|
var sharedBy = this.model.getSharedBy(shareIndex);
|
|
var sharedByDisplayName = this.model.getSharedByDisplayName(shareIndex);
|
|
|
|
var hasPermissionOverride = {};
|
|
if (shareType === OC.Share.SHARE_TYPE_GROUP) {
|
|
shareWithDisplayName = shareWithDisplayName + " (" + t('core', 'group') + ')';
|
|
} else if (shareType === OC.Share.SHARE_TYPE_REMOTE) {
|
|
shareWithDisplayName = shareWithDisplayName + " (" + t('core', 'remote') + ')';
|
|
} else if (shareType === OC.Share.SHARE_TYPE_EMAIL) {
|
|
shareWithDisplayName = shareWithDisplayName + " (" + t('core', 'email') + ')';
|
|
} else if (shareType === OC.Share.SHARE_TYPE_CIRCLE) {
|
|
}
|
|
|
|
if (shareType === OC.Share.SHARE_TYPE_GROUP) {
|
|
shareWithTitle = shareWith + " (" + t('core', 'group') + ')';
|
|
} else if (shareType === OC.Share.SHARE_TYPE_REMOTE) {
|
|
shareWithTitle = shareWith + " (" + t('core', 'remote') + ')';
|
|
} else if (shareType === OC.Share.SHARE_TYPE_EMAIL) {
|
|
shareWithTitle = shareWith + " (" + t('core', 'email') + ')';
|
|
} else if (shareType === OC.Share.SHARE_TYPE_CIRCLE) {
|
|
shareWithTitle = shareWith;
|
|
}
|
|
|
|
if (sharedBy !== oc_current_user) {
|
|
var empty = shareWithTitle === '';
|
|
if (!empty) {
|
|
shareWithTitle += ' (';
|
|
}
|
|
shareWithTitle += t('core', 'shared by {sharer}', {sharer: sharedByDisplayName});
|
|
if (!empty) {
|
|
shareWithTitle += ')';
|
|
}
|
|
}
|
|
|
|
var share = this.model.get('shares')[shareIndex];
|
|
var password = share.password;
|
|
var hasPassword = password !== null && password !== '';
|
|
|
|
|
|
return _.extend(hasPermissionOverride, {
|
|
cid: this.cid,
|
|
hasSharePermission: this.model.hasSharePermission(shareIndex),
|
|
editPermissionState: this.model.editPermissionState(shareIndex),
|
|
hasCreatePermission: this.model.hasCreatePermission(shareIndex),
|
|
hasUpdatePermission: this.model.hasUpdatePermission(shareIndex),
|
|
hasDeletePermission: this.model.hasDeletePermission(shareIndex),
|
|
shareWith: shareWith,
|
|
shareWithDisplayName: shareWithDisplayName,
|
|
shareWithTitle: shareWithTitle,
|
|
shareType: shareType,
|
|
shareId: this.model.get('shares')[shareIndex].id,
|
|
modSeed: shareType !== OC.Share.SHARE_TYPE_USER && shareType !== OC.Share.SHARE_TYPE_CIRCLE,
|
|
isRemoteShare: shareType === OC.Share.SHARE_TYPE_REMOTE,
|
|
isMailShare: shareType === OC.Share.SHARE_TYPE_EMAIL,
|
|
isCircleShare: shareType === OC.Share.SHARE_TYPE_CIRCLE,
|
|
isFileSharedByMail: shareType === OC.Share.SHARE_TYPE_EMAIL && !this.model.isFolder(),
|
|
isPasswordSet: hasPassword,
|
|
secureDropMode: !this.model.hasReadPermission(shareIndex),
|
|
hasExpireDate: this.model.getExpireDate(shareIndex) !== null,
|
|
expireDate: moment(this.model.getExpireDate(shareIndex), 'YYYY-MM-DD').format('DD-MM-YYYY'),
|
|
passwordPlaceholder: hasPassword ? PASSWORD_PLACEHOLDER : PASSWORD_PLACEHOLDER_MESSAGE,
|
|
});
|
|
},
|
|
|
|
getShareProperties: function() {
|
|
return {
|
|
unshareLabel: t('core', 'Unshare'),
|
|
canShareLabel: t('core', 'Can reshare'),
|
|
canEditLabel: t('core', 'Can edit'),
|
|
createPermissionLabel: t('core', 'Can create'),
|
|
updatePermissionLabel: t('core', 'Can change'),
|
|
deletePermissionLabel: t('core', 'Can delete'),
|
|
secureDropLabel: t('core', 'File drop (upload only)'),
|
|
expireDateLabel: t('core', 'Set expiration date'),
|
|
passwordLabel: t('core', 'Password protect'),
|
|
crudsLabel: t('core', 'Access control'),
|
|
expirationDatePlaceholder: t('core', 'Expiration date'),
|
|
defaultExpireDate: moment().add(1, 'day').format('DD-MM-YYYY'), // Can't expire today
|
|
triangleSImage: OC.imagePath('core', 'actions/triangle-s'),
|
|
isResharingAllowed: this.configModel.get('isResharingAllowed'),
|
|
isPasswordForMailSharesRequired: this.configModel.get('isPasswordForMailSharesRequired'),
|
|
sharePermissionPossible: this.model.sharePermissionPossible(),
|
|
editPermissionPossible: this.model.editPermissionPossible(),
|
|
createPermissionPossible: this.model.createPermissionPossible(),
|
|
updatePermissionPossible: this.model.updatePermissionPossible(),
|
|
deletePermissionPossible: this.model.deletePermissionPossible(),
|
|
sharePermission: OC.PERMISSION_SHARE,
|
|
createPermission: OC.PERMISSION_CREATE,
|
|
updatePermission: OC.PERMISSION_UPDATE,
|
|
deletePermission: OC.PERMISSION_DELETE,
|
|
readPermission: OC.PERMISSION_READ,
|
|
isFolder: this.model.isFolder()
|
|
};
|
|
},
|
|
|
|
/**
|
|
* get an array of sharees' share properties
|
|
*
|
|
* @returns {Array}
|
|
*/
|
|
getShareeList: function() {
|
|
var universal = this.getShareProperties();
|
|
|
|
if(!this.model.hasUserShares()) {
|
|
return [];
|
|
}
|
|
|
|
var shares = this.model.get('shares');
|
|
var list = [];
|
|
for(var index = 0; index < shares.length; index++) {
|
|
var share = this.getShareeObject(index);
|
|
|
|
if (share.shareType === OC.Share.SHARE_TYPE_LINK) {
|
|
continue;
|
|
}
|
|
// first empty {} is necessary, otherwise we get in trouble
|
|
// with references
|
|
list.push(_.extend({}, universal, share));
|
|
}
|
|
|
|
return list;
|
|
},
|
|
|
|
getLinkReshares: function() {
|
|
var universal = {
|
|
unshareLabel: t('core', 'Unshare'),
|
|
};
|
|
|
|
if(!this.model.hasUserShares()) {
|
|
return [];
|
|
}
|
|
|
|
var shares = this.model.get('shares');
|
|
var list = [];
|
|
for(var index = 0; index < shares.length; index++) {
|
|
var share = this.getShareeObject(index);
|
|
|
|
if (share.shareType !== OC.Share.SHARE_TYPE_LINK) {
|
|
continue;
|
|
}
|
|
// first empty {} is necessary, otherwise we get in trouble
|
|
// with references
|
|
list.push(_.extend({}, universal, share, {
|
|
shareInitiator: shares[index].uid_owner,
|
|
shareInitiatorDisplayName: shares[index].displayname_owner
|
|
}));
|
|
}
|
|
|
|
return list;
|
|
},
|
|
|
|
render: function() {
|
|
if(!this._renderPermissionChange) {
|
|
this.$el.html(this.template({
|
|
cid: this.cid,
|
|
sharees: this.getShareeList(),
|
|
linkReshares: this.getLinkReshares()
|
|
}));
|
|
|
|
this.$('.avatar').each(function () {
|
|
var $this = $(this);
|
|
if ($this.hasClass('imageplaceholderseed')) {
|
|
$this.css({width: 32, height: 32});
|
|
$this.imageplaceholder($this.data('seed'));
|
|
} else {
|
|
// user, size, ie8fix, hidedefault, callback, displayname
|
|
$this.avatar($this.data('username'), 32, undefined, undefined, undefined, $this.data('displayname'));
|
|
}
|
|
});
|
|
|
|
this.$('.has-tooltip').tooltip({
|
|
placement: 'bottom'
|
|
});
|
|
|
|
this.$('ul.shareWithList > li').each(function() {
|
|
var $this = $(this);
|
|
|
|
var shareWith = $this.data('share-with');
|
|
var shareType = $this.data('share-type');
|
|
|
|
$this.find('div.avatar, span.username').contactsMenu(shareWith, shareType, $this);
|
|
});
|
|
} else {
|
|
var permissionChangeShareId = parseInt(this._renderPermissionChange, 10);
|
|
var shareWithIndex = this.model.findShareWithIndex(permissionChangeShareId);
|
|
var sharee = this.getShareeObject(shareWithIndex);
|
|
$.extend(sharee, this.getShareProperties());
|
|
var $li = this.$('li[data-share-id=' + permissionChangeShareId + ']');
|
|
$li.find('.sharingOptionsGroup .popovermenu').replaceWith(this.popoverMenuTemplate(sharee));
|
|
}
|
|
|
|
var _this = this;
|
|
this.getShareeList().forEach(function(sharee) {
|
|
var checkBoxId = 'canEdit-' + _this.cid + '-' + sharee.shareWith;
|
|
checkBoxId = '#' + checkBoxId.replace( /(:|\.|\[|\]|,|=|@|\/)/g, "\\$1");
|
|
var $edit = _this.$(checkBoxId);
|
|
if($edit.length === 1) {
|
|
$edit.prop('checked', sharee.editPermissionState === 'checked');
|
|
$edit.prop('indeterminate', sharee.editPermissionState === 'indeterminate');
|
|
}
|
|
});
|
|
this.$('.popovermenu').on('afterHide', function() {
|
|
_this._menuOpen = false;
|
|
});
|
|
this.$('.popovermenu').on('beforeHide', function() {
|
|
var shareId = parseInt(_this._menuOpen, 10);
|
|
if(!_.isNaN(shareId)) {
|
|
var datePickerClass = '.expirationDateContainer-' + _this.cid + '-' + shareId;
|
|
var datePickerInput = '#expirationDatePicker-' + _this.cid + '-' + shareId;
|
|
var expireDateCheckbox = '#expireDate-' + _this.cid + '-' + shareId;
|
|
if ($(expireDateCheckbox).prop('checked')) {
|
|
$(datePickerInput).removeClass('hidden-visually');
|
|
$(datePickerClass).removeClass('hasDatepicker');
|
|
$(datePickerClass + ' .ui-datepicker').hide();
|
|
}
|
|
}
|
|
});
|
|
if (this._menuOpen !== false) {
|
|
// Open menu again if it was opened before
|
|
var shareId = parseInt(this._menuOpen, 10);
|
|
if(!_.isNaN(shareId)) {
|
|
var liSelector = 'li[data-share-id=' + shareId + ']';
|
|
OC.showMenu(null, this.$(liSelector + ' .sharingOptionsGroup .popovermenu'));
|
|
}
|
|
}
|
|
|
|
this._renderPermissionChange = false;
|
|
|
|
this.delegateEvents();
|
|
|
|
return this;
|
|
},
|
|
|
|
/**
|
|
* @returns {Function} from Handlebars
|
|
* @private
|
|
*/
|
|
template: function (data) {
|
|
if (!this._template) {
|
|
this._template = Handlebars.compile(TEMPLATE);
|
|
}
|
|
var sharees = data.sharees;
|
|
if(_.isArray(sharees)) {
|
|
for (var i = 0; i < sharees.length; i++) {
|
|
data.sharees[i].popoverMenu = this.popoverMenuTemplate(sharees[i]);
|
|
}
|
|
}
|
|
return this._template(data);
|
|
},
|
|
|
|
/**
|
|
* renders the popover template and returns the resulting HTML
|
|
*
|
|
* @param {Object} data
|
|
* @returns {string}
|
|
*/
|
|
popoverMenuTemplate: function(data) {
|
|
if(!this._popoverMenuTemplate) {
|
|
this._popoverMenuTemplate = Handlebars.compile(TEMPLATE_POPOVER_MENU);
|
|
}
|
|
return this._popoverMenuTemplate(data);
|
|
},
|
|
|
|
onUnshare: function(event) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
var self = this;
|
|
var $element = $(event.target);
|
|
if (!$element.is('a')) {
|
|
$element = $element.closest('a');
|
|
}
|
|
|
|
var $loading = $element.find('.icon-loading-small').eq(0);
|
|
if(!$loading.hasClass('hidden')) {
|
|
// in process
|
|
return false;
|
|
}
|
|
$loading.removeClass('hidden');
|
|
|
|
var $li = $element.closest('li[data-share-id]');
|
|
|
|
var shareId = $li.data('share-id');
|
|
|
|
self.model.removeShare(shareId)
|
|
.done(function() {
|
|
$li.remove();
|
|
})
|
|
.fail(function() {
|
|
$loading.addClass('hidden');
|
|
OC.Notification.showTemporary(t('core', 'Could not unshare'));
|
|
});
|
|
return false;
|
|
},
|
|
|
|
onToggleMenu: function(event) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
var $element = $(event.target);
|
|
var $li = $element.closest('li[data-share-id]');
|
|
var $menu = $li.find('.sharingOptionsGroup .popovermenu');
|
|
|
|
OC.showMenu(null, $menu);
|
|
this._menuOpen = $li.data('share-id');
|
|
},
|
|
|
|
onExpireDateChange: function(event) {
|
|
var element = $(event.target);
|
|
var li = element.closest('li[data-share-id]');
|
|
var shareId = li.data('share-id');
|
|
var datePickerClass = '.expirationDateContainer-' + this.cid + '-' + shareId;
|
|
var datePicker = $(datePickerClass);
|
|
var state = element.prop('checked');
|
|
datePicker.toggleClass('hidden', !state);
|
|
if (!state) {
|
|
this.setExpirationDate(shareId, '');
|
|
} else {
|
|
this.showDatePicker(event);
|
|
|
|
}
|
|
},
|
|
|
|
showDatePicker: function(event) {
|
|
var element = $(event.target);
|
|
var li = element.closest('li[data-share-id]');
|
|
var shareId = li.data('share-id');
|
|
var expirationDatePicker = '#expirationDatePicker-' + this.cid + '-' + shareId;
|
|
var view = this;
|
|
$(expirationDatePicker).datepicker({
|
|
dateFormat : 'dd-mm-yy',
|
|
onSelect: function (expireDate) {
|
|
view.setExpirationDate(shareId, expireDate);
|
|
}
|
|
});
|
|
$(expirationDatePicker).focus();
|
|
|
|
},
|
|
|
|
setExpirationDate: function(shareId, expireDate) {
|
|
this.model.updateShare(shareId, {expireDate: expireDate}, {});
|
|
},
|
|
|
|
onMailSharePasswordProtectChange: function(event) {
|
|
var element = $(event.target);
|
|
var li = element.closest('li[data-share-id]');
|
|
var shareId = li.data('share-id');
|
|
var passwordContainerClass = '.passwordContainer-' + this.cid + '-' + shareId;
|
|
var passwordContainer = $(passwordContainerClass);
|
|
var loading = this.$el.find(passwordContainerClass + ' .icon-loading-small');
|
|
var inputClass = '#passwordField-' + this.cid + '-' + shareId;
|
|
var passwordField = $(inputClass);
|
|
var state = element.prop('checked');
|
|
if (!state) {
|
|
this.model.updateShare(shareId, {password: ''});
|
|
passwordField.attr('value', '');
|
|
passwordField.removeClass('error');
|
|
passwordField.tooltip('hide');
|
|
loading.addClass('hidden');
|
|
passwordField.attr('placeholder', PASSWORD_PLACEHOLDER_MESSAGE);
|
|
// We first need to reset the password field before we hide it
|
|
passwordContainer.toggleClass('hidden', !state);
|
|
} else {
|
|
passwordContainer.toggleClass('hidden', !state);
|
|
passwordField = '#passwordField-' + this.cid + '-' + shareId;
|
|
this.$(passwordField).focus();
|
|
}
|
|
},
|
|
|
|
onMailSharePasswordKeyUp: function(event) {
|
|
if(event.keyCode === 13) {
|
|
this.onMailSharePasswordEntered(event);
|
|
}
|
|
},
|
|
|
|
onMailSharePasswordEntered: function(event) {
|
|
var passwordField = $(event.target);
|
|
var li = passwordField.closest('li[data-share-id]');
|
|
var shareId = li.data('share-id');
|
|
var passwordContainerClass = '.passwordContainer-' + this.cid + '-' + shareId;
|
|
var loading = this.$el.find(passwordContainerClass + ' .icon-loading-small');
|
|
if (!loading.hasClass('hidden')) {
|
|
// still in process
|
|
return;
|
|
}
|
|
|
|
passwordField.removeClass('error');
|
|
var password = passwordField.val();
|
|
// in IE9 the password might be the placeholder due to bugs in the placeholders polyfill
|
|
if(password === '' || password === PASSWORD_PLACEHOLDER || password === PASSWORD_PLACEHOLDER_MESSAGE) {
|
|
return;
|
|
}
|
|
|
|
loading
|
|
.removeClass('hidden')
|
|
.addClass('inlineblock');
|
|
|
|
|
|
this.model.updateShare(shareId, {
|
|
password: password
|
|
}, {
|
|
error: function(model, msg) {
|
|
// destroy old tooltips
|
|
passwordField.tooltip('destroy');
|
|
loading.removeClass('inlineblock').addClass('hidden');
|
|
passwordField.addClass('error');
|
|
passwordField.attr('title', msg);
|
|
passwordField.tooltip({placement: 'bottom', trigger: 'manual'});
|
|
passwordField.tooltip('show');
|
|
},
|
|
success: function(model, msg) {
|
|
passwordField.blur();
|
|
passwordField.attr('value', '');
|
|
passwordField.attr('placeholder', PASSWORD_PLACEHOLDER);
|
|
loading.removeClass('inlineblock').addClass('hidden');
|
|
}
|
|
});
|
|
},
|
|
|
|
onPermissionChange: function(event) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
var $element = $(event.target);
|
|
var $li = $element.closest('li[data-share-id]');
|
|
var shareId = $li.data('share-id');
|
|
|
|
var permissions = OC.PERMISSION_READ;
|
|
|
|
if (this.model.isFolder()) {
|
|
// adjust checkbox states
|
|
var $checkboxes = $('.permissions', $li).not('input[name="edit"]').not('input[name="share"]');
|
|
var checked;
|
|
if ($element.attr('name') === 'edit') {
|
|
checked = $element.is(':checked');
|
|
// Check/uncheck Create, Update, and Delete checkboxes if Edit is checked/unck
|
|
$($checkboxes).prop('checked', checked);
|
|
if (checked) {
|
|
permissions |= OC.PERMISSION_CREATE | OC.PERMISSION_UPDATE | OC.PERMISSION_DELETE;
|
|
}
|
|
} else {
|
|
var numberChecked = $checkboxes.filter(':checked').length;
|
|
checked = numberChecked === $checkboxes.length;
|
|
var $editCb = $('input[name="edit"]', $li);
|
|
$editCb.prop('checked', checked);
|
|
$editCb.prop('indeterminate', !checked && numberChecked > 0);
|
|
}
|
|
} else {
|
|
if ($element.attr('name') === 'edit' && $element.is(':checked')) {
|
|
permissions |= OC.PERMISSION_UPDATE;
|
|
}
|
|
}
|
|
|
|
$('.permissions', $li).not('input[name="edit"]').filter(':checked').each(function(index, checkbox) {
|
|
permissions |= $(checkbox).data('permissions');
|
|
});
|
|
|
|
|
|
/** disable checkboxes during save operation to avoid race conditions **/
|
|
$li.find('input[type=checkbox]').prop('disabled', true);
|
|
var enableCb = function() {
|
|
$li.find('input[type=checkbox]').prop('disabled', false);
|
|
};
|
|
var errorCb = function(elem, msg) {
|
|
OC.dialogs.alert(msg, t('core', 'Error while sharing'));
|
|
enableCb();
|
|
};
|
|
|
|
this.model.updateShare(shareId, {permissions: permissions}, {error: errorCb, success: enableCb});
|
|
|
|
this._renderPermissionChange = shareId;
|
|
},
|
|
|
|
onSecureDropChange: function(event) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
var $element = $(event.target);
|
|
var $li = $element.closest('li[data-share-id]');
|
|
var shareId = $li.data('share-id');
|
|
|
|
var permissions = OC.PERMISSION_CREATE | OC.PERMISSION_UPDATE | OC.PERMISSION_DELETE | OC.PERMISSION_READ;
|
|
if ($element.is(':checked')) {
|
|
permissions = OC.PERMISSION_CREATE | OC.PERMISSION_UPDATE | OC.PERMISSION_DELETE;
|
|
}
|
|
|
|
/** disable checkboxes during save operation to avoid race conditions **/
|
|
$li.find('input[type=checkbox]').prop('disabled', true);
|
|
var enableCb = function() {
|
|
$li.find('input[type=checkbox]').prop('disabled', false);
|
|
};
|
|
var errorCb = function(elem, msg) {
|
|
OC.dialogs.alert(msg, t('core', 'Error while sharing'));
|
|
enableCb();
|
|
};
|
|
|
|
this.model.updateShare(shareId, {permissions: permissions}, {error: errorCb, success: enableCb});
|
|
|
|
this._renderPermissionChange = shareId;
|
|
}
|
|
|
|
});
|
|
|
|
OC.Share.ShareDialogShareeListView = ShareDialogShareeListView;
|
|
|
|
})();
|