<html>
<head>
  <title>quartiles-sk demo</title>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
  <script src="/res/common/js/common.js"></script>
  <script type="text/javascript" charset="utf-8">
    // Mock out sk.get() to return the commit info.
    sk.post = function(url) {
      return new Promise(function (resolve, reject) {
        reject('Shortcuts do not work in the demo.');
        });
    };
  </script>
  <script src="/res/imp/bower_components/webcomponentsjs/webcomponents-lite.js"></script>
  <link rel="import" href="/res/imp/bower_components/polymer/polymer.html">
  <link rel=import href="quartile.html">
  <link rel=import href="/res/common/imp/error-toast-sk.html">
  <link rel="stylesheet" href="/res/common/css/md.css">
</head>
<body>
  <h1>Quartiles</h1>

  <quartile-sk id=quar name=Regressions></quartile-sk>

  <h2>Event details</h2>
  <pre id=events></pre>

  <error-toast-sk></error-toast-sk>
  <script type="text/javascript" charset="utf-8">
    $$$('#quar').quartile = {
      centers: [
      {
        ids: [
          "Arm7:GCC:GPU:Adreno330:Nexus5:Android:GM_multipicturedraw_rectclip_simple_180_286:msaa4",
          "Arm7:GCC:GPU:Adreno330:Nexus5:Android:GM_varied_text_clipped_no_lcd_640_480:msaa4",
          "Arm7:GCC:GPU:Adreno330:Nexus5:Android:GM_radial_gradient3_nodither_500_500:msaa4",
          "Arm7:GCC:GPU:Adreno330:Nexus5:Android:GM_dashing5_aa_400_200:msaa4",
          "Arm7:GCC:GPU:Mali400MP2:AndroidOne:Android:GM_multipicturedraw_rectclip_tiled_180_286:msaa4",
          "Arm7:GCC:GPU:Adreno330:Nexus5:Android:GM_blurcircles_950_950:msaa4",
          "Arm7:GCC:GPU:Adreno330:Nexus5:Android:GM_multipicturedraw_sierpinski_simple_180_286:msaa4"
        ],
        size: 21,
        wordcloud: [
          [{Value: "Android", Weight: 26}],
          [{Value: "Arm7", Weight: 26}],
          [{Value: "GCC", Weight: 26}],
          [{Value: "GPU", Weight: 26}],
          [{Value: "gm", Weight: 26}],
          [{Value: "micro", Weight: 26}],
          [{Value: "min_ms", Weight: 26}],
          [{Value: "msaa4", Weight: 26}],
          [{Value: "Qualcomm", Weight: 25}, {Value: "ARM", Weight: 12}]
        ],
      },
      {
        ids: [
          "Arm7:GCC:GPU:Adreno330:Nexus5:Android:GM_convex_poly_clip_870_540:gpu",
          "x86_64:Clang:GPU:HD4000:MacMini6.2:Mac10.9:GM_multipicturedraw_pathclip_simple_180_286:gpu",
          "x86_64:Clang:GPU:HD4000:MacMini6.2:Mac10.9:GM_blurcircles_950_950:gpu",
          "x86_64:Clang:CPU:AVX:MacMini6.2:Mac10.9:GM_convex_poly_clip_870_540:8888",
          "Arm7:GCC:GPU:Adreno330:Nexus5:Android:GM_dashing5_aa_400_200:gpu",
          "Arm7:GCC:GPU:Adreno330:Nexus5:Android:GM_blurcircles_950_950:gpu",
          "x86_64:Clang:GPU:HD4000:MacMini6.2:Mac10.9:GM_multipicturedraw_biglayer_simple_180_286:gpu",
          "Arm7:GCC:GPU:Adreno330:Nexus5:Android:GM_radial_gradient3_500_500:gpu"
        ],
        size: 13,
        wordcloud: [
          [{Value: "gm", Weight: 26}],
          [{Value: "micro", Weight: 26}],
          [{Value: "min_ms", Weight: 26}],
          [{Value: "GPU", Weight: 24}, {Value: "CPU", Weight: 13}],
          [{Value: "gpu", Weight: 24}, {Value: "8888", Weight: 13}],
          [{Value: "Android", Weight: 21}, {Value: "Mac10.9", Weight: 16}],
          [{Value: "Arm7", Weight: 21}, {Value: "x86_64", Weight: 16}],
          [{Value: "GCC", Weight: 21}, {Value: "Clang", Weight: 16}],
          [{Value: "Qualcomm", Weight: 21}, {Value: "Intel Inc.", Weight: 15}],
        ],
      },
      ],
      percent: 0.041025641025641026
    }

    document.body.addEventListener("view-traces", function(e) {
      $$$('#events').textContent = JSON.stringify(e.detail, null, 2);
    });
  </script>
</body>
</html>