beestat/js/component/modal/temperature_profiles_info.js

/**
 * Temperature Profiles Details
 */
beestat.component.modal.temperature_profiles_info = function() {
  beestat.component.modal.apply(this, arguments);
};
beestat.extend(beestat.component.modal.temperature_profiles_info, beestat.component.modal);

beestat.component.modal.temperature_profiles_info.prototype.decorate_contents_ = function(parent) {
  const thermostat = beestat.cache.thermostat[beestat.setting('thermostat_id')];

  const container = $.createElement('div')
    .style({
      'display': 'grid',
      'grid-template-columns': 'repeat(auto-fill, minmax(150px, 1fr))',
      'margin': '0 0 16px -16px'
    });
  parent.appendChild(container);

  const fields = [];

  [
    'heat_1',
    'heat_2',
    'auxiliary_heat_1',
    'auxiliary_heat_2',
    'cool_1',
    'cool_2',
    'resist'
  ].forEach(function(type) {
    if (thermostat.profile.temperature[type] !== null) {
      fields.push({
        'name': beestat.series['indoor_' + type + '_delta'].name,
        'value':
          'Slope = ' +
          thermostat.profile.temperature[type].linear_trendline.slope +
          '<br/>Intercept = ' +
          thermostat.profile.temperature[type].linear_trendline.intercept
      });
    }
  });

  fields.forEach(function(field) {
    var div = $.createElement('div')
      .style({
        'padding': '16px 0 0 16px'
      });
    container.appendChild(div);

    div.appendChild($.createElement('div')
      .style({
        'font-weight': beestat.style.font_weight.bold,
        'margin-bottom': (beestat.style.size.gutter / 4)
      })
      .innerHTML(field.name));
    div.appendChild($.createElement('div').innerHTML(field.value));
  });
};

beestat.component.modal.temperature_profiles_info.prototype.get_title_ = function() {
  return 'Temperature Profiles Info';
};