forked from mirrors/gecko-dev
a1ba17e074
Add new newtab control file for the customize functionality. Reuse existing panel styling of the search engine panel. --HG-- extra : rebase_source : 77e84fad6997504040831872d80069d024b1d570
62 lines
1.6 KiB
JavaScript
62 lines
1.6 KiB
JavaScript
#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
|
|
|
|
let gCustomize = {
|
|
_nodeIDSuffixes: [
|
|
"blank",
|
|
"button",
|
|
"classic",
|
|
"enhanced",
|
|
"panel",
|
|
],
|
|
|
|
_nodes: {},
|
|
|
|
init: function() {
|
|
for (let idSuffix of this._nodeIDSuffixes) {
|
|
this._nodes[idSuffix] = document.getElementById("newtab-customize-" + idSuffix);
|
|
}
|
|
|
|
this._nodes.button.addEventListener("click", e => this.showPanel());
|
|
this._nodes.blank.addEventListener("click", e => {
|
|
gAllPages.enabled = false;
|
|
});
|
|
this._nodes.classic.addEventListener("click", e => {
|
|
gAllPages.enabled = true;
|
|
gAllPages.enhanced = false;
|
|
});
|
|
this._nodes.enhanced.addEventListener("click", e => {
|
|
gAllPages.enabled = true;
|
|
gAllPages.enhanced = true;
|
|
});
|
|
|
|
this.updateSelected();
|
|
},
|
|
|
|
showPanel: function() {
|
|
let {button, panel} = this._nodes;
|
|
panel.openPopup(button);
|
|
button.setAttribute("active", true);
|
|
panel.addEventListener("popuphidden", function onHidden() {
|
|
panel.removeEventListener("popuphidden", onHidden);
|
|
button.removeAttribute("active");
|
|
});
|
|
},
|
|
|
|
updateSelected: function() {
|
|
let {enabled, enhanced} = gAllPages;
|
|
let selected = enabled ? enhanced ? "enhanced" : "classic" : "blank";
|
|
["enhanced", "classic", "blank"].forEach(id => {
|
|
let node = this._nodes[id];
|
|
if (id == selected) {
|
|
node.setAttribute("selected", true);
|
|
}
|
|
else {
|
|
node.removeAttribute("selected");
|
|
}
|
|
});
|
|
},
|
|
};
|