0d98e5e456
When exiting the password field in the share dialog, IE9 would mistakenly think that the password has changed and would send the placeholder. This fix prevents changing the password whenever the placeholder is set as value.
342 lines
10 KiB
JavaScript
342 lines
10 KiB
JavaScript
/*
|
|
* Copyright (c) 2015
|
|
*
|
|
* This file is licensed under the Affero General Public License version 3
|
|
* or later.
|
|
*
|
|
* See the COPYING-README file.
|
|
*
|
|
*/
|
|
|
|
(function() {
|
|
if (!OC.Share) {
|
|
OC.Share = {};
|
|
}
|
|
|
|
var PASSWORD_PLACEHOLDER = '**********';
|
|
var PASSWORD_PLACEHOLDER_MESSAGE = t('core', 'Choose a password for the public link');
|
|
|
|
var TEMPLATE =
|
|
'{{#if shareAllowed}}' +
|
|
'<span class="icon-loading-small hidden"></span>' +
|
|
'<input type="checkbox" name="linkCheckbox" id="linkCheckbox-{{cid}}" class="checkbox linkCheckbox" value="1" {{#if isLinkShare}}checked="checked"{{/if}} />' +
|
|
'<label for="linkCheckbox-{{cid}}">{{linkShareLabel}}</label>' +
|
|
'<br />' +
|
|
'<label for="linkText-{{cid}}" class="hidden-visually">{{urlLabel}}</label>' +
|
|
'<input id="linkText-{{cid}}" class="linkText {{#unless isLinkShare}}hidden{{/unless}}" type="text" readonly="readonly" value="{{shareLinkURL}}" />' +
|
|
' {{#if showPasswordCheckBox}}' +
|
|
'<input type="checkbox" name="showPassword" id="showPassword-{{cid}}" class="checkbox showPasswordCheckbox" {{#if isPasswordSet}}checked="checked"{{/if}} value="1" />' +
|
|
'<label for="showPassword-{{cid}}">{{enablePasswordLabel}}</label>' +
|
|
' {{/if}}' +
|
|
'<div id="linkPass" class="linkPass {{#unless isPasswordSet}}hidden{{/unless}}">' +
|
|
' <label for="linkPassText-{{cid}}" class="hidden-visually">{{passwordLabel}}</label>' +
|
|
' <input id="linkPassText-{{cid}}" class="linkPassText" type="password" placeholder="{{passwordPlaceholder}}" />' +
|
|
' <span class="icon-loading-small hidden"></span>' +
|
|
'</div>' +
|
|
' {{#if publicUpload}}' +
|
|
'<div id="allowPublicUploadWrapper">' +
|
|
' <span class="icon-loading-small hidden"></span>' +
|
|
' <input type="checkbox" value="1" name="allowPublicUpload" id="sharingDialogAllowPublicUpload-{{cid}}" class="checkbox publicUploadCheckbox" {{{publicUploadChecked}}} />' +
|
|
'<label for="sharingDialogAllowPublicUpload-{{cid}}">{{publicUploadLabel}}</label>' +
|
|
'</div>' +
|
|
' {{/if}}' +
|
|
' {{#if mailPublicNotificationEnabled}}' +
|
|
'<form id="emailPrivateLink" class="emailPrivateLinkForm">' +
|
|
' <input id="email" class="emailField" value="" placeholder="{{mailPrivatePlaceholder}}" type="text" />' +
|
|
' <input id="emailButton" class="emailButton" type="submit" value="{{mailButtonText}}" />' +
|
|
'</form>' +
|
|
' {{/if}}' +
|
|
'{{else}}' +
|
|
// FIXME: this doesn't belong in this view
|
|
'<input id="shareWith-{{cid}}" class="shareWithField" type="text" placeholder="{{noSharingPlaceholder}}" disabled="disabled"/>' +
|
|
'{{/if}}'
|
|
;
|
|
|
|
/**
|
|
* @class OCA.Share.ShareDialogLinkShareView
|
|
* @member {OC.Share.ShareItemModel} model
|
|
* @member {jQuery} $el
|
|
* @memberof OCA.Sharing
|
|
* @classdesc
|
|
*
|
|
* Represents the GUI of the share dialogue
|
|
*
|
|
*/
|
|
var ShareDialogLinkShareView = OC.Backbone.View.extend({
|
|
/** @type {string} **/
|
|
id: 'shareDialogLinkShare',
|
|
|
|
/** @type {OC.Share.ShareConfigModel} **/
|
|
configModel: undefined,
|
|
|
|
/** @type {Function} **/
|
|
_template: undefined,
|
|
|
|
/** @type {boolean} **/
|
|
showLink: true,
|
|
|
|
events: {
|
|
'submit .emailPrivateLinkForm': '_onEmailPrivateLink',
|
|
'focusout input.linkPassText': 'onPasswordEntered',
|
|
'keyup input.linkPassText': 'onPasswordKeyUp',
|
|
'click .linkCheckbox': 'onLinkCheckBoxChange',
|
|
'click .linkText': 'onLinkTextClick',
|
|
'change .publicUploadCheckbox': 'onAllowPublicUploadChange',
|
|
'click .showPasswordCheckbox': 'onShowPasswordClick'
|
|
},
|
|
|
|
initialize: function(options) {
|
|
var view = this;
|
|
|
|
this.model.on('change:permissions', function() {
|
|
view.render();
|
|
});
|
|
|
|
this.model.on('change:itemType', function() {
|
|
view.render();
|
|
});
|
|
|
|
this.model.on('change:allowPublicUploadStatus', function() {
|
|
view.render();
|
|
});
|
|
|
|
this.model.on('change:linkShare', function() {
|
|
view.render();
|
|
});
|
|
|
|
if(!_.isUndefined(options.configModel)) {
|
|
this.configModel = options.configModel;
|
|
} else {
|
|
throw 'missing OC.Share.ShareConfigModel';
|
|
}
|
|
|
|
_.bindAll(
|
|
this,
|
|
'_onEmailPrivateLink',
|
|
'onLinkCheckBoxChange',
|
|
'onPasswordEntered',
|
|
'onPasswordKeyUp',
|
|
'onLinkTextClick',
|
|
'onShowPasswordClick',
|
|
'onAllowPublicUploadChange'
|
|
);
|
|
},
|
|
|
|
onLinkCheckBoxChange: function() {
|
|
var $checkBox = this.$el.find('.linkCheckbox');
|
|
var $loading = $checkBox.siblings('.icon-loading-small');
|
|
if(!$loading.hasClass('hidden')) {
|
|
return false;
|
|
}
|
|
|
|
if($checkBox.is(':checked')) {
|
|
if(this.configModel.get('enforcePasswordForPublicLink') === false) {
|
|
$loading.removeClass('hidden');
|
|
// this will create it
|
|
this.model.saveLinkShare();
|
|
} else {
|
|
this.$el.find('.linkPass').slideToggle(OC.menuSpeed);
|
|
this.$el.find('.linkPassText').focus();
|
|
}
|
|
} else {
|
|
$loading.removeClass('hidden');
|
|
if (this.model.get('linkShare').isLinkShare) {
|
|
this.model.removeLinkShare();
|
|
} else {
|
|
this.$el.find('.linkPass').slideToggle(OC.menuSpeed);
|
|
}
|
|
}
|
|
},
|
|
|
|
onLinkTextClick: function() {
|
|
var $el = this.$el.find('.linkText');
|
|
$el.focus();
|
|
$el.select();
|
|
},
|
|
|
|
onShowPasswordClick: function() {
|
|
this.$el.find('.linkPass').slideToggle(OC.menuSpeed);
|
|
if(!this.$el.find('.showPasswordCheckbox').is(':checked')) {
|
|
this.model.setPassword('');
|
|
this.model.saveLinkShare();
|
|
} else {
|
|
this.$el.find('.linkPassText').focus();
|
|
}
|
|
},
|
|
|
|
onPasswordKeyUp: function(event) {
|
|
if(event.keyCode == 13) {
|
|
this.onPasswordEntered();
|
|
}
|
|
},
|
|
|
|
onPasswordEntered: function() {
|
|
var self = this;
|
|
var $loading = this.$el.find('.linkPass .icon-loading-small');
|
|
if (!$loading.hasClass('hidden')) {
|
|
// still in process
|
|
return;
|
|
}
|
|
var $input = this.$el.find('.linkPassText');
|
|
$input.removeClass('error');
|
|
var password = $input.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.setPassword(password);
|
|
this.model.saveLinkShare({}, {
|
|
error: function(model, msg) {
|
|
$loading.removeClass('inlineblock').addClass('hidden');
|
|
$input.addClass('error');
|
|
$input.attr('title', msg);
|
|
$input.tooltip({placement: 'bottom', trigger: 'manual'});
|
|
$input.tooltip('show');
|
|
}
|
|
});
|
|
},
|
|
|
|
onAllowPublicUploadChange: function() {
|
|
var $checkbox = this.$('.publicUploadCheckbox');
|
|
$checkbox.siblings('.icon-loading-small').removeClass('hidden').addClass('inlineblock');
|
|
this.model.setPublicUpload($checkbox.is(':checked'));
|
|
this.model.saveLinkShare();
|
|
},
|
|
|
|
_onEmailPrivateLink: function(event) {
|
|
event.preventDefault();
|
|
|
|
var $emailField = this.$el.find('.emailField');
|
|
var $emailButton = this.$el.find('.emailButton');
|
|
var email = $emailField.val();
|
|
if (email !== '') {
|
|
$emailField.prop('disabled', true);
|
|
$emailButton.prop('disabled', true);
|
|
$emailField.val(t('core', 'Sending ...'));
|
|
this.model.sendEmailPrivateLink(email).done(function() {
|
|
$emailField.css('font-weight', 'bold').val(t('core','Email sent'));
|
|
setTimeout(function() {
|
|
$emailField.val('');
|
|
$emailField.css('font-weight', 'normal');
|
|
$emailField.prop('disabled', false);
|
|
$emailButton.prop('disabled', false);
|
|
}, 2000);
|
|
}).fail(function() {
|
|
$emailField.val(email);
|
|
$emailField.css('font-weight', 'normal');
|
|
$emailField.prop('disabled', false);
|
|
$emailButton.prop('disabled', false);
|
|
});
|
|
}
|
|
return false;
|
|
},
|
|
|
|
render: function() {
|
|
var linkShareTemplate = this.template();
|
|
|
|
if( !this.model.sharePermissionPossible()
|
|
|| !this.showLink
|
|
|| !this.configModel.isShareWithLinkAllowed())
|
|
{
|
|
this.$el.html(linkShareTemplate({
|
|
shareAllowed: false,
|
|
noSharingPlaceholder: t('core', 'Resharing is not allowed')
|
|
}));
|
|
return this;
|
|
}
|
|
|
|
var publicUpload =
|
|
this.model.isFolder()
|
|
&& this.model.createPermissionPossible()
|
|
&& this.configModel.isPublicUploadEnabled();
|
|
|
|
var publicUploadChecked = '';
|
|
if(this.model.isPublicUploadAllowed()) {
|
|
publicUploadChecked = 'checked="checked"';
|
|
}
|
|
|
|
var isLinkShare = this.model.get('linkShare').isLinkShare;
|
|
var isPasswordSet = !!this.model.get('linkShare').password;
|
|
var showPasswordCheckBox = isLinkShare
|
|
&& ( !this.configModel.get('enforcePasswordForPublicLink')
|
|
|| !this.model.get('linkShare').password);
|
|
|
|
this.$el.html(linkShareTemplate({
|
|
cid: this.cid,
|
|
shareAllowed: true,
|
|
isLinkShare: isLinkShare,
|
|
shareLinkURL: this.model.get('linkShare').link,
|
|
linkShareLabel: t('core', 'Share link'),
|
|
urlLabel: t('core', 'Link'),
|
|
enablePasswordLabel: t('core', 'Password protect'),
|
|
passwordLabel: t('core', 'Password'),
|
|
passwordPlaceholder: isPasswordSet ? PASSWORD_PLACEHOLDER : PASSWORD_PLACEHOLDER_MESSAGE,
|
|
isPasswordSet: isPasswordSet,
|
|
showPasswordCheckBox: showPasswordCheckBox,
|
|
publicUpload: publicUpload && isLinkShare,
|
|
publicUploadChecked: publicUploadChecked,
|
|
publicUploadLabel: t('core', 'Allow editing'),
|
|
mailPublicNotificationEnabled: isLinkShare && this.configModel.isMailPublicNotificationEnabled(),
|
|
mailPrivatePlaceholder: t('core', 'Email link to person'),
|
|
mailButtonText: t('core', 'Send')
|
|
}));
|
|
|
|
var $emailField = this.$el.find('.emailField');
|
|
if (isLinkShare && $emailField.length !== 0) {
|
|
$emailField.autocomplete({
|
|
minLength: 1,
|
|
source: function (search, response) {
|
|
$.get(
|
|
OC.generateUrl('core/ajax/share.php'), {
|
|
fetch: 'getShareWithEmail',
|
|
search: search.term
|
|
}, function(result) {
|
|
if (result.status == 'success' && result.data.length > 0) {
|
|
response(result.data);
|
|
}
|
|
});
|
|
},
|
|
select: function( event, item ) {
|
|
$emailField.val(item.item.email);
|
|
return false;
|
|
}
|
|
})
|
|
.data("ui-autocomplete")._renderItem = function( ul, item ) {
|
|
return $('<li>')
|
|
.append('<a>' + escapeHTML(item.displayname) + "<br>" + escapeHTML(item.email) + '</a>' )
|
|
.appendTo( ul );
|
|
};
|
|
}
|
|
|
|
// TODO drop with IE8 drop
|
|
if($('html').hasClass('ie8')) {
|
|
this.$el.find('#linkPassText').removeAttr('placeholder');
|
|
this.$el.find('#linkPassText').val('');
|
|
}
|
|
|
|
this.delegateEvents();
|
|
|
|
return this;
|
|
},
|
|
|
|
/**
|
|
* @returns {Function} from Handlebars
|
|
* @private
|
|
*/
|
|
template: function () {
|
|
if (!this._template) {
|
|
this._template = Handlebars.compile(TEMPLATE);
|
|
}
|
|
return this._template;
|
|
}
|
|
|
|
});
|
|
|
|
OC.Share.ShareDialogLinkShareView = ShareDialogLinkShareView;
|
|
|
|
})();
|