| 1 | {{/* The demo application's list: demo-requests.html. Rastrillo's demo, |
| 2 | written in the markup of the Fiesta examples that document each piece: |
| 3 | page-header, seg-tabs, list-bar, the card rows, status-pill, row-menu |
| 4 | and pagination. */}} |
| 5 | <section class="app-view" id="view-requests"> |
| 6 | <header rst-page-header> |
| 7 | <div rst-page-header-titles> |
| 8 | <h1>Requests</h1> |
| 9 | <p rst-page-header-sub>Every request in the queue, newest first.</p> |
| 10 | </div> |
| 11 | <a rst-btn="primary" data-gallery-nav href="{{.Requests}}"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="M12 5v14"/></svg>New request</a> |
| 12 | </header> |
| 13 | <nav rst-seg-tabs aria-label="Requests"><a data-gallery-nav href="{{.Requests}}" aria-current="page">All</a><a data-gallery-nav href="{{.Requests}}">Open</a><a data-gallery-nav href="{{.Requests}}">Resolved</a></nav> |
| 14 | <div rst-card style="--rst-cols: minmax(0, 1fr) 120px 120px var(--rst-col-menu)"> |
| 15 | <div rst-lbar> |
| 16 | <search><form rst-search method="get" data-gallery-nav action="{{.Requests}}"> |
| 17 | <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg> |
| 18 | <input type="search" name="q" placeholder="Search requests" aria-label="Search requests"> |
| 19 | <button class="rst-sr-only" type="submit">Search</button> |
| 20 | </form></search> |
| 21 | </div> |
| 22 | <div rst-lrow="head"><span>Subject</span><span class="rst-m-hide">Status</span><span class="rst-m-hide">Updated</span><span></span></div> |
| 23 | <div rst-lrow><a class="rst-nm" data-gallery-nav href="{{.Request}}">Invoice #4471 never arrived<small><bdi>Fiona Reid</bdi> · Billing</small></a><span class="rst-m-hide"><span rst-status rst-tone="warning">Waiting</span></span><span class="rst-cell-mut rst-m-hide">09:12</span><details rst-row-menu name="rst-menus"> |
| 24 | <summary aria-label="Actions for Invoice #4471 never arrived"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg></summary> |
| 25 | <div rst-row-menu-panel> |
| 26 | <a data-gallery-nav href="{{.Request}}">Reply</a> |
| 27 | <hr> |
| 28 | <a class="rst-danger" data-gallery-nav href="{{.Request}}">Close request…</a> |
| 29 | </div> |
| 30 | </details></div> |
| 31 | <div rst-lrow><a class="rst-nm" data-gallery-nav href="{{.Request}}">Card declined on renewal<small><bdi>Otto Neurath</bdi> · Billing</small></a><span class="rst-m-hide"><span rst-status rst-tone="neutral">Open</span></span><span class="rst-cell-mut rst-m-hide">08:40</span><details rst-row-menu name="rst-menus"> |
| 32 | <summary aria-label="Actions for Card declined on renewal"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg></summary> |
| 33 | <div rst-row-menu-panel> |
| 34 | <a data-gallery-nav href="{{.Request}}">Reply</a> |
| 35 | <hr> |
| 36 | <a class="rst-danger" data-gallery-nav href="{{.Request}}">Close request…</a> |
| 37 | </div> |
| 38 | </details></div> |
| 39 | <div rst-lrow><a class="rst-nm" data-gallery-nav href="{{.Request}}">Export takes twenty minutes<small><bdi>Mary Sherman</bdi> · Data</small></a><span class="rst-m-hide"><span rst-status rst-tone="neutral">Open</span></span><span class="rst-cell-mut rst-m-hide">12 August</span><details rst-row-menu name="rst-menus"> |
| 40 | <summary aria-label="Actions for Export takes twenty minutes"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg></summary> |
| 41 | <div rst-row-menu-panel> |
| 42 | <a data-gallery-nav href="{{.Request}}">Reply</a> |
| 43 | <hr> |
| 44 | <a class="rst-danger" data-gallery-nav href="{{.Request}}">Close request…</a> |
| 45 | </div> |
| 46 | </details></div> |
| 47 | <div rst-lrow><a class="rst-nm" data-gallery-nav href="{{.Request}}">Seat count is wrong on the invoice<small><bdi>Hedy Lamarr</bdi> · Billing</small></a><span class="rst-m-hide"><span rst-status rst-tone="positive">Resolved</span></span><span class="rst-cell-mut rst-m-hide">11 August</span><details rst-row-menu name="rst-menus"> |
| 48 | <summary aria-label="Actions for Seat count is wrong on the invoice"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg></summary> |
| 49 | <div rst-row-menu-panel> |
| 50 | <a data-gallery-nav href="{{.Request}}">Reply</a> |
| 51 | <hr> |
| 52 | <a class="rst-danger" data-gallery-nav href="{{.Request}}">Close request…</a> |
| 53 | </div> |
| 54 | </details></div> |
| 55 | </div> |
| 56 | <p rst-count-line>1–4 of 24 requests</p> |
| 57 | <nav rst-pagination aria-label="Pagination"><span aria-current="page">1</span><a data-gallery-nav href="{{.Requests}}">2</a><a data-gallery-nav href="{{.Requests}}">3</a></nav> |
| 58 | <p><a rst-btn data-gallery-nav href="{{.Overview}}">{{.Back}}</a></p> |
| 59 | </section> |
| 60 | |
amadan