client.js

"use strict";

COBI.init('token');

// Make clock appear in upper right corner
COBI.app.clockVisible.write(false);
// Also listen to standard controller events
COBI.devkit.overrideThumbControllerMapping.write(true);

// Disable Reordering in Experience
var inEditMode = (COBI.parameters.state() == COBI.state.edit);

// React on theme changes
COBI.app.theme.subscribe(function (value) {
    $('.unit').css('color', 'rgb(' + value.baseColor.red + ',' + value.baseColor.green + ',' + value.baseColor.blue + ')');
});

// Display detailled item names if touch interaction is allowed
COBI.app.touchInteractionEnabled.subscribe(function(touchInteractionEnabled) {
//  updateInterfaceVisibility(touchInteractionEnabled);
  if (touchInteractionEnabled) {
    $('#maingrid').removeClass('grid2');
    if (inEditMode) {
      $('#maingrid').addClass('grid3');
    } else {
      $('#maingrid').addClass('grid1');
    }
  } else {
    $('#maingrid').removeClass('grid1 grid3');
    $('#maingrid').addClass('grid2');
  }
  onWindowResize();
});

var biergarten = makeBiergarten('$h4cKth34lpS');



// Define id, name, events, formatting functions, units and default value for each item
var definitions = [
    {
        id: 'data-field1',
        name: 'POI VISITS',
        subscribe: biergarten.subscribe,
        unsubscribe: biergarten.unsubscribe,
        formatter: formatInt,
        unit: 'highlights',
        defaultValue: '-',
        color: 0xe8596c,
        value: 0,
        xscale: 100,
        yoff: 25,
    },
    {
        id: 'data-field5',
        name: 'Avg Speed',
        subscribe: COBI.tourService.averageSpeed.subscribe,
        unsubscribe: COBI.tourService.averageSpeed.unsubscribe,
        formatter: formatSpeedDot1,
        unit: 'Ø km/h',
        defaultValue: '-',
        value: 0.,
    },
    {
        id: 'data-field6',
        name: 'User Power',
        subscribe: COBI.rideService.userPower.subscribe,
        unsubscribe: COBI.rideService.userPower.unsubscribe,
        formatter: formatInt,
        unit: 'watts',
        defaultValue: '-',
        value: 0,
    },
    {
        id: 'data-field7',
        name: 'Cadence',
        subscribe: COBI.rideService.cadence.subscribe,
        unsubscribe: COBI.rideService.cadence.unsubscribe,
        formatter: formatInt,
        unit: 'rpm',
        defaultValue: '-',
        value: 0,
    },
    {
        id: 'data-field2',
        name: 'Distance',
        subscribe: COBI.tourService.ridingDistance.subscribe,
        unsubscribe: COBI.tourService.ridingDistance.unsubscribe,
        formatter: formatDistanceDot1,
        unit: 'km',
        defaultValue: '-',
        color: 0xd1ef7f,
        xscale: 35,
        yoff: 25,
        value: 0
    },
    {
        id: 'calories',
        name: 'Calories',
        subscribe: COBI.tourService.calories.subscribe,
        unsubscribe: COBI.tourService.calories.unsubscribe,
        formatter: formatInt,
        unit: 'kcal',
        defaultValue: '-',
        value: 0
    },
    {
        id: 'data-field4',
        name: 'Ascent',
        subscribe: COBI.tourService.ascent.subscribe,
        unsubscribe: COBI.tourService.ascent.unsubscribe,
        formatter: formatInt,
        unit: 'm',
        defaultValue: '-',
        color: 0x58c6e2,
        xscale: 50,
        yoff: 25,
        value: 0
    },
    {
        id: 'heart_rate',
        name: 'Heart Rate',
        subscribe: COBI.rideService.heartRate.subscribe,
        unsubscribe: COBI.rideService.heartRate.unsubscribe,
        formatter: formatInt,
        unit: 'bpm',
        defaultValue: '-',
        value: 0
    },
    {
        id: 'data-field3',
        name: 'Duration',
        subscribe: COBI.tourService.ridingDuration.subscribe,
        unsubscribe: COBI.tourService.ridingDuration.unsubscribe,
        formatter: formatMins,
        unit: 'min',
        defaultValue: '-',
        color: 0xf4cf61,
        xscale: 25,
        yoff: 25,
        value: 0
    },
];