diff options
Diffstat (limited to '')
| -rw-r--r-- | comm/mail/components/compose/content/bigFileObserver.js | 368 |
1 files changed, 368 insertions, 0 deletions
diff --git a/comm/mail/components/compose/content/bigFileObserver.js b/comm/mail/components/compose/content/bigFileObserver.js new file mode 100644 index 0000000000..f741af7afa --- /dev/null +++ b/comm/mail/components/compose/content/bigFileObserver.js @@ -0,0 +1,368 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this file, + * You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* global MozElements */ + +/* import-globals-from MsgComposeCommands.js */ + +var { cloudFileAccounts } = ChromeUtils.import( + "resource:///modules/cloudFileAccounts.jsm" +); + +var kUploadNotificationValue = "bigAttachmentUploading"; +var kPrivacyWarningNotificationValue = "bigAttachmentPrivacyWarning"; + +var gBigFileObserver = { + bigFiles: [], + sessionHidden: false, + privacyWarned: false, + + get hidden() { + return ( + this.sessionHidden || + !Services.prefs.getBoolPref("mail.cloud_files.enabled") || + !Services.prefs.getBoolPref("mail.compose.big_attachments.notify") || + Services.io.offline + ); + }, + + hide(aPermanent) { + if (aPermanent) { + Services.prefs.setBoolPref("mail.compose.big_attachments.notify", false); + } else { + this.sessionHidden = true; + } + }, + + init() { + let bucket = document.getElementById("attachmentBucket"); + bucket.addEventListener("attachments-added", this); + bucket.addEventListener("attachments-removed", this); + bucket.addEventListener("attachment-converted-to-regular", this); + bucket.addEventListener("attachment-uploading", this); + bucket.addEventListener("attachment-uploaded", this); + bucket.addEventListener("attachment-upload-failed", this); + + this.sessionHidden = false; + this.privacyWarned = false; + this.bigFiles = []; + }, + + handleEvent(event) { + if (this.hidden) { + return; + } + + switch (event.type) { + case "attachments-added": + this.bigFileTrackerAdd(event.detail); + break; + case "attachments-removed": + this.bigFileTrackerRemove(event.detail); + this.checkAndHidePrivacyNotification(); + break; + case "attachment-converted-to-regular": + this.checkAndHidePrivacyNotification(); + break; + case "attachment-uploading": + // Remove the currently uploading item from bigFiles, to remove the big + // file notification already during upload. + this.bigFileTrackerRemove([event.detail]); + this.updateUploadingNotification(); + break; + case "attachment-upload-failed": + this.updateUploadingNotification(); + break; + case "attachment-uploaded": + this.updateUploadingNotification(); + if (this.uploadsInProgress == 0) { + this.showPrivacyNotification(); + } + break; + default: + // Do not update the notification for other events. + return; + } + + this.updateBigFileNotification(); + }, + + bigFileTrackerAdd(aAttachments) { + let threshold = + Services.prefs.getIntPref("mail.compose.big_attachments.threshold_kb") * + 1024; + + for (let attachment of aAttachments) { + if (attachment.size >= threshold && !attachment.sendViaCloud) { + this.bigFiles.push(attachment); + } + } + }, + + bigFileTrackerRemove(aAttachments) { + for (let attachment of aAttachments) { + let index = this.bigFiles.findIndex(e => e.url == attachment.url); + if (index != -1) { + this.bigFiles.splice(index, 1); + } + } + }, + + formatString(key, replacements, plural) { + let str = getComposeBundle().getString(key); + if (plural !== undefined) { + str = PluralForm.get(plural, str); + } + if (replacements !== undefined) { + for (let i = 0; i < replacements.length; i++) { + str = str.replace("#" + (i + 1), replacements[i]); + } + } + return str; + }, + + updateBigFileNotification() { + let bigFileNotification = + gComposeNotification.getNotificationWithValue("bigAttachment"); + if (this.bigFiles.length) { + if (bigFileNotification) { + bigFileNotification.label = this.formatString( + "bigFileDescription", + [this.bigFiles.length], + this.bigFiles.length + ); + return; + } + + let buttons = [ + { + label: getComposeBundle().getString("learnMore.label"), + accessKey: getComposeBundle().getString("learnMore.accesskey"), + callback: this.openLearnMore.bind(this), + }, + { + label: this.formatString("bigFileShare.label", []), + accessKey: this.formatString("bigFileShare.accesskey"), + callback: this.convertAttachments.bind(this), + }, + { + label: this.formatString("bigFileAttach.label", []), + accessKey: this.formatString("bigFileAttach.accesskey"), + callback: this.hideBigFileNotification.bind(this), + }, + ]; + + let msg = this.formatString( + "bigFileDescription", + [this.bigFiles.length], + this.bigFiles.length + ); + + bigFileNotification = gComposeNotification.appendNotification( + "bigAttachment", + { + label: msg, + priority: gComposeNotification.PRIORITY_WARNING_MEDIUM, + }, + buttons + ); + } else if (bigFileNotification) { + gComposeNotification.removeNotification(bigFileNotification); + } + }, + + openLearnMore() { + let url = Services.prefs.getCharPref("mail.cloud_files.learn_more_url"); + openContentTab(url); + return true; + }, + + convertAttachments() { + let account; + let accounts = cloudFileAccounts.configuredAccounts; + + if (accounts.length == 1) { + account = accounts[0]; + } else if (accounts.length > 1) { + // We once used Services.prompt.select for this UI, but it doesn't support displaying an + // icon for each item. The following code does the same thing with a replacement dialog. + let { PromptUtils } = ChromeUtils.importESModule( + "resource://gre/modules/PromptUtils.sys.mjs" + ); + + let names = accounts.map(i => cloudFileAccounts.getDisplayName(i)); + let icons = accounts.map(i => i.iconURL); + let args = { + promptType: "select", + title: this.formatString("bigFileChooseAccount.title"), + text: this.formatString("bigFileChooseAccount.text"), + list: names, + icons, + selected: -1, + ok: false, + }; + + let propBag = PromptUtils.objectToPropBag(args); + openDialog( + "chrome://messenger/content/cloudfile/selectDialog.xhtml", + "_blank", + "centerscreen,chrome,modal,titlebar", + propBag + ); + PromptUtils.propBagToObject(propBag, args); + + if (args.ok) { + account = accounts[args.selected]; + } + } else { + openPreferencesTab("paneCompose", "compositionAttachmentsCategory"); + return true; + } + + if (account) { + convertToCloudAttachment(this.bigFiles, account); + } + + return false; + }, + + hideBigFileNotification() { + let never = {}; + if ( + Services.prompt.confirmCheck( + window, + this.formatString("bigFileHideNotification.title"), + this.formatString("bigFileHideNotification.text"), + this.formatString("bigFileHideNotification.check"), + never + ) + ) { + this.hide(never.value); + return false; + } + return true; + }, + + updateUploadingNotification() { + // We will show the uploading notification for a minimum of 2.5 seconds + // seconds. + const kThreshold = 2500; // milliseconds + + if ( + !Services.prefs.getBoolPref( + "mail.compose.big_attachments.insert_notification" + ) + ) { + return; + } + + let activeUploads = this.uploadsInProgress; + let notification = gComposeNotification.getNotificationWithValue( + kUploadNotificationValue + ); + + if (activeUploads == 0) { + if (notification) { + // Check the timestamp that we stashed in the timeout field of the + // notification... + let now = Date.now(); + if (now >= notification.timeout) { + gComposeNotification.removeNotification(notification); + } else { + setTimeout(function () { + gComposeNotification.removeNotification(notification); + }, notification.timeout - now); + } + } + return; + } + + let message = this.formatString("cloudFileUploadingNotification"); + message = PluralForm.get(activeUploads, message); + + if (notification) { + notification.label = message; + return; + } + + let showUploadButton = { + accessKey: this.formatString( + "stopShowingUploadingNotification.accesskey" + ), + label: this.formatString("stopShowingUploadingNotification.label"), + callback(aNotificationBar, aButton) { + Services.prefs.setBoolPref( + "mail.compose.big_attachments.insert_notification", + false + ); + }, + }; + notification = gComposeNotification.appendNotification( + kUploadNotificationValue, + { + label: message, + priority: gComposeNotification.PRIORITY_WARNING_MEDIUM, + }, + [showUploadButton] + ); + notification.timeout = Date.now() + kThreshold; + }, + + hidePrivacyNotification() { + this.privacyWarned = false; + let notification = gComposeNotification.getNotificationWithValue( + kPrivacyWarningNotificationValue + ); + + if (notification) { + gComposeNotification.removeNotification(notification); + } + }, + + checkAndHidePrivacyNotification() { + if ( + !gAttachmentBucket.itemChildren.find( + item => item.attachment && item.attachment.sendViaCloud + ) + ) { + this.hidePrivacyNotification(); + } + }, + + showPrivacyNotification() { + if (this.privacyWarned) { + return; + } + this.privacyWarned = true; + + let notification = gComposeNotification.getNotificationWithValue( + kPrivacyWarningNotificationValue + ); + + if (notification) { + return; + } + + let message = this.formatString("cloudFilePrivacyNotification"); + gComposeNotification.appendNotification( + kPrivacyWarningNotificationValue, + { + label: message, + priority: gComposeNotification.PRIORITY_WARNING_MEDIUM, + }, + null + ); + }, + + get uploadsInProgress() { + let items = [...document.getElementById("attachmentBucket").itemChildren]; + return items.filter(e => e.uploading).length; + }, +}; + +window.addEventListener( + "compose-window-init", + gBigFileObserver.init.bind(gBigFileObserver), + true +); |