summaryrefslogtreecommitdiff
path: root/chromium/third_party/catapult/tracing/tracing/value/ui/array_of_numbers_span.html
blob: 9f90e35bdb7939886cf568bb3c174cfcf2b6bc74 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<!--
Copyright (c) 2015 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<link rel="import" href="/tracing/base/statistics.html">
<script>
'use strict';
tr.exportTo('tr.v.ui', function() {
  var ArrayOfNumbersSummaryModes = {
    AVERAGE_MODE: 'average-mode',
    TOTAL_MODE: 'total-mode'
  };
  return {
    ArrayOfNumbersSummaryModes: ArrayOfNumbersSummaryModes
  };
});
</script>
<polymer-element name="tr-v-ui-array-of-numbers-span">
  <template>
  </template>
  <script>
  'use strict';

  Polymer({
    created: function() {
      this.numbers_ = undefined;
      this.summaryMode_ = tr.v.ui.ArrayOfNumbersSummaryModes.AVERAGE_MODE;
    },

    get summaryMode() {
      return this.summaryMode_;
    },

    set summaryMode(summaryMode) {
      this.summaryMode_ = summaryMode;
      this.updateContents_();
    },

    get numbers() {
      return this.numbers_;
    },

    set numbers(numbers) {
      if (numbers === undefined) {
        this.numbers_ = undefined;
        this.updateContents_();
        return;
      }
      if (!(numbers instanceof Array))
        throw new Error('Must provide an array');
      this.numbers_ = numbers;
      this.updateContents_();
    },

    updateContents_: function() {
      if (this.numbers_ === undefined) {
        this.shadowRoot.textContent = '-';
        return;
      }

      var ArrayOfNumbersSummaryModes = tr.v.ui.ArrayOfNumbersSummaryModes;
      var value;
      if (this.summaryMode_ === ArrayOfNumbersSummaryModes.AVERAGE_MODE)
        value = tr.b.Statistics.mean(this.numbers_);
      else
        value = tr.b.Statistics.sum(this.numbers_);

      var valueRounded = Math.round(value * 1000.0) / 1000.0;
      this.shadowRoot.textContent = valueRounded;
    }
  });
  </script>
</polymer-element>