gram:op

> ./lib/op_web/live/queri_live/index.html.heex

Lenses
(coming soon!)

<.header>
  Listing Queries
  <:actions>
    <.link patch={~p"/queri/new"}>
      <.button>New Queri</.button>
    </.link>
  </:actions>
</.header>

<.table
  id="queries"
  rows={@streams.queries}
  row_click={fn {_id, queri} -> JS.navigate(~p"/queri/#{queri}") end}
>
  <:col :let={{_id, queri}} label="Label"><%= queri.label %></:col>
  <:col :let={{_id, queri}} label="Source"><%= queri.source %></:col>
  <:col :let={{_id, queri}} label="Code"><%= queri.code %></:col>
  <:col :let={{_id, queri}} label="Lang"><%= queri.lang %></:col>
  <:col :let={{_id, queri}} label="Applies"><%= queri.applies %></:col>
  <:col :let={{_id, queri}} label="Expires"><%= queri.expires %></:col>
  <:col :let={{_id, queri}} label="Cache"><%= queri.cache %></:col>
  <:col :let={{_id, queri}} label="Chronology"><%= queri.chronology %></:col>
  <:col :let={{_id, queri}} label="Signed"><%= queri.signed %></:col>
  <:action :let={{_id, queri}}>
    <div class="sr-only">
      <.link navigate={~p"/queri/#{queri}"}>Show</.link>
    </div>
    <.link patch={~p"/queri/#{queri}/edit"}>Edit</.link>
  </:action>
  <:action :let={{id, queri}}>
    <.link
      phx-click={JS.push("delete", value: %{id: queri.id}) |> hide("##{id}")}
      data-confirm="Are you sure?"
    >
      Delete
    </.link>
  </:action>
</.table>

<.modal :if={@live_action in [:new, :edit]} id="queri-modal" show on_cancel={JS.patch(~p"/queri")}>
  <.live_component
    module={OpWeb.QueriLive.FormComponent}
    id={@queri.id || :new}
    title={@page_title}
    action={@live_action}
    queri={@queri}
    patch={~p"/queri"}
  />
</.modal>