Revision control
Copy as Markdown
Other Tools
/* 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
/* import-globals-from preferences.js */
var { GenericConvIMPrototype, GenericMessagePrototype } =
var { getThemeByName, getThemeVariants } = ChromeUtils.importESModule(
);
var { IMServices } = ChromeUtils.importESModule(
);
function Conversation(aName) {
this._name = aName;
this._observers = [];
const now = new Date();
this._date =
new Date(now.getFullYear(), now.getMonth(), now.getDate(), 10, 42, 22) *
1000;
}
Conversation.prototype = {
__proto__: GenericConvIMPrototype,
account: {
protocol: { name: "Fake Protocol" },
alias: "",
name: "Fake Account",
get statusInfo() {
return IMServices.core.globalUserStatus;
},
},
};
function Message(aWho, aMessage, aObject, aConversation) {
this._init(aWho, aMessage, aObject, aConversation);
}
Message.prototype = {
__proto__: GenericMessagePrototype,
get displayMessage() {
return this.originalMessage;
},
};
// Message style tooltips use this.
function getBrowser() {
return document.getElementById("previewbrowser");
}
var previewObserver = {
_loaded: false,
load() {
const makeDate = function (aDateString) {
const array = aDateString.split(":");
const now = new Date();
return (
new Date(
now.getFullYear(),
now.getMonth(),
now.getDate(),
array[0],
array[1],
array[2]
) / 1000
);
};
const bundle = document.getElementById("themesBundle");
const msg = {};
[
"nick1",
"buddy1",
"nick2",
"buddy2",
"message1",
"message2",
"message3",
].forEach(function (aText) {
msg[aText] = bundle.getString(aText);
});
const conv = new Conversation(msg.nick2);
conv.messages = [
new Message(
msg.buddy1,
msg.message1,
{
outgoing: true,
_alias: msg.nick1,
time: makeDate("10:42:22"),
},
conv
),
new Message(
msg.buddy1,
msg.message2,
{
outgoing: true,
_alias: msg.nick1,
time: makeDate("10:42:25"),
},
conv
),
new Message(
msg.buddy2,
msg.message3,
{
incoming: true,
_alias: msg.nick2,
time: makeDate("10:43:01"),
},
conv
),
];
previewObserver.conv = conv;
const themeName = document.getElementById("messagestyle-themename");
previewObserver.browser = document.getElementById("previewbrowser");
// If the preferences tab is opened straight to the message styles,
// loading the preview fails. Pushing this to back of the event queue
// prevents that failure.
setTimeout(() => {
previewObserver.displayTheme(themeName.value);
this._loaded = true;
});
},
currentThemeChanged() {
if (!this._loaded) {
return;
}
const currentTheme = document.getElementById(
"messagestyle-themename"
).value;
if (!currentTheme) {
return;
}
this.displayTheme(currentTheme);
},
_ignoreVariantChange: false,
currentVariantChanged() {
if (!this._loaded || this._ignoreVariantChange) {
return;
}
const variant = document.getElementById("themevariant").value;
if (!variant) {
return;
}
this.theme.variant = variant;
this.reloadPreview();
},
displayTheme(aTheme) {
try {
this.theme = getThemeByName(aTheme);
} catch (e) {
const previewBoxBrowser = document
.getElementById("previewBox")
.querySelector("browser");
if (previewBoxBrowser) {
previewBoxBrowser.hidden = true;
}
document.getElementById("noPreviewScreen").hidden = false;
return;
}
const menulist = document.getElementById("themevariant");
if (menulist.menupopup) {
menulist.menupopup.remove();
}
const popup = menulist.appendChild(document.createXULElement("menupopup"));
const variants = getThemeVariants(this.theme);
let defaultVariant = "";
if (
"DefaultVariant" in this.theme.metadata &&
variants.includes(this.theme.metadata.DefaultVariant)
) {
defaultVariant = this.theme.metadata.DefaultVariant.replace(/_/g, " ");
}
let defaultText = defaultVariant;
if (!defaultText && "DisplayNameForNoVariant" in this.theme.metadata) {
defaultText = this.theme.metadata.DisplayNameForNoVariant;
}
// if the name in the metadata is 'Default', use the localized version
if (!defaultText || defaultText.toLowerCase() == "default") {
defaultText = document
.getElementById("themesBundle")
.getString("default");
}
const menuitem = document.createXULElement("menuitem");
menuitem.setAttribute("label", defaultText);
menuitem.setAttribute("value", "default");
popup.appendChild(menuitem);
popup.appendChild(document.createXULElement("menuseparator"));
variants.sort().forEach(function (aVariantName) {
const displayName = aVariantName.replace(/_/g, " ");
if (displayName != defaultVariant) {
const menuitem = document.createXULElement("menuitem");
menuitem.setAttribute("label", displayName);
menuitem.setAttribute("value", aVariantName);
popup.appendChild(menuitem);
}
});
this._ignoreVariantChange = true;
if (!this._loaded) {
menulist.value = this.theme.variant = menulist.value;
} else {
menulist.value = this.theme.variant; // (reset to "default")
Preferences.userChangedValue(menulist);
}
this._ignoreVariantChange = false;
// disable the variant menulist if there's no variant, or only one
// which is the default
menulist.disabled =
variants.length == 0 || (variants.length == 1 && defaultVariant);
this.reloadPreview();
document.getElementById("noPreviewScreen").hidden = true;
},
reloadPreview() {
this.browser.init(this.conv);
this.browser._theme = this.theme;
Services.obs.addObserver(this, "conversation-loaded");
},
observe(aSubject, aTopic) {
if (aTopic != "conversation-loaded" || aSubject != this.browser) {
return;
}
// We want to avoid the convbrowser trying to scroll to the last
// added message, as that causes the entire pref pane to jump up
// uses to determine if it should scroll, as well as its
// mirror in the contentWindow (that messagestyle JS can call).
this.browser.convScrollEnabled = () => false;
this.browser.contentWindow.convScrollEnabled = () => false;
// Display all queued messages. Use a timeout so that message text
// modifiers can be added with observers for this notification.
setTimeout(function () {
for (const message of previewObserver.conv.messages) {
aSubject.appendMessage(message, false);
}
}, 0);
Services.obs.removeObserver(this, "conversation-loaded");
},
};