/**
 *
 * User: Martin Donnelly
 * Date: 2016-05-20
 * Time: 10:13
 *
 */
/* global CAPABILITY, inheritsFrom, capabilityManager, EJS */
/* global ble  */
/* jshint browser: true , devel: true*/

var CC2650_TMP = function(p) {
  'use strict';
  this.name = 'Thermopile';
  this.deviceID = p.deviceID || null;
  this.target = p.target || null;

  this.capabilityID = 'F000AA00-0451-4000-B000-000000000000';
  this.serviceDef = {
    service: 'F000AA00-0451-4000-B000-000000000000',
    data: 'F000AA01-0451-4000-B000-000000000000',
    notification: 'F0002902-0451-4000-B000-000000000000',
    configuration: 'F000AA02-0451-4000-B000-000000000000',
    period: 'F000AA03-0451-4000-B000-000000000000'

  };

  this.data = {temp: [], ambient: []};
  this.$result = {temp: null, ambient: null};
  this.setFrame();

  this.startService = function() {

    if (this.deviceID !== null) {

      console.log('Starting CC2650 Thermopile Service on ', this.deviceID);
      console.log(this.serviceDef);
      this.insertFrame();

      ble.startNotification(this.deviceID,
        this.serviceDef.service,
        this.serviceDef.data,
        this.onThermData.bind(this),
        this.onError);

      // Turn on thermopile
      var tmpConfig = new Uint8Array(1);
      tmpConfig[0] = 0x01;
      ble.write(this.deviceID,
        this.serviceDef.service,
        this.serviceDef.configuration,
        tmpConfig.buffer,
        function() { console.log('Started Thermopile.'); },
        this.onError);

    }

  };

  this.onThermData = function(data) {

    var ambTemp;
    var objTemp;
    var scale_lsb = 0.03125;
    var raw = new Uint16Array(data);

    var it = raw[0] >> 2;

    objTemp = it * scale_lsb;

    it = raw[1] >> 2;

    ambTemp = it * scale_lsb;

    var tStr = objTemp.toFixed(2) + '°C';
    var aStr = ambTemp.toFixed(2) + '°C';

    this.state = ['Temp: ', tStr, ', Ambient:', aStr].join(' ');

    this.data.temp = this.storeData(objTemp, this.data.temp);
    this.data.ambient = this.storeData(ambTemp, this.data.ambient);


    this.$result.temp.text(tStr);
    this.$result.ambient.text(aStr);

  };

  this.animateGraph = function() {
    // This.simpleGraph(this.data.temp, 'temp');
    // debugger;
    var arcTemp = this.frameID + 'temp-arc';
    var arcAmbient = this.frameID + 'ambient-arc';
    this.updateArc(this.data.temp, 'temp' , arcTemp, '°C', 50);
    this.updateArc(this.data.ambient, 'ambient' , arcAmbient, '°C', 50);

  };

  this.insertFrame = function() {

    var self = this;
    // Console.log('Overloading...');
    // Call the parent displayForm first...

    this.superClass_.insertFrame.call(self);

    var temp = this.frameID + '-t';
    var amb = this.frameID + '-a';


    var arcB = this.frameID + 'temp-arcB';
    var arcTemp = this.frameID + 'temp-arc';

    var ambientArcB = this.frameID + 'ambient-arcB';
    var arcAmbient = this.frameID + 'ambient-arc';

    var settings = {data: {baseID: this.frameID}};
    var html = new EJS({url: './partials/cc2650_thermopile_dial.ejs'}).render(settings);

    this.$id.append(html);

    document.getElementById(arcB).setAttribute('d', this.describeArc(150, 150, 100, 0, 240));
    document.getElementById(arcTemp).setAttribute('d', this.describeArc(150, 150, 100, 0, this.setArc(0)));

    document.getElementById(ambientArcB).setAttribute('d', this.describeArc(150, 150, 100, 0, 240));
    document.getElementById(arcAmbient).setAttribute('d', this.describeArc(150, 150, 100, 0, this.setArc(0)));


    /*Var row = $('<div />', {class: 'mui-row'});

    $('<div />',
      {class: 'mui-col-xs-3 mui--text-accent mui--text-right', text: 'Temp:'}).appendTo(row);

    $('<div />',
      {class: 'mui-col-xs-3 mui--text-light  mui--text-left', id: temp}).appendTo(row);
    $('<div />',
      {
        class: 'mui-col-xs-3 mui--text-accent mui--text-right',
        text: 'Ambient:'
      }).appendTo(row);

    $('<div />',
      {class: 'mui-col-xs-3 mui--text-light', id: amb}).appendTo(row);

    this.$id.append(row);

    if (/ipad/i.test(device.model)) {

      tabBody = $('<div>', {class: 'mui-row'});

      tabBody.append($('<div>',{class: 'mui-col-md-6'}).append(this.generateBlankGraph('temp')))   ;
      tabBody.append($('<div>',{class: 'mui-col-md-6'}).append(this.generateBlankGraph('ambient')))   ;
      this.$id.append(tabBody);

    } else {
      tabBody = $('<ul>', {class: 'mui-tabs__bar mui-tabs__bar--justified'});
      liSetting = {
        text: 'Temperature',
        'data-mui-toggle': 'tab',
        'data-mui-controls': (temp + '-pane')
      };
      $('<li>',{class: 'mui--is-active tabOnWhite'}).append($('<a>',liSetting)).appendTo(tabBody);
      liSetting = { text: 'Ambient','data-mui-toggle': 'tab', 'data-mui-controls': (amb + '-pane')};
      $('<li>', {class: 'tabOnWhite'}).append($('<a>',liSetting)).appendTo(tabBody);

      this.$id.append(tabBody);

      blankChart = this.generateBlankGraph('temp');

      this.$id.append($('<div>',{class: 'mui-tabs__pane mui--is-active',id: (temp + '-pane')}).append(blankChart));

      blankChart = this.generateBlankGraph('ambient');

      this.$id.append($('<div>',{class: 'mui-tabs__pane',id: (amb + '-pane')}).append(blankChart));
    }

*/


    this.$result.temp = $('#' + temp);
    this.$result.ambient = $('#' + amb);

  };

};

inheritsFrom(CC2650_TMP, CAPABILITY);

capabilityManager.register({id: 'F000AA00-0451-4000-B000-000000000000', module: CC2650_TMP});