Add devices module after refactor

This commit is contained in:
mmcwilliams 2019-06-24 14:31:26 -04:00
parent 9331a766df
commit ad67e2f010
3 changed files with 482 additions and 482 deletions

View File

@ -1,51 +1,22 @@
const devices = {};
devices.init = function () {
'use strict';
devices.listen();
devices.profiles();
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...');
};
devices.profiles = function () {
'use strict';
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) => {
devices.profile($('#profile').val());
});
};
devices.profile = function (profile) {
'use strict';
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]
listen() {
ipcRenderer.on('ready', this.ready.bind(this));
ipcRenderer.on('intval', this.intvalCb.bind(this));
ipcRenderer.on('digital', this.digitalCb.bind(this));
}
if (typeof p.light !== 'undefined' && p.light === false) {
light.disable();
} else {
light.enable();
}
ipcRenderer.send('profile', { profile })
};
devices.listen = function () {
'use strict';
ipcRenderer.on('ready', devices.ready);
ipcRenderer.on('intval', devices.intvalCb);
ipcRenderer.on('filmout', devices.digitalCb);
};
devices.ready = function (event, arg) {
'use strict';
ready(event, arg) {
//console.dir(arg)
let opt;
let devs = [];
@ -57,9 +28,10 @@ devices.ready = function (event, 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}`
notify += arg[i].arduino + ' ';
}
else {
notify += `& ${arg[i].arduino}`;
}
}
opt = $('<option>');
@ -70,8 +42,9 @@ devices.ready = function (event, arg) {
}
if (notify !== 'Connected to ') {
gui.notify('DEVICES', notify);
} else {
gui.notify('DEVICES', 'Connected to mock devices')
}
else {
gui.notify('DEVICES', 'Connected to mock devices');
}
if (devs.length > 0) {
$('#devices').empty();
@ -83,23 +56,22 @@ devices.ready = function (event, arg) {
}
}
if (arg && arg.profile) {
$('#profile').val(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 {
}
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();
@ -109,10 +81,39 @@ devices.ready = function (event, arg) {
cam.second.enable();
}
return event.returnValue = true;
};
devices.intval = function () {
'use strict';
}
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 = {
@ -121,22 +122,21 @@ devices.intval = function () {
};
if (url !== '' && typeof url !== 'undefined') {
proceed = confirm(`Are you sure you want to connect to INTVAL3 @ ${url}?`);
} else {
}
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 {
}
else {
$('#camera_type_arduino').prop('checked', 'checked');
$('#intval').removeClass('active');
}
};
devices.intvalCb = function (evt, args) {
'use strict';
}
intvalCb(evt, args) {
let state;
gui.spinner(false);
gui.overlay(false);
@ -148,21 +148,20 @@ devices.intvalCb = function (evt, args) {
$('#intval').val(args.url);
$('#intval').addClass('active');
$('#camera_type_intval').prop('checked', 'checked');
gui.notify('DEVICES', `Connected to INTVAL3 @ ${args.url}`)
gui.updateState()
} else {
gui.notify('DEVICES', `Connected to INTVAL3 @ ${args.url}`);
gui.updateState();
}
else {
$('#camera_type_arduino').prop('checked', 'checked');
$('#intval').removeClass('active');
}
};
devices.digitalSelect = function () {
'use strict';
}
digitalSelect() {
const elem = $('#digital');
const extensions = ['mpg', 'mpeg', 'mov', 'mkv', 'avi', 'mp4'];
dialog.showOpenDialog({
title: `Select video or image sequence`,
properties : [`openFile`], // openDirectory, multiSelection, openFile
properties: [`openFile`],
defaultPath: 'c:/',
filters: [
{
@ -172,7 +171,6 @@ devices.digitalSelect = function () {
]
}, (files) => {
let valid = false;
console.dir(files)
let path = files[0];
let displayName;
if (path && path !== '') {
@ -181,18 +179,17 @@ devices.digitalSelect = function () {
valid = true;
}
}
if (!valid) return false;
if (!valid)
return false;
log.info(`Selected video ${path.split('/').pop()}`, 'DIGITAL', true);
elem.attr('data-file', path);
displayName = path.split('/').pop()
displayName = path.split('/').pop();
elem.val(displayName);
$('#video_file').val(displayName);
}
})
});
}
devices.digital = function () {
'use strict';
digital() {
const elem = $('#digital');
const path = elem.attr('data-file');
const fileName = elem.val();
@ -200,24 +197,21 @@ devices.digital = function () {
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('filmout', obj)
} else {
ipcRenderer.send('digital', obj);
}
else {
$('#projector_type_digital').prop('checked', 'checked');
$('#digital').removeClass('active');
}
};
devices.digitalCb = function (evt, args) {
'use strict';
}
digitalCb(evt, args) {
let state;
let color = [255, 255, 255];
gui.spinner(false);
@ -228,25 +222,22 @@ devices.digitalCb = function (evt, args) {
$('#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 {
}
else {
$('#projector_type_digital').prop('checked', 'checked');
$('#digital').removeClass('active');
}
};
}
}
devices = new Devices();
module.exports = devices;

View File

@ -3,3 +3,4 @@
./node_modules/.bin/tsc ./src/lib/ui/grid.ts --outFile ./lib/ui/grid.js --noImplicitAny --lib ES2017 --lib ES2016 --lib dom -t ES2016
./node_modules/.bin/tsc ./src/lib/ui/seq.ts --outFile ./lib/ui/seq.js --noImplicitAny --lib ES2017 --lib ES2016 --lib dom -t ES2016
./node_modules/.bin/tsc ./src/lib/ui/filmout.ts --outFile ./lib/ui/filmout.js --noImplicitAny --lib ES2017 --lib ES2016 --lib dom -t ES2016
./node_modules/.bin/tsc ./src/lib/ui/devices.ts --outFile ./lib/ui/devices.js --noImplicitAny --lib ES2017 --lib ES2016 --lib dom -t ES2016

View File

@ -10,62 +10,40 @@ declare var log : any;
declare var w2popup : any;
declare var cam : any;
declare var proj : any;
declare var light : any;
declare var grid : any;
declare var ipcRenderer : any;
declare var dialog : any;
const devices = {};
let devices : Devices;
devices.init = function () {
'use strict';
devices.listen();
devices.profiles();
class Devices {
private id : string = 'devices';
constructor () {
this.init();
}
init () {
this.listen();
this.profiles();
gui.overlay(true);
gui.spinner(true, 'Checking for connected devices...');
};
devices.profiles = function () {
'use strict';
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) => {
devices.profile($('#profile').val());
});
};
devices.profile = function (profile) {
'use strict';
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]
listen () {
ipcRenderer.on('ready', this.ready.bind(this));
ipcRenderer.on('intval', this.intvalCb.bind(this));
ipcRenderer.on('digital', this.digitalCb.bind(this));
}
if (typeof p.light !== 'undefined' && p.light === false) {
light.disable();
} else {
light.enable();
}
ipcRenderer.send('profile', { profile })
};
devices.listen = function () {
'use strict';
ipcRenderer.on('ready', devices.ready);
ipcRenderer.on('intval', devices.intvalCb);
ipcRenderer.on('digital', devices.digitalCb);
};
devices.ready = function (event, arg) {
'use strict';
ready (event : any, arg : any) {
//console.dir(arg)
let opt;
let devs = [];
let notify = 'Connected to ';
let p;
let opt : any;
let devs : any[] = [];
let notify : string = 'Connected to ';
let p : any;
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') {
@ -81,11 +59,13 @@ devices.ready = function (event, arg) {
$(`#${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) {
@ -95,6 +75,7 @@ devices.ready = function (event, arg) {
$('#devices').append(opt);
}
}
if (arg && arg.profile) {
$('#profile').val(arg.profile)
log.info(`Using configuration profile "${arg.profile}"`, 'DEVICES', true, true);
@ -122,16 +103,48 @@ devices.ready = function (event, arg) {
cam.second.enable();
}
return event.returnValue = true;
};
}
devices.intval = function () {
'use strict';
const url = $('#intval').val();
let proceed = false;
let obj = {
profiles () {
const keys : string[] = Object.keys(cfg.profiles);
const elem : any = $('#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 : any) => {
const val : string = $('#profile').val() as string;
this.profile(val);
});
}
profile (profile : string) {
log.info(`Changed configuration profile to "${profile}"`, 'DEVICES', true, true);
const p : any = cfg.profiles[profile];
const keys : any[] = 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 : string = $('#intval').val() as string;
let proceed : boolean = false;
let obj : any = {
connect: true,
url : url
};
if ( url !== '' && typeof url !== 'undefined') {
proceed = confirm(`Are you sure you want to connect to INTVAL3 @ ${url}?`);
} else {
@ -146,11 +159,10 @@ devices.intval = function () {
$('#camera_type_arduino').prop('checked', 'checked');
$('#intval').removeClass('active');
}
};
}
devices.intvalCb = function (evt, args) {
'use strict';
let state;
intvalCb (evt : any, args : any) {
let state : any;
gui.spinner(false);
gui.overlay(false);
if (args.connected && args.connected === true) {
@ -167,12 +179,10 @@ devices.intvalCb = function (evt, args) {
$('#camera_type_arduino').prop('checked', 'checked');
$('#intval').removeClass('active');
}
};
devices.digitalSelect = function () {
'use strict';
const elem = $('#digital');
const extensions = ['mpg', 'mpeg', 'mov', 'mkv', 'avi', 'mp4'];
}
digitalSelect () {
const elem : any = $('#digital');
const extensions : string[] = ['mpg', 'mpeg', 'mov', 'mkv', 'avi', 'mp4'];
dialog.showOpenDialog({
title : `Select video or image sequence`,
properties : [`openFile`], // openDirectory, multiSelection, openFile
@ -183,11 +193,10 @@ devices.digitalSelect = function () {
extensions: ['*']
},
]
}, (files) => {
let valid = false;
console.dir(files)
let path = files[0];
let displayName;
}, (files : string[]) => {
let valid : boolean = false;
let path : string = files[0];
let displayName : string;
if (path && path !== '') {
for (let ext of extensions) {
if (path.toLowerCase().indexOf(`.${ext}`) !== -1) {
@ -203,14 +212,12 @@ devices.digitalSelect = function () {
}
})
}
devices.digital = function () {
'use strict';
const elem = $('#digital');
const path = elem.attr('data-file');
const fileName = elem.val();
let proceed = false;
let obj = {
digital () {
const elem : any = $('#digital');
const path : string = elem.attr('data-file');
const fileName : string = elem.val();
let proceed : boolean = false;
let obj : any = {
path,
fileName
}
@ -227,12 +234,10 @@ devices.digital = function () {
$('#projector_type_digital').prop('checked', 'checked');
$('#digital').removeClass('active');
}
};
devices.digitalCb = function (evt, args) {
'use strict';
let state;
let color = [255,255,255];
}
digitalCb (evt : any, args : any) {
let state : any;
let color : number[] = [255, 255, 255];
gui.spinner(false);
gui.overlay(false);
if (args.valid && args.valid === true) {
@ -260,6 +265,9 @@ devices.digitalCb = function (evt, args) {
$('#projector_type_digital').prop('checked', 'checked');
$('#digital').removeClass('active');
}
};
}
}
devices = new Devices();
module.exports = devices;