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
var { Status } = ChromeUtils.importESModule(
);
var { IMServices } = ChromeUtils.importESModule(
);
var { ChatIcons } = ChromeUtils.importESModule(
);
var statusSelector = {
observe(aSubject, aTopic) {
if (aTopic == "status-changed") {
this.displayCurrentStatus();
} else if (aTopic == "user-icon-changed") {
this.displayUserIcon();
} else if (aTopic == "user-display-name-changed") {
this.displayUserDisplayName();
}
},
displayUserIcon() {
const icon = IMServices.core.globalUserStatus.getUserIcon();
ChatIcons.setUserIconSrc(
document.getElementById("userIcon"),
icon?.spec,
true
);
},
displayUserDisplayName() {
let displayName = IMServices.core.globalUserStatus.displayName;
const elt = document.getElementById("displayName");
if (displayName) {
elt.removeAttribute("usingDefault");
} else {
const bundle = Services.strings.createBundle(
);
displayName = bundle.GetStringFromName("displayNameEmptyText");
elt.setAttribute("usingDefault", displayName);
}
elt.setAttribute("value", displayName);
},
displayStatusType(aStatusType) {
document
.getElementById("statusMessageLabel")
.setAttribute("statusType", aStatusType);
const statusString = Status.toLabel(aStatusType);
const statusTypeIcon = document.getElementById("statusTypeIcon");
statusTypeIcon.setAttribute("status", aStatusType);
statusTypeIcon.setAttribute("tooltiptext", statusString);
return statusString;
},
displayCurrentStatus() {
const us = IMServices.core.globalUserStatus;
const status = Status.toAttribute(us.statusType);
let message = status == "offline" ? "" : us.statusText;
const statusMessage = document.getElementById("statusMessageLabel");
if (!statusMessage) {
// Chat toolbar not in the DOM yet
return;
}
if (message) {
statusMessage.removeAttribute("usingDefault");
} else {
const statusString = this.displayStatusType(status);
statusMessage.setAttribute("usingDefault", statusString);
message = statusString;
}
statusMessage.setAttribute("value", message);
statusMessage.setAttribute("tooltiptext", message);
},
editStatus(aEvent) {
const status = aEvent.target.getAttribute("status");
if (status == "offline") {
IMServices.core.globalUserStatus.setStatus(
Ci.imIStatusInfo.STATUS_OFFLINE,
""
);
} else if (status) {
this.startEditStatus(status);
}
},
startEditStatus(aStatusType) {
const currentStatusType = document
.getElementById("statusTypeIcon")
.getAttribute("status");
if (aStatusType != currentStatusType) {
this._statusTypeBeforeEditing = currentStatusType;
this._statusTypeEditing = aStatusType;
this.displayStatusType(aStatusType);
}
this.statusMessageClick();
},
statusMessageClick() {
const statusMessage = document.getElementById("statusMessageLabel");
const statusMessageInput = document.getElementById("statusMessageInput");
statusMessage.setAttribute("hidden", "true");
statusMessageInput.removeAttribute("hidden");
const statusType = document
.getElementById("statusTypeIcon")
.getAttribute("status");
if (statusType == "offline" || statusMessage.disabled) {
return;
}
if (!statusMessageInput.hasAttribute("editing")) {
statusMessageInput.setAttribute("editing", "true");
statusMessageInput.addEventListener("blur", () => {
this.finishEditStatusMessage(true);
});
if (statusMessage.hasAttribute("usingDefault")) {
if (
"_statusTypeBeforeEditing" in this &&
this._statusTypeBeforeEditing == "offline"
) {
statusMessageInput.setAttribute(
"value",
IMServices.core.globalUserStatus.statusText
);
} else {
statusMessageInput.removeAttribute("value");
}
} else {
statusMessageInput.setAttribute(
"value",
statusMessage.getAttribute("value")
);
}
if (Services.prefs.getBoolPref("mail.spellcheck.inline")) {
statusMessageInput.setAttribute("spellcheck", "true");
} else {
statusMessageInput.removeAttribute("spellcheck");
}
// force binding attachment by forcing layout
statusMessageInput.getBoundingClientRect();
statusMessageInput.select();
}
this.statusMessageRefreshTimer();
},
statusMessageRefreshTimer() {
const timeBeforeAutoValidate = 20 * 1000;
if ("_stopEditStatusTimeout" in this) {
clearTimeout(this._stopEditStatusTimeout);
}
this._stopEditStatusTimeout = setTimeout(
this.finishEditStatusMessage,
timeBeforeAutoValidate,
true
);
},
statusMessageKeyPress(aEvent) {
if (!this.hasAttribute("editing")) {
if (aEvent.keyCode == aEvent.DOM_VK_DOWN) {
const button = document.getElementById("statusTypeIcon");
document.getElementById("setStatusTypeMenupopup").openPopup(button);
}
return;
}
switch (aEvent.keyCode) {
case aEvent.DOM_VK_RETURN:
statusSelector.finishEditStatusMessage(true);
break;
case aEvent.DOM_VK_ESCAPE:
statusSelector.finishEditStatusMessage(false);
break;
default:
statusSelector.statusMessageRefreshTimer();
}
},
finishEditStatusMessage(aSave) {
clearTimeout(this._stopEditStatusTimeout);
delete this._stopEditStatusTimeout;
const statusMessage = document.getElementById("statusMessageLabel");
const statusMessageInput = document.getElementById("statusMessageInput");
statusMessage.removeAttribute("hidden");
statusMessageInput.toggleAttribute("hidden", "true");
if (aSave) {
let newStatus = Ci.imIStatusInfo.STATUS_UNKNOWN;
if ("_statusTypeEditing" in this) {
const statusType = this._statusTypeEditing;
if (statusType == "available") {
newStatus = Ci.imIStatusInfo.STATUS_AVAILABLE;
} else if (statusType == "unavailable") {
newStatus = Ci.imIStatusInfo.STATUS_UNAVAILABLE;
} else if (statusType == "offline") {
newStatus = Ci.imIStatusInfo.STATUS_OFFLINE;
}
delete this._statusTypeBeforeEditing;
delete this._statusTypeEditing;
}
// apply the new status only if it is different from the current one
if (
newStatus != Ci.imIStatusInfo.STATUS_UNKNOWN ||
statusMessageInput.value != statusMessageInput.getAttribute("value")
) {
IMServices.core.globalUserStatus.setStatus(
newStatus,
statusMessageInput.value
);
}
} else if ("_statusTypeBeforeEditing" in this) {
this.displayStatusType(this._statusTypeBeforeEditing);
delete this._statusTypeBeforeEditing;
delete this._statusTypeEditing;
}
if (statusMessage.hasAttribute("usingDefault")) {
statusMessage.setAttribute(
"value",
statusMessage.getAttribute("usingDefault")
);
}
statusMessageInput.removeAttribute("editing");
statusMessageInput.removeEventListener("blur", () => {
this.finishEditStatusMessage(true);
});
// We need to put the focus back on the label after the textbox
// binding has been detached, otherwise the focus gets lost (it's
// on none of the elements in the document), but before that we
// need to flush the layout.
statusMessageInput.getBoundingClientRect();
statusMessageInput.focus();
},
userIconClick() {
const fp = Cc["@mozilla.org/filepicker;1"].createInstance(Ci.nsIFilePicker);
const bundle = Services.strings.createBundle(
);
fp.init(
window.browsingContext,
bundle.GetStringFromName("userIconFilePickerTitle"),
Ci.nsIFilePicker.modeOpen
);
fp.appendFilters(Ci.nsIFilePicker.filterImages);
fp.open(rv => {
if (rv != Ci.nsIFilePicker.returnOK || !fp.file) {
return;
}
IMServices.core.globalUserStatus.setUserIcon(fp.file);
});
},
displayNameClick() {
const displayName = document.getElementById("displayName");
const displayNameInput = document.getElementById("displayNameInput");
displayName.setAttribute("hidden", "true");
displayNameInput.removeAttribute("hidden");
if (!displayNameInput.hasAttribute("editing")) {
displayNameInput.setAttribute("editing", "true");
if (displayName.hasAttribute("usingDefault")) {
displayNameInput.removeAttribute("value");
} else {
displayNameInput.setAttribute(
"value",
displayName.getAttribute("value")
);
}
displayNameInput.addEventListener("keypress", this.displayNameKeyPress);
displayNameInput.addEventListener("blur", () => {
this.finishEditDisplayName(true);
});
// force binding attachment by forcing layout
displayNameInput.getBoundingClientRect();
displayNameInput.select();
}
this.displayNameRefreshTimer();
},
_stopEditDisplayNameTimeout: 0,
displayNameRefreshTimer() {
const timeBeforeAutoValidate = 20 * 1000;
clearTimeout(this._stopEditDisplayNameTimeout);
this._stopEditDisplayNameTimeout = setTimeout(
this.finishEditDisplayName,
timeBeforeAutoValidate,
true
);
},
displayNameKeyPress(aEvent) {
switch (aEvent.keyCode) {
case aEvent.DOM_VK_RETURN:
statusSelector.finishEditDisplayName(true);
break;
case aEvent.DOM_VK_ESCAPE:
statusSelector.finishEditDisplayName(false);
break;
default:
statusSelector.displayNameRefreshTimer();
}
},
finishEditDisplayName(aSave) {
clearTimeout(this._stopEditDisplayNameTimeout);
const displayName = document.getElementById("displayName");
const displayNameInput = document.getElementById("displayNameInput");
displayName.removeAttribute("hidden");
displayNameInput.toggleAttribute("hidden", "true");
// Apply the new display name only if it is different from the current one.
if (
aSave &&
displayNameInput.value != displayNameInput.getAttribute("value")
) {
IMServices.core.globalUserStatus.displayName = displayNameInput.value;
} else if (displayName.hasAttribute("usingDefault")) {
displayName.setAttribute(
"value",
displayName.getAttribute("usingDefault")
);
}
displayNameInput.removeAttribute("editing");
displayNameInput.removeEventListener("keypress", this.displayNameKeyPress);
displayNameInput.removeEventListener("blur", () => {
this.finishEditDisplayName(true);
});
},
init() {
const events = ["status-changed"];
statusSelector.displayCurrentStatus();
if (document.getElementById("displayName")) {
events.push("user-display-name-changed");
statusSelector.displayUserDisplayName();
}
if (document.getElementById("userIcon")) {
events.push("user-icon-changed");
statusSelector.displayUserIcon();
}
const statusMessage = document.getElementById("statusMessageLabel");
const statusMessageInput = document.getElementById("statusMessageInput");
if (statusMessage && statusMessageInput) {
statusMessage.addEventListener("keypress", this.statusMessageKeyPress);
statusMessageInput.addEventListener(
"keypress",
this.statusMessageKeyPress
);
}
for (const event of events) {
Services.obs.addObserver(statusSelector, event);
}
statusSelector._events = events;
window.addEventListener("unload", statusSelector.unload);
},
unload() {
for (const event of statusSelector._events) {
Services.obs.removeObserver(statusSelector, event);
}
},
};