mbed-simulator/viewer/js-ui/components/led.js

Mbed OS 5 simulator

(function(exports) {
    function Led(img, pins) {
        exports.BaseComponent.call(this);

        this.img = img;
        this.dataPin = pins.LED;

        this.componentsEl = document.querySelector('#components');
        this._on_pin_write = this.on_pin_write.bind(this);
    }

    Led.prototype = Object.create(exports.BaseComponent.prototype);

    Led.prototype.init = function() {
        window.MbedJSHal.gpio.on('pin_write', this._on_pin_write);

        var el = this._el = document.createElement('div');
        el.classList.add('component');
        el.classList.add('led');
        var p = document.createElement('p');
        p.classList.add('description');

        p.textContent = 'LED (' + this.pinNameForPin(this.dataPin) + ')';

        p.appendChild(this.createDestroyEl());
        el.appendChild(p);

        var img = document.createElement('img');
        img.src = '/img/' + this.img;
        img.style.width = '30px';
        el.appendChild(img);

        this.componentsEl.appendChild(el);

        this._on_pin_write(this.dataPin, MbedJSHal.gpio.read(this.dataPin), MbedJSHal.gpio.get_type(this.dataPin));
    };

    Led.prototype.destroy = function() {
        window.MbedJSHal.gpio.removeListener('pin_write', this._on_pin_write);

        window.removeComponent(this);

        this.componentsEl.removeChild(this._el);
    };

    Led.prototype.on_pin_write = function(pin, value, type) {
        if (pin !== this.dataPin) return;

        if (type === MbedJSHal.gpio.TYPE.DIGITAL) {
            this._el.querySelector('img').style.opacity = value === 1 ? '1' : '0.3';
        }
        else if (type === MbedJSHal.gpio.TYPE.PWM) {
            this._el.querySelector('img').style.opacity = (value / 1024 * 0.7) + 0.3;
        }
        else {
            console.error('LED only supports DIGITAL|PWM, not', type);
        }
    };

    exports.LedRed = Led.bind(Led, 'led_red.png');
    exports.LedBlue = Led.bind(Led, 'led_blue.png');
    exports.LedYellow = Led.bind(Led, 'led_yellow.png');
    exports.LedWhite = Led.bind(Led, 'led_white.png');

})(window.MbedJSUI);