kit

Find

Built revision v17.10.0

Phoenix
Topics

Human support

Bring a missing role, layout, or state, or a rendering against the standard, to the session working on kit. Name the package and the entry.

Find

Open the whole page

Source
<Kit.Phoenix.Layouts.Shell.shell print_identity={@print.identity} print_subject={@print.subject} print_standing={@print.standing} print_tenant={@print.tenant} product="kit" navigation_label="Application" navigation="none" density="desk">
  <:subject>Find</:subject>
  <:lede words={@owner} />
  <:lede words="Layout example" />
  <:actions><a href="../layout-find/#layout-find">{@owner}</a></:actions>
  <:body>
    <Kit.Phoenix.Layouts.Find.find subject_state={Kit.Phoenix.State.none()}>
      <:query
        id="find-query-form-group"
        label="Find a subject or command"
        control_value="new"
        control_rest={%{id: "find-query", placeholder: "Find a hirer, booking, hall or invoice", "aria-describedby": "find-count"}}
      />
      <:scope><Kit.Phoenix.Roles.FormGroup.form_group id="find-scope-form-group"><:label>Search in</:label><:control_set :let={binding}><Kit.Phoenix.Roles.SegmentedControl.segmented_control binding={binding} name="find-scope" value="all"><:option value="all">All</:option><:option value="hirers">Hirers</:option><:option value="bookings">Bookings</:option><:option value="halls">Halls</:option><:option value="invoices">Invoices</:option></Kit.Phoenix.Roles.SegmentedControl.segmented_control></:control_set></Kit.Phoenix.Roles.FormGroup.form_group></:scope>
      <:scope_count rest={%{id: "find-count"}}>12 results for “new”</:scope_count>
      <:subject_groups rest={%{"aria-labelledby": "hirers-title"}} heading="Hirers" heading_rest={%{id: "hirers-title"}}>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../record/">Riverside Newcomers Club</:subject>
          <:facts>Billing contact: Maya Patel</:facts>
        </Kit.Phoenix.Roles.Row.row>
      </:subject_groups>
      <:command_group rest={%{"aria-labelledby": "commands-title"}} heading="Commands" heading_rest={%{id: "commands-title"}}>
        <Kit.Phoenix.Layouts.Find.commands>
          <:command keys={["n"]} keyshortcuts="n" href="../calendar/">New booking</:command>
        </Kit.Phoenix.Layouts.Find.commands>
      </:command_group>
      <:page_foot>
        <p>Result 6 of 12 ·&nbsp;1 per page</p>
        <Kit.Phoenix.Roles.Pager.pager current_page={6} last_page={12} page_href={&"?query=new&page=#{&1}"} aria-label="Search result pages" />
      </:page_foot>
    </Kit.Phoenix.Layouts.Find.find>
    <Kit.Phoenix.Layouts.Find.find subject_state={Kit.Phoenix.State.none()}>
      <:query
        id="find-scan-form-group"
        label="Find a reference"
        scannable
        control_value="INV-1042"
        control_rest={%{id: "find-scan-query", name: "query", autofocus: false, placeholder: "Find by reference"}}
      />
      <:scope_count>1 result for “INV-1042”</:scope_count>
      <:subject_groups heading="Invoices">
        <Kit.Phoenix.Roles.Row.row><:subject href="../record/">INV-1042</:subject></Kit.Phoenix.Roles.Row.row>
      </:subject_groups>
    </Kit.Phoenix.Layouts.Find.find>
    <Kit.Phoenix.Layouts.Find.find subject_state={Kit.Phoenix.State.none()} id="layout-find-empty-region">
      <:query
        id="empty-region-find-query-form-group"
        label="Find a subject or command"
        control_value="North"
        control_rest={%{id: "empty-region-find-query", autofocus: false, placeholder: "Find a hirer, booking, hall or invoice", "aria-describedby": "empty-region-find-count"}}
      />
      <:scope_count rest={%{id: "empty-region-find-count"}}>12 results for “North”</:scope_count>
      <:page_foot><p :if={false}>Result 6 of 12 ·&nbsp;1 per page</p></:page_foot>
    </Kit.Phoenix.Layouts.Find.find>
    <Kit.Phoenix.Layouts.Find.find subject_state={Kit.Phoenix.State.none()} id="layout-find-command-waiting">
      <:query
        id="waiting-find-query-form-group"
        label="Find a subject or command"
        control_value="new"
        control_rest={%{id: "waiting-find-query", autofocus: false, placeholder: "Find a hirer, booking, hall or invoice", "aria-describedby": "waiting-find-count"}}
      />
      <:scope_count rest={%{id: "waiting-find-count"}}>12 results for “new”</:scope_count>
      <:command_group rest={%{"aria-labelledby": "waiting-commands-title"}} heading="Commands" heading_rest={%{id: "waiting-commands-title"}}>
        <Kit.Phoenix.Layouts.Find.commands>
          <:command keys={["n"]} keyshortcuts="n" rest={%{"aria-busy" => "true"}}>New booking</:command>
        </Kit.Phoenix.Layouts.Find.commands>
      </:command_group>
      <:page_foot><p :if={false}>Result 6 of 12 ·&nbsp;1 per page</p></:page_foot>
    </Kit.Phoenix.Layouts.Find.find>
  </:body>
</Kit.Phoenix.Layouts.Shell.shell>

Find, refused-undo

Open the whole page

Source
<Kit.Phoenix.Layouts.Shell.shell print_identity={@print.identity} print_subject={@print.subject} print_standing={@print.standing} print_tenant={@print.tenant} product="kit" navigation_label="Application" navigation="none" density="desk">
  <:subject>Find</:subject>
  <:lede words={@owner} />
  <:lede words="Layout example" />
  <:actions><a href="../../layout-find/#layout-find-refused-undo">{@owner}</a></:actions>
  <:body>
    <Kit.Phoenix.Layouts.Find.find subject_state={Kit.Phoenix.State.none()}>
      <:page_refusal>
        <Kit.Phoenix.Roles.Refusal.refusal id="find-undo-refused-1">
          <:line>Undo is refused: North Hall Players was deleted after you archived it.</:line>
        </Kit.Phoenix.Roles.Refusal.refusal>
      </:page_refusal>
      <:query
        id="find-query-form-group"
        label="Find a subject or command"
        control_value="new"
        control_rest={%{id: "find-query", placeholder: "Find a hirer, booking, hall or invoice", "aria-describedby": "find-count"}}
      />
      <:scope><Kit.Phoenix.Roles.FormGroup.form_group id="find-scope-form-group"><:label>Search in</:label><:control_set :let={binding}><Kit.Phoenix.Roles.SegmentedControl.segmented_control binding={binding} name="find-scope" value="all"><:option value="all">All</:option><:option value="hirers">Hirers</:option><:option value="bookings">Bookings</:option><:option value="halls">Halls</:option><:option value="invoices">Invoices</:option></Kit.Phoenix.Roles.SegmentedControl.segmented_control></:control_set></Kit.Phoenix.Roles.FormGroup.form_group></:scope>
      <:scope_count rest={%{id: "find-count"}}>12 results for “new”</:scope_count>
      <:subject_groups rest={%{"aria-labelledby": "hirers-title"}} heading="Hirers" heading_rest={%{id: "hirers-title"}}>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Riverside Newcomers Club</:subject>
          <:facts>Billing contact: Maya Patel</:facts>
        </Kit.Phoenix.Roles.Row.row>
      </:subject_groups>
      <:command_group rest={%{"aria-labelledby": "commands-title"}} heading="Commands" heading_rest={%{id: "commands-title"}}>
        <Kit.Phoenix.Layouts.Find.commands>
          <:command keys={["n"]} keyshortcuts="n" href="../../calendar/">New booking</:command>
        </Kit.Phoenix.Layouts.Find.commands>
      </:command_group>
      <:page_foot>
        <p>Result 6 of 12 ·&nbsp;1 per page</p>
        <Kit.Phoenix.Roles.Pager.pager current_page={6} last_page={12} page_href={&"?query=new&page=#{&1}"} aria-label="Search result pages" />
      </:page_foot>
    </Kit.Phoenix.Layouts.Find.find>
  </:body>
</Kit.Phoenix.Layouts.Shell.shell>