dpaw-monorail-plugin/src/view.js

JS library to link the brocket network to the QGIS/monorail server

/**
 * @fileOverview
 * @name view.js<monorail>
 * @author Gavin Coombes
 * @license BSD-3-Clause
 */

let Cycle = require('@cycle/core');
let CycleDOM = require('@cycle/dom');
let Rx = require('rx');
let u = require('dpaw-brocket-utility');

let h = CycleDOM.h;
let Obs = Rx.Observable;
let log = u.log;

function view(state$, incoming$) {
  let vtree$ = Obs.combineLatest(
    state$, incoming$, render
  );
  return vtree$;
}

function render(state, incoming) {
  log('monorail.view.render: got state', state);
  let view = h('div', [
    h('h2', 'Welcome to the monorail plugin'),
    h('div.log-container', [ incoming ])
  ]);
  return view;
}


module.exports = view;


function renderWeightSlider(weight) {
  return h('div', [
    'Weight ' + weight + 'kg',
    h('input#weight', {type: 'range', min: 40, max: 140, value: weight})
  ]);
}

function renderHeightSlider(height) {
  return h('div', [
    'Height ' + height + 'cm',
    h('input#height', {type: 'range', min: 140, max: 210, value: height})
  ]);
}