From a1431b7d092cba7dda68c892092e6d7dfec6ebe1 Mon Sep 17 00:00:00 2001 From: yflory Date: Tue, 7 Jul 2020 13:07:25 +0200 Subject: [PATCH] Refactor share modal to be consistent with access and properties --- www/common/common-ui-elements.js | 866 ---------------------------- www/common/drive-ui.js | 50 +- www/common/inner/common-modal.js | 7 + www/common/inner/share.js | 904 ++++++++++++++++++++++++++++++ www/common/sframe-common-title.js | 16 +- www/secureiframe/inner.js | 47 +- 6 files changed, 966 insertions(+), 924 deletions(-) create mode 100644 www/common/inner/share.js diff --git a/www/common/common-ui-elements.js b/www/common/common-ui-elements.js index fc514ef3b..7d523be31 100644 --- a/www/common/common-ui-elements.js +++ b/www/common/common-ui-elements.js @@ -229,872 +229,6 @@ define([ }; }; - - var createShareWithFriends = function (config, onShare, linkGetter) { - var common = config.common; - var sframeChan = common.getSframeChannel(); - var title = config.title; - var friends = config.friends || {}; - var teams = config.teams || {}; - var myName = common.getMetadataMgr().getUserData().name; - var order = []; - - var smallCurves = Object.keys(friends).map(function (c) { - return friends[c].curvePublic.slice(0,8); - }); - - var div = h('div.contains-nav'); - var $div = $(div); - // Replace "copy link" by "share with friends" if at least one friend is selected - // Also create the "share with friends" button if it doesn't exist - var refreshButtons = function () { - var $nav = $div.closest('.alertify').find('nav'); - - var friendMode = $div.find('.cp-usergrid-user.cp-selected').length; - if (friendMode) { - $nav.find('button.cp-share-with-friends').prop('disabled', ''); - } else { - $nav.find('button.cp-share-with-friends').prop('disabled', 'disabled'); - } - }; - - config.noInclude = true; - Object.keys(friends).forEach(function (curve) { - var data = friends[curve]; - if (curve.length > 40 && data.notifications) { return; } - delete friends[curve]; - }); - - var others = []; - if (Object.keys(friends).length) { - var friendsList = UIElements.getUserGrid(Messages.share_linkFriends, { - common: common, - data: friends, - noFilter: false, - large: true - }, refreshButtons); - var friendDiv = friendsList.div; - $div.append(friendDiv); - others = friendsList.icons; - } - - if (Object.keys(teams).length) { - var teamsList = UIElements.getUserGrid(Messages.share_linkTeam, { - common: common, - noFilter: true, - large: true, - data: teams - }, refreshButtons); - $div.append(teamsList.div); - } - - var shareButton = { - className: 'primary cp-share-with-friends', - name: Messages.share_withFriends, - onClick: function () { - var href; - NThen(function (waitFor) { - var w = waitFor(); - // linkGetter can be async if this is a burn after reading URL - var res = linkGetter({}, function (url) { - if (!url) { - waitFor.abort(); - return; - } - href = url; - setTimeout(w); - }); - if (res && /^http/.test(res)) { - href = Hash.getRelativeHref(res); - setTimeout(w); - return; - } - }).nThen(function () { - var $friends = $div.find('.cp-usergrid-user.cp-selected'); - $friends.each(function (i, el) { - var curve = $(el).attr('data-curve'); - var ed = $(el).attr('data-ed'); - var friend = curve && friends[curve]; - var team = teams[ed]; - // If the selected element is a friend or a team without edit right, - // send a notification - var mailbox = friend || ((team && team.viewer) ? team : undefined); - if (mailbox) { // Friend - if (friends[curve] && !mailbox.notifications) { return; } - if (mailbox.notifications && mailbox.curvePublic) { - common.mailbox.sendTo("SHARE_PAD", { - href: href, - password: config.password, - isTemplate: config.isTemplate, - name: myName, - title: title - }, { - viewed: team && team.id, - channel: mailbox.notifications, - curvePublic: mailbox.curvePublic - }); - return; - } - } - // If it's a team with edit right, add the pad directly - if (!team) { return; } - sframeChan.query('Q_STORE_IN_TEAM', { - href: href, - password: config.password, - path: config.isTemplate ? ['template'] : undefined, - title: title, - teamId: team.id - }, function (err) { - if (err) { return void console.error(err); } - }); - }); - - UI.findCancelButton().click(); - - // Update the "recently shared with" array: - // Get the selected curves - var curves = $friends.toArray().map(function (el) { - return ($(el).attr('data-curve') || '').slice(0,8); - }).filter(function (x) { return x; }); - // Prepend them to the "order" array - Array.prototype.unshift.apply(order, curves); - order = Util.deduplicateString(order); - // Make sure we don't have "old" friends and save - order = order.filter(function (curve) { - return smallCurves.indexOf(curve) !== -1; - }); - common.setAttribute(['general', 'share-friends'], order); - if (onShare) { - onShare.fire(); - } - }); - }, - keys: [13] - }; - - common.getAttribute(['general', 'share-friends'], function (err, val) { - order = val || []; - // Sort friends by "recently shared with" - others.sort(function (a, b) { - var ca = ($(a).attr('data-curve') || '').slice(0,8); - var cb = ($(b).attr('data-curve') || '').slice(0,8); - if (!ca && !cb) { return 0; } - if (!ca) { return 1; } - if (!cb) { return -1; } - var ia = order.indexOf(ca); - var ib = order.indexOf(cb); - if (ia === -1 && ib === -1) { return 0; } - if (ia === -1) { return 1; } - if (ib === -1) { return -1; } - return ia - ib; - }); - // Reorder the friend icons - others.forEach(function (el, i) { - $(el).attr('data-order', i).css('order', i); - }); - // Display them - $(friendDiv).find('.cp-usergrid-grid').detach(); - $(friendDiv).append(h('div.cp-usergrid-grid', others)); - refreshButtons(); - }); - return { - content: div, - buttons: [shareButton] - }; - }; - - var noContactsMessage = function(common){ - var metadataMgr = common.getMetadataMgr(); - var data = metadataMgr.getUserData(); - var origin = metadataMgr.getPrivateData().origin; - if (common.isLoggedIn()) { - return { - content: h('p', Messages.share_noContactsLoggedIn), - buttons: [{ - className: 'secondary', - name: Messages.share_copyProfileLink, - onClick: function () { - var profile = data.profile ? (origin + '/profile/#' + data.profile) : ''; - var success = Clipboard.copy(profile); - if (success) { UI.log(Messages.shareSuccess); } - }, - keys: [13] - }] - }; - } else { - return { - content: h('p', Messages.share_noContactsNotLoggedIn), - buttons: [{ - className: 'secondary', - name: Messages.login_register, - onClick: function () { - common.setLoginRedirect(function () { - common.gotoURL('/register/'); - }); - } - }, { - className: 'secondary', - name: Messages.login_login, - onClick: function () { - common.setLoginRedirect(function () { - common.gotoURL('/login/'); - }); - } - } - ] - }; - } - }; - - var getEditableTeams = function (common, config) { - var privateData = common.getMetadataMgr().getPrivateData(); - var teamsData = Util.tryParse(JSON.stringify(privateData.teams)) || {}; - var teams = {}; - Object.keys(teamsData).forEach(function (id) { - // config.teamId only exists when we're trying to share a pad from a team drive - // In this case, we don't want to share the pad with the current team - if (config.teamId && config.teamId === id) { return; } - var t = teamsData[id]; - teams[t.edPublic] = { - viewer: !teamsData[id].hasSecondaryKey, - notifications: t.notifications, - curvePublic: t.curvePublic, - displayName: t.name, - edPublic: t.edPublic, - avatar: t.avatar, - id: id - }; - }); - return teams; - }; - var makeBurnAfterReadingUrl = function (common, href, channel, cb) { - var keyPair = Hash.generateSignPair(); - var parsed = Hash.parsePadUrl(href); - var newHref = parsed.getUrl({ - ownerKey: keyPair.safeSignKey - }); - var sframeChan = common.getSframeChannel(); - var rtChannel; - NThen(function (waitFor) { - if (parsed.type !== "sheet") { return; } - common.getPadAttribute('rtChannel', waitFor(function (err, chan) { - rtChannel = chan; - })); - }).nThen(function (waitFor) { - sframeChan.query('Q_SET_PAD_METADATA', { - channel: channel, - command: 'ADD_OWNERS', - value: [keyPair.validateKey] - }, waitFor(function (err) { - if (err) { - waitFor.abort(); - UI.warn(Messages.error); - } - })); - if (rtChannel) { - sframeChan.query('Q_SET_PAD_METADATA', { - channel: rtChannel, - command: 'ADD_OWNERS', - value: [keyPair.validateKey] - }, waitFor(function (err) { - if (err) { - console.error(err); - } - })); - } - }).nThen(function () { - cb(newHref); - }); - }; - UIElements.createShareModal = function (config) { - var origin = config.origin; - var pathname = config.pathname; - var hashes = config.hashes; - var common = config.common; - - if (!hashes || (!hashes.editHash && !hashes.viewHash)) { return; } - - // check if the pad is password protected - var hash = hashes.editHash || hashes.viewHash; - var href = origin + pathname + '#' + hash; - var parsedHref = Hash.parsePadUrl(href); - var hasPassword = parsedHref.hashData.password; - - var makeFaqLink = function () { - var link = h('span', [ - h('i.fa.fa-question-circle'), - h('a', {href: '#'}, Messages.passwordFaqLink) - ]); - $(link).click(function () { - common.openURL(config.origin + "/faq.html#security-pad_password"); - }); - return link; - }; - - - var parsed = Hash.parsePadUrl(pathname); - var canPresent = ['code', 'slide'].indexOf(parsed.type) !== -1; - var canBAR = parsed.type !== 'drive'; - - var burnAfterReading = (hashes.viewHash && canBAR) ? - UI.createRadio('accessRights', 'cp-share-bar', Messages.burnAfterReading_linkBurnAfterReading, false, { - mark: {tabindex:1}, - label: {style: "display: none;"} - }) : undefined; - var rights = h('div.msg.cp-inline-radio-group', [ - h('label', Messages.share_linkAccess), - h('div.radio-group',[ - UI.createRadio('accessRights', 'cp-share-editable-false', - Messages.share_linkView, true, { mark: {tabindex:1} }), - canPresent ? UI.createRadio('accessRights', 'cp-share-present', - Messages.share_linkPresent, false, { mark: {tabindex:1} }) : undefined, - UI.createRadio('accessRights', 'cp-share-editable-true', - Messages.share_linkEdit, false, { mark: {tabindex:1} })]), - burnAfterReading - ]); - - // Burn after reading - // Check if we are an owner of this pad. If we are, we can show the burn after reading option. - // When BAR is selected, display a red message indicating the consequence and add - // the options to generate the BAR url - var barAlert = h('div.alert.alert-danger.cp-alertify-bar-selected', { - style: 'display: none;' - }, Messages.burnAfterReading_warningLink); - var channel = Hash.getSecrets('pad', hash, config.password).channel; - common.getPadMetadata({ - channel: channel - }, function (obj) { - if (!obj || obj.error) { return; } - var priv = common.getMetadataMgr().getPrivateData(); - // Not an owner: don't display the burn after reading option - if (!Array.isArray(obj.owners) || obj.owners.indexOf(priv.edPublic) === -1) { - $(burnAfterReading).remove(); - return; - } - // When the burn after reading option is selected, transform the modal buttons - $(burnAfterReading).css({ - display: 'flex' - }); - }); - - var $rights = $(rights); - - var saveValue = function () { - var edit = Util.isChecked($rights.find('#cp-share-editable-true')); - var present = Util.isChecked($rights.find('#cp-share-present')); - common.setAttribute(['general', 'share'], { - edit: edit, - present: present - }); - }; - - var burnAfterReadingUrl; - - var getLinkValue = function (initValue, cb) { - var val = initValue || {}; - var edit = val.edit !== undefined ? val.edit : Util.isChecked($rights.find('#cp-share-editable-true')); - var embed = val.embed; - var present = val.present !== undefined ? val.present : Util.isChecked($rights.find('#cp-share-present')); - var burnAfterReading = Util.isChecked($rights.find('#cp-share-bar')); - if (burnAfterReading && !burnAfterReadingUrl) { - if (cb) { // Called from the contacts tab, "share" button - var barHref = origin + pathname + '#' + (hashes.viewHash || hashes.editHash); - return makeBurnAfterReadingUrl(common, barHref, channel, function (url) { - cb(url); - }); - } - return Messages.burnAfterReading_generateLink; - } - var hash = (!hashes.viewHash || (edit && hashes.editHash)) ? hashes.editHash : hashes.viewHash; - var href = burnAfterReading ? burnAfterReadingUrl : (origin + pathname + '#' + hash); - var parsed = Hash.parsePadUrl(href); - return origin + parsed.getUrl({embed: embed, present: present}); - }; - - var makeCancelButton = function() { - return { - className: 'cancel', - name: Messages.cancel, - onClick: function () {}, - keys: [27] - }; - }; - - // Share link tab - var linkContent = config.sharedFolder ? [ - h('label', Messages.sharedFolders_share), - h('br'), - ] : [ - UI.createCheckbox('cp-share-embed', Messages.share_linkEmbed, false, { mark: {tabindex:1} }), - ]; - linkContent.push(h('div.cp-spacer')); - linkContent.push(UI.dialog.selectableArea('', { id: 'cp-share-link-preview', tabindex: 1, rows:3})); - - // Show alert if the pad is password protected - if (hasPassword) { - linkContent.push(h('div.alert.alert-primary', [ - h('i.fa.fa-lock'), - Messages.share_linkPasswordAlert, h('br'), - makeFaqLink() - ])); - } - - // warning about sharing links - var localStore = window.cryptpadStore; - var dismissButton = h('span.fa.fa-times'); - var shareLinkWarning = h('div.alert.alert-warning.dismissable', - { style: 'display: none;' }, - [ - h('span.cp-inline-alert-text', Messages.share_linkWarning), - dismissButton - ]); - linkContent.push(shareLinkWarning); - - localStore.get('hide-alert-shareLinkWarning', function (val) { - if (val === '1') { return; } - $(shareLinkWarning).show(); - - $(dismissButton).on('click', function () { - localStore.put('hide-alert-shareLinkWarning', '1'); - $(shareLinkWarning).remove(); - }); - - }); - - linkContent.push($(barAlert).clone()[0]); // Burn after reading - - var link = h('div.cp-share-modal', linkContent); - var $link = $(link); - - var linkButtons = [ - makeCancelButton(), - !config.sharedFolder && { - className: 'secondary cp-nobar', - name: Messages.share_linkOpen, - onClick: function () { - saveValue(); - var v = getLinkValue({ - embed: Util.isChecked($link.find('#cp-share-embed')) - }); - window.open(v); - return true; - }, - keys: [[13, 'ctrl']] - }, { - className: 'primary cp-nobar', - name: Messages.share_linkCopy, - onClick: function () { - saveValue(); - var v = getLinkValue({ - embed: Util.isChecked($link.find('#cp-share-embed')) - }); - var success = Clipboard.copy(v); - if (success) { UI.log(Messages.shareSuccess); } - }, - keys: [13] - }, { - className: 'primary cp-bar', - name: 'GENERATE LINK', - onClick: function () { - var barHref = origin + pathname + '#' + (hashes.viewHash || hashes.editHash); - makeBurnAfterReadingUrl(common, barHref, channel, function (url) { - burnAfterReadingUrl = url; - $rights.find('input[type="radio"]').trigger('change'); - }); - return true; - }, - keys: [] - } - ]; - - var frameLink = UI.dialog.customModal(link, { - buttons: linkButtons, - onClose: config.onClose, - }); - $(frameLink).find('.cp-bar').hide(); - - // Share with contacts tab - - var teams = getEditableTeams(common, config); - config.teams = teams; - var hasFriends = Object.keys(config.friends || {}).length || - Object.keys(teams).length; - var onFriendShare = Util.mkEvent(); - - - var friendsObject = hasFriends ? createShareWithFriends(config, onFriendShare, getLinkValue) : noContactsMessage(common); - var friendsList = friendsObject.content; - - onFriendShare.reg(saveValue); - - var contactsContent = h('div.cp-share-modal'); - var $contactsContent = $(contactsContent); - - $contactsContent.append(friendsList); - - // Show alert if the pad is password protected - if (hasPassword) { - $contactsContent.append(h('div.alert.alert-primary', [ - h('i.fa.fa-unlock'), - Messages.share_contactPasswordAlert, h('br'), - makeFaqLink() - ])); - } - - $(contactsContent).append($(barAlert).clone()); // Burn after reading - - var contactButtons = friendsObject.buttons; - contactButtons.unshift(makeCancelButton()); - - var onShowContacts = function () { - if (!hasFriends) { - $rights.hide(); - } - }; - - var frameContacts = UI.dialog.customModal(contactsContent, { - buttons: contactButtons, - onClose: config.onClose, - }); - - // Embed tab - var getEmbedValue = function () { - var url = getLinkValue({ - embed: true - }); - return ''; - }; - var embedContent = [ - h('p', Messages.viewEmbedTag), - UI.dialog.selectableArea(getEmbedValue(), { id: 'cp-embed-link-preview', tabindex: 1, rows: 3}) - ]; - - // Show alert if the pad is password protected - if (hasPassword) { - embedContent.push(h('div.alert.alert-primary', [ - h('i.fa.fa-lock'), ' ', - Messages.share_embedPasswordAlert, h('br'), - makeFaqLink() - ])); - } - - var embedButtons = [ - makeCancelButton(), { - className: 'primary', - name: Messages.share_linkCopy, - onClick: function () { - var v = getEmbedValue(); - var success = Clipboard.copy(v); - if (success) { UI.log(Messages.shareSuccess); } - }, - keys: [13] - }]; - - var onShowEmbed = function () { - $rights.find('#cp-share-bar').closest('label').hide(); - $rights.find('input[type="radio"]:enabled').first().prop('checked', 'checked'); - $rights.find('input[type="radio"]').trigger('change'); - }; - - var embed = h('div.cp-share-modal', embedContent); - var $embed = $(embed); - - var frameEmbed = UI.dialog.customModal(embed, { - buttons: embedButtons, - onClose: config.onClose, - }); - - // update values for link and embed preview when radio btns change - $embed.find('#cp-embed-link-preview').val(getEmbedValue()); - $link.find('#cp-share-link-preview').val(getLinkValue()); - $rights.find('input[type="radio"]').on('change', function () { - $link.find('#cp-share-link-preview').val(getLinkValue({ - embed: Util.isChecked($link.find('#cp-share-embed')) - })); - // Hide or show the burn after reading alert - if (Util.isChecked($rights.find('#cp-share-bar')) && !burnAfterReadingUrl) { - $('.cp-alertify-bar-selected').show(); - // Show burn after reading button - $('.alertify').find('.cp-bar').show(); - $('.alertify').find('.cp-nobar').hide(); - return; - } - $embed.find('#cp-embed-link-preview').val(getEmbedValue()); - // Hide burn after reading button - $('.alertify').find('.cp-nobar').show(); - $('.alertify').find('.cp-bar').hide(); - $('.cp-alertify-bar-selected').hide(); - }); - $link.find('input[type="checkbox"]').on('change', function () { - $link.find('#cp-share-link-preview').val(getLinkValue({ - embed: Util.isChecked($link.find('#cp-share-embed')) - })); - }); - - - // Create modal - var resetTab = function () { - $rights.show(); - $rights.find('label.cp-radio').show(); - }; - var tabs = [{ - title: Messages.share_contactCategory, - icon: "fa fa-address-book", - content: frameContacts, - active: hasFriends, - onShow: onShowContacts, - onHide: resetTab - }, { - title: Messages.share_linkCategory, - icon: "fa fa-link", - content: frameLink, - active: !hasFriends - }, { - title: Messages.share_embedCategory, - icon: "fa fa-code", - content: frameEmbed, - onShow: onShowEmbed, - onHide: resetTab - }]; - if (typeof(AppConfig.customizeShareOptions) === 'function') { - AppConfig.customizeShareOptions(hashes, tabs, { - type: 'DEFAULT', - origin: origin, - pathname: pathname - }); - } - - var modal = UI.dialog.tabs(tabs); - $(modal).find('.alertify-tabs-titles').after(rights); - - // disable edit share options if you don't have edit rights - if (!hashes.editHash) { - $rights.find('#cp-share-editable-false').attr('checked', true); - $rights.find('#cp-share-editable-true').removeAttr('checked').attr('disabled', true); - } else if (!hashes.viewHash) { - $rights.find('#cp-share-editable-false').removeAttr('checked').attr('disabled', true); - $rights.find('#cp-share-present').removeAttr('checked').attr('disabled', true); - $rights.find('#cp-share-editable-true').attr('checked', true); - } - - common.getAttribute(['general', 'share'], function (err, val) { - val = val || {}; - if (val.present && canPresent) { - $rights.find('#cp-share-editable-false').prop('checked', false); - $rights.find('#cp-share-editable-true').prop('checked', false); - $rights.find('#cp-share-present').prop('checked', true); - } else if ((val.edit === false && hashes.viewHash) || !hashes.editHash) { - $rights.find('#cp-share-editable-false').prop('checked', true); - $rights.find('#cp-share-editable-true').prop('checked', false); - $rights.find('#cp-share-present').prop('checked', false); - } else { - $rights.find('#cp-share-editable-true').prop('checked', true); - $rights.find('#cp-share-editable-false').prop('checked', false); - $rights.find('#cp-share-present').prop('checked', false); - } - delete val.embed; - if (!canPresent) { - delete val.present; - } - $link.find('#cp-share-link-preview').val(getLinkValue(val)); - }); - common.getMetadataMgr().onChange(function () { - // "hashes" is only available is the secure "share" app - var _hashes = common.getMetadataMgr().getPrivateData().hashes; - if (!_hashes) { return; } - hashes = _hashes; - $link.find('#cp-share-link-preview').val(getLinkValue()); - }); - return modal; - }; - - UIElements.createFileShareModal = function (config) { - var origin = config.origin; - var pathname = config.pathname; - var hashes = config.hashes; - var common = config.common; - var fileData = config.fileData; - - if (!hashes.fileHash) { throw new Error("You must provide a file hash"); } - var url = origin + pathname + '#' + hashes.fileHash; - - // check if the file is password protected - var parsedHref = Hash.parsePadUrl(url); - var hasPassword = parsedHref.hashData.password; - - var makeFaqLink = function () { - var link = h('span', [ - h('i.fa.fa-question-circle'), - h('a', {href: '#'}, Messages.passwordFaqLink) - ]); - $(link).click(function () { - common.openURL(config.origin + "/faq.html#security-pad_password"); - }); - return link; - }; - - var getLinkValue = function () { return url; }; - - var makeCancelButton = function() { - return {className: 'cancel', - name: Messages.cancel, - onClick: function () {}, - keys: [27]}; - }; - - // Share link tab - var linkContent = [ - UI.dialog.selectableArea(getLinkValue(), { id: 'cp-share-link-preview', tabindex: 1, rows:2 }) - ]; - - // Show alert if the pad is password protected - if (hasPassword) { - linkContent.push(h('div.alert.alert-primary', [ - h('i.fa.fa-lock'), - Messages.share_linkPasswordAlert, h('br'), - makeFaqLink() - ])); - } - - // warning about sharing links - var localStore = window.cryptpadStore; - var dismissButton = h('span.fa.fa-times'); - var shareLinkWarning = h('div.alert.alert-warning.dismissable', - { style: 'display: none;' }, - [ - h('span.cp-inline-alert-text', Messages.share_linkWarning), - dismissButton - ]); - linkContent.push(shareLinkWarning); - - localStore.get('hide-alert-shareLinkWarning', function (val) { - if (val === '1') { return; } - $(shareLinkWarning).show(); - - $(dismissButton).on('click', function () { - localStore.put('hide-alert-shareLinkWarning', '1'); - $(shareLinkWarning).remove(); - }); - - }); - - var link = h('div.cp-share-modal', linkContent); - - var linkButtons = [ - makeCancelButton(), - { - className: 'primary', - name: Messages.share_linkCopy, - onClick: function () { - var v = getLinkValue(); - var success = Clipboard.copy(v); - if (success) { UI.log(Messages.shareSuccess); - } - }, - keys: [13] - } - ]; - - var frameLink = UI.dialog.customModal(link, { - buttons: linkButtons, - onClose: config.onClose, - }); - - // share with contacts tab - var teams = getEditableTeams(common, config); - config.teams = teams; - var hasFriends = Object.keys(config.friends || {}).length || - Object.keys(teams).length; - - var friendsObject = hasFriends ? createShareWithFriends(config, null, getLinkValue) : noContactsMessage(common); - var friendsList = friendsObject.content; - - var contactsContent = h('div.cp-share-modal'); - var $contactsContent = $(contactsContent); - $contactsContent.append(friendsList); - - // Show alert if the pad is password protected - if (hasPassword) { - $contactsContent.append(h('div.alert.alert-primary', [ - h('i.fa.fa-unlock'), - Messages.share_contactPasswordAlert, h('br'), - makeFaqLink() - ])); - } - - var contactButtons = friendsObject.buttons; - contactButtons.unshift(makeCancelButton()); - - var frameContacts = UI.dialog.customModal(contactsContent, { - buttons: contactButtons, - onClose: config.onClose, - }); - - - // Embed tab - var embed = h('div.cp-share-modal', [ - h('p', Messages.fileEmbedScript), - UI.dialog.selectable(common.getMediatagScript()), - h('p', Messages.fileEmbedTag), - UI.dialog.selectable(common.getMediatagFromHref(fileData)), - ]); - - // Show alert if the pad is password protected - if (hasPassword) { - embed.append(h('div.alert.alert-primary', [ - h('i.fa.fa-lock'), ' ', - Messages.share_embedPasswordAlert, h('br'), - makeFaqLink() - ])); - } - - var embedButtons = [{ - className: 'cancel', - name: Messages.cancel, - onClick: function () {}, - keys: [27] - }, { - className: 'primary', - name: Messages.share_mediatagCopy, - onClick: function () { - var v = common.getMediatagFromHref(fileData); - var success = Clipboard.copy(v); - if (success) { UI.log(Messages.shareSuccess); } - }, - keys: [13] - }]; - var frameEmbed = UI.dialog.customModal(embed, { - buttons: embedButtons, - onClose: config.onClose, - }); - - // Create modal - var tabs = [{ - title: Messages.share_contactCategory, - icon: "fa fa-address-book", - content: frameContacts, - active: hasFriends, - }, { - title: Messages.share_linkCategory, - icon: "fa fa-link", - content: frameLink, - active: !hasFriends - }, { - title: Messages.share_embedCategory, - icon: "fa fa-code", - content: frameEmbed - }]; - if (typeof(AppConfig.customizeShareOptions) === 'function') { - AppConfig.customizeShareOptions(hashes, tabs, { - type: 'FILE', - origin: origin, - pathname: pathname - }); - } - var modal = UI.dialog.tabs(tabs); - return modal; - }; - UIElements.createInviteTeamModal = function (config) { var common = config.common; var hasFriends = Object.keys(config.friends || {}).length !== 0; diff --git a/www/common/drive-ui.js b/www/common/drive-ui.js index 0d3e49169..7bbd932f9 100644 --- a/www/common/drive-ui.js +++ b/www/common/drive-ui.js @@ -9,6 +9,7 @@ define([ '/common/common-constants.js', '/common/common-feedback.js', + '/common/inner/share.js', '/common/inner/access.js', '/common/inner/properties.js', @@ -27,6 +28,7 @@ define([ UI, Constants, Feedback, + Share, Access, Properties, nThen, @@ -2021,26 +2023,25 @@ define([ if (!parsed.hash && !roParsed.hash) { return void console.error("Invalid href: "+(data.href || data.roHref)); } var friends = common.getFriends(); var ro = folders[id] && folders[id].version >= 2; - var modal = UIElements.createShareModal({ - teamId: APP.team, - origin: APP.origin, - pathname: "/drive/", - friends: friends, - title: data.title, - password: data.password, - sharedFolder: true, - common: common, - hashes: { - editHash: parsed.hash, - viewHash: ro && roParsed.hash, - } - }); // If we're a viewer and this is an old shared folder (no read-only mode), we // can't share the read-only URL and we don't have access to the edit one. // We should hide the share button. - if (!modal) { return; } + if (!data.href && !ro) { return; } $shareBlock.click(function () { - UI.openCustomModal(modal); + Share.getShareModal(common, { + teamId: APP.team, + origin: APP.origin, + pathname: "/drive/", + friends: friends, + title: data.title, + password: data.password, + sharedFolder: true, + common: common, + hashes: { + editHash: parsed.hash, + viewHash: ro && roParsed.hash, + } + }); }); $container.append($shareBlock); return $shareBlock; @@ -3638,14 +3639,6 @@ define([ if (!readOnlyFolder) { createNewButton(isInRoot, APP.toolbar.$bottomL); } - /* - // The share button is not displayed anymore in the toolbar: users can't know - // if they're going to share the current shared folder or the selected pad - if (sfId) { - createShareButton(sfId, APP.toolbar.$bottomL); - } - */ - if (APP.mobile()) { var $context = $('