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

<table class="table is-fullwidth is-hoverable">
  <thead>
    <th>-</th>
    <th>All</th>
    <th>Winners</th>
    <th>Losers</th>
  </thead>
  <tbody>
    <tr>
      <th>Both</th>
      <td>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="#"
          hx-trigger="click"
          hx-target="#modals-here"
          class="button is-info is-small">
          <span class="icon-text">
            <span class="icon" data-tooltip="TP and SL for all in %">
              <i class="fa-solid fa-percent"></i>
            </span>
          </span>
        </button>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="#"
          hx-trigger="click"
          hx-target="#modals-here"
          class="button is-info is-small">
          <span class="icon-text">
            <span class="icon" data-tooltip="TP and SL for all from current price in %">
              <i class="fa-solid fa-money-bill"></i>
            </span>
          </span>
        </button>
      </td>
      <td>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="#"
          hx-trigger="click"
          hx-target="#modals-here"
          class="button is-success is-small">
          <span class="icon-text">
            <span class="icon" data-tooltip="TP and SL for winners in %">
              <i class="fa-solid fa-percent"></i>
            </span>
          </span>
        </button>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="#"
          hx-trigger="click"
          hx-target="#modals-here"
          class="button is-success is-small">
          <span class="icon-text">
            <span class="icon" data-tooltip="TP and SL for winners from current price in %">
              <i class="fa-solid fa-money-bill"></i>
            </span>
          </span>
        </button>
      </td>
      <td>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="#"
          hx-trigger="click"
          hx-target="#modals-here"
          class="button is-danger is-small">
          <span class="icon-text">
            <span class="icon" data-tooltip="TP and SL for losers in %">
              <i class="fa-solid fa-percent"></i>
            </span>
          </span>
        </button>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="#"
          hx-trigger="click"
          hx-target="#modals-here"
          class="button is-danger is-small">
          <span class="icon-text">
            <span class="icon" data-tooltip="TP and SL for losers from current price in %">
              <i class="fa-solid fa-money-bill"></i>
            </span>
          </span>
        </button>
      </td>
    </tr>
    <tr>
      <th>TP</th>
      <td>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="#"
          hx-trigger="click"
          hx-target="#modals-here"
          class="button is-info is-small">
          <span class="icon-text">
            <span class="icon" data-tooltip="TP for all in %">
              <i class="fa-solid fa-percent"></i>
            </span>
          </span>
        </button>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="#"
          hx-trigger="click"
          hx-target="#modals-here"
          class="button is-info is-small">
          <span class="icon-text">
            <span class="icon" data-tooltip="TP for all from current price in %">
              <i class="fa-solid fa-money-bill"></i>
            </span>
          </span>
        </button>
      </td>
      <td>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="#"
          hx-trigger="click"
          hx-target="#modals-here"
          class="button is-success is-small">
          <span class="icon-text">
            <span class="icon" data-tooltip="TP for winners in %">
              <i class="fa-solid fa-percent"></i>
            </span>
          </span>
        </button>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="#"
          hx-trigger="click"
          hx-target="#modals-here"
          class="button is-success is-small">
          <span class="icon-text">
            <span class="icon" data-tooltip="TP for winners from current price in %">
              <i class="fa-solid fa-money-bill"></i>
            </span>
          </span>
        </button>
      </td>
      <td>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="#"
          hx-trigger="click"
          hx-target="#modals-here"
          class="button is-danger is-small">
          <span class="icon-text">
            <span class="icon" data-tooltip="TP for losers in %">
              <i class="fa-solid fa-percent"></i>
            </span>
          </span>
        </button>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="#"
          hx-trigger="click"
          hx-target="#modals-here"
          class="button is-danger is-small">
          <span class="icon-text">
            <span class="icon" data-tooltip="TP for losers from current price in %">
              <i class="fa-solid fa-money-bill"></i>
            </span>
          </span>
        </button>
      </td>
    </tr>
    <tr>
      <th>SL</th>
      <td>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="#"
          hx-trigger="click"
          hx-target="#modals-here"
          class="button is-info is-small">
          <span class="icon-text">
            <span class="icon" data-tooltip="SL for all in %">
              <i class="fa-solid fa-percent"></i>
            </span>
          </span>
        </button>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="#"
          hx-trigger="click"
          hx-target="#modals-here"
          class="button is-info is-small">
          <span class="icon-text">
            <span class="icon" data-tooltip="SL for all from current price in %">
              <i class="fa-solid fa-money-bill"></i>
            </span>
          </span>
        </button>
      </td>
      <td>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="#"
          hx-trigger="click"
          hx-target="#modals-here"
          class="button is-success is-small">
          <span class="icon-text">
            <span class="icon" data-tooltip="SL for winners in %">
              <i class="fa-solid fa-percent"></i>
            </span>
          </span>
        </button>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="#"
          hx-trigger="click"
          hx-target="#modals-here"
          class="button is-success is-small">
          <span class="icon-text">
            <span class="icon" data-tooltip="SL for winners from current price in %">
              <i class="fa-solid fa-money-bill"></i>
            </span>
          </span>
        </button>
      </td>
      <td>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="#"
          hx-trigger="click"
          hx-target="#modals-here"
          class="button is-danger is-small">
          <span class="icon-text">
            <span class="icon" data-tooltip="SL for losers in %">
              <i class="fa-solid fa-percent"></i>
            </span>
          </span>
        </button>
        <button
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="#"
          hx-trigger="click"
          hx-target="#modals-here"
          class="button is-danger is-small">
          <span class="icon-text">
            <span class="icon" data-tooltip="SL for losers from current price in %">
              <i class="fa-solid fa-money-bill"></i>
            </span>
          </span>
        </button>
      </td>
    </tr>
  </tbody>
</table>