| 1 | {{/* The demo application's dashboard: what demo.html shows beside the |
| 2 | rail on a desktop, and demo-dashboard.html on its own. Rastrillo's |
| 3 | demo, written in the markup of the Fiesta examples that document each |
| 4 | piece: page-header, stat, meter, the card rows and status-pill. */}} |
| 5 | <section class="app-view" id="view-dashboard"> |
| 6 | <header rst-page-header> |
| 7 | <div rst-page-header-titles> |
| 8 | <h1>Dashboard</h1> |
| 9 | <p rst-page-header-sub>Everything the team has waiting this morning.</p> |
| 10 | </div> |
| 11 | </header> |
| 12 | <div rst-stats><div rst-stat="lead"><span rst-stat-label>Open requests</span><span rst-stat-num>24</span><span rst-stat-delta rst-tone="positive">−6</span><span rst-stat-note>since Monday</span></div><div rst-stat><span rst-stat-label>Waiting on us</span><span rst-stat-num>6</span></div><div rst-stat><span rst-stat-label>Resolved this week</span><span rst-stat-num>41</span><span rst-stat-delta rst-tone="positive">+12</span><span rst-stat-note>since Monday</span></div></div> |
| 13 | <div rst-box-head><h2>Mailbox storage</h2></div> |
| 14 | <section rst-box><span rst-meter><meter rst-meter-bar value="82" min="0" max="100" aria-hidden="true"></meter><span rst-meter-num>412 / 500</span></span></section> |
| 15 | <div rst-box-head><h2>Latest activity</h2><a rst-btn data-gallery-nav href="{{.Requests}}">Requests</a></div> |
| 16 | <div rst-card style="--rst-cols: minmax(0, 1fr) 120px"> |
| 17 | <div rst-lrow="head"><span>Subject</span><span class="rst-m-hide">Status</span></div> |
| 18 | <div rst-lrow><a class="rst-nm" data-gallery-nav href="{{.Request}}">Invoice #4471 never arrived<small><bdi>Fiona Reid</bdi> · 09:12</small></a><span class="rst-m-hide"><span rst-status rst-tone="warning">Waiting</span></span></div> |
| 19 | <div rst-lrow><a class="rst-nm" data-gallery-nav href="{{.Request}}">Card declined on renewal<small><bdi>Otto Neurath</bdi> · 08:40</small></a><span class="rst-m-hide"><span rst-status rst-tone="neutral">Open</span></span></div> |
| 20 | <div rst-lrow><a class="rst-nm" data-gallery-nav href="{{.Request}}">Seat count is wrong on the invoice<small><bdi>Hedy Lamarr</bdi> · 11 August</small></a><span class="rst-m-hide"><span rst-status rst-tone="positive">Resolved</span></span></div> |
| 21 | </div> |
| 22 | <p><a rst-btn data-gallery-nav href="{{.Overview}}">{{.Back}}</a></p> |
| 23 | </section> |
| 24 | |
amadan