// Copyright 2020 The Chromium Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

/**
 * @fileoverview ARC Power Control UI root element.
 */

/**
 * @type {Object}.
 * Currently loaded model.
 */
let activeModel = null;

/**
 * Sets current power control status.
 * @param {string} statusText text to set as a status.
 */
function setPowerControlStatus(statusText) {
  $('arc-power-control-status').textContent = statusText;
}

/**
 * Sets current tracing status.
 * @param {string} statusText text to set as a status.
 */
function setTracingStatus(statusText) {
  $('arc-tracing-status').textContent = statusText;
}

/**
 * Sets model to the view and refreshes everything.
 *
 * @param {object} model to display.
 */
function setModel(model) {
  activeModel = model;
  refreshModel();
}

/**
 * Sets throttling mode.
 *
 * @param {string} name of throttling mode.
 */
function setThrottlingMode(mode) {
  $('arc-power-control-throttling-disable').checked = false;
  $('arc-power-control-throttling-auto').checked = false;
  $('arc-power-control-throttling-force').checked = false;
  $('arc-power-control-throttling-' + mode).checked = true;
}

/**
 * Sets enable/disable power control
 *
 * @param {enable} true in case ARC power control enabled.
 */
function setPowerControlEnabled(enabled) {
  $('arc-power-control-buttons').hidden = !enabled;
}

function refreshModel() {
  // Clear previous content.
  $('arc-event-bands').textContent = '';

  if (!activeModel) {
    return;
  }
  const duration = activeModel.information.duration;

  // Microseconds per pixel. 100% zoom corresponds to 100 mcs per pixel.
  const resolution = zooms[zoomLevel];
  const parent = $('arc-event-bands');

  const topBandPadding = 4;
  const chartHeight = 96;
  const barHeight = 12;

  const controlTitle = new EventBandTitle(
      parent, undefined /* anchor */, 'Power control', 'arc-events-band-title');
  const controlBands =
      new EventBands(controlTitle, 'arc-events-band', resolution, 0, duration);
  controlBands.setWidth(controlBands.timestampToOffset(duration));
  controlBands.addChart(2 * barHeight, topBandPadding);

  const wakenessfullAttributes = {
    '-1': {color: '#ffc0cb', name: 'Unknown'},
    0: {color: '#5d5d5d', name: 'Asleep'},
    1: {color: '#fff0c7', name: 'Awake'},
    2: {color: '#c7cfff', name: 'Dreaming'},
    3: {color: '#3e49ed', name: 'Dozing'},
  };
  const throttlingAttributes = {
    0: {color: '#ffc0cb', name: 'Unknown'},
    1: {color: '#ccc', name: 'Throttling'},
    2: {color: '#7bed3e', name: 'Foreground'},
    3: {color: '#7bed3e', name: 'Foreground-important'},
    4: {color: '#7bed3e', name: 'Foreground-critical'},
  };

  controlBands.addBarSource(
      new Events(
          activeModel.system.memory, 14 /* kWakenessfullMode */,
          14 /* kWakenessfullMode */),
      wakenessfullAttributes, 0 /* y */, barHeight);
  controlBands.addBarSource(
      new Events(
          activeModel.system.memory, 15 /* kThrottlingMode */,
          15 /* kThrottlingMode */),
      throttlingAttributes, barHeight /* y */, barHeight);

  const cpusTitle = new EventBandTitle(
      parent, undefined /* anchor */, 'CPUs', 'arc-events-band-title');
  const cpusBands =
      new CpuEventBands(cpusTitle, 'arc-events-band', resolution, 0, duration);
  cpusBands.showDetailedInfo = false;
  cpusBands.setWidth(cpusBands.timestampToOffset(duration));
  cpusBands.setModel(activeModel);
  cpusBands.addChart(chartHeight, topBandPadding);
  cpusBands.addChartSources(
      [new Events(
          activeModel.system.memory, 8 /* kCpuTemperature */,
          8 /* kCpuTemperature */)],
      true /* smooth */);
  cpusBands.addChartSources(
      [new Events(
          activeModel.system.memory, 9 /* kCpuFrequency */,
          9 /* kCpuFrequency */)],
      true /* smooth */);
  cpusBands.addChartSources(
      [new Events(
          activeModel.system.memory, 10 /* kCpuPower */, 10 /* kCpuPower */)],
      true /* smooth */);

  const memoryTitle = new EventBandTitle(
      parent, undefined /* anchor */, 'Memory', 'arc-events-band-title');
  const memoryBands =
      new EventBands(memoryTitle, 'arc-events-band', resolution, 0, duration);
  memoryBands.setWidth(memoryBands.timestampToOffset(duration));
  memoryBands.addChart(chartHeight, topBandPadding);
  // Used memory chart.
  memoryBands.addChartSources(
      [new Events(
          activeModel.system.memory, 1 /* kMemUsed */, 1 /* kMemUsed */)],
      true /* smooth */);
  // Swap memory chart.
  memoryBands.addChartSources(
      [
        new Events(
            activeModel.system.memory, 2 /* kSwapRead */, 2 /* kSwapRead */),
        new Events(
            activeModel.system.memory, 3 /* kSwapWrite */, 3 /* kSwapWrite */),
      ],
      true /* smooth */);
  // Geom objects and size.
  memoryBands.addChartSources(
      [new Events(
          activeModel.system.memory, 5 /* kGemObjects */, 5 /* kGemObjects */)],
      true /* smooth */);
  memoryBands.addChartSources(
      [new Events(
          activeModel.system.memory, 6 /* kGemSize */, 6 /* kGemSize */)],
      true /* smooth */);
  memoryBands.addChartSources(
      [new Events(
          activeModel.system.memory, 12 /* kMemoryPower */,
          12 /* kMemoryPower */)],
      true /* smooth */);

  const chromeTitle = new EventBandTitle(
      parent, undefined /* anchor */, 'Chrome graphics',
      'arc-events-band-title');
  const chromeBands =
      new EventBands(chromeTitle, 'arc-events-band', resolution, 0, duration);
  chromeBands.setWidth(chromeBands.timestampToOffset(duration));
  chromeBands.addChart(chartHeight, topBandPadding);
  chromeBands.addChartSources(
      [new Events(
          activeModel.system.memory, 7 /* kGpuFrequency */,
          7 /* kGpuFrequency */)],
      false /* smooth */);
  chromeBands.addChartSources(
      [new Events(
          activeModel.system.memory, 11 /* kGpuPower */, 11 /* kGpuPower */)],
      true /* smooth */);
}

cr.define('cr.ArcPowerControl', function() {
  return {
    /**
     * Initializes internal structures.
     */
    initialize() {
      // Wakefulness mode
      $('arc-power-control-wakeup').onclick = function(event) {
        chrome.send('setWakefulnessMode', ['wakeup']);
      };
      $('arc-power-control-doze').onclick = function(event) {
        chrome.send('setWakefulnessMode', ['doze']);
      };
      $('arc-power-control-force-doze').onclick = function(event) {
        chrome.send('setWakefulnessMode', ['force-doze']);
      };
      $('arc-power-control-sleep').onclick = function(event) {
        chrome.send('setWakefulnessMode', ['sleep']);
      };
      // Throttling control
      $('arc-power-control-throttling-disable').onclick = function(event) {
        chrome.send('setThrottling', ['disable']);
      };
      $('arc-power-control-throttling-auto').onclick = function(event) {
        chrome.send('setThrottling', ['auto']);
      };
      $('arc-power-control-throttling-force').onclick = function(event) {
        chrome.send('setThrottling', ['force']);
      };
      // Tracing control
      $('arc-tracing-start').onclick = function(event) {
        chrome.send('startTracing');
      };
      $('arc-tracing-stop').onclick = function(event) {
        chrome.send('stopTracing');
      };

      initializeUi(10 /* zoomLevel */, function() {
        // Update function.
        refreshModel();
      });

      chrome.send('ready');
    },

    setPowerControlStatus: setPowerControlStatus,

    setTracingStatus: setTracingStatus,

    setThrottlingMode: setThrottlingMode,

    setPowerControlEnabled: setPowerControlEnabled,

    setModel: setModel,
  };
});

/**
 * Initializes UI.
 */
window.onload = function() {
  cr.ArcPowerControl.initialize();
};