mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-08 04:09:03 +02:00
83 lines
2.5 KiB
JavaScript
83 lines
2.5 KiB
JavaScript
/* 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/. */
|
|
|
|
const { XPCOMUtils } = ChromeUtils.importESModule(
|
|
"resource://gre/modules/XPCOMUtils.sys.mjs"
|
|
);
|
|
|
|
const lazy = {};
|
|
ChromeUtils.defineModuleGetter(
|
|
lazy,
|
|
"BrowserUtils",
|
|
"resource://gre/modules/BrowserUtils.jsm"
|
|
);
|
|
ChromeUtils.defineESModuleGetters(lazy, {
|
|
PlacesUIUtils: "resource:///modules/PlacesUIUtils.sys.mjs",
|
|
});
|
|
|
|
XPCOMUtils.defineLazyGetter(lazy, "relativeTimeFormat", () => {
|
|
return new Services.intl.RelativeTimeFormat(undefined, { style: "narrow" });
|
|
});
|
|
|
|
// Cutoff of 1.5 minutes + 1 second to determine what text string to display
|
|
export const NOW_THRESHOLD_MS = 91000;
|
|
|
|
export function formatURIForDisplay(uriString) {
|
|
return lazy.BrowserUtils.formatURIStringForDisplay(uriString);
|
|
}
|
|
|
|
export function convertTimestamp(
|
|
timestamp,
|
|
fluentStrings,
|
|
_nowThresholdMs = NOW_THRESHOLD_MS
|
|
) {
|
|
const elapsed = Date.now() - timestamp;
|
|
let formattedTime;
|
|
if (elapsed <= _nowThresholdMs) {
|
|
// Use a different string for very recent timestamps
|
|
formattedTime = fluentStrings.formatValueSync(
|
|
"firefoxview-just-now-timestamp"
|
|
);
|
|
} else {
|
|
formattedTime = lazy.relativeTimeFormat.formatBestUnit(new Date(timestamp));
|
|
}
|
|
return formattedTime;
|
|
}
|
|
|
|
export function createFaviconElement(image) {
|
|
const imageUrl = image
|
|
? lazy.PlacesUIUtils.getImageURL(image)
|
|
: "chrome://global/skin/icons/defaultFavicon.svg";
|
|
let favicon = document.createElement("div");
|
|
|
|
favicon.style.backgroundImage = `url('${imageUrl}')`;
|
|
favicon.classList.add("favicon");
|
|
return favicon;
|
|
}
|
|
|
|
export function toggleContainer(collapsibleButton, collapsibleContainer) {
|
|
const arrowDown = "arrow-down";
|
|
collapsibleButton.classList.toggle(arrowDown);
|
|
let isHidden = collapsibleButton.classList.contains(arrowDown);
|
|
|
|
const newFluentString = `${
|
|
!isHidden
|
|
? "firefoxview-collapse-button-hide"
|
|
: "firefoxview-collapse-button-show"
|
|
}`;
|
|
collapsibleButton.setAttribute("data-l10n-id", newFluentString);
|
|
|
|
collapsibleButton.setAttribute("aria-expanded", !isHidden);
|
|
collapsibleButton.setAttribute("data-l10n-id", newFluentString);
|
|
collapsibleContainer.hidden = isHidden;
|
|
|
|
Services.telemetry.recordEvent(
|
|
"firefoxview",
|
|
collapsibleButton.id === "collapsible-synced-tabs-button"
|
|
? "tab_pickup_open"
|
|
: "closed_tabs_open",
|
|
"tabs",
|
|
(!isHidden).toString()
|
|
);
|
|
}
|