mcopy/app/lib/ui/devices.js

'use strict';
let devices;
class Devices {
    constructor() {
        this.id = 'devices';
        this.init();
    }
    init() {
        this.listen();
        this.profiles();
        gui.overlay(true);
        gui.spinner(true, 'Checking for connected devices...');
    }
    listen() {
        ipcRenderer.on('ready', this.ready.bind(this));
        ipcRenderer.on('intval', this.intvalCb.bind(this));
        ipcRenderer.on('digital', this.digitalCb.bind(this));
    }
    ready(event, arg) {
        //console.dir(arg)
        let opt;
        let devs = [];
        let notify = 'Connected to ';
        let p;
        gui.spinner(false);
        gui.overlay(false);
        for (let i in arg) {
            devs.push(arg[i].arduino);
            if (arg[i].arduino && arg[i].arduino !== '/dev/fake') {
                if (notify === 'Connected to ') {
                    notify += arg[i].arduino + ' ';
                }
                else {
                    notify += `& ${arg[i].arduino}`;
                }
            }
            opt = $('<option>');
            opt.val(`ARDUINO_${arg[i].arduino}`);
            opt.text(arg[i].arduino);
            $(`#${i}_device`).empty();
            $(`#${i}_device`).append(opt);
        }
        if (notify !== 'Connected to ') {
            gui.notify('DEVICES', notify);
        }
        else {
            gui.notify('DEVICES', 'Connected to mock devices');
        }
        if (devs.length > 0) {
            $('#devices').empty();
            for (let i of devs) {
                opt = $('<option>');
                opt.val(i);
                opt.text(i);
                $('#devices').append(opt);
            }
        }
        if (arg && arg.profile) {
            $('#profile').val(arg.profile);
            log.info(`Using configuration profile "${arg.profile}"`, 'DEVICES', true, true);
            p = cfg.profiles[arg.profile];
            if (typeof p.light !== 'undefined' && p.light === false) {
                light.disable();
            }
            else {
                light.enable();
            }
            //devices.profile(arg.profile)
        }
        seq.set(0, cfg.cmd.camera_forward);
        seq.set(1, cfg.cmd.projector_forward);
        grid.state(0);
        grid.state(1);
        seq.stats();
        if (arg.projector_second) {
            //add second row of projector pads to grid
            proj.second.enable();
        }
        if (arg.camera_second) {
            //add second row of camera pads to grid
            cam.second.enable();
        }
        return event.returnValue = true;
    }
    profiles() {
        const keys = Object.keys(cfg.profiles);
        const elem = $('#profile');
        let opt;
        elem.empty();
        for (let key of keys) {
            opt = $('<option>');
            opt.val(key);
            opt.text(cfg.profiles[key].label);
            elem.append(opt);
        }
        elem.on('change', (t) => {
            const val = $('#profile').val();
            this.profile(val);
        });
    }
    profile(profile) {
        log.info(`Changed configuration profile to "${profile}"`, 'DEVICES', true, true);
        const p = cfg.profiles[profile];
        const keys = Object.keys(p);
        for (let key of keys) {
            cfg[key] = keys[key];
        }
        if (typeof p.light !== 'undefined' && p.light === false) {
            light.disable();
        }
        else {
            light.enable();
        }
        ipcRenderer.send('profile', { profile });
    }
    intval() {
        const url = $('#intval').val();
        let proceed = false;
        let obj = {
            connect: true,
            url: url
        };
        if (url !== '' && typeof url !== 'undefined') {
            proceed = confirm(`Are you sure you want to connect to INTVAL3 @ ${url}?`);
        }
        else {
            alert('Cannot connect to INTVAL3 url as entered.');
        }
        if (proceed) {
            gui.overlay(true);
            gui.spinner(true, `Connecting to INTVAL3 @ ${url}`);
            ipcRenderer.send('intval', obj);
        }
        else {
            $('#camera_type_arduino').prop('checked', 'checked');
            $('#intval').removeClass('active');
        }
    }
    intvalCb(evt, args) {
        let state;
        gui.spinner(false);
        gui.overlay(false);
        if (args.connected && args.connected === true) {
            //success state
            state = JSON.parse(args.state);
            cam.pos = state.counter;
            cam.dir = state.frame.dir;
            $('#intval').val(args.url);
            $('#intval').addClass('active');
            $('#camera_type_intval').prop('checked', 'checked');
            gui.notify('DEVICES', `Connected to INTVAL3 @ ${args.url}`);
            gui.updateState();
        }
        else {
            $('#camera_type_arduino').prop('checked', 'checked');
            $('#intval').removeClass('active');
        }
    }
    digitalSelect() {
        const elem = $('#digital');
        const extensions = ['mpg', 'mpeg', 'mov', 'mkv', 'avi', 'mp4'];
        dialog.showOpenDialog({
            title: `Select video or image sequence`,
            properties: [`openFile`],
            defaultPath: 'c:/',
            filters: [
                {
                    name: 'All Files',
                    extensions: ['*']
                },
            ]
        }, (files) => {
            let valid = false;
            let path = files[0];
            let displayName;
            if (path && path !== '') {
                for (let ext of extensions) {
                    if (path.toLowerCase().indexOf(`.${ext}`) !== -1) {
                        valid = true;
                    }
                }
                if (!valid)
                    return false;
                log.info(`Selected video ${path.split('/').pop()}`, 'DIGITAL', true);
                elem.attr('data-file', path);
                displayName = path.split('/').pop();
                elem.val(displayName);
                $('#video_file').val(displayName);
            }
        });
    }
    digital() {
        const elem = $('#digital');
        const path = elem.attr('data-file');
        const fileName = elem.val();
        let proceed = false;
        let obj = {
            path,
            fileName
        };
        if (path && path !== '') {
            proceed = confirm(`Are you sure you want to use ${fileName}?`);
        }
        if (proceed) {
            gui.overlay(true);
            gui.spinner(true, `Getting info about ${fileName}`);
            ipcRenderer.send('digital', obj);
        }
        else {
            $('#projector_type_digital').prop('checked', 'checked');
            $('#digital').removeClass('active');
        }
    }
    digitalCb(evt, args) {
        let state;
        let color = [255, 255, 255];
        gui.spinner(false);
        gui.overlay(false);
        if (args.valid && args.valid === true) {
            //success state
            state = JSON.parse(args.state);
            $('#digital').addClass('active');
            $('#projector_type_digital').prop('checked', 'checked');
            gui.notify('DEVICES', `Using video ${state.fileName}`);
            seq.set(0, 'PF');
            grid.state(0);
            seq.set(1, 'CF');
            seq.setLight(1, color);
            grid.state(1);
            if (light.disabled) {
                light.enable();
            }
            $('#seq_loop').val(`${state.frames - 1}`).trigger('change');
            gui.updateState();
        }
        else {
            $('#projector_type_digital').prop('checked', 'checked');
            $('#digital').removeClass('active');
        }
    }
}
devices = new Devices();
module.exports = devices;