weiro/views/pages/index.html

<main class="container">
  <div class="my-4 d-flex justify-content-between align-items-baseline">
    <div>
      <a href="/sites/{{ .site.ID }}/pages/new" class="btn btn-success">New Page</a>
    </div>
  </div>

  {{ if .pages }}
    <table class="table" data-controller="pagelist" data-pagelist-site-id-value="{{ .site.ID }}">
      <thead>
        <tr>
          <th style="width: 2rem;"></th>
          <th>Title</th>
          <th>Slug</th>
          <th>Nav</th>
        </tr>
      </thead>
      <tbody data-pagelist-target="list">
        {{ range .pages }}
          <tr draggable="true" data-page-id="{{ .ID }}"
              data-action="dragstart->pagelist#dragStart dragover->pagelist#dragOver drop->pagelist#drop dragend->pagelist#dragEnd">
            <td class="text-muted" style="cursor: grab;">&#x2630;</td>
            <td><a href="/sites/{{ $.site.ID }}/pages/{{ .ID }}">{{ .Title }}</a></td>
            <td><code>{{ .Slug }}</code></td>
            <td>{{ if .ShowInNav }}Yes{{ end }}</td>
          </tr>
        {{ end }}
      </tbody>
    </table>
  {{ else }}
    <div class="h4 m-3 text-center">
      <div class="position-absolute top-50 start-50 translate-middle">📄<br>No pages yet.</div>
    </div>
  {{ end }}
</main>