michael@0: <?xml version="1.0"?>
michael@0: 
michael@0: # -*- Mode: HTML -*-
michael@0: # This Source Code Form is subject to the terms of the Mozilla Public
michael@0: # License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0: # file, You can obtain one at http://mozilla.org/MPL/2.0/.
michael@0: 
michael@0: <!DOCTYPE bindings [
michael@0: <!ENTITY % notificationDTD SYSTEM "chrome://global/locale/notification.dtd">
michael@0: %notificationDTD;
michael@0: <!ENTITY % browserDTD SYSTEM "chrome://browser/locale/browser.dtd">
michael@0: %browserDTD;
michael@0: ]>
michael@0: 
michael@0: <bindings id="urlbarBindings" xmlns="http://www.mozilla.org/xbl"
michael@0:           xmlns:html="http://www.w3.org/1999/xhtml"
michael@0:           xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
michael@0:           xmlns:xbl="http://www.mozilla.org/xbl">
michael@0: 
michael@0:   <binding id="urlbar" extends="chrome://global/content/bindings/autocomplete.xml#autocomplete">
michael@0: 
michael@0:     <content sizetopopup="pref">
michael@0:       <xul:hbox anonid="textbox-container"
michael@0:                 class="autocomplete-textbox-container urlbar-textbox-container"
michael@0:                 flex="1" xbl:inherits="focused">
michael@0:         <children includes="image|deck|stack|box">
michael@0:           <xul:image class="autocomplete-icon" allowevents="true"/>
michael@0:         </children>
michael@0:         <xul:hbox anonid="textbox-input-box"
michael@0:                   class="textbox-input-box urlbar-input-box"
michael@0:                   flex="1" xbl:inherits="tooltiptext=inputtooltiptext">
michael@0:           <children/>
michael@0:           <html:input anonid="input"
michael@0:                       class="autocomplete-textbox urlbar-input textbox-input uri-element-right-align"
michael@0:                       allowevents="true"
michael@0:                       xbl:inherits="tooltiptext=inputtooltiptext,value,type,maxlength,disabled,size,readonly,placeholder,tabindex,accesskey"/>
michael@0:         </xul:hbox>
michael@0:         <children includes="hbox"/>
michael@0:       </xul:hbox>
michael@0:       <xul:dropmarker anonid="historydropmarker"
michael@0:                       class="autocomplete-history-dropmarker urlbar-history-dropmarker"
michael@0:                       allowevents="true"
michael@0:                       xbl:inherits="open,enablehistory,parentfocused=focused"/>
michael@0:       <xul:popupset anonid="popupset"
michael@0:                     class="autocomplete-result-popupset"/>
michael@0:       <children includes="toolbarbutton"/>
michael@0:     </content>
michael@0: 
michael@0:     <implementation implements="nsIObserver, nsIDOMEventListener">
michael@0:       <constructor><![CDATA[
michael@0:         this._prefs = Components.classes["@mozilla.org/preferences-service;1"]
michael@0:                                 .getService(Components.interfaces.nsIPrefService)
michael@0:                                 .getBranch("browser.urlbar.");
michael@0: 
michael@0:         this._prefs.addObserver("", this, false);
michael@0:         this.clickSelectsAll = this._prefs.getBoolPref("clickSelectsAll");
michael@0:         this.doubleClickSelectsAll = this._prefs.getBoolPref("doubleClickSelectsAll");
michael@0:         this.completeDefaultIndex = this._prefs.getBoolPref("autoFill");
michael@0:         this.timeout = this._prefs.getIntPref("delay");
michael@0:         this._formattingEnabled = this._prefs.getBoolPref("formatting.enabled");
michael@0:         this._mayTrimURLs = this._prefs.getBoolPref("trimURLs");
michael@0:         this._ignoreNextSelect = false;
michael@0: 
michael@0:         this.inputField.controllers.insertControllerAt(0, this._copyCutController);
michael@0:         this.inputField.addEventListener("mousedown", this, false);
michael@0:         this.inputField.addEventListener("mousemove", this, false);
michael@0:         this.inputField.addEventListener("mouseout", this, false);
michael@0:         this.inputField.addEventListener("overflow", this, false);
michael@0:         this.inputField.addEventListener("underflow", this, false);
michael@0: 
michael@0:         try {
michael@0:           if (this._prefs.getBoolPref("unifiedcomplete")) {
michael@0:             this.setAttribute("autocompletesearch", "unifiedcomplete");
michael@0:           }
michael@0:         } catch (ex) {}
michael@0: 
michael@0:         const kXULNS = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
michael@0:         var textBox = document.getAnonymousElementByAttribute(this,
michael@0:                                                 "anonid", "textbox-input-box");
michael@0:         var cxmenu = document.getAnonymousElementByAttribute(textBox,
michael@0:                                             "anonid", "input-box-contextmenu");
michael@0:         var pasteAndGo;
michael@0:         cxmenu.addEventListener("popupshowing", function() {
michael@0:           if (!pasteAndGo)
michael@0:             return;
michael@0:           var controller = document.commandDispatcher.getControllerForCommand("cmd_paste");
michael@0:           var enabled = controller.isCommandEnabled("cmd_paste");
michael@0:           if (enabled)
michael@0:             pasteAndGo.removeAttribute("disabled");
michael@0:           else
michael@0:             pasteAndGo.setAttribute("disabled", "true");
michael@0:         }, false);
michael@0: 
michael@0:         var insertLocation = cxmenu.firstChild;
michael@0:         while (insertLocation.nextSibling &&
michael@0:                insertLocation.getAttribute("cmd") != "cmd_paste")
michael@0:           insertLocation = insertLocation.nextSibling;
michael@0:         if (insertLocation) {
michael@0:           pasteAndGo = document.createElement("menuitem");
michael@0:           let label = Services.strings.createBundle("chrome://browser/locale/browser.properties").
michael@0:                                    GetStringFromName("pasteAndGo.label");
michael@0:           pasteAndGo.setAttribute("label", label);
michael@0:           pasteAndGo.setAttribute("anonid", "paste-and-go");
michael@0:           pasteAndGo.setAttribute("oncommand",
michael@0:               "gURLBar.select(); goDoCommand('cmd_paste'); gURLBar.handleCommand();");
michael@0:           cxmenu.insertBefore(pasteAndGo, insertLocation.nextSibling);
michael@0:         }
michael@0:       ]]></constructor>
michael@0: 
michael@0:       <destructor><![CDATA[
michael@0:         this._prefs.removeObserver("", this);
michael@0:         this._prefs = null;
michael@0:         this.inputField.controllers.removeController(this._copyCutController);
michael@0:         this.inputField.removeEventListener("mousedown", this, false);
michael@0:         this.inputField.removeEventListener("mousemove", this, false);
michael@0:         this.inputField.removeEventListener("mouseout", this, false);
michael@0:         this.inputField.removeEventListener("overflow", this, false);
michael@0:         this.inputField.removeEventListener("underflow", this, false);
michael@0:       ]]></destructor>
michael@0: 
michael@0:       <field name="_value"></field>
michael@0: 
michael@0:       <!--
michael@0:         onBeforeValueGet is called by the base-binding's .value getter.
michael@0:         It can return an object with a "value" property, to override the
michael@0:         return value of the getter.
michael@0:       -->
michael@0:       <method name="onBeforeValueGet">
michael@0:         <body><![CDATA[
michael@0:           if (this.hasAttribute("actiontype"))
michael@0:             return {value: this._value};
michael@0:           return null;
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <!--
michael@0:         onBeforeValueSet is called by the base-binding's .value setter.
michael@0:         It should return the value that the setter should use.
michael@0:       -->
michael@0:       <method name="onBeforeValueSet">
michael@0:         <parameter name="aValue"/>
michael@0:         <body><![CDATA[
michael@0:           this._value = aValue;
michael@0:           var returnValue = aValue;
michael@0:           var action = this._parseActionUrl(aValue);
michael@0:           // Don't put back the action if we are invoked while override actions
michael@0:           // is active.
michael@0:           if (action && this._numNoActionsKeys <= 0) {
michael@0:             returnValue = action.param;
michael@0:             this.setAttribute("actiontype", action.type);
michael@0:           } else {
michael@0:             this.removeAttribute("actiontype");
michael@0:           }
michael@0:           return returnValue;
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <field name="_mayTrimURLs">true</field>
michael@0:       <method name="trimValue">
michael@0:         <parameter name="aURL"/>
michael@0:         <body><![CDATA[
michael@0:           // This method must not modify the given URL such that calling
michael@0:           // nsIURIFixup::createFixupURI with the result will produce a different URI.
michael@0:           return this._mayTrimURLs ? trimURL(aURL) : aURL;
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <field name="_formattingEnabled">true</field>
michael@0:       <method name="formatValue">
michael@0:         <body><![CDATA[
michael@0:           if (!this._formattingEnabled || this.focused)
michael@0:             return;
michael@0: 
michael@0:           let controller = this.editor.selectionController;
michael@0:           let selection = controller.getSelection(controller.SELECTION_URLSECONDARY);
michael@0:           selection.removeAllRanges();
michael@0: 
michael@0:           let textNode = this.editor.rootElement.firstChild;
michael@0:           let value = textNode.textContent;
michael@0: 
michael@0:           let protocol = value.match(/^[a-z\d.+\-]+:(?=[^\d])/);
michael@0:           if (protocol &&
michael@0:               ["http:", "https:", "ftp:"].indexOf(protocol[0]) == -1)
michael@0:             return;
michael@0:           let matchedURL = value.match(/^((?:[a-z]+:\/\/)?(?:[^\/]+@)?)(.+?)(?::\d+)?(?:\/|$)/);
michael@0:           if (!matchedURL)
michael@0:             return;
michael@0: 
michael@0:           let [, preDomain, domain] = matchedURL;
michael@0:           let baseDomain = domain;
michael@0:           let subDomain = "";
michael@0:           // getBaseDomainFromHost doesn't recognize IPv6 literals in brackets as IPs (bug 667159)
michael@0:           if (domain[0] != "[") {
michael@0:             try {
michael@0:               baseDomain = Services.eTLD.getBaseDomainFromHost(domain);
michael@0:               if (!domain.endsWith(baseDomain)) {
michael@0:                 // getBaseDomainFromHost converts its resultant to ACE.
michael@0:                 let IDNService = Cc["@mozilla.org/network/idn-service;1"]
michael@0:                                  .getService(Ci.nsIIDNService);
michael@0:                 baseDomain = IDNService.convertACEtoUTF8(baseDomain);
michael@0:               }
michael@0:             } catch (e) {}
michael@0:           }
michael@0:           if (baseDomain != domain) {
michael@0:             subDomain = domain.slice(0, -baseDomain.length);
michael@0:           }
michael@0: 
michael@0:           let rangeLength = preDomain.length + subDomain.length;
michael@0:           if (rangeLength) {
michael@0:             let range = document.createRange();
michael@0:             range.setStart(textNode, 0);
michael@0:             range.setEnd(textNode, rangeLength);
michael@0:             selection.addRange(range);
michael@0:           }
michael@0: 
michael@0:           let startRest = preDomain.length + domain.length;
michael@0:           if (startRest < value.length) {
michael@0:             let range = document.createRange();
michael@0:             range.setStart(textNode, startRest);
michael@0:             range.setEnd(textNode, value.length);
michael@0:             selection.addRange(range);
michael@0:           }
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="_clearFormatting">
michael@0:         <body><![CDATA[
michael@0:           if (!this._formattingEnabled)
michael@0:             return;
michael@0: 
michael@0:           let controller = this.editor.selectionController;
michael@0:           let selection = controller.getSelection(controller.SELECTION_URLSECONDARY);
michael@0:           selection.removeAllRanges();
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="handleRevert">
michael@0:         <body><![CDATA[
michael@0:           var isScrolling = this.popupOpen;
michael@0: 
michael@0:           gBrowser.userTypedValue = null;
michael@0: 
michael@0:           // don't revert to last valid url unless page is NOT loading
michael@0:           // and user is NOT key-scrolling through autocomplete list
michael@0:           if (!XULBrowserWindow.isBusy && !isScrolling) {
michael@0:             URLBarSetURI();
michael@0: 
michael@0:             // If the value isn't empty and the urlbar has focus, select the value.
michael@0:             if (this.value && this.hasAttribute("focused"))
michael@0:               this.select();
michael@0:           }
michael@0: 
michael@0:           // tell widget to revert to last typed text only if the user
michael@0:           // was scrolling when they hit escape
michael@0:           return !isScrolling;
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="handleCommand">
michael@0:         <parameter name="aTriggeringEvent"/>
michael@0:         <body><![CDATA[
michael@0:           if (aTriggeringEvent instanceof MouseEvent && aTriggeringEvent.button == 2)
michael@0:             return; // Do nothing for right clicks
michael@0: 
michael@0:           var url = this.value;
michael@0:           var mayInheritPrincipal = false;
michael@0:           var postData = null;
michael@0: 
michael@0:           var action = this._parseActionUrl(url);
michael@0:           let lastLocationChange = gBrowser.selectedBrowser.lastLocationChange;
michael@0: 
michael@0:           let matchLastLocationChange = true;
michael@0:           if (action) {
michael@0:             url = action.param;
michael@0:             if (this.hasAttribute("actiontype")) {
michael@0:               if (action.type == "switchtab") {
michael@0:                 this.handleRevert();
michael@0:                 let prevTab = gBrowser.selectedTab;
michael@0:                 if (switchToTabHavingURI(url) &&
michael@0:                     isTabEmpty(prevTab))
michael@0:                   gBrowser.removeTab(prevTab);
michael@0:               }
michael@0:               return;
michael@0:             }
michael@0:             continueOperation.call(this);
michael@0:           }
michael@0:           else {
michael@0:             this._canonizeURL(aTriggeringEvent, response => {
michael@0:               [url, postData, mayInheritPrincipal] = response;
michael@0:               if (url) {
michael@0:                 matchLastLocationChange = (lastLocationChange ==
michael@0:                                            gBrowser.selectedBrowser.lastLocationChange);
michael@0:                 continueOperation.call(this);
michael@0:               }
michael@0:             });
michael@0:           }
michael@0: 
michael@0:           function continueOperation()
michael@0:           {
michael@0:             this.value = url;
michael@0:             gBrowser.userTypedValue = url;
michael@0:             try {
michael@0:               addToUrlbarHistory(url);
michael@0:             } catch (ex) {
michael@0:               // Things may go wrong when adding url to session history,
michael@0:               // but don't let that interfere with the loading of the url.
michael@0:               Cu.reportError(ex);
michael@0:             }
michael@0: 
michael@0:             function loadCurrent() {
michael@0:               let webnav = Ci.nsIWebNavigation;
michael@0:               let flags = webnav.LOAD_FLAGS_ALLOW_THIRD_PARTY_FIXUP |
michael@0:                           webnav.LOAD_FLAGS_FIXUP_SCHEME_TYPOS;
michael@0:               // Pass LOAD_FLAGS_DISALLOW_INHERIT_OWNER to prevent any loads from
michael@0:               // inheriting the currently loaded document's principal, unless this
michael@0:               // URL is marked as safe to inherit (e.g. came from a bookmark
michael@0:               // keyword).
michael@0:               if (!mayInheritPrincipal)
michael@0:                 flags |= Ci.nsIWebNavigation.LOAD_FLAGS_DISALLOW_INHERIT_OWNER;
michael@0:               gBrowser.loadURIWithFlags(url, flags, null, null, postData);
michael@0:             }
michael@0: 
michael@0:             // Focus the content area before triggering loads, since if the load
michael@0:             // occurs in a new tab, we want focus to be restored to the content
michael@0:             // area when the current tab is re-selected.
michael@0:             gBrowser.selectedBrowser.focus();
michael@0: 
michael@0:             let isMouseEvent = aTriggeringEvent instanceof MouseEvent;
michael@0:             let altEnter = !isMouseEvent && aTriggeringEvent && aTriggeringEvent.altKey;
michael@0: 
michael@0:             if (altEnter) {
michael@0:               // XXX This was added a long time ago, and I'm not sure why it is
michael@0:               // necessary. Alt+Enter's default action might cause a system beep,
michael@0:               // or something like that?
michael@0:               aTriggeringEvent.preventDefault();
michael@0:               aTriggeringEvent.stopPropagation();
michael@0:             }
michael@0: 
michael@0:             // If the current tab is empty, ignore Alt+Enter (just reuse this tab)
michael@0:             altEnter = altEnter && !isTabEmpty(gBrowser.selectedTab);
michael@0: 
michael@0:             if (isMouseEvent || altEnter) {
michael@0:               // Use the standard UI link behaviors for clicks or Alt+Enter
michael@0:               let where = "tab";
michael@0:               if (isMouseEvent)
michael@0:                 where = whereToOpenLink(aTriggeringEvent, false, false);
michael@0: 
michael@0:               if (where == "current") {
michael@0:                 if (matchLastLocationChange) {
michael@0:                   loadCurrent();
michael@0:                 }
michael@0:               } else {
michael@0:                 this.handleRevert();
michael@0:                 let params = { allowThirdPartyFixup: true,
michael@0:                                postData: postData,
michael@0:                                initiatingDoc: document };
michael@0:                 openUILinkIn(url, where, params);
michael@0:               }
michael@0:             } else {
michael@0:               if (matchLastLocationChange) {
michael@0:                 loadCurrent();
michael@0:               }
michael@0:             }
michael@0:           }
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="_canonizeURL">
michael@0:         <parameter name="aTriggeringEvent"/>
michael@0:         <parameter name="aCallback"/>
michael@0:         <body><![CDATA[
michael@0:           var url = this.value;
michael@0:           if (!url) {
michael@0:             aCallback(["", null, false]);
michael@0:             return;
michael@0:           }
michael@0: 
michael@0:           // Only add the suffix when the URL bar value isn't already "URL-like",
michael@0:           // and only if we get a keyboard event, to match user expectations.
michael@0:           if (/^\s*[^.:\/\s]+(?:\/.*|\s*)$/i.test(url) &&
michael@0:               (aTriggeringEvent instanceof KeyEvent)) {
michael@0: #ifdef XP_MACOSX
michael@0:             let accel = aTriggeringEvent.metaKey;
michael@0: #else
michael@0:             let accel = aTriggeringEvent.ctrlKey;
michael@0: #endif
michael@0:             let shift = aTriggeringEvent.shiftKey;
michael@0: 
michael@0:             let suffix = "";
michael@0: 
michael@0:             switch (true) {
michael@0:               case (accel && shift):
michael@0:                 suffix = ".org/";
michael@0:                 break;
michael@0:               case (shift):
michael@0:                 suffix = ".net/";
michael@0:                 break;
michael@0:               case (accel):
michael@0:                 try {
michael@0:                   suffix = gPrefService.getCharPref("browser.fixup.alternate.suffix");
michael@0:                   if (suffix.charAt(suffix.length - 1) != "/")
michael@0:                     suffix += "/";
michael@0:                 } catch(e) {
michael@0:                   suffix = ".com/";
michael@0:                 }
michael@0:                 break;
michael@0:             }
michael@0: 
michael@0:             if (suffix) {
michael@0:               // trim leading/trailing spaces (bug 233205)
michael@0:               url = url.trim();
michael@0: 
michael@0:               // Tack www. and suffix on.  If user has appended directories, insert
michael@0:               // suffix before them (bug 279035).  Be careful not to get two slashes.
michael@0: 
michael@0:               let firstSlash = url.indexOf("/");
michael@0: 
michael@0:               if (firstSlash >= 0) {
michael@0:                 url = url.substring(0, firstSlash) + suffix +
michael@0:                       url.substring(firstSlash + 1);
michael@0:               } else {
michael@0:                 url = url + suffix;
michael@0:               }
michael@0: 
michael@0:               url = "http://www." + url;
michael@0:             }
michael@0:           }
michael@0: 
michael@0:           getShortcutOrURIAndPostData(url, data => {
michael@0:             aCallback([data.url, data.postData, data.mayInheritPrincipal]);
michael@0:           });
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <field name="_contentIsCropped">false</field>
michael@0: 
michael@0:       <method name="_initURLTooltip">
michael@0:         <body><![CDATA[
michael@0:           if (this.focused || !this._contentIsCropped)
michael@0:             return;
michael@0:           this.inputField.setAttribute("tooltiptext", this.value);
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="_hideURLTooltip">
michael@0:         <body><![CDATA[
michael@0:           this.inputField.removeAttribute("tooltiptext");
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="onDragOver">
michael@0:         <parameter name="aEvent"/>
michael@0:         <body>
michael@0:           var types = aEvent.dataTransfer.types;
michael@0:           if (types.contains("application/x-moz-file") ||
michael@0:               types.contains("text/x-moz-url") ||
michael@0:               types.contains("text/uri-list") ||
michael@0:               types.contains("text/unicode"))
michael@0:             aEvent.preventDefault();
michael@0:         </body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="onDrop">
michael@0:         <parameter name="aEvent"/>
michael@0:         <body><![CDATA[
michael@0:           let url = browserDragAndDrop.drop(aEvent, { })
michael@0: 
michael@0:           // The URL bar automatically handles inputs with newline characters,
michael@0:           // so we can get away with treating text/x-moz-url flavours as text/plain.
michael@0:           if (url) {
michael@0:             aEvent.preventDefault();
michael@0:             this.value = url;
michael@0:             SetPageProxyState("invalid");
michael@0:             this.focus();
michael@0:             try {
michael@0:               urlSecurityCheck(url,
michael@0:                                gBrowser.contentPrincipal,
michael@0:                                Ci.nsIScriptSecurityManager.DISALLOW_INHERIT_PRINCIPAL);
michael@0:             } catch (ex) {
michael@0:               return;
michael@0:             }
michael@0:             this.handleCommand();
michael@0:           }
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="_getSelectedValueForClipboard">
michael@0:         <body><![CDATA[
michael@0:           // Grab the actual input field's value, not our value, which could include moz-action:
michael@0:           var inputVal = this.inputField.value;
michael@0:           var selectedVal = inputVal.substring(this.selectionStart, this.selectionEnd);
michael@0: 
michael@0:           // If the selection doesn't start at the beginning or doesn't span the full domain or
michael@0:           // the URL bar is modified, nothing else to do here.
michael@0:           if (this.selectionStart > 0 || this.valueIsTyped)
michael@0:             return selectedVal;
michael@0:           // The selection doesn't span the full domain if it doesn't contain a slash and is
michael@0:           // followed by some character other than a slash.
michael@0:           if (!selectedVal.contains("/")) {
michael@0:             let remainder = inputVal.replace(selectedVal, "");
michael@0:             if (remainder != "" && remainder[0] != "/")
michael@0:               return selectedVal;
michael@0:           }
michael@0: 
michael@0:           let uriFixup = Cc["@mozilla.org/docshell/urifixup;1"].getService(Ci.nsIURIFixup);
michael@0: 
michael@0:           let uri;
michael@0:           try {
michael@0:             uri = uriFixup.createFixupURI(inputVal, Ci.nsIURIFixup.FIXUP_FLAG_NONE);
michael@0:           } catch (e) {}
michael@0:           if (!uri)
michael@0:             return selectedVal;
michael@0: 
michael@0:           // Only copy exposable URIs
michael@0:           try {
michael@0:             uri = uriFixup.createExposableURI(uri);
michael@0:           } catch (ex) {}
michael@0: 
michael@0:           // If the entire URL is selected, just use the actual loaded URI.
michael@0:           if (inputVal == selectedVal) {
michael@0:             // ... but only if  isn't a javascript: or data: URI, since those
michael@0:             // are hard to read when encoded
michael@0:             if (!uri.schemeIs("javascript") && !uri.schemeIs("data")) {
michael@0:               // Parentheses are known to confuse third-party applications (bug 458565).
michael@0:               selectedVal = uri.spec.replace(/[()]/g, function (c) escape(c));
michael@0:             }
michael@0: 
michael@0:             return selectedVal;
michael@0:           }
michael@0: 
michael@0:           // Just the beginning of the URL is selected, check for a trimmed
michael@0:           // value
michael@0:           let spec = uri.spec;
michael@0:           let trimmedSpec = this.trimValue(spec);
michael@0:           if (spec != trimmedSpec) {
michael@0:             // Prepend the portion that trimValue removed from the beginning.
michael@0:             // This assumes trimValue will only truncate the URL at
michael@0:             // the beginning or end (or both).
michael@0:             let trimmedSegments = spec.split(trimmedSpec);
michael@0:             selectedVal = trimmedSegments[0] + selectedVal;
michael@0:           }
michael@0: 
michael@0:           return selectedVal;
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <field name="_copyCutController"><![CDATA[
michael@0:         ({
michael@0:           urlbar: this,
michael@0:           doCommand: function(aCommand) {
michael@0:             var urlbar = this.urlbar;
michael@0:             var val = urlbar._getSelectedValueForClipboard();
michael@0:             if (!val)
michael@0:               return;
michael@0: 
michael@0:             if (aCommand == "cmd_cut" && this.isCommandEnabled(aCommand)) {
michael@0:               let start = urlbar.selectionStart;
michael@0:               let end = urlbar.selectionEnd;
michael@0:               urlbar.inputField.value = urlbar.inputField.value.substring(0, start) +
michael@0:                                         urlbar.inputField.value.substring(end);
michael@0:               urlbar.selectionStart = urlbar.selectionEnd = start;
michael@0:               urlbar.removeAttribute("actiontype");
michael@0:               SetPageProxyState("invalid");
michael@0:             }
michael@0: 
michael@0:             Cc["@mozilla.org/widget/clipboardhelper;1"]
michael@0:               .getService(Ci.nsIClipboardHelper)
michael@0:               .copyString(val, document);
michael@0:           },
michael@0:           supportsCommand: function(aCommand) {
michael@0:             switch (aCommand) {
michael@0:               case "cmd_copy":
michael@0:               case "cmd_cut":
michael@0:                 return true;
michael@0:             }
michael@0:             return false;
michael@0:           },
michael@0:           isCommandEnabled: function(aCommand) {
michael@0:             return this.supportsCommand(aCommand) &&
michael@0:                    (aCommand != "cmd_cut" || !this.urlbar.readOnly) &&
michael@0:                    this.urlbar.selectionStart < this.urlbar.selectionEnd;
michael@0:           },
michael@0:           onEvent: function(aEventName) {}
michael@0:         })
michael@0:       ]]></field>
michael@0: 
michael@0:       <method name="observe">
michael@0:         <parameter name="aSubject"/>
michael@0:         <parameter name="aTopic"/>
michael@0:         <parameter name="aData"/>
michael@0:         <body><![CDATA[
michael@0:           if (aTopic == "nsPref:changed") {
michael@0:             switch (aData) {
michael@0:               case "clickSelectsAll":
michael@0:               case "doubleClickSelectsAll":
michael@0:                 this[aData] = this._prefs.getBoolPref(aData);
michael@0:                 break;
michael@0:               case "autoFill":
michael@0:                 this.completeDefaultIndex = this._prefs.getBoolPref(aData);
michael@0:                 break;
michael@0:               case "delay":
michael@0:                 this.timeout = this._prefs.getIntPref(aData);
michael@0:                 break;
michael@0:               case "formatting.enabled":
michael@0:                 this._formattingEnabled = this._prefs.getBoolPref(aData);
michael@0:                 break;
michael@0:               case "trimURLs":
michael@0:                 this._mayTrimURLs = this._prefs.getBoolPref(aData);
michael@0:                 break;
michael@0:               case "unifiedcomplete":
michael@0:                 let useUnifiedComplete = false;
michael@0:                 try {
michael@0:                   useUnifiedComplete = this._prefs.getBoolPref(aData);
michael@0:                 } catch (ex) {}
michael@0:                 this.setAttribute("autocompletesearch",
michael@0:                                   useUnifiedComplete ? "unifiedcomplete"
michael@0:                                                      : "urlinline history");
michael@0:             }
michael@0:           }
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="handleEvent">
michael@0:         <parameter name="aEvent"/>
michael@0:         <body><![CDATA[
michael@0:           switch (aEvent.type) {
michael@0:             case "mousedown":
michael@0:               if (this.doubleClickSelectsAll &&
michael@0:                   aEvent.button == 0 && aEvent.detail == 2) {
michael@0:                 this.editor.selectAll();
michael@0:                 aEvent.preventDefault();
michael@0:               }
michael@0:               break;
michael@0:             case "mousemove":
michael@0:               this._initURLTooltip();
michael@0:               break;
michael@0:             case "mouseout":
michael@0:               this._hideURLTooltip();
michael@0:               break;
michael@0:             case "overflow":
michael@0:               this._contentIsCropped = true;
michael@0:               break;
michael@0:             case "underflow":
michael@0:               this._contentIsCropped = false;
michael@0:               this._hideURLTooltip();
michael@0:               break;
michael@0:           }
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <property name="textValue"
michael@0:                 onget="return this.value;">
michael@0:         <setter>
michael@0:           <![CDATA[
michael@0:           try {
michael@0:             val = losslessDecodeURI(makeURI(val));
michael@0:           } catch (ex) { }
michael@0: 
michael@0:           // Trim popup selected values, but never trim results coming from
michael@0:           // autofill.
michael@0:           if (this.popup.selectedIndex == -1)
michael@0:             this._disableTrim = true;
michael@0:           this.value = val;
michael@0:           this._disableTrim = false;
michael@0: 
michael@0:           // Completing a result should simulate the user typing the result, so
michael@0:           // fire an input event.
michael@0:           let evt = document.createEvent("UIEvents");
michael@0:           evt.initUIEvent("input", true, false, window, 0);
michael@0:           this.mIgnoreInput = true;
michael@0:           this.dispatchEvent(evt);
michael@0:           this.mIgnoreInput = false;
michael@0: 
michael@0:           return this.value;
michael@0:           ]]>
michael@0:         </setter>
michael@0:       </property>
michael@0: 
michael@0:       <method name="_parseActionUrl">
michael@0:         <parameter name="aUrl"/>
michael@0:         <body><![CDATA[
michael@0:           if (!aUrl.startsWith("moz-action:"))
michael@0:             return null;
michael@0: 
michael@0:           // url is in the format moz-action:ACTION,PARAM
michael@0:           let [, action, param] = aUrl.match(/^moz-action:([^,]+),(.*)$/);
michael@0:           return {type: action, param: param};
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <field name="_numNoActionsKeys"><![CDATA[
michael@0:         0
michael@0:       ]]></field>
michael@0: 
michael@0:       <method name="_clearNoActions">
michael@0:         <parameter name="aURL"/>
michael@0:         <body><![CDATA[
michael@0:           this._numNoActionsKeys = 0;
michael@0:           this.popup.removeAttribute("noactions");
michael@0:           let action = this._parseActionUrl(this._value);
michael@0:           if (action)
michael@0:             this.setAttribute("actiontype", action.type);
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="selectTextRange">
michael@0:         <parameter name="aStartIndex"/>
michael@0:         <parameter name="aEndIndex"/>
michael@0:         <body><![CDATA[
michael@0:           this._ignoreNextSelect = true;
michael@0:           this.inputField.setSelectionRange(aStartIndex, aEndIndex);
michael@0:         ]]></body>
michael@0:       </method>
michael@0:     </implementation>
michael@0: 
michael@0:     <handlers>
michael@0:       <handler event="keydown"><![CDATA[
michael@0:         if ((event.keyCode === KeyEvent.DOM_VK_ALT ||
michael@0:              event.keyCode === KeyEvent.DOM_VK_SHIFT) &&
michael@0:             this.popup.selectedIndex >= 0) {
michael@0:           this._numNoActionsKeys++;
michael@0:           this.popup.setAttribute("noactions", "true");
michael@0:           this.removeAttribute("actiontype");
michael@0:         }
michael@0:       ]]></handler>
michael@0: 
michael@0:       <handler event="keyup"><![CDATA[
michael@0:         if ((event.keyCode === KeyEvent.DOM_VK_ALT ||
michael@0:              event.keyCode === KeyEvent.DOM_VK_SHIFT) &&
michael@0:             this._numNoActionsKeys > 0) {
michael@0:           this._numNoActionsKeys--;
michael@0:           if (this._numNoActionsKeys == 0)
michael@0:             this._clearNoActions();
michael@0:         }
michael@0:       ]]></handler>
michael@0: 
michael@0:       <handler event="blur"><![CDATA[
michael@0:         this._clearNoActions();
michael@0:         this.formatValue();
michael@0:       ]]></handler>
michael@0: 
michael@0:       <handler event="dragstart" phase="capturing"><![CDATA[
michael@0:         // Drag only if the gesture starts from the input field.
michael@0:         if (event.originalTarget != this.inputField)
michael@0:           return;
michael@0: 
michael@0:         // Drag only if the entire value is selected and it's a valid URI.
michael@0:         var isFullSelection = this.selectionStart == 0 &&
michael@0:                               this.selectionEnd == this.textLength;
michael@0:         if (!isFullSelection ||
michael@0:             this.getAttribute("pageproxystate") != "valid")
michael@0:           return;
michael@0: 
michael@0:         var urlString = content.location.href;
michael@0:         var title = content.document.title || urlString;
michael@0:         var htmlString = "<a href=\"" + urlString + "\">" + urlString + "</a>";
michael@0: 
michael@0:         var dt = event.dataTransfer;
michael@0:         dt.setData("text/x-moz-url", urlString + "\n" + title);
michael@0:         dt.setData("text/unicode", urlString);
michael@0:         dt.setData("text/html", htmlString);
michael@0: 
michael@0:         dt.effectAllowed = "copyLink";
michael@0:         event.stopPropagation();
michael@0:       ]]></handler>
michael@0: 
michael@0:       <handler event="focus" phase="capturing"><![CDATA[
michael@0:         this._hideURLTooltip();
michael@0:         this._clearFormatting();
michael@0:       ]]></handler>
michael@0: 
michael@0:       <handler event="dragover" phase="capturing" action="this.onDragOver(event, this);"/>
michael@0:       <handler event="drop" phase="capturing" action="this.onDrop(event, this);"/>
michael@0:       <handler event="select"><![CDATA[
michael@0:         if (this._ignoreNextSelect) {
michael@0:           // If this select event is coming from autocomplete's selectTextRange,
michael@0:           // then we don't need to adjust what's on the selection keyboard here,
michael@0:           // but make sure to reset the flag since this should be a one-time
michael@0:           // suppression.
michael@0:           this._ignoreNextSelect = false;
michael@0:           return;
michael@0:         }
michael@0: 
michael@0:         if (!Cc["@mozilla.org/widget/clipboard;1"]
michael@0:                .getService(Ci.nsIClipboard)
michael@0:                .supportsSelectionClipboard())
michael@0:           return;
michael@0: 
michael@0:         var val = this._getSelectedValueForClipboard();
michael@0:         if (!val)
michael@0:           return;
michael@0: 
michael@0:         Cc["@mozilla.org/widget/clipboardhelper;1"]
michael@0:           .getService(Ci.nsIClipboardHelper)
michael@0:           .copyStringToClipboard(val, Ci.nsIClipboard.kSelectionClipboard, document);
michael@0:       ]]></handler>
michael@0:     </handlers>
michael@0: 
michael@0:   </binding>
michael@0: 
michael@0:   <!-- Note: this binding is applied to the autocomplete popup used in the Search bar and in web page content -->
michael@0:   <binding id="browser-autocomplete-result-popup" extends="chrome://global/content/bindings/autocomplete.xml#autocomplete-result-popup">
michael@0:     <implementation>
michael@0:       <method name="openAutocompletePopup">
michael@0:         <parameter name="aInput"/>
michael@0:         <parameter name="aElement"/>
michael@0:         <body>
michael@0:           <![CDATA[
michael@0:           // initially the panel is hidden
michael@0:           // to avoid impacting startup / new window performance
michael@0:           aInput.popup.hidden = false;
michael@0: 
michael@0:           // this method is defined on the base binding
michael@0:           this._openAutocompletePopup(aInput, aElement);
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="onPopupClick">
michael@0:         <parameter name="aEvent"/>
michael@0:         <body><![CDATA[
michael@0:           // Ignore all right-clicks
michael@0:           if (aEvent.button == 2)
michael@0:             return;
michael@0: 
michael@0:           var controller = this.view.QueryInterface(Components.interfaces.nsIAutoCompleteController);
michael@0: 
michael@0:           // Check for unmodified left-click, and use default behavior
michael@0:           if (aEvent.button == 0 && !aEvent.shiftKey && !aEvent.ctrlKey &&
michael@0:               !aEvent.altKey && !aEvent.metaKey) {
michael@0:             controller.handleEnter(true);
michael@0:             return;
michael@0:           }
michael@0: 
michael@0:           // Check for middle-click or modified clicks on the search bar
michael@0:           var searchBar = BrowserSearch.searchBar;
michael@0:           if (searchBar && searchBar.textbox == this.mInput) {
michael@0:             // Handle search bar popup clicks
michael@0:             var search = controller.getValueAt(this.selectedIndex);
michael@0: 
michael@0:             // close the autocomplete popup and revert the entered search term
michael@0:             this.closePopup();
michael@0:             controller.handleEscape();
michael@0: 
michael@0:             // Fill in the search bar's value
michael@0:             searchBar.value = search;
michael@0: 
michael@0:             // open the search results according to the clicking subtlety
michael@0:             var where = whereToOpenLink(aEvent, false, true);
michael@0:             searchBar.doSearch(search, where);
michael@0:           }
michael@0:           ]]></body>
michael@0:         </method>
michael@0:       </implementation>
michael@0:     </binding>
michael@0: 
michael@0:     <binding id="urlbar-rich-result-popup" extends="chrome://global/content/bindings/autocomplete.xml#autocomplete-rich-result-popup">
michael@0:       <implementation>
michael@0:       <field name="_maxResults">0</field>
michael@0: 
michael@0:       <field name="_bundle" readonly="true">
michael@0:         Cc["@mozilla.org/intl/stringbundle;1"].
michael@0:           getService(Ci.nsIStringBundleService).
michael@0:           createBundle("chrome://browser/locale/places/places.properties");
michael@0:       </field>
michael@0: 
michael@0:       <property name="maxResults" readonly="true">
michael@0:         <getter>
michael@0:           <![CDATA[
michael@0:             if (!this._maxResults) {
michael@0:               var prefService =
michael@0:                 Components.classes["@mozilla.org/preferences-service;1"]
michael@0:                           .getService(Components.interfaces.nsIPrefBranch);
michael@0:               this._maxResults = prefService.getIntPref("browser.urlbar.maxRichResults");
michael@0:             }
michael@0:             return this._maxResults;
michael@0:           ]]>
michael@0:         </getter>
michael@0:       </property>
michael@0: 
michael@0:       <method name="openAutocompletePopup">
michael@0:         <parameter name="aInput"/>
michael@0:         <parameter name="aElement"/>
michael@0:         <body>
michael@0:           <![CDATA[
michael@0:           // initially the panel is hidden
michael@0:           // to avoid impacting startup / new window performance
michael@0:           aInput.popup.hidden = false;
michael@0: 
michael@0:           // this method is defined on the base binding
michael@0:           this._openAutocompletePopup(aInput, aElement);
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="onPopupClick">
michael@0:         <parameter name="aEvent"/>
michael@0:         <body>
michael@0:           <![CDATA[
michael@0:           // Ignore right-clicks
michael@0:           if (aEvent.button == 2)
michael@0:             return;
michael@0: 
michael@0:           var controller = this.view.QueryInterface(Components.interfaces.nsIAutoCompleteController);
michael@0: 
michael@0:           // Check for unmodified left-click, and use default behavior
michael@0:           if (aEvent.button == 0 && !aEvent.shiftKey && !aEvent.ctrlKey &&
michael@0:               !aEvent.altKey && !aEvent.metaKey) {
michael@0:             controller.handleEnter(true);
michael@0:             return;
michael@0:           }
michael@0: 
michael@0:           // Check for middle-click or modified clicks on the URL bar
michael@0:           if (gURLBar && this.mInput == gURLBar) {
michael@0:             var url = controller.getValueAt(this.selectedIndex);
michael@0: 
michael@0:             // close the autocomplete popup and revert the entered address
michael@0:             this.closePopup();
michael@0:             controller.handleEscape();
michael@0: 
michael@0:             // Check if this is meant to be an action
michael@0:             let action = this.mInput._parseActionUrl(url);
michael@0:             if (action) {
michael@0:               if (action.type == "switchtab")
michael@0:                 url = action.param;
michael@0:               else
michael@0:                 return;
michael@0:             }
michael@0: 
michael@0:             // respect the usual clicking subtleties
michael@0:             openUILink(url, aEvent);
michael@0:           }
michael@0:         ]]>
michael@0:         </body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="createResultLabel">
michael@0:         <parameter name="aTitle"/>
michael@0:         <parameter name="aUrl"/>
michael@0:         <parameter name="aType"/>
michael@0:         <body>
michael@0:           <![CDATA[
michael@0:             var label = aTitle + " " + aUrl;
michael@0:             // convert aType (ex: "ac-result-type-<aType>") to text to be spoke aloud
michael@0:             // by screen readers.  convert "tag" and "bookmark" to the localized versions,
michael@0:             // but don't do anything for "favicon" (the default)
michael@0:             if (aType != "favicon") {
michael@0:               label += " " + this._bundle.GetStringFromName(aType + "ResultLabel");
michael@0:             }
michael@0:             return label;
michael@0:           ]]>
michael@0:         </body>
michael@0:       </method>
michael@0: 
michael@0:     </implementation>
michael@0:   </binding>
michael@0: 
michael@0:   <binding id="addon-progress-notification" extends="chrome://global/content/bindings/notification.xml#popup-notification">
michael@0:     <content align="start">
michael@0:       <xul:image class="popup-notification-icon"
michael@0:                  xbl:inherits="popupid,src=icon"/>
michael@0:       <xul:vbox flex="1">
michael@0:         <xul:description class="popup-notification-description addon-progress-description"
michael@0:                          xbl:inherits="xbl:text=label"/>
michael@0:         <xul:spacer flex="1"/>
michael@0:         <xul:hbox align="center">
michael@0:           <xul:progressmeter anonid="progressmeter" flex="1" mode="undetermined" class="popup-progress-meter"/>
michael@0:           <xul:button anonid="cancel" class="popup-progress-cancel" oncommand="document.getBindingParent(this).cancel()"/>
michael@0:         </xul:hbox>
michael@0:         <xul:label anonid="progresstext" class="popup-progress-label"/>
michael@0:         <xul:hbox class="popup-notification-button-container"
michael@0:                   pack="end" align="center">
michael@0:           <xul:button anonid="button"
michael@0:                       class="popup-notification-menubutton"
michael@0:                       type="menu-button"
michael@0:                       xbl:inherits="oncommand=buttoncommand,label=buttonlabel,accesskey=buttonaccesskey">
michael@0:             <xul:menupopup anonid="menupopup"
michael@0:                            xbl:inherits="oncommand=menucommand">
michael@0:               <children/>
michael@0:               <xul:menuitem class="menuitem-iconic popup-notification-closeitem close-icon"
michael@0:                             label="&closeNotificationItem.label;"
michael@0:                             xbl:inherits="oncommand=closeitemcommand"/>
michael@0:             </xul:menupopup>
michael@0:           </xul:button>
michael@0:         </xul:hbox>
michael@0:       </xul:vbox>
michael@0:       <xul:vbox pack="start">
michael@0:         <xul:toolbarbutton anonid="closebutton"
michael@0:                            class="messageCloseButton close-icon popup-notification-closebutton tabbable"
michael@0:                            xbl:inherits="oncommand=closebuttoncommand"
michael@0:                            tooltiptext="&closeNotification.tooltip;"/>
michael@0:       </xul:vbox>
michael@0:     </content>
michael@0:     <implementation>
michael@0:       <constructor><![CDATA[
michael@0:         this.cancelbtn.setAttribute("tooltiptext", gNavigatorBundle.getString("addonDownloadCancelTooltip"));
michael@0: 
michael@0:         this.notification.options.installs.forEach(function(aInstall) {
michael@0:           aInstall.addListener(this);
michael@0:         }, this);
michael@0: 
michael@0:         // Calling updateProgress can sometimes cause this notification to be
michael@0:         // removed in the middle of refreshing the notification panel which
michael@0:         // makes the panel get refreshed again. Just initialise to the
michael@0:         // undetermined state and then schedule a proper check at the next
michael@0:         // opportunity
michael@0:         this.setProgress(0, -1);
michael@0:         this._updateProgressTimeout = setTimeout(this.updateProgress.bind(this), 0);
michael@0:       ]]></constructor>
michael@0: 
michael@0:       <destructor><![CDATA[
michael@0:         this.destroy();
michael@0:       ]]></destructor>
michael@0: 
michael@0:       <field name="progressmeter" readonly="true">
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "progressmeter");
michael@0:       </field>
michael@0:       <field name="progresstext" readonly="true">
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "progresstext");
michael@0:       </field>
michael@0:       <field name="cancelbtn" readonly="true">
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "cancel");
michael@0:       </field>
michael@0:       <field name="DownloadUtils" readonly="true">
michael@0:         let utils = {};
michael@0:         Components.utils.import("resource://gre/modules/DownloadUtils.jsm", utils);
michael@0:         utils.DownloadUtils;
michael@0:       </field>
michael@0: 
michael@0:       <method name="destroy">
michael@0:         <body><![CDATA[
michael@0:           this.notification.options.installs.forEach(function(aInstall) {
michael@0:             aInstall.removeListener(this);
michael@0:           }, this);
michael@0:           clearTimeout(this._updateProgressTimeout);
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="setProgress">
michael@0:         <parameter name="aProgress"/>
michael@0:         <parameter name="aMaxProgress"/>
michael@0:         <body><![CDATA[
michael@0:           if (aMaxProgress == -1) {
michael@0:             this.progressmeter.mode = "undetermined";
michael@0:           }
michael@0:           else {
michael@0:             this.progressmeter.mode = "determined";
michael@0:             this.progressmeter.value = (aProgress * 100) / aMaxProgress;
michael@0:           }
michael@0: 
michael@0:           let now = Date.now();
michael@0: 
michael@0:           if (!this.notification.lastUpdate) {
michael@0:             this.notification.lastUpdate = now;
michael@0:             this.notification.lastProgress = aProgress;
michael@0:             return;
michael@0:           }
michael@0: 
michael@0:           let delta = now - this.notification.lastUpdate;
michael@0:           if ((delta < 400) && (aProgress < aMaxProgress))
michael@0:             return;
michael@0: 
michael@0:           delta /= 1000;
michael@0: 
michael@0:           // This code is taken from nsDownloadManager.cpp
michael@0:           let speed = (aProgress - this.notification.lastProgress) / delta;
michael@0:           if (this.notification.speed)
michael@0:             speed = speed * 0.9 + this.notification.speed * 0.1;
michael@0: 
michael@0:           this.notification.lastUpdate = now;
michael@0:           this.notification.lastProgress = aProgress;
michael@0:           this.notification.speed = speed;
michael@0: 
michael@0:           let status = null;
michael@0:           [status, this.notification.last] = this.DownloadUtils.getDownloadStatus(aProgress, aMaxProgress, speed, this.notification.last);
michael@0:           this.progresstext.value = status;
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="cancel">
michael@0:         <body><![CDATA[
michael@0:           // Cache these as cancelling the installs will remove this
michael@0:           // notification which will drop these references
michael@0:           let browser = this.notification.browser;
michael@0:           let contentWindow = this.notification.options.contentWindow;
michael@0:           let sourceURI = this.notification.options.sourceURI;
michael@0: 
michael@0:           let installs = this.notification.options.installs;
michael@0:           installs.forEach(function(aInstall) {
michael@0:             try {
michael@0:               aInstall.cancel();
michael@0:             }
michael@0:             catch (e) {
michael@0:               // Cancel will throw if the download has already failed
michael@0:             }
michael@0:           }, this);
michael@0: 
michael@0:           let anchorID = "addons-notification-icon";
michael@0:           let notificationID = "addon-install-cancelled";
michael@0:           let messageString = gNavigatorBundle.getString("addonDownloadCancelled");
michael@0:           messageString = PluralForm.get(installs.length, messageString);
michael@0:           let buttonText = gNavigatorBundle.getString("addonDownloadRestart");
michael@0:           buttonText = PluralForm.get(installs.length, buttonText);
michael@0: 
michael@0:           let action = {
michael@0:             label: buttonText,
michael@0:             accessKey: gNavigatorBundle.getString("addonDownloadRestart.accessKey"),
michael@0:             callback: function() {
michael@0:               let weblistener = Cc["@mozilla.org/addons/web-install-listener;1"].
michael@0:                                 getService(Ci.amIWebInstallListener);
michael@0:               if (weblistener.onWebInstallRequested(contentWindow, sourceURI,
michael@0:                                                     installs, installs.length)) {
michael@0:                 installs.forEach(function(aInstall) {
michael@0:                   aInstall.install();
michael@0:                 });
michael@0:               }
michael@0:             }
michael@0:           };
michael@0: 
michael@0:           PopupNotifications.show(browser, notificationID, messageString,
michael@0:                                   anchorID, action);
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="updateProgress">
michael@0:         <body><![CDATA[
michael@0:           let downloadingCount = 0;
michael@0:           let progress = 0;
michael@0:           let maxProgress = 0;
michael@0: 
michael@0:           this.notification.options.installs.forEach(function(aInstall) {
michael@0:             if (aInstall.maxProgress == -1)
michael@0:               maxProgress = -1;
michael@0:             progress += aInstall.progress;
michael@0:             if (maxProgress >= 0)
michael@0:               maxProgress += aInstall.maxProgress;
michael@0:             if (aInstall.state < AddonManager.STATE_DOWNLOADED)
michael@0:               downloadingCount++;
michael@0:           });
michael@0: 
michael@0:           if (downloadingCount == 0) {
michael@0:             this.destroy();
michael@0:             PopupNotifications.remove(this.notification);
michael@0:           }
michael@0:           else {
michael@0:             this.setProgress(progress, maxProgress);
michael@0:           }
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="onDownloadProgress">
michael@0:         <body><![CDATA[
michael@0:           this.updateProgress();
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="onDownloadFailed">
michael@0:         <body><![CDATA[
michael@0:           this.updateProgress();
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="onDownloadCancelled">
michael@0:         <body><![CDATA[
michael@0:           this.updateProgress();
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="onDownloadEnded">
michael@0:         <body><![CDATA[
michael@0:           this.updateProgress();
michael@0:         ]]></body>
michael@0:       </method>
michael@0:     </implementation>
michael@0:   </binding>
michael@0: 
michael@0:   <binding id="identity-request-notification" extends="chrome://global/content/bindings/notification.xml#popup-notification">
michael@0:     <content align="start">
michael@0: 
michael@0:       <xul:image class="popup-notification-icon"
michael@0:                  xbl:inherits="popupid,src=icon"/>
michael@0: 
michael@0:       <xul:vbox flex="1">
michael@0:         <xul:vbox anonid="identity-deck">
michael@0:           <xul:vbox flex="1" pack="center"> <!-- 1: add an email -->
michael@0:             <html:input type="email" anonid="email" required="required" size="30"/>
michael@0:             <xul:description anonid="newidentitydesc"/>
michael@0:             <xul:spacer flex="1"/>
michael@0:             <xul:label class="text-link custom-link small-margin" anonid="chooseemail" hidden="true"/>
michael@0:           </xul:vbox>
michael@0:           <xul:vbox flex="1" hidden="true"> <!-- 2: choose an email -->
michael@0:             <xul:description anonid="chooseidentitydesc"/>
michael@0:             <xul:radiogroup anonid="identities">
michael@0:             </xul:radiogroup>
michael@0:             <xul:label class="text-link custom-link" anonid="newemail"/>
michael@0:           </xul:vbox>
michael@0:         </xul:vbox>
michael@0:         <xul:hbox class="popup-notification-button-container"
michael@0:                   pack="end" align="center">
michael@0:           <xul:label anonid="tos" class="text-link" hidden="true"/>
michael@0:           <xul:label anonid="privacypolicy" class="text-link" hidden="true"/>
michael@0:           <xul:spacer flex="1"/>
michael@0:           <xul:image anonid="throbber" src="chrome://browser/skin/tabbrowser/loading.png"
michael@0:                      style="visibility:hidden" width="16" height="16"/>
michael@0:           <xul:button anonid="button"
michael@0:                       type="menu-button"
michael@0:                       class="popup-notification-menubutton"
michael@0:                       xbl:inherits="oncommand=buttoncommand,label=buttonlabel,accesskey=buttonaccesskey">
michael@0:             <xul:menupopup anonid="menupopup"
michael@0:                            xbl:inherits="oncommand=menucommand">
michael@0:               <children/>
michael@0:               <xul:menuitem class="menuitem-iconic popup-notification-closeitem close-icon"
michael@0:                             label="&closeNotificationItem.label;"
michael@0:                             xbl:inherits="oncommand=closeitemcommand"/>
michael@0:             </xul:menupopup>
michael@0:           </xul:button>
michael@0:         </xul:hbox>
michael@0:       </xul:vbox>
michael@0:       <xul:vbox pack="start">
michael@0:         <xul:toolbarbutton anonid="closebutton"
michael@0:                            class="messageCloseButton close-icon popup-notification-closebutton tabbable"
michael@0:                            xbl:inherits="oncommand=closebuttoncommand"
michael@0:                            tooltiptext="&closeNotification.tooltip;"/>
michael@0:       </xul:vbox>
michael@0:     </content>
michael@0:     <implementation>
michael@0:       <constructor><![CDATA[
michael@0:         // this.notification.options.identity is used to pass identity-specific info to the binding
michael@0:         let origin = this.identity.origin
michael@0: 
michael@0:         // Populate text
michael@0:         this.emailField.placeholder = gNavigatorBundle.
michael@0:                                       getString("identity.newIdentity.email.placeholder");
michael@0:         this.newIdentityDesc.textContent = gNavigatorBundle.getFormattedString(
michael@0:                                              "identity.newIdentity.description", [origin]);
michael@0:         this.chooseIdentityDesc.textContent = gNavigatorBundle.getFormattedString(
michael@0:                                                 "identity.chooseIdentity.description", [origin]);
michael@0: 
michael@0:         // Show optional terms of service and privacy policy links
michael@0:         this._populateLink(this.identity.termsOfService, "tos", "identity.termsOfService");
michael@0:         this._populateLink(this.identity.privacyPolicy, "privacypolicy", "identity.privacyPolicy");
michael@0: 
michael@0:         // Populate the list of identities to choose from. The origin is used to provide
michael@0:         // better suggestions.
michael@0:         let identities = this.SignInToWebsiteUX.getIdentitiesForSite(origin);
michael@0: 
michael@0:         this._populateIdentityList(identities);
michael@0: 
michael@0:         if (typeof this.step == "undefined") {
michael@0:           // First opening of this notification
michael@0:           // Show the add email pane (0) if there are no existing identities otherwise show the list
michael@0:           this.step = "result" in identities && identities.result.length ? 1 : 0;
michael@0:         } else {
michael@0:           // Already opened so restore previous state
michael@0:           if (this.identity.typedEmail) {
michael@0:             this.emailField.value = this.identity.typedEmail;
michael@0:           }
michael@0:           if (this.identity.selected) {
michael@0:             // If the user already chose an identity then update the UI to reflect that
michael@0:             this.onIdentitySelected();
michael@0:           }
michael@0:           // Update the view for the step
michael@0:           this.step = this.step;
michael@0:         }
michael@0: 
michael@0:         // Fire notification with the chosen identity when main button is clicked
michael@0:         this.button.addEventListener("command", this._onButtonCommand.bind(this), true);
michael@0: 
michael@0:         // Do the same if enter is pressed in the email field
michael@0:         this.emailField.addEventListener("keypress", function emailFieldKeypress(aEvent) {
michael@0:           if (aEvent.keyCode != aEvent.DOM_VK_RETURN)
michael@0:             return;
michael@0:           this._onButtonCommand(aEvent);
michael@0:         }.bind(this));
michael@0: 
michael@0:         this.addEmailLink.value = gNavigatorBundle.getString("identity.newIdentity.label");
michael@0:         this.addEmailLink.accessKey = gNavigatorBundle.getString("identity.newIdentity.accessKey");
michael@0:         this.addEmailLink.addEventListener("click", function addEmailClick(evt) {
michael@0:           this.step = 0;
michael@0:         }.bind(this));
michael@0: 
michael@0:         this.chooseEmailLink.value = gNavigatorBundle.getString("identity.chooseIdentity.label");
michael@0:         this.chooseEmailLink.hidden = !("result" in identities && identities.result.length);
michael@0:         this.chooseEmailLink.addEventListener("click", function chooseEmailClick(evt) {
michael@0:           this.step = 1;
michael@0:         }.bind(this));
michael@0: 
michael@0:         this.emailField.addEventListener("blur", function onEmailBlur() {
michael@0:           this.identity.typedEmail = this.emailField.value;
michael@0:         }.bind(this));
michael@0:       ]]></constructor>
michael@0: 
michael@0:       <field name="SignInToWebsiteUX" readonly="true">
michael@0:         let sitw = {};
michael@0:         Components.utils.import("resource:///modules/SignInToWebsite.jsm", sitw);
michael@0:         sitw.SignInToWebsiteUX;
michael@0:       </field>
michael@0: 
michael@0:       <field name="newIdentityDesc" readonly="true">
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "newidentitydesc");
michael@0:       </field>
michael@0: 
michael@0:       <field name="chooseIdentityDesc" readonly="true">
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "chooseidentitydesc");
michael@0:       </field>
michael@0: 
michael@0:       <field name="identityList" readonly="true">
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "identities");
michael@0:       </field>
michael@0: 
michael@0:       <field name="emailField" readonly="true">
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "email");
michael@0:       </field>
michael@0: 
michael@0:       <field name="addEmailLink" readonly="true">
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "newemail");
michael@0:       </field>
michael@0: 
michael@0:       <field name="chooseEmailLink" readonly="true">
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "chooseemail");
michael@0:       </field>
michael@0: 
michael@0:       <field name="throbber" readonly="true">
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "throbber");
michael@0:       </field>
michael@0: 
michael@0:       <field name="identity" readonly="true">
michael@0:         this.notification.options.identity;
michael@0:       </field>
michael@0: 
michael@0:       <!-- persist the state on the identity object so we can re-create the
michael@0:            notification state upon re-opening -->
michael@0:       <property name="step">
michael@0:         <getter>
michael@0:           return this.identity.step;
michael@0:         </getter>
michael@0:         <setter><![CDATA[
michael@0:           let deck = document.getAnonymousElementByAttribute(this, "anonid", "identity-deck");
michael@0:           for (let i = 0; i < deck.children.length; i++) {
michael@0:             deck.children[i].hidden = (val != i);
michael@0:           }
michael@0:           this.identity.step = val;
michael@0:           switch (val) {
michael@0:             case 0:
michael@0:               this.emailField.focus();
michael@0:               break;
michael@0:           }]]>
michael@0:         </setter>
michael@0:       </property>
michael@0: 
michael@0:       <method name="onIdentitySelected">
michael@0:         <body><![CDATA[
michael@0:           this.throbber.style.visibility = "visible";
michael@0:           this.button.disabled = true;
michael@0:           this.emailField.value = this.identity.selected
michael@0:           this.emailField.disabled = true;
michael@0:           this.identityList.disabled = true;
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="_populateLink">
michael@0:         <parameter name="aURL"/>
michael@0:         <parameter name="aLinkId"/>
michael@0:         <parameter name="aStringId"/>
michael@0:         <body><![CDATA[
michael@0:           if (aURL) {
michael@0:             // Show optional link to aURL
michael@0:             let link = document.getAnonymousElementByAttribute(this, "anonid", aLinkId);
michael@0:             link.value = gNavigatorBundle.getString(aStringId);
michael@0:             link.href = aURL;
michael@0:             link.hidden = false;
michael@0:           }
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="_populateIdentityList">
michael@0:         <parameter name="aIdentities"/>
michael@0:         <body><![CDATA[
michael@0:           let foundLastUsed = false;
michael@0:           let lastUsed = this.identity.selected || aIdentities.lastUsed;
michael@0:           for (let id in aIdentities.result) {
michael@0:             let label = aIdentities.result[id];
michael@0:             let opt = this.identityList.appendItem(label);
michael@0:             if (label == lastUsed) {
michael@0:               this.identityList.selectedItem = opt;
michael@0:               foundLastUsed = true;
michael@0:             }
michael@0:           }
michael@0:           if (!foundLastUsed) {
michael@0:             this.identityList.selectedIndex = -1;
michael@0:           }
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="_onButtonCommand">
michael@0:         <parameter name="aEvent"/>
michael@0:         <body><![CDATA[
michael@0:           if (aEvent.target != aEvent.currentTarget)
michael@0:             return;
michael@0:           let chosenId;
michael@0:           switch (this.step) {
michael@0:             case 0:
michael@0:               aEvent.stopPropagation();
michael@0:               if (!this.emailField.validity.valid) {
michael@0:                 this.emailField.focus();
michael@0:                 return;
michael@0:               }
michael@0:               chosenId = this.emailField.value;
michael@0:               break;
michael@0:             case 1:
michael@0:               aEvent.stopPropagation();
michael@0:               let selectedItem = this.identityList.selectedItem
michael@0:               chosenId = selectedItem ? selectedItem.label : null;
michael@0:               if (!chosenId)
michael@0:                 return;
michael@0:               break;
michael@0:             default:
michael@0:               throw new Error("Unknown case");
michael@0:               return;
michael@0:           }
michael@0:           // Actually select the identity
michael@0:           this.SignInToWebsiteUX.selectIdentity(this.identity.rpId, chosenId);
michael@0:           this.identity.selected = chosenId;
michael@0:           this.onIdentitySelected();
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:     </implementation>
michael@0:   </binding>
michael@0: 
michael@0:   <binding id="plugin-popupnotification-center-item">
michael@0:     <content align="center">
michael@0:       <xul:vbox pack="center" anonid="itemBox" class="itemBox">
michael@0:         <xul:description anonid="center-item-label" class="center-item-label" />
michael@0:         <xul:hbox flex="1" pack="start" align="center" anonid="center-item-warning">
michael@0:           <xul:image anonid="center-item-warning-icon" class="center-item-warning-icon"/>
michael@0:           <xul:label anonid="center-item-warning-label"/>
michael@0:           <xul:label anonid="center-item-link" value="&checkForUpdates;" class="text-link"/>
michael@0:         </xul:hbox>
michael@0:       </xul:vbox>
michael@0:       <xul:vbox pack="center">
michael@0:         <xul:menulist class="center-item-menulist"
michael@0:                       anonid="center-item-menulist">
michael@0:           <xul:menupopup>
michael@0:             <xul:menuitem anonid="allownow" value="allownow"
michael@0:                           label="&pluginActivateNow.label;" />
michael@0:             <xul:menuitem anonid="allowalways" value="allowalways"
michael@0:                           label="&pluginActivateAlways.label;" />
michael@0:             <xul:menuitem anonid="block" value="block"
michael@0:                           label="&pluginBlockNow.label;" />
michael@0:           </xul:menupopup>
michael@0:         </xul:menulist>
michael@0:       </xul:vbox>
michael@0:     </content>
michael@0:     <resources>
michael@0:       <stylesheet src="chrome://global/skin/notification.css"/>
michael@0:     </resources>
michael@0:     <implementation>
michael@0:       <constructor><![CDATA[
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "center-item-label").value = this.action.pluginName;
michael@0: 
michael@0:         let curState = "block";
michael@0:         if (this.action.fallbackType == Ci.nsIObjectLoadingContent.PLUGIN_ACTIVE) {
michael@0:           if (this.action.pluginPermissionType == Ci.nsIPermissionManager.EXPIRE_SESSION) {
michael@0:             curState = "allownow";
michael@0:           }
michael@0:           else {
michael@0:             curState = "allowalways";
michael@0:           }
michael@0:         }
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "center-item-menulist").value = curState;
michael@0: 
michael@0:         let warningString = "";
michael@0:         let linkString = "";
michael@0: 
michael@0:         let link = document.getAnonymousElementByAttribute(this, "anonid", "center-item-link");
michael@0: 
michael@0:         let url;
michael@0:         let linkHandler;
michael@0: 
michael@0:         if (this.action.pluginTag.enabledState == Ci.nsIPluginTag.STATE_DISABLED) {
michael@0:           document.getAnonymousElementByAttribute(this, "anonid", "center-item-menulist").hidden = true;
michael@0:           warningString = gNavigatorBundle.getString("pluginActivateDisabled.label");
michael@0:           linkString = gNavigatorBundle.getString("pluginActivateDisabled.manage");
michael@0:           linkHandler = function(event) {
michael@0:             event.preventDefault();
michael@0:             gPluginHandler.managePlugins();
michael@0:           };
michael@0:           document.getAnonymousElementByAttribute(this, "anonid", "center-item-warning-icon").hidden = true;
michael@0:         }
michael@0:         else {
michael@0:           url = this.action.detailsLink;
michael@0: 
michael@0:           switch (this.action.blocklistState) {
michael@0:           case Ci.nsIBlocklistService.STATE_NOT_BLOCKED:
michael@0:             document.getAnonymousElementByAttribute(this, "anonid", "center-item-warning").hidden = true;
michael@0:             break;
michael@0:           case Ci.nsIBlocklistService.STATE_BLOCKED:
michael@0:             document.getAnonymousElementByAttribute(this, "anonid", "center-item-menulist").hidden = true;
michael@0:             warningString = gNavigatorBundle.getString("pluginActivateBlocked.label");
michael@0:             linkString = gNavigatorBundle.getString("pluginActivate.learnMore");
michael@0:             break;
michael@0:           case Ci.nsIBlocklistService.STATE_VULNERABLE_UPDATE_AVAILABLE:
michael@0:             warningString = gNavigatorBundle.getString("pluginActivateOutdated.label");
michael@0:             linkString = gNavigatorBundle.getString("pluginActivate.updateLabel");
michael@0:             break;
michael@0:           case Ci.nsIBlocklistService.STATE_VULNERABLE_NO_UPDATE:
michael@0:             warningString = gNavigatorBundle.getString("pluginActivateVulnerable.label");
michael@0:             linkString = gNavigatorBundle.getString("pluginActivate.riskLabel");
michael@0:             break;
michael@0:           }
michael@0:         }
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "center-item-warning-label").value = warningString;
michael@0: 
michael@0:         if (url || linkHandler) {
michael@0:           link.value = linkString;
michael@0:           if (url) {
michael@0:             link.href = url;
michael@0:           }
michael@0:           if (linkHandler) {
michael@0:             link.addEventListener("click", linkHandler, false);
michael@0:           }
michael@0:         }
michael@0:         else {
michael@0:           link.hidden = true;
michael@0:         }
michael@0:       ]]></constructor>
michael@0:       <property name="value">
michael@0:         <getter>
michael@0:           return document.getAnonymousElementByAttribute(this, "anonid",
michael@0:                    "center-item-menulist").value;
michael@0:         </getter>
michael@0:         <setter><!-- This should be used only in automated tests -->
michael@0:           document.getAnonymousElementByAttribute(this, "anonid",
michael@0:                     "center-item-menulist").value = val;
michael@0:         </setter>
michael@0:       </property>
michael@0:     </implementation>
michael@0:   </binding>
michael@0: 
michael@0:   <binding id="click-to-play-plugins-notification" extends="chrome://global/content/bindings/notification.xml#popup-notification">
michael@0:     <content align="start" style="width: &pluginNotification.width;;">
michael@0:       <xul:vbox flex="1" align="stretch" class="popup-notification-main-box"
michael@0:                 xbl:inherits="popupid">
michael@0:         <xul:hbox class="click-to-play-plugins-notification-description-box" flex="1" align="start">
michael@0:           <xul:description class="click-to-play-plugins-outer-description" flex="1">
michael@0:             <html:span anonid="click-to-play-plugins-notification-description" />
michael@0:             <xul:label class="text-link click-to-play-plugins-notification-link" anonid="click-to-play-plugins-notification-link" />
michael@0:           </xul:description>
michael@0:           <xul:toolbarbutton anonid="closebutton"
michael@0:                              class="messageCloseButton popup-notification-closebutton tabbable close-icon"
michael@0:                              xbl:inherits="oncommand=closebuttoncommand"
michael@0:                              tooltiptext="&closeNotification.tooltip;"/>
michael@0:         </xul:hbox>
michael@0:         <xul:grid anonid="click-to-play-plugins-notification-center-box"
michael@0:                   class="click-to-play-plugins-notification-center-box">
michael@0:           <xul:columns>
michael@0:             <xul:column flex="1"/>
michael@0:             <xul:column/>
michael@0:           </xul:columns>
michael@0:           <xul:rows>
michael@0:             <children includes="row"/>
michael@0:             <xul:hbox pack="start" anonid="plugin-notification-showbox">
michael@0:               <xul:button label="&pluginNotification.showAll.label;"
michael@0:                           accesskey="&pluginNotification.showAll.accesskey;"
michael@0:                           class="plugin-notification-showbutton"
michael@0:                           oncommand="document.getBindingParent(this)._setState(2)"/>
michael@0:             </xul:hbox>
michael@0:           </xul:rows>
michael@0:         </xul:grid>
michael@0:         <xul:hbox anonid="button-container"
michael@0:                   class="click-to-play-plugins-notification-button-container"
michael@0:                   pack="center" align="center">
michael@0:           <xul:button anonid="primarybutton"
michael@0:                       class="click-to-play-popup-button"
michael@0:                       oncommand="document.getBindingParent(this)._onButton(this)"
michael@0:                       flex="1"/>
michael@0:           <xul:button anonid="secondarybutton"
michael@0:                       class="click-to-play-popup-button"
michael@0:                       oncommand="document.getBindingParent(this)._onButton(this);"
michael@0:                       flex="1"/>
michael@0:         </xul:hbox>
michael@0:         <xul:box hidden="true">
michael@0:           <children/>
michael@0:         </xul:box>
michael@0:       </xul:vbox>
michael@0:     </content>
michael@0:     <resources>
michael@0:       <stylesheet src="chrome://global/skin/notification.css"/>
michael@0:     </resources>
michael@0:     <implementation>
michael@0:       <field name="_states">
michael@0:         ({SINGLE: 0, MULTI_COLLAPSED: 1, MULTI_EXPANDED: 2})
michael@0:       </field>
michael@0:       <field name="_primaryButton">
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "primarybutton");
michael@0:       </field>
michael@0:       <field name="_secondaryButton">
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "secondarybutton")
michael@0:       </field>
michael@0:       <field name="_buttonContainer">
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "button-container")
michael@0:       </field>
michael@0:       <field name="_brandShortName">
michael@0:         document.getElementById("bundle_brand").getString("brandShortName")
michael@0:       </field>
michael@0:       <field name="_items">[]</field>
michael@0:       <constructor><![CDATA[
michael@0:         const XUL_NS = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
michael@0:         let sortedActions = [];
michael@0:         for (let action of this.notification.options.pluginData.values()) {
michael@0:           sortedActions.push(action);
michael@0:         }
michael@0:         sortedActions.sort((a, b) => a.pluginName.localeCompare(b.pluginName));
michael@0: 
michael@0:         for (let action of sortedActions) {
michael@0:           let item = document.createElementNS(XUL_NS, "row");
michael@0:           item.setAttribute("class", "plugin-popupnotification-centeritem");
michael@0:           item.action = action;
michael@0:           this.appendChild(item);
michael@0:           this._items.push(item);
michael@0:         }
michael@0:         switch (this._items.length) {
michael@0:           case 0:
michael@0:             PopupNotifications._dismiss();
michael@0:             break;
michael@0:           case 1:
michael@0:             this._setState(this._states.SINGLE);
michael@0:             break;
michael@0:           default:
michael@0:             if (this.notification.options.primaryPlugin) {
michael@0:               this._setState(this._states.MULTI_COLLAPSED);
michael@0:             } else {
michael@0:               this._setState(this._states.MULTI_EXPANDED);
michael@0:             }
michael@0:         }
michael@0:       ]]></constructor>
michael@0:       <method name="_setState">
michael@0:         <parameter name="state" />
michael@0:         <body><![CDATA[
michael@0:           var grid = document.getAnonymousElementByAttribute(this, "anonid", "click-to-play-plugins-notification-center-box");
michael@0: 
michael@0:           if (this._states.SINGLE == state) {
michael@0:             grid.hidden = true;
michael@0:             this._setupSingleState();
michael@0:             return;
michael@0:           }
michael@0: 
michael@0:           let host = gPluginHandler._getHostFromPrincipal(this.notification.browser.contentWindow.document.nodePrincipal);
michael@0:           this._setupDescription("pluginActivateMultiple.message", null, host);
michael@0: 
michael@0:           var showBox = document.getAnonymousElementByAttribute(this, "anonid", "plugin-notification-showbox");
michael@0: 
michael@0:           var dialogStrings = Services.strings.createBundle("chrome://global/locale/dialog.properties");
michael@0:           this._primaryButton.label = dialogStrings.GetStringFromName("button-accept");
michael@0:           this._primaryButton.setAttribute("default", "true");
michael@0: 
michael@0:           this._secondaryButton.label = dialogStrings.GetStringFromName("button-cancel");
michael@0:           this._primaryButton.setAttribute("action", "_multiAccept");
michael@0:           this._secondaryButton.setAttribute("action", "_cancel");
michael@0: 
michael@0:           grid.hidden = false;
michael@0: 
michael@0:           if (this._states.MULTI_COLLAPSED == state) {
michael@0:             for (let child of this.childNodes) {
michael@0:               if (child.tagName != "row") {
michael@0:                 continue;
michael@0:               }
michael@0:               child.hidden = this.notification.options.primaryPlugin !=
michael@0:                              child.action.permissionString;
michael@0:             }
michael@0:             showBox.hidden = false;
michael@0:           }
michael@0:           else {
michael@0:             for (let child of this.childNodes) {
michael@0:               if (child.tagName != "row") {
michael@0:                 continue;
michael@0:               }
michael@0:               child.hidden = false;
michael@0:             }
michael@0:             showBox.hidden = true;
michael@0:           }
michael@0:           this._setupLink(null);
michael@0:         ]]></body>
michael@0:       </method>
michael@0:       <method name="_setupSingleState">
michael@0:         <body><![CDATA[
michael@0:           var action = this._items[0].action;
michael@0:           var host = action.pluginPermissionHost;
michael@0: 
michael@0:           let label, linkLabel, linkUrl, button1, button2;
michael@0: 
michael@0:           if (action.fallbackType == Ci.nsIObjectLoadingContent.PLUGIN_ACTIVE) {
michael@0:             button1 = {
michael@0:               label: "pluginBlockNow.label",
michael@0:               accesskey: "pluginBlockNow.accesskey",
michael@0:               action: "_singleBlock"
michael@0:             };
michael@0:             button2 = {
michael@0:               label: "pluginContinue.label",
michael@0:               accesskey: "pluginContinue.accesskey",
michael@0:               action: "_singleContinue",
michael@0:               default: true
michael@0:             };
michael@0:             switch (action.blocklistState) {
michael@0:             case Ci.nsIBlocklistService.STATE_NOT_BLOCKED:
michael@0:               label = "pluginEnabled.message";
michael@0:               linkLabel = "pluginActivate.learnMore";
michael@0:               break;
michael@0: 
michael@0:             case Ci.nsIBlocklistService.STATE_BLOCKED:
michael@0:               Cu.reportError(Error("Cannot happen!"));
michael@0:               break;
michael@0: 
michael@0:             case Ci.nsIBlocklistService.STATE_VULNERABLE_UPDATE_AVAILABLE:
michael@0:               label = "pluginEnabledOutdated.message";
michael@0:               linkLabel = "pluginActivate.updateLabel";
michael@0:               break;
michael@0: 
michael@0:             case Ci.nsIBlocklistService.STATE_VULNERABLE_NO_UPDATE:
michael@0:               label = "pluginEnabledVulnerable.message";
michael@0:               linkLabel = "pluginActivate.riskLabel"
michael@0:               break;
michael@0: 
michael@0:             default:
michael@0:               Cu.reportError(Error("Unexpected blocklist state"));
michael@0:             }
michael@0:           }
michael@0:           else if (action.pluginTag.enabledState == Ci.nsIPluginTag.STATE_DISABLED) {
michael@0:             let linkElement =
michael@0:               document.getAnonymousElementByAttribute(
michael@0:                          this, "anonid", "click-to-play-plugins-notification-link");
michael@0:             linkElement.textContent = gNavigatorBundle.getString("pluginActivateDisabled.manage");
michael@0:             linkElement.setAttribute("onclick", "gPluginHandler.managePlugins()");
michael@0: 
michael@0:             let descElement = document.getAnonymousElementByAttribute(this, "anonid", "click-to-play-plugins-notification-description");
michael@0:             descElement.textContent = gNavigatorBundle.getFormattedString(
michael@0:               "pluginActivateDisabled.message", [action.pluginName, this._brandShortName]) + " ";
michael@0:             this._buttonContainer.hidden = true;
michael@0:             return;
michael@0:           }
michael@0:           else if (action.blocklistState == Ci.nsIBlocklistService.STATE_BLOCKED) {
michael@0:             let descElement = document.getAnonymousElementByAttribute(this, "anonid", "click-to-play-plugins-notification-description");
michael@0:             descElement.textContent = gNavigatorBundle.getFormattedString(
michael@0:               "pluginActivateBlocked.message", [action.pluginName, this._brandShortName]) + " ";
michael@0:             this._setupLink("pluginActivate.learnMore", action.detailsLink);
michael@0:             this._buttonContainer.hidden = true;
michael@0:             return;
michael@0:           }
michael@0:           else {
michael@0:             button1 = {
michael@0:               label: "pluginActivateNow.label",
michael@0:               accesskey: "pluginActivateNow.accesskey",
michael@0:               action: "_singleActivateNow"
michael@0:             };
michael@0:             button2 = {
michael@0:               label: "pluginActivateAlways.label",
michael@0:               accesskey: "pluginActivateAlways.accesskey",
michael@0:               action: "_singleActivateAlways"
michael@0:             };
michael@0:             switch (action.blocklistState) {
michael@0:             case Ci.nsIBlocklistService.STATE_NOT_BLOCKED:
michael@0:               label = "pluginActivateNew.message";
michael@0:               linkLabel = "pluginActivate.learnMore";
michael@0:               button2.default = true;
michael@0:               break;
michael@0: 
michael@0:             case Ci.nsIBlocklistService.STATE_VULNERABLE_UPDATE_AVAILABLE:
michael@0:               label = "pluginActivateOutdated.message";
michael@0:               linkLabel = "pluginActivate.updateLabel";
michael@0:               button1.default = true;
michael@0:               break;
michael@0: 
michael@0:             case Ci.nsIBlocklistService.STATE_VULNERABLE_NO_UPDATE:
michael@0:               label = "pluginActivateVulnerable.message";
michael@0:               linkLabel = "pluginActivate.riskLabel"
michael@0:               button1.default = true;
michael@0:               break;
michael@0: 
michael@0:             default:
michael@0:               Cu.reportError(Error("Unexpected blocklist state"));
michael@0:             }
michael@0:           }
michael@0:           this._setupDescription(label, action.pluginName, host);
michael@0:           this._setupLink(linkLabel, action.detailsLink);
michael@0: 
michael@0:           this._primaryButton.label = gNavigatorBundle.getString(button1.label);
michael@0:           this._primaryButton.accesskey = gNavigatorBundle.getString(button1.accesskey);
michael@0:           this._primaryButton.setAttribute("action", button1.action);
michael@0: 
michael@0:           this._secondaryButton.label = gNavigatorBundle.getString(button2.label);
michael@0:           this._secondaryButton.accesskey = gNavigatorBundle.getString(button2.accesskey);
michael@0:           this._secondaryButton.setAttribute("action", button2.action);
michael@0:           if (button1.default) {
michael@0:             this._primaryButton.setAttribute("default", "true");
michael@0:           }
michael@0:           else if (button2.default) {
michael@0:             this._secondaryButton.setAttribute("default", "true");
michael@0:           }
michael@0:         ]]></body>
michael@0:       </method>
michael@0:       <method name="_setupDescription">
michael@0:         <parameter name="baseString" />
michael@0:         <parameter name="pluginName" /> <!-- null for the multiple-plugin case -->
michael@0:         <parameter name="host" />
michael@0:         <body><![CDATA[
michael@0:           var bsn = this._brandShortName;
michael@0:           var span = document.getAnonymousElementByAttribute(this, "anonid", "click-to-play-plugins-notification-description");
michael@0:           while (span.lastChild) {
michael@0:             span.removeChild(span.lastChild);
michael@0:           }
michael@0: 
michael@0:           var args = ["__host__", this._brandShortName];
michael@0:           if (pluginName) {
michael@0:             args.unshift(pluginName);
michael@0:           }
michael@0:           var bases = gNavigatorBundle.getFormattedString(baseString, args).
michael@0:             split("__host__", 2);
michael@0: 
michael@0:           span.appendChild(document.createTextNode(bases[0]));
michael@0:           var hostSpan = document.createElementNS("http://www.w3.org/1999/xhtml", "em");
michael@0:           hostSpan.appendChild(document.createTextNode(host));
michael@0:           span.appendChild(hostSpan);
michael@0:           span.appendChild(document.createTextNode(bases[1] + " "));
michael@0:         ]]></body>
michael@0:       </method>
michael@0:       <method name="_setupLink">
michael@0:         <parameter name="linkString"/>
michael@0:         <parameter name="linkUrl" />
michael@0:         <body><![CDATA[
michael@0:           var link = document.getAnonymousElementByAttribute(this, "anonid", "click-to-play-plugins-notification-link");
michael@0:           if (!linkString || !linkUrl) {
michael@0:             link.hidden = true;
michael@0:             return;
michael@0:           }
michael@0: 
michael@0:           link.hidden = false;
michael@0:           link.textContent = gNavigatorBundle.getString(linkString);
michael@0:           link.href = linkUrl;
michael@0:         ]]></body>
michael@0:       </method>
michael@0:       <method name="_onButton">
michael@0:         <parameter name="aButton" />
michael@0:         <body><![CDATA[
michael@0:           let methodName = aButton.getAttribute("action");
michael@0:           this[methodName]();
michael@0:         ]]></body>
michael@0:       </method>
michael@0:       <method name="_singleActivateNow">
michael@0:         <body><![CDATA[
michael@0:           gPluginHandler._updatePluginPermission(this.notification,
michael@0:             this._items[0].action,
michael@0:             "allownow");
michael@0:           this._cancel();
michael@0:         ]]></body>
michael@0:       </method>
michael@0:       <method name="_singleBlock">
michael@0:         <body><![CDATA[
michael@0:           gPluginHandler._updatePluginPermission(this.notification,
michael@0:             this._items[0].action,
michael@0:             "block");
michael@0:             this._cancel();
michael@0:         ]]></body>
michael@0:       </method>
michael@0:       <method name="_singleActivateAlways">
michael@0:         <body><![CDATA[
michael@0:           gPluginHandler._updatePluginPermission(this.notification,
michael@0:             this._items[0].action,
michael@0:             "allowalways");
michael@0:           this._cancel();
michael@0:         ]]></body>
michael@0:       </method>
michael@0:       <method name="_singleContinue">
michael@0:         <body><![CDATA[
michael@0:           gPluginHandler._updatePluginPermission(this.notification,
michael@0:             this._items[0].action,
michael@0:             "continue");
michael@0:           this._cancel();
michael@0:         ]]></body>
michael@0:       </method>
michael@0:       <method name="_multiAccept">
michael@0:         <body><![CDATA[
michael@0:           for (let item of this._items) {
michael@0:             let action = item.action;
michael@0:             if (action.pluginTag.enabledState == Ci.nsIPluginTag.STATE_DISABLED ||
michael@0:                 action.blocklistState == Ci.nsIBlocklistService.STATE_BLOCKED) {
michael@0:               continue;
michael@0:             }
michael@0:             gPluginHandler._updatePluginPermission(this.notification,
michael@0:               item.action, item.value);
michael@0:           }
michael@0:           this._cancel();
michael@0:         ]]></body>
michael@0:       </method>
michael@0:       <method name="_cancel">
michael@0:         <body><![CDATA[
michael@0:           PopupNotifications._dismiss();
michael@0:         ]]></body>
michael@0:       </method>
michael@0:       <method name="_accept">
michael@0:         <parameter name="aEvent" />
michael@0:         <body><![CDATA[
michael@0:           if (aEvent.defaultPrevented)
michael@0:             return;
michael@0:           aEvent.preventDefault();
michael@0:           if (this._primaryButton.getAttribute("default") == "true") {
michael@0:             this._primaryButton.click();
michael@0:           }
michael@0:           else if (this._secondaryButton.getAttribute("default") == "true") {
michael@0:             this._secondaryButton.click();
michael@0:           }
michael@0:         ]]></body>
michael@0:       </method>
michael@0:     </implementation>
michael@0:     <handlers>
michael@0:       <!-- The _accept method checks for .defaultPrevented so that if focus is in a button,
michael@0:            enter activates the button and not this default action -->
michael@0:       <handler event="keypress" keycode="VK_RETURN" group="system" action="this._accept(event);"/>
michael@0:     </handlers>
michael@0:   </binding>
michael@0: 
michael@0:   <binding id="splitmenu">
michael@0:     <content>
michael@0:       <xul:hbox anonid="menuitem" flex="1"
michael@0:                 class="splitmenu-menuitem"
michael@0:                 xbl:inherits="iconic,label,disabled,onclick=oncommand,_moz-menuactive=active"/>
michael@0:       <xul:menu anonid="menu" class="splitmenu-menu"
michael@0:                 xbl:inherits="disabled,_moz-menuactive=active"
michael@0:                 oncommand="event.stopPropagation();">
michael@0:         <children includes="menupopup"/>
michael@0:       </xul:menu>
michael@0:     </content>
michael@0: 
michael@0:     <implementation implements="nsIDOMEventListener">
michael@0:       <constructor><![CDATA[
michael@0:         this._parentMenupopup.addEventListener("DOMMenuItemActive", this, false);
michael@0:         this._parentMenupopup.addEventListener("popuphidden", this, false);
michael@0:       ]]></constructor>
michael@0: 
michael@0:       <destructor><![CDATA[
michael@0:         this._parentMenupopup.removeEventListener("DOMMenuItemActive", this, false);
michael@0:         this._parentMenupopup.removeEventListener("popuphidden", this, false);
michael@0:       ]]></destructor>
michael@0: 
michael@0:       <field name="menuitem" readonly="true">
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "menuitem");
michael@0:       </field>
michael@0:       <field name="menu" readonly="true">
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "menu");
michael@0:       </field>
michael@0: 
michael@0:       <field name="_menuDelay">600</field>
michael@0: 
michael@0:       <field name="_parentMenupopup"><![CDATA[
michael@0:         this._getParentMenupopup(this);
michael@0:       ]]></field>
michael@0: 
michael@0:       <method name="_getParentMenupopup">
michael@0:         <parameter name="aNode"/>
michael@0:         <body><![CDATA[
michael@0:           let node = aNode.parentNode;
michael@0:           while (node) {
michael@0:             if (node.localName == "menupopup")
michael@0:               break;
michael@0:             node = node.parentNode;
michael@0:           }
michael@0:           return node;
michael@0:         ]]></body>
michael@0:       </method>
michael@0: 
michael@0:       <method name="handleEvent">
michael@0:         <parameter name="event"/>
michael@0:         <body><![CDATA[
michael@0:           switch (event.type) {
michael@0:             case "DOMMenuItemActive":
michael@0:               if (this.getAttribute("active") == "true" &&
michael@0:                   event.target != this &&
michael@0:                   this._getParentMenupopup(event.target) == this._parentMenupopup)
michael@0:                 this.removeAttribute("active");
michael@0:               break;
michael@0:             case "popuphidden":
michael@0:               if (event.target == this._parentMenupopup)
michael@0:                 this.removeAttribute("active");
michael@0:               break;
michael@0:           }
michael@0:         ]]></body>
michael@0:       </method>
michael@0:     </implementation>
michael@0: 
michael@0:     <handlers>
michael@0:       <handler event="mouseover"><![CDATA[
michael@0:         if (this.getAttribute("active") != "true") {
michael@0:           this.setAttribute("active", "true");
michael@0: 
michael@0:           let event = document.createEvent("Events");
michael@0:           event.initEvent("DOMMenuItemActive", true, false);
michael@0:           this.dispatchEvent(event);
michael@0: 
michael@0:           if (this.getAttribute("disabled") != "true") {
michael@0:             let self = this;
michael@0:             setTimeout(function () {
michael@0:               if (self.getAttribute("active") == "true")
michael@0:                 self.menu.open = true;
michael@0:             }, this._menuDelay);
michael@0:           }
michael@0:         }
michael@0:       ]]></handler>
michael@0: 
michael@0:       <handler event="popupshowing"><![CDATA[
michael@0:         if (event.target == this.firstChild &&
michael@0:             this._parentMenupopup._currentPopup)
michael@0:           this._parentMenupopup._currentPopup.hidePopup();
michael@0:       ]]></handler>
michael@0: 
michael@0:       <handler event="click" phase="capturing"><![CDATA[
michael@0:         if (this.getAttribute("disabled") == "true") {
michael@0:           // Prevent the command from being carried out
michael@0:           event.stopPropagation();
michael@0:           return;
michael@0:         }
michael@0: 
michael@0:         let node = event.originalTarget;
michael@0:         while (true) {
michael@0:           if (node == this.menuitem)
michael@0:             break;
michael@0:           if (node == this)
michael@0:             return;
michael@0:           node = node.parentNode;
michael@0:         }
michael@0: 
michael@0:         this._parentMenupopup.hidePopup();
michael@0:       ]]></handler>
michael@0:     </handlers>
michael@0:   </binding>
michael@0: 
michael@0:   <binding id="menuitem-tooltip" extends="chrome://global/content/bindings/menu.xml#menuitem">
michael@0:     <implementation>
michael@0:       <constructor><![CDATA[
michael@0:         this.setAttribute("tooltiptext", this.getAttribute("acceltext"));
michael@0:         // TODO: Simplify this to this.setAttribute("acceltext", "") once bug
michael@0:         // 592424 is fixed
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "accel").firstChild.setAttribute("value", "");
michael@0:       ]]></constructor>
michael@0:     </implementation>
michael@0:   </binding>
michael@0: 
michael@0:   <binding id="menuitem-iconic-tooltip" extends="chrome://global/content/bindings/menu.xml#menuitem-iconic">
michael@0:     <implementation>
michael@0:       <constructor><![CDATA[
michael@0:         this.setAttribute("tooltiptext", this.getAttribute("acceltext"));
michael@0:         // TODO: Simplify this to this.setAttribute("acceltext", "") once bug
michael@0:         // 592424 is fixed
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "accel").firstChild.setAttribute("value", "");
michael@0:       ]]></constructor>
michael@0:     </implementation>
michael@0:   </binding>
michael@0: 
michael@0:  <binding id="promobox">
michael@0:     <content>
michael@0:       <xul:hbox class="panel-promo-box" align="start" flex="1">
michael@0:         <xul:hbox align="center" flex="1">
michael@0:           <xul:image class="panel-promo-icon"/>
michael@0:           <xul:description anonid="promo-message" class="panel-promo-message" flex="1">
michael@0:             <xul:description anonid="promo-link"
michael@0:                              class="plain text-link inline-link"
michael@0:                              onclick="document.getBindingParent(this).onLinkClick();"/>
michael@0:           </xul:description>
michael@0:         </xul:hbox>
michael@0:         <xul:toolbarbutton class="panel-promo-closebutton close-icon"
michael@0:                            oncommand="document.getBindingParent(this).onCloseButtonCommand();"
michael@0:                            tooltiptext="&closeNotification.tooltip;"/>
michael@0:       </xul:hbox>
michael@0:     </content>
michael@0: 
michael@0:     <implementation implements="nsIDOMEventListener">
michael@0:       <constructor><![CDATA[
michael@0:         this._panel.addEventListener("popupshowing", this, false);
michael@0:       ]]></constructor>
michael@0: 
michael@0:       <destructor><![CDATA[
michael@0:         this._panel.removeEventListener("popupshowing", this, false);
michael@0:       ]]></destructor>
michael@0: 
michael@0:       <field name="_panel" readonly="true"><![CDATA[
michael@0:         let node = this.parentNode;
michael@0:         while(node && node.localName != "panel") {
michael@0:           node = node.parentNode;
michael@0:         }
michael@0:         node;
michael@0:       ]]></field>
michael@0:       <field name="_promomessage" readonly="true">
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "promo-message");
michael@0:       </field>
michael@0:       <field name="_promolink" readonly="true">
michael@0:         document.getAnonymousElementByAttribute(this, "anonid", "promo-link");
michael@0:       </field>
michael@0:       <field name="_brandBundle" readonly="true">
michael@0:         Services.strings.createBundle("chrome://branding/locale/brand.properties");
michael@0:       </field>
michael@0:       <property name="_viewsLeftMap">
michael@0:         <getter><![CDATA[
michael@0:           try {
michael@0:             return JSON.parse(Services.prefs.getCharPref("browser.syncPromoViewsLeftMap"));
michael@0:           } catch (ex) {}
michael@0:           return {};
michael@0:         ]]></getter>
michael@0:       </property>
michael@0:       <property name="_viewsLeft">
michael@0:         <getter><![CDATA[
michael@0:           let views = 5;
michael@0:           let map = this._viewsLeftMap;
michael@0:           if (this._notificationType in map) {
michael@0:             views = map[this._notificationType];
michael@0:           }
michael@0:           return views;
michael@0:         ]]></getter>
michael@0:         <setter><![CDATA[
michael@0:           let map = this._viewsLeftMap;
michael@0:           map[this._notificationType] = val;
michael@0:           Services.prefs.setCharPref("browser.syncPromoViewsLeftMap",
michael@0:                                      JSON.stringify(map));
michael@0:           return val;
michael@0:         ]]></setter>
michael@0:       </property>
michael@0:       <property name="_notificationType">
michael@0:         <getter><![CDATA[
michael@0:           // Use the popupid attribute to identify the notification type,
michael@0:           // otherwise just rely on the panel id for common arrowpanels.
michael@0:           let type = this._panel.firstChild.getAttribute("popupid") ||
michael@0:                      this._panel.id;
michael@0:           if (type.startsWith("password-"))
michael@0:             return "passwords";
michael@0:           if (type == "editBookmarkPanel")
michael@0:             return "bookmarks";
michael@0:           if (type == "addon-install-complete") {
michael@0:             if (!Services.prefs.prefHasUserValue("services.sync.username"))
michael@0:               return "addons";
michael@0:             if (!Services.prefs.getBoolPref("services.sync.engine.addons"))
michael@0:               return "addons-sync-disabled";
michael@0:           }
michael@0:           return null;
michael@0:         ]]></getter>
michael@0:       </property>
michael@0:       <property name="_notificationMessage">
michael@0:         <getter><![CDATA[
michael@0:           return gNavigatorBundle.getFormattedString(
michael@0:             "syncPromoNotification." + this._notificationType + ".description",
michael@0:             [this._brandBundle.GetStringFromName("syncBrandShortName")]
michael@0:           );
michael@0:         ]]></getter>
michael@0:       </property>
michael@0:       <property name="_notificationLink">
michael@0:         <getter><![CDATA[
michael@0:           if (this._notificationType == "addons-sync-disabled") {
michael@0:             return "https://support.mozilla.org/kb/how-do-i-enable-add-sync";
michael@0:           }
michael@0:           return "https://services.mozilla.com/sync/";
michael@0:         ]]></getter>
michael@0:       </property>
michael@0:       <method name="onCloseButtonCommand">
michael@0:         <body><![CDATA[
michael@0:           this._viewsLeft = 0;
michael@0:           this.hidden = true;
michael@0:         ]]></body>
michael@0:       </method>
michael@0:       <method name="onLinkClick">
michael@0:         <body><![CDATA[
michael@0:           // Open a new selected tab and close the current panel.
michael@0:           openUILinkIn(this._promolink.getAttribute("href"), "tab");
michael@0:           this._panel.hidePopup();
michael@0:         ]]></body>
michael@0:       </method>
michael@0:       <method name="handleEvent">
michael@0:         <parameter name="event"/>
michael@0:         <body><![CDATA[
michael@0:           if (event.type != "popupshowing" || event.target != this._panel)
michael@0:             return;
michael@0: 
michael@0:           // A previous notification may have unhidden this.
michael@0:           this.hidden = true;
michael@0: 
michael@0:           // Only handle supported notification panels.
michael@0:           if (!this._notificationType) {
michael@0:             return;
michael@0:           }
michael@0: 
michael@0:           let viewsLeft = this._viewsLeft;
michael@0:           if (viewsLeft) {
michael@0:             if (Services.prefs.prefHasUserValue("services.sync.username") &&
michael@0:                this._notificationType != "addons-sync-disabled") {
michael@0:               // If the user has already setup Sync, don't show the notification.
michael@0:               this._viewsLeft = 0;
michael@0:               // Be sure to hide the panel, in case it was visible and the user
michael@0:               // decided to setup Sync after noticing it.
michael@0:               viewsLeft = 0;
michael@0:               // The panel is still hidden, just bail out.
michael@0:               return;
michael@0:             }
michael@0:             else {
michael@0:               this._viewsLeft = viewsLeft - 1;
michael@0:             }
michael@0: 
michael@0:             this._promolink.setAttribute("href", this._notificationLink);
michael@0:             this._promolink.value = gNavigatorBundle.getString("syncPromoNotification.learnMoreLinkText");
michael@0: 
michael@0:             this.hidden = false;
michael@0: 
michael@0:             // HACK: The description element doesn't wrap correctly in panels,
michael@0:             // thus set a width on it, based on the available space, before
michael@0:             // setting its textContent.  Then set its height as well, to
michael@0:             // fix wrong height calculation on Linux (bug 659578).
michael@0:             this._panel.addEventListener("popupshown", function panelShown() {
michael@0:               this._panel.removeEventListener("popupshown", panelShown, true);
michael@0:               // Previous popupShown events may close the panel or change
michael@0:               // its contents, so ensure this is still valid.
michael@0:               if (this._panel.state != "open" || !this._notificationType)
michael@0:                 return;
michael@0:               this._promomessage.width = this._promomessage.getBoundingClientRect().width;
michael@0:               this._promomessage.firstChild.textContent = this._notificationMessage;
michael@0:               this._promomessage.height = this._promomessage.getBoundingClientRect().height;
michael@0:             }.bind(this), true);
michael@0:           }
michael@0:         ]]></body>
michael@0:       </method>
michael@0:     </implementation>
michael@0:   </binding>
michael@0: 
michael@0:   <binding id="toolbarbutton-badged" display="xul:button"
michael@0:            extends="chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton">
michael@0:     <content>
michael@0:       <children includes="observes|template|menupopup|panel|tooltip"/>
michael@0:       <xul:hbox class="toolbarbutton-badge-container" align="start" pack="end">
michael@0:         <xul:hbox class="toolbarbutton-badge" xbl:inherits="badge"/>
michael@0:         <xul:image class="toolbarbutton-icon" xbl:inherits="validate,src=image,label"/>
michael@0:       </xul:hbox>
michael@0:       <xul:label class="toolbarbutton-text" crop="right" flex="1"
michael@0:                  xbl:inherits="value=label,accesskey,crop,wrap"/>
michael@0:       <xul:label class="toolbarbutton-multiline-text" flex="1"
michael@0:                  xbl:inherits="xbl:text=label,accesskey,wrap"/>
michael@0:     </content>
michael@0:   </binding>
michael@0: 
michael@0: </bindings>