#ifdef 0 /* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this file, * You can obtain one at http://mozilla.org/MPL/2.0/. */ #endif // The amount of time we wait while coalescing updates for hidden pages. const SCHEDULE_UPDATE_TIMEOUT_MS = 1000; /** * This singleton represents the whole 'New Tab Page' and takes care of * initializing all its components. */ var gPage = { /** * Initializes the page. */ init: function Page_init() { // Add ourselves to the list of pages to receive notifications. gAllPages.register(this); // Listen for 'unload' to unregister this page. addEventListener("unload", this, false); // XXX bug 991111 - Not all click events are correctly triggered when // listening from xhtml nodes -- in particular middle clicks on sites, so // listen from the xul window and filter then delegate addEventListener("click", this, false); // Check if the new tab feature is enabled. let enabled = gAllPages.enabled; if (enabled) this._init(); this._updateAttributes(enabled); // Initialize customize controls. gCustomize.init(); }, /** * Listens for notifications specific to this page. */ observe: function Page_observe(aSubject, aTopic, aData) { if (aTopic == "nsPref:changed") { gCustomize.updateSelected(); let enabled = gAllPages.enabled; this._updateAttributes(enabled); // Update thumbnails to the new enhanced setting if (aData == "browser.newtabpage.enhanced") { this.update(); } // Initialize the whole page if we haven't done that, yet. if (enabled) { this._init(); } else { gUndoDialog.hide(); } } else if (aTopic == "page-thumbnail:create" && gGrid.ready) { for (let site of gGrid.sites) { if (site && site.url === aData) { site.refreshThumbnail(); } } } }, /** * Updates the page's grid right away for visible pages. If the page is * currently hidden, i.e. in a background tab or in the preloader, then we * batch multiple update requests and refresh the grid once after a short * delay. Accepts a single parameter the specifies the reason for requesting * a page update. The page may decide to delay or prevent a requested updated * based on the given reason. */ update(reason = "") { // Update immediately if we're visible. if (!document.hidden) { // Ignore updates where reason=links-changed as those signal that the // provider's set of links changed. We don't want to update visible pages // in that case, it is ok to wait until the user opens the next tab. if (reason != "links-changed" && gGrid.ready) { gGrid.refresh(); } return; } // Bail out if we scheduled before. if (this._scheduleUpdateTimeout) { return; } this._scheduleUpdateTimeout = setTimeout(() => { // Refresh if the grid is ready. if (gGrid.ready) { gGrid.refresh(); } this._scheduleUpdateTimeout = null; }, SCHEDULE_UPDATE_TIMEOUT_MS); }, /** * Internally initializes the page. This runs only when/if the feature * is/gets enabled. */ _init: function Page_init() { if (this._initialized) return; this._initialized = true; // Set submit button label for when CSS background are disabled (e.g. // high contrast mode). document.getElementById("newtab-search-submit").value = document.body.getAttribute("dir") == "ltr" ? "\u25B6" : "\u25C0"; if (Services.prefs.getBoolPref("browser.newtabpage.compact")) { document.body.classList.add("compact"); } // Initialize search. gSearch.init(); if (document.hidden) { addEventListener("visibilitychange", this); } else { setTimeout(() => this.onPageFirstVisible()); } // Initialize and render the grid. gGrid.init(); // Initialize the drop target shim. gDropTargetShim.init(); #ifdef XP_MACOSX // Workaround to prevent a delay on MacOSX due to a slow drop animation. document.addEventListener("dragover", this, false); document.addEventListener("drop", this, false); #endif }, /** * Updates the 'page-disabled' attributes of the respective DOM nodes. * @param aValue Whether the New Tab Page is enabled or not. */ _updateAttributes: function Page_updateAttributes(aValue) { // Set the nodes' states. let nodeSelector = "#newtab-grid, #newtab-search-container"; for (let node of document.querySelectorAll(nodeSelector)) { if (aValue) node.removeAttribute("page-disabled"); else node.setAttribute("page-disabled", "true"); } // Enables/disables the control and link elements. let inputSelector = ".newtab-control, .newtab-link"; for (let input of document.querySelectorAll(inputSelector)) { if (aValue) input.removeAttribute("tabindex"); else input.setAttribute("tabindex", "-1"); } }, /** * Handles unload event */ _handleUnloadEvent: function Page_handleUnloadEvent() { gAllPages.unregister(this); // compute page life-span and send telemetry probe: using milli-seconds will leave // many low buckets empty. Instead we use half-second precision to make low end // of histogram linear and not lose the change in user attention let delta = Math.round((Date.now() - this._firstVisibleTime) / 500); if (this._suggestedTilePresent) { Services.telemetry.getHistogramById("NEWTAB_PAGE_LIFE_SPAN_SUGGESTED").add(delta); } else { Services.telemetry.getHistogramById("NEWTAB_PAGE_LIFE_SPAN").add(delta); } }, /** * Handles all page events. */ handleEvent: function Page_handleEvent(aEvent) { switch (aEvent.type) { case "load": this.onPageVisibleAndLoaded(); break; case "unload": this._handleUnloadEvent(); break; case "click": let {button, target} = aEvent; // Go up ancestors until we find a Site or not while (target) { if (target.hasOwnProperty("_newtabSite")) { target._newtabSite.onClick(aEvent); break; } target = target.parentNode; } break; case "dragover": if (gDrag.isValid(aEvent) && gDrag.draggedSite) aEvent.preventDefault(); break; case "drop": if (gDrag.isValid(aEvent) && gDrag.draggedSite) { aEvent.preventDefault(); aEvent.stopPropagation(); } break; case "visibilitychange": // Cancel any delayed updates for hidden pages now that we're visible. if (this._scheduleUpdateTimeout) { clearTimeout(this._scheduleUpdateTimeout); this._scheduleUpdateTimeout = null; // An update was pending so force an update now. this.update(); } setTimeout(() => this.onPageFirstVisible()); removeEventListener("visibilitychange", this); break; } }, onPageFirstVisible: function () { // Record another page impression. Services.telemetry.getHistogramById("NEWTAB_PAGE_SHOWN").add(true); for (let site of gGrid.sites) { if (site) { // The site may need to modify and/or re-render itself if // something changed after newtab was created by preloader. // For example, the suggested tile endTime may have passed. site.onFirstVisible(); } } // save timestamp to compute page life-span delta this._firstVisibleTime = Date.now(); if (document.readyState == "complete") { this.onPageVisibleAndLoaded(); } else { addEventListener("load", this); } }, onPageVisibleAndLoaded() { // Send the index of the last visible tile. this.reportLastVisibleTileIndex(); // Maybe tell the user they can undo an initial automigration this.maybeShowAutoMigrationUndoNotification(); }, reportLastVisibleTileIndex() { let cwu = window.QueryInterface(Ci.nsIInterfaceRequestor) .getInterface(Ci.nsIDOMWindowUtils); let rect = cwu.getBoundsWithoutFlushing(gGrid.node); let nodes = cwu.nodesFromRect(rect.left, rect.top, 0, rect.width, rect.height, 0, true, false); let i = -1; let lastIndex = -1; let sites = gGrid.sites; for (let node of nodes) { if (node.classList && node.classList.contains("newtab-cell")) { if (sites[++i]) { lastIndex = i; if (sites[i].link.targetedSite) { // record that suggested tile is shown to use suggested-tiles-histogram this._suggestedTilePresent = true; } } } } // DirectoryLinksProvider.reportSitesAction(sites, "view", lastIndex); }, maybeShowAutoMigrationUndoNotification() { // sendAsyncMessage("NewTab:MaybeShowAutoMigrationUndoNotification"); }, };