fisk/core/templates/window-content/main.html

<p class="title">Management panel</p>

<table class="table is-fullwidth is-hoverable">
  <thead>
    <th>name</th>
    <th>actions</th>
  </thead>
  <div class="buttons">
    <tr>
      <td>Hooks</td>
      <td>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="{% url 'hooks' type='modal' %}"
          hx-trigger="click"
          hx-target="#modals-here"
          class="button is-info">
          <span class="icon-text">
            <span class="icon" data-tooltip="Modal">
              <i class="fa-solid fa-window-maximize"></i>
            </span>
          </span>
        </button>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="{% url 'hooks' type='widget' %}"
          hx-trigger="click"
          hx-target="#widgets-here"
          class="button is-info">
          <span class="icon-text">
            <span class="icon" data-tooltip="Widget">
              <i class="fa-solid fa-sidebar"></i>
            </span>
          </span>
        </button>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="{% url 'hooks' type='window' %}"
          hx-trigger="click"
          hx-target="#windows-here"
          hx-swap="afterend"
          class="button is-info">
          <span class="icon-text">
            <span class="icon" data-tooltip="Window">
              <i class="fa-solid fa-window-restore"></i>
            </span>
          </span>
        </button>
        <td>
        </tr>
        <tr>
          <td>Callbacks</td>
          <td>
            <button
              hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
              hx-get="{% url 'callbacks' type='modal' %}"
              hx-trigger="click"
              hx-target="#modals-here"
              class="button is-info">
              <span class="icon-text">
                <span class="icon" data-tooltip="Modal">
                  <i class="fa-solid fa-window-maximize"></i>
                </span>
              </span>
            </button>
            <button
              hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
              hx-get="{% url 'callbacks' type='widget' %}"
              hx-trigger="click"
              hx-target="#widgets-here"
              class="button is-info">
              <span class="icon-text">
                <span class="icon" data-tooltip="Widget">
                  <i class="fa-solid fa-sidebar"></i>
                </span>
              </span>
            </button>
            <button
              hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
              hx-get="{% url 'callbacks' type='window' %}"
              hx-trigger="click"
              hx-target="#windows-here"
              hx-swap="afterend"
              class="button is-info">
              <span class="icon-text">
                <span class="icon" data-tooltip="Window">
                  <i class="fa-solid fa-window-restore"></i>
                </span>
              </span>
            </button>
            <td>
            </tr>
          </div>

        </table>