mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-22 09:45:41 +00:00
3642cda1f9
MozReview-Commit-ID: 4j9d5k3Ut1f
150 lines
3.8 KiB
JavaScript
150 lines
3.8 KiB
JavaScript
/* -*- indent-tabs-mode: nil; js-indent-level: 2 -*- */
|
|
/* vim: set ft=javascript ts=2 et sw=2 tw=80: */
|
|
/* 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 MenuItem = require("./menu-item");
|
|
const EventEmitter = require("devtools/shared/event-emitter");
|
|
|
|
/**
|
|
* A partial implementation of the Menu API provided by electron:
|
|
* https://github.com/electron/electron/blob/master/docs/api/menu.md.
|
|
*
|
|
* Extra features:
|
|
* - Emits an 'open' and 'close' event when the menu is opened/closed
|
|
|
|
* @param String id (non standard)
|
|
* Needed so tests can confirm the XUL implementation is working
|
|
*/
|
|
function Menu({id=null} = {}) {
|
|
this.menuitems = [];
|
|
this.id = id;
|
|
|
|
Object.defineProperty(this, "items", {
|
|
get() {
|
|
return this.menuitems;
|
|
}
|
|
});
|
|
|
|
EventEmitter.decorate(this);
|
|
}
|
|
|
|
/**
|
|
* Add an item to the end of the Menu
|
|
*
|
|
* @param {MenuItem} menuItem
|
|
*/
|
|
Menu.prototype.append = function(menuItem) {
|
|
this.menuitems.push(menuItem);
|
|
};
|
|
|
|
/**
|
|
* Add an item to a specified position in the menu
|
|
*
|
|
* @param {int} pos
|
|
* @param {MenuItem} menuItem
|
|
*/
|
|
Menu.prototype.insert = function(pos, menuItem) {
|
|
throw "Not implemented";
|
|
};
|
|
|
|
/**
|
|
* Show the Menu at a specified location on the screen
|
|
*
|
|
* Missing features:
|
|
* - browserWindow - BrowserWindow (optional) - Default is null.
|
|
* - positioningItem Number - (optional) OS X
|
|
*
|
|
* @param {int} screenX
|
|
* @param {int} screenY
|
|
* @param Toolbox toolbox (non standard)
|
|
* Needed so we in which window to inject XUL
|
|
*/
|
|
Menu.prototype.popup = function(screenX, screenY, toolbox) {
|
|
let doc = toolbox.doc;
|
|
let popup = doc.createElement("menupopup");
|
|
popup.setAttribute("menu-api", "true");
|
|
|
|
if (this.id) {
|
|
popup.id = this.id;
|
|
}
|
|
this._createMenuItems(popup);
|
|
|
|
// Remove the menu from the DOM once it's hidden.
|
|
popup.addEventListener("popuphidden", (e) => {
|
|
if (e.target === popup) {
|
|
popup.remove();
|
|
this.emit("close");
|
|
}
|
|
});
|
|
|
|
popup.addEventListener("popupshown", (e) => {
|
|
if (e.target === popup) {
|
|
this.emit("open");
|
|
}
|
|
});
|
|
|
|
doc.querySelector("popupset").appendChild(popup);
|
|
popup.openPopupAtScreen(screenX, screenY, true);
|
|
};
|
|
|
|
Menu.prototype._createMenuItems = function(parent) {
|
|
let doc = parent.ownerDocument;
|
|
this.menuitems.forEach(item => {
|
|
if (item.submenu) {
|
|
let menupopup = doc.createElement("menupopup");
|
|
item.submenu._createMenuItems(menupopup);
|
|
|
|
let menu = doc.createElement("menu");
|
|
menu.appendChild(menupopup);
|
|
menu.setAttribute("label", item.label);
|
|
parent.appendChild(menu);
|
|
} else if (item.type === "separator") {
|
|
let menusep = doc.createElement("menuseparator");
|
|
parent.appendChild(menusep);
|
|
} else {
|
|
let menuitem = doc.createElement("menuitem");
|
|
menuitem.setAttribute("label", item.label);
|
|
menuitem.addEventListener("command", () => {
|
|
item.click();
|
|
});
|
|
|
|
if (item.type === "checkbox") {
|
|
menuitem.setAttribute("type", "checkbox");
|
|
}
|
|
if (item.type === "radio") {
|
|
menuitem.setAttribute("type", "radio");
|
|
}
|
|
if (item.disabled) {
|
|
menuitem.setAttribute("disabled", "true");
|
|
}
|
|
if (item.checked) {
|
|
menuitem.setAttribute("checked", "true");
|
|
}
|
|
if (item.accesskey) {
|
|
menuitem.setAttribute("accesskey", item.accesskey);
|
|
}
|
|
if (item.id) {
|
|
menuitem.id = item.id;
|
|
}
|
|
|
|
parent.appendChild(menuitem);
|
|
}
|
|
});
|
|
};
|
|
|
|
Menu.setApplicationMenu = () => {
|
|
throw "Not implemented";
|
|
};
|
|
|
|
Menu.sendActionToFirstResponder = () => {
|
|
throw "Not implemented";
|
|
};
|
|
|
|
Menu.buildFromTemplate = () => {
|
|
throw "Not implemented";
|
|
};
|
|
|
|
module.exports = Menu;
|