perf/res/imp/scaffold.html

<!-- The <perf-scaffold-sk> custom element declaration.

  Contains the title bar and drawer-panel for all the Perf pages. The
  rest of every Perf page should be a child of this element.

  Attributes:
    None.

  Events:
    None.

  Methods:
    None.
-->

<link rel=import href="/res/imp/bower_components/iron-flex-layout/iron-flex-layout-classes.html">
<link rel=import href="/res/imp/bower_components/iron-icon/iron-icon.html">
<link rel=import href="/res/imp/bower_components/iron-icons/iron-icons.html">
<link rel=import href="/res/imp/bower_components/paper-icon-button/paper-icon-button.html">
<link rel=import href="/res/imp/bower_components/paper-menu-button/paper-menu-button.html">
<link rel=import href="/res/imp/bower_components/paper-menu/paper-menu.html">

<link rel=import href="/res/common/imp/login.html">
<link rel=import href="/res/common/imp/error-toast-sk.html">

<dom-module id="perf-scaffold-sk">
  <style include="iron-flex iron-flex-alignment iron-positioning">
    * {
      font-family:Roboto,Helvetica,Arial,'Bitstream Vera Sans',sans-serif;
    }

    #nav a[href] {
      color: black;
      text-decoration: none;
    }

    #nav a[href]:hover {
      text-decoration: underline;
    }

    #nav a span {
      vertical-align: middle;
    }

    #nav div {
      margin: 1em;
    }

    #nav iron-icon {
      margin-right: 0.3em;
    }

    paper-menu {
      display: block;
    }

    paper-item {
      display: block;
      padding: 1em;
    }

    .toolbar {
      background: #1f78b4;
      color: white;
    }

    login-sk {
      margin-left: auto;
      margin-right: 1em;
      display: block;
      color: white;
      --login-sk-color: white;
    }

    .main {
      margin: 1em;
    }

    .name {
      font-size: 20px;
    }
  </style>
  <template>
    <div class="toolbar layout horizontal center">
      <paper-menu-button no_overlap>
        <paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button>
        <paper-menu id=nav class="dropdown-content">
          <paper-item><a href="/e/"><iron-icon icon="home"></iron-icon><span>Home</span></a></paper-item>
          <paper-item><a href="/c/"><iron-icon icon="sort"></iron-icon><span>Clustering<span></a></paper-item>
          <paper-item><a href="/t/"><iron-icon icon="trending-up"></iron-icon><span>Triage</span></a></paper-item>
          <paper-item><a href="/a/"><iron-icon icon="add-alert"></iron-icon><span>Alerts</span></a></paper-item>
          <paper-item><a href="/d/"><iron-icon icon="build"></iron-icon><span>Dry Run</span></a></paper-item>
          <paper-item><a href="/activitylog/"><iron-icon icon="event"></iron-icon><span>Admin Log</span></a></paper-item>
          <paper-item><a href="http://go/perf-user-doc"><iron-icon icon="help"></iron-icon><span>Help</span></a></paper-item>
          <paper-item><a href="https://github.com/google/skia-buildbot/tree/master/perf"><iron-icon icon="folder"></iron-icon><span>Code</span></a></paper-item>
        </paper-menu>
      </paper-menu-button>
      <div class=name>Perf</div>
      <login-sk></login-sk>
    </div>
    <div class=main>
      <content></content>
    </div>
    <error-toast-sk></error-toast-sk>
  </template>
</dom-module>

<script>
  Polymer({
    is: "perf-scaffold-sk",
  });
</script>