/** * @fileoverview Implements the PCjs Panel component. * @author Jeff Parsons * @version 1.0 * @suppress {missingProperties} * Created 2012-Jun-19 * * Copyright © 2012-2014 Jeff Parsons * * This file is part of PCjs, which is part of the JavaScript Machines Project (aka JSMachines) * at and . * * PCjs is free software: you can redistribute it and/or modify it under the terms of the * GNU General Public License as published by the Free Software Foundation, either version 3 * of the License, or (at your option) any later version. * * PCjs is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without * even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License along with PCjs. If not, * see . * * You are required to include the above copyright notice in every source code file of every * copy or modified version of this work, and to display that copyright notice on every screen * that loads or runs any version of this software (see Computer.sCopyright). * * Some PCjs files also attempt to load external resource files, such as character-image files, * ROM files, and disk image files. Those external resource files are not considered part of the * PCjs program for purposes of the GNU General Public License, and the author does not claim * any copyright as to their contents. */ "use strict"; if (typeof module !== 'undefined') { var web = require("../../shared/lib/weblib"); var Component = require("../../shared/lib/component"); } /** * Panel(parmsPanel) * * The Panel component has no required (parmsPanel) properties. * * @constructor * @extends Component * @param {Object} parmsPanel */ function Panel(parmsPanel) { Component.call(this, "Panel", parmsPanel, Panel); } Component.subclass(Component, Panel); /** * setBinding(sHTMLClass, sHTMLType, sBinding, control) * * The Panel doesn't have any bindings of its own; it passes along all binding requests to * the Computer, CPU, Keyboard and Debugger components. The order shouldn't matter, since any * component that doesn't recognize the specified binding should simply ignore it. * * @this {Panel} * @param {string|null} sHTMLClass is the class of the HTML control (eg, "input", "output") * @param {string|null} sHTMLType is the type of the HTML control (eg, "button", "list", "text", "submit", "textarea", "canvas") * @param {string} sBinding is the value of the 'binding' parameter stored in the HTML control's "data-value" attribute (eg, "reset") * @param {Object} control is the HTML control DOM object (eg, HTMLButtonElement) * @return {boolean} true if binding was successful, false if unrecognized binding request */ Panel.prototype.setBinding = function(sHTMLClass, sHTMLType, sBinding, control) { if (this.cmp && this.cmp.setBinding(sHTMLClass, sHTMLType, sBinding, control)) return true; if (this.cpu && this.cpu.setBinding(sHTMLClass, sHTMLType, sBinding, control)) return true; if (this.kbd && this.kbd.setBinding(sHTMLClass, sHTMLType, sBinding, control)) return true; if (DEBUGGER && this.dbg && this.dbg.setBinding(sHTMLClass, sHTMLType, sBinding, control)) return true; return Component.prototype.setBinding.call(this, sHTMLClass, sHTMLType, sBinding, control); }; /** * initBus(cmp, bus, cpu, dbg) * * @this {Panel} * @param {Computer} cmp * @param {Bus} bus * @param {X86CPU} cpu * @param {Debugger} dbg */ Panel.prototype.initBus = function(cmp, bus, cpu, dbg) { this.cmp = cmp; this.cpu = cpu; this.dbg = dbg; this.kbd = cmp.getComponentByType("Keyboard"); }; /** * powerUp(data, fRepower) * * @this {Panel} * @param {Object|null} data * @param {boolean} [fRepower] * @return {boolean} true if successful, false if failure */ Panel.prototype.powerUp = function(data, fRepower) { if (!fRepower) { Panel.init(); } return true; }; /** * powerDown(fSave) * * @this {Panel} * @param {boolean} fSave * @return {Object|boolean} */ Panel.prototype.powerDown = function(fSave) { return true; }; /** * Panel.init() * * This function operates on every element (e) of class "panel", and initializes * all the necessary HTML to construct the Panel module(s) as spec'ed. * * Note that each element (e) of class "panel" is expected to have a "data-value" * attribute containing the same JSON-encoded parameters that the Panel constructor * expects. * * NOTE: Unlike most other component init() functions, this one is designed to be * called multiple times: once at load time, so that we can binding our print() * function to the panel's output control ASAP, and again when the Computer component * is verifying that all components are ready and invoking their setPower() functions. * * Our setPower() method gives us a second opportunity to notify any components that * that might care (eg, CPU, Keyboard, and Debugger) that we have some controls they * might want to use. */ Panel.init = function() { var fReady = false; var aePanels = Component.getElementsByClass(window.document, PCJSCLASS, "panel"); for (var iPanel=0; iPanel < aePanels.length; iPanel++) { var ePanel = aePanels[iPanel]; var parmsPanel = Component.getComponentParms(ePanel); var panel = Component.getComponentByID(parmsPanel['id']); if (!panel) { fReady = true; panel = new Panel(parmsPanel); } Component.bindComponentControls(panel, ePanel, PCJSCLASS); if (fReady) panel.setReady(); } }; /* * Initialize every Panel module on the page. */ web.onInit(Panel.init); if (typeof APP_PCJS !== 'undefined') APP_PCJS.Panel = Panel; if (typeof module !== 'undefined') module.exports = Panel;