Blame view

bower_components/polymer-element-catalog/app/elements/pages/page-not-found.html 1.26 KB
07d13c9c   isisadmin   polymer catalog
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
  <link rel="import" href="../../bower_components/paper-toolbar/paper-toolbar.html">
  <link rel="import" href="../../bower_components/paper-drawer-panel/paper-drawer-panel.html">
  <link rel="import" href="../app-sidebar/app-sidebar.html">
  <link rel="import" href="../app-link/app-link.html">
  
  <dom-module id="page-not-found">
    <template>
      <style>
        paper-toolbar {
          background-color: white;
        }
        section {
          background-color: #fafafa;
          padding: 40px;
        }
      </style>
      <paper-drawer-panel id="drawerPanel" responsive-width="900px" drawer-width="272px" disable-edge-swipe>
        <app-sidebar drawer>
          <paper-toolbar>
            <app-logo class="flex"></app-logo>
            <app-bar class="horizontal layout center end-justified" query="{{q}}"></app-bar>
          </paper-toolbar>
        </app-sidebar>
        <section main class="fit">
          <h1>There isn't an element for that yet</h1>
          <p>It seems like you may have misspelled that URL...</p>
          <a href="/" is="app-link">Take me to the front page</a>
        </section>
      </paper-drawer-panel>
    </template>
  </dom-module>
  
  <script>
    Polymer({
      is: 'page-not-found',
      attached: function() {
        this.fire('page-meta', { title: 'Page not found' });
      }
    });
  </script>