<!--
  This in an HTML Import-able file that contains the definition
  of the following elements:

    <fuzzer-index-sk>

  To use this file import it:

    <link href="/res/imp/fuzzer-index-sk.html" rel="import" />

  Usage:

    <fuzzer-index-sk></fuzzer-index-sk>

  This is a top level element.

  Properties:
    None.

  Methods:
    None.

  Events:
    None.
-->
<link rel="import" href="/res/imp/bower_components/iron-flex-layout/iron-flex-layout-classes.html">
<link rel="import" href="/res/common/imp/app-sk.html" />
<link rel="import" href="fuzzer-menu-sk.html" />
<link rel="import" href="fuzzer-status-sk.html" />
<link rel="import" href="fuzzer-summary-sk.html" />

<dom-module id="fuzzer-index-sk">
  <template>
    <style include="iron-positioning">
      :host {
        --login-sk-color: #FFF;

        --app-sk-toolbar: {
          background-color: #8be1b8;
        };
        --app-sk-main: {
          background-color: #FFFFFF;
          font-family: sans-serif;
        };
      }
      .title {
        padding:2px;
        margin-top:5px;
      }
      .title {
        display:inline;
        font-size: 1.5em;
        -webkit-margin-before: 0.83em;
        -webkit-margin-after: 0.83em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        font-weight: bold;
      }
      .count {
        max-width:420px;
      }
    </style>
    <app-sk class="fit" header_height="60px">
      <img header id="logo" src="/res/img/skia_fuzz.png">
      <fuzzer-status-sk rtoolbar></fuzzer-status-sk>
      <fuzzer-menu-sk navigation>
        <h2>Priority Legend</h2>
        <ul>
          <li><b>High Priority</b> = ASAN/MSAN crashes (e.g. buffer overflow)</li>
          <li><b>Medium Priority</b> = other crashes (e.g. segfault)</li>
          <li><b>Low Priority</b> = SkAsserts and everything else</li>
        </ul>
      </fuzzer-menu-sk>

      <fuzzer-summary-sk></fuzzer-summary-sk>
    </app-sk>
  </template>
  <script>
    Polymer({
      is: 'fuzzer-index-sk'
    });
  </script>
</dom-module>