kit

Shell

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.

Shell, desk

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} today={Kit.Phoenix.Time.day(reader(), ~D[2025-04-09])} pin={%Kit.Phoenix.Layouts.Shell.Pin{reason: "You can pin ten pages. Unpin one to pin this page."}} copy_link="https://oakmerehall.uk/checks/post-hire" product="Hallkeeper" tenant={Kit.Phoenix.Tenant.follows("Oakmere Village Hall Arts Centre")} navigation_label="Application" navigation="rail" density="desk" collapse_event="rail-collapse">
  <:destination href="#main" current icon="house" bar>Assigned work</:destination>
  <:query id="kit-shell-find-form-group" label="Find a subject or command" placeholder="Find a hirer or booking" href="../../find/" form_rest={%{action: "../../find/", method: "get"}} control_rest={%{id: "kit-shell-find"}} />
  <:destination href="?destination=booking-diary#main" icon="calendar" group="Hire days" bar>Diary</:destination>
  <:destination href="?destination=bookings#main" icon="calendar-check" group="Hire days">Bookings</:destination>
  <:destination href="?destination=checks#main" icon="clipboard-text" group="Hire days">Checks</:destination>
  <:destination href="?destination=keys#main" icon="key" group="Hire days">Keys</:destination>
  <:destination href="?destination=handovers#main" icon="handshake" group="Hire days">Handovers</:destination>
  <:destination href="?destination=cancellations#main" icon="calendar-x" group="Hire days">Cancellations</:destination>
  <:destination href="?destination=rooms#main" icon="buildings" group="The building">Rooms</:destination>
  <:destination href="?destination=repairs#main" icon="wrench" group="The building">Repairs</:destination>
  <:destination href="?destination=meters#main" icon="gauge" group="The building">Meters</:destination>
  <:destination href="?destination=cleaning#main" icon="broom" group="The building">Cleaning</:destination>
  <:destination href="?destination=equipment#main" icon="toolbox" group="The building">Equipment</:destination>
  <:destination href="?destination=fire-checks#main" icon="fire-extinguisher" group="The building">Fire checks</:destination>
  <:destination href="?destination=invoices#main" icon="receipt" group="Money" bar>Invoices</:destination>
  <:destination href="?destination=payments#main" icon="credit-card" group="Money">Payments</:destination>
  <:destination href="?destination=deposits#main" icon="vault" group="Money">Deposits</:destination>
  <:destination href="?destination=statements#main" icon="chart-bar" group="Money">Statements</:destination>
  <:destination href="?destination=rates#main" icon="tag" group="Money">Rates</:destination>
  <:destination href="?destination=grants#main" icon="coins" group="Money">Grants</:destination>
  <:destination href="?destination=hirers#main" icon="users" group="The people">Hirers</:destination>
  <:destination href="?destination=committee#main" icon="user-circle" group="The people">Committee</:destination>
  <:destination href="?destination=volunteers#main" icon="hand-heart" group="The people">Volunteers</:destination>
  <:destination href="?destination=messages#main" icon="envelope" group="The people">Messages</:destination>
  <:destination href="?destination=trustees#main" icon="shield-check" group="The people">Trustees</:destination>
  <:destination href="?destination=settings#main" icon="gear">Settings</:destination>
  <:help>
    <li><Kit.Phoenix.Roles.Destination.destination href="../../help/" icon="question">Help</Kit.Phoenix.Roles.Destination.destination></li>
  </:help>
  <:pinned href="?room=main-hall#main" icon="door">Main hall</:pinned>
  <:pinned href="?hire=saturday#main" icon="calendar-check">Saturday hire</:pinned>
  <:pinned href="?hirer=priya-shah#main" icon="user">Priya Shah</:pinned>
  <:pinned href="?room=kitchen#main" icon="cooking-pot">Kitchen</:pinned>
  <:pinned href="?view=unpaid-invoices#main" icon="funnel">Unpaid invoices</:pinned>
  <:pinned href="?repair=boiler-service#main" icon="wrench">Boiler service</:pinned>
  <:pinned href="?hirer=oakmere-players#main" icon="users-three">Oakmere Players</:pinned>
  <:pinned href="?repair=stage-lights#main" icon="lightbulb">Stage lights</:pinned>
  <:pinned href="?view=deposits-held#main" icon="funnel">Deposits held</:pinned>
  <:pinned href="?repair=fire-door-closer#main" icon="door-open">Fire door closer</:pinned>
  <:pinned href="?repair=car-park-barrier#main" icon="wrench">Car park barrier</:pinned>
  <:recent href="?room=committee-room#main" icon="door">Committee room</:recent>
  <:recent href="?room=main-hall#main" icon="door">Main hall</:recent>
  <:recent href="?volunteer=jon-bell#main" icon="user">Jon Bell</:recent>
  <:recent href="?invoice=oh-inv-003#main" icon="receipt">Invoice OH-INV-003</:recent>
  <:recent href="?hire=saturday-family-party#main" icon="calendar-check" time={Kit.Phoenix.Time.day(reader(), ~D[2025-04-12])}>Saturday family party hire</:recent>
  <:recent href="?room=green-room#main" icon="door">Green room</:recent>
  <:recent href="?room=toilets#main" icon="door">Toilets</:recent>
  <:account name="Maya Patel" initials="MP" role="Coordinator" availability="Away" email="maya.patel@oakmerehall.org.uk" workspaces_label="Your halls" />
  <:context name="Oakmere Village Hall Arts Centre" href="?hall=oakmere#main" current />
  <:context name="Willowbrook Community Centre" href="?hall=willowbrook#main" />
  <:account_settings href="?destination=account-settings#main" />
  <:sign_out action="?sign-out" />
  <:rail_head href="#main" />
  <:trail>
    <Kit.Phoenix.Roles.Trail.trail id="shell-trail" label="Breadcrumb">
      <:destination href="?destination=checks#main">Checks</:destination>
      <:parent href="?hire=saturday#main">Saturday hire</:parent>
    </Kit.Phoenix.Roles.Trail.trail>
  </:trail>
  <:subject>Post-hire checks due</:subject>
  <:lede words="Maya Patel" />
  <:lede words="Coordinator" />
  <:lede words="Oakmere Village Hall Arts Centre" />
  <:actions><a href="../../layout-shell/#layout-shell-desk">{@owner}</a></:actions>
  <:routes><a href="../../calendar/">Open booking diary</a></:routes>
  <:body id="main">
    <Kit.Phoenix.Layouts.Home.home subject_state={Kit.Phoenix.State.none()}>
      <:attention rest={%{"aria-labelledby": "attention-title"}} heading="Needs your attention" heading_rest={%{id: "attention-title"}}>
        <Kit.Phoenix.Roles.AttentionItem.attention_item>
          <:subject>Post-hire room checks</:subject>
          <:standing>Due: six rooms were hired since the last round.</:standing>
          <:urgency>Check the corridor before the next hire arrives.</:urgency>
          <:route href="#shell-scroll-target">Open the worksheet</:route>
        </Kit.Phoenix.Roles.AttentionItem.attention_item>
      </:attention>
      <:assigned_upcoming rest={%{"aria-labelledby": "assigned-title"}} heading="Assigned to you" heading_rest={%{id: "assigned-title"}}>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Main hall</:subject>
          <:facts>Fold the stack chairs back against the store room wall</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Committee room</:subject>
          <:facts>Check the window catches and the radiator valve</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Supper room</:subject>
          <:facts>Wipe the serving shelf and sweep the floor</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Kitchen</:subject>
          <:facts>Check the stopcock, the extractor and the fridge seal</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Store room</:subject>
          <:facts>Check the step ladder tags and the light by the fuse box</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Entrance</:subject>
          <:facts>Check the door closer and the noticeboard lights</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Lobby</:subject>
          <:facts>Check the coat hooks and the lost property box</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Cloakroom</:subject>
          <:facts>Check the rail brackets and the mirror fixings</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Office</:subject>
          <:facts>Check the safe, the phone and the first aid box</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Boiler room</:subject>
          <:facts>Check the pressure gauge and the flue vent</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/" rest={%{id: "shell-scroll-target"}}>Corridor</:subject>
          <:facts>Check the emergency lights and the handrail brackets</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Toilets</:subject>
          <:facts>Check the locks, the hand dryers and the floor drains</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Outside</:subject>
          <:facts>Check the yard light and the bin store gate</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Stage</:subject>
          <:facts>Check the curtain track and the stage lights</:facts>
          <:facts>Saturday</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Green room</:subject>
          <:facts>Check the mirror lights and the fire door</:facts>
          <:facts>Saturday</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Car park</:subject>
          <:facts>Check the barrier and the bollard lights</:facts>
          <:facts>Saturday</:facts>
        </Kit.Phoenix.Roles.Row.row>
      </:assigned_upcoming>
      <:followed_changes rest={%{"aria-labelledby": "changes-title"}} heading="Followed changes" heading_rest={%{id: "changes-title"}}>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Kitchen</:name>
          <:description>Jon reported a slow drain under the sink</:description>
          <:age>Just now</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Stage</:name>
          <:description>Maya booked the stage lights repair</:description>
          <:age>An hour ago</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Main hall</:name>
          <:description>Priya moved Saturday's hire to the morning</:description>
          <:age>Today</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Toilets</:name>
          <:description>Jon replaced the hand dryer fuse</:description>
          <:age>Yesterday</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Car park</:name>
          <:description>Maya renewed the barrier contract</:description>
          <:age>Yesterday</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Committee room</:name>
          <:description>Priya noted a sticking window catch</:description>
          <:age>Monday</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Green room</:name>
          <:description>Jon fitted a new fire door closer</:description>
          <:age>Monday</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Outside</:name>
          <:description>Maya booked the yard light repair</:description>
          <:age>Last week</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Entrance</:name>
          <:description>Priya renewed the noticeboard licence</:description>
          <:age>Last week</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Supper room</:name>
          <:description>Jon ordered new serving trays</:description>
          <:age>Last week</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Store room</:name>
          <:description>Maya retagged the step ladders</:description>
          <:age>Last week</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Corridor</:name>
          <:description>Jon tested the emergency lights</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Kitchen</:name>
          <:description>Priya booked the fridge service</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Stage</:name>
          <:description>Maya renewed the curtain inspection</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Lobby</:name>
          <:description>Priya moved the lost property box</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Office</:name>
          <:description>Maya replaced the first aid kit</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
      </:followed_changes>
    </Kit.Phoenix.Layouts.Home.home>
  </:body>
  <:service_destination href="?service=terms#main">Service terms</:service_destination>
  <:service_destination href="?service=status#main">Service status</:service_destination>
  <:keyboard_sheet>
    <Kit.Phoenix.Roles.KeyboardSheet.keyboard_sheet
      id="shell-keyboard-sheet"
      aria-labelledby="shell-shortcut-sheet-title"
    >
      <:heading rest={%{id: "shell-shortcut-sheet-title"}}>Keyboard shortcuts</:heading>
      <:group shortcuts={[%Kit.Phoenix.Roles.KeyboardSheet.Shortcut{name: "Find", keys: ["/"]}, %Kit.Phoenix.Roles.KeyboardSheet.Shortcut{name: "Today", keys: ["t"]}]}>Find and navigate</:group>
      <:group shortcuts={[%Kit.Phoenix.Roles.KeyboardSheet.Shortcut{name: "New booking", keys: ["n"]}, %Kit.Phoenix.Roles.KeyboardSheet.Shortcut{name: "Keyboard sheet", keys: ["?"]}]}>Booking work</:group>
      <:close>Close shortcuts</:close>
    </Kit.Phoenix.Roles.KeyboardSheet.keyboard_sheet>
  </:keyboard_sheet>
  <:palette>
    <Kit.Phoenix.Roles.Palette.palette id="shell-palette" label="Commands" placeholder="Type a command or a name" query="" on_change="palette" recent_name="Recent" actions_name="Actions" commands_name="Commands">
      <:command key="go-diary" name={[Kit.Phoenix.Roles.Palette.Part.plain("Go to diary")]} icon="calendar" keys={["G", "D"]} />
      <:command key="new-booking" name={[Kit.Phoenix.Roles.Palette.Part.plain("New booking")]} icon="plus" keys={["N"]} />
      <:search_for />
    </Kit.Phoenix.Roles.Palette.palette>
  </:palette>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, desk-inert

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} today={Kit.Phoenix.Time.day(reader(), ~D[2025-04-09])} pin={%Kit.Phoenix.Layouts.Shell.Pin{reason: "You can pin ten pages. Unpin one to pin this page."}} copy_link="https://oakmerehall.uk/checks/post-hire" copy_link_state={Kit.Phoenix.ActionState.inert("shell-copy-link-inert", "The page needs to be saved before you can copy its link.")} product="Hallkeeper" tenant={Kit.Phoenix.Tenant.follows("Oakmere Village Hall Arts Centre")} navigation_label="Application" navigation="rail" density="desk" collapse_event="rail-collapse">
  <:destination href="#main" current icon="house" bar>Assigned work</:destination>
  <:destination href="?destination=booking-diary#main" icon="calendar" group="Hire days" bar>Diary</:destination>
  <:destination href="?destination=bookings#main" icon="calendar-check" group="Hire days">Bookings</:destination>
  <:destination href="?destination=checks#main" icon="clipboard-text" group="Hire days">Checks</:destination>
  <:destination href="?destination=keys#main" icon="key" group="Hire days">Keys</:destination>
  <:destination href="?destination=handovers#main" icon="handshake" group="Hire days">Handovers</:destination>
  <:destination href="?destination=cancellations#main" icon="calendar-x" group="Hire days">Cancellations</:destination>
  <:destination href="?destination=rooms#main" icon="buildings" group="The building">Rooms</:destination>
  <:destination href="?destination=repairs#main" icon="wrench" group="The building">Repairs</:destination>
  <:destination href="?destination=meters#main" icon="gauge" group="The building">Meters</:destination>
  <:destination href="?destination=cleaning#main" icon="broom" group="The building">Cleaning</:destination>
  <:destination href="?destination=equipment#main" icon="toolbox" group="The building">Equipment</:destination>
  <:destination href="?destination=fire-checks#main" icon="fire-extinguisher" group="The building">Fire checks</:destination>
  <:destination href="?destination=invoices#main" icon="receipt" group="Money" bar>Invoices</:destination>
  <:destination href="?destination=payments#main" icon="credit-card" group="Money">Payments</:destination>
  <:destination href="?destination=deposits#main" icon="vault" group="Money">Deposits</:destination>
  <:destination href="?destination=statements#main" icon="chart-bar" group="Money">Statements</:destination>
  <:destination href="?destination=rates#main" icon="tag" group="Money">Rates</:destination>
  <:destination href="?destination=grants#main" icon="coins" group="Money">Grants</:destination>
  <:destination href="?destination=hirers#main" icon="users" group="The people">Hirers</:destination>
  <:destination href="?destination=committee#main" icon="user-circle" group="The people">Committee</:destination>
  <:destination href="?destination=volunteers#main" icon="hand-heart" group="The people">Volunteers</:destination>
  <:destination href="?destination=messages#main" icon="envelope" group="The people">Messages</:destination>
  <:destination href="?destination=trustees#main" icon="shield-check" group="The people">Trustees</:destination>
  <:destination href="?destination=settings#main" icon="gear">Settings</:destination>
  <:help>
    <li><Kit.Phoenix.Roles.Destination.destination href="../../help/" icon="question">Help</Kit.Phoenix.Roles.Destination.destination></li>
  </:help>
  <:pinned href="?room=main-hall#main" icon="door">Main hall</:pinned>
  <:pinned href="?hire=saturday#main" icon="calendar-check">Saturday hire</:pinned>
  <:pinned href="?hirer=priya-shah#main" icon="user">Priya Shah</:pinned>
  <:pinned href="?room=kitchen#main" icon="cooking-pot">Kitchen</:pinned>
  <:pinned href="?view=unpaid-invoices#main" icon="funnel">Unpaid invoices</:pinned>
  <:pinned href="?repair=boiler-service#main" icon="wrench">Boiler service</:pinned>
  <:pinned href="?hirer=oakmere-players#main" icon="users-three">Oakmere Players</:pinned>
  <:pinned href="?repair=stage-lights#main" icon="lightbulb">Stage lights</:pinned>
  <:pinned href="?view=deposits-held#main" icon="funnel">Deposits held</:pinned>
  <:pinned href="?repair=fire-door-closer#main" icon="door-open">Fire door closer</:pinned>
  <:pinned href="?repair=car-park-barrier#main" icon="wrench">Car park barrier</:pinned>
  <:recent href="?room=committee-room#main" icon="door">Committee room</:recent>
  <:recent href="?room=main-hall#main" icon="door">Main hall</:recent>
  <:recent href="?volunteer=jon-bell#main" icon="user">Jon Bell</:recent>
  <:recent href="?invoice=oh-inv-003#main" icon="receipt">Invoice OH-INV-003</:recent>
  <:recent href="?hire=saturday-family-party#main" icon="calendar-check" time={Kit.Phoenix.Time.day(reader(), ~D[2025-04-12])}>Saturday family party hire</:recent>
  <:recent href="?room=green-room#main" icon="door">Green room</:recent>
  <:recent href="?room=toilets#main" icon="door">Toilets</:recent>
  <:account name="Maya Patel" initials="MP" role="Coordinator" availability="Away" email="maya.patel@oakmerehall.org.uk" workspaces_label="Your halls" />
  <:context name="Oakmere Village Hall Arts Centre" href="?hall=oakmere#main" current />
  <:context name="Willowbrook Community Centre" href="?hall=willowbrook#main" />
  <:account_settings href="?destination=account-settings#main" />
  <:sign_out action="?sign-out" />
  <:rail_head href="#main" />
  <:trail>
    <Kit.Phoenix.Roles.Trail.trail id="shell-trail" label="Breadcrumb">
      <:destination href="?destination=checks#main">Checks</:destination>
      <:parent href="?hire=saturday#main">Saturday hire</:parent>
    </Kit.Phoenix.Roles.Trail.trail>
  </:trail>
  <:subject>Post-hire checks due</:subject>
  <:lede words="Maya Patel" />
  <:lede words="Coordinator" />
  <:lede words="Oakmere Village Hall Arts Centre" />
  <:actions action="secondary-action" action_state={Kit.Phoenix.ActionState.inert("shell-worksheet-inert", "The worksheet is being prepared.")}>Open worksheet</:actions>
  <:actions><a href="../../layout-shell/#layout-shell-desk-inert">{@owner}</a></:actions>
  <:routes><a href="../../calendar/">Open booking diary</a></:routes>
  <:body id="main">
    <Kit.Phoenix.Layouts.Home.home subject_state={Kit.Phoenix.State.none()}>
      <:attention rest={%{"aria-labelledby": "attention-title"}} heading="Needs your attention" heading_rest={%{id: "attention-title"}}>
        <Kit.Phoenix.Roles.AttentionItem.attention_item>
          <:subject>Post-hire room checks</:subject>
          <:standing>Due: six rooms were hired since the last round.</:standing>
          <:urgency>Check the corridor before the next hire arrives.</:urgency>
          <:route href="#shell-scroll-target">Open the worksheet</:route>
        </Kit.Phoenix.Roles.AttentionItem.attention_item>
      </:attention>
      <:assigned_upcoming rest={%{"aria-labelledby": "assigned-title"}} heading="Assigned to you" heading_rest={%{id: "assigned-title"}}>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Main hall</:subject>
          <:facts>Fold the stack chairs back against the store room wall</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Committee room</:subject>
          <:facts>Check the window catches and the radiator valve</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Supper room</:subject>
          <:facts>Wipe the serving shelf and sweep the floor</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Kitchen</:subject>
          <:facts>Check the stopcock, the extractor and the fridge seal</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Store room</:subject>
          <:facts>Check the step ladder tags and the light by the fuse box</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Entrance</:subject>
          <:facts>Check the door closer and the noticeboard lights</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Lobby</:subject>
          <:facts>Check the coat hooks and the lost property box</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Cloakroom</:subject>
          <:facts>Check the rail brackets and the mirror fixings</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Office</:subject>
          <:facts>Check the safe, the phone and the first aid box</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Boiler room</:subject>
          <:facts>Check the pressure gauge and the flue vent</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/" rest={%{id: "shell-scroll-target"}}>Corridor</:subject>
          <:facts>Check the emergency lights and the handrail brackets</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Toilets</:subject>
          <:facts>Check the locks, the hand dryers and the floor drains</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Outside</:subject>
          <:facts>Check the yard light and the bin store gate</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Stage</:subject>
          <:facts>Check the curtain track and the stage lights</:facts>
          <:facts>Saturday</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Green room</:subject>
          <:facts>Check the mirror lights and the fire door</:facts>
          <:facts>Saturday</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Car park</:subject>
          <:facts>Check the barrier and the bollard lights</:facts>
          <:facts>Saturday</:facts>
        </Kit.Phoenix.Roles.Row.row>
      </:assigned_upcoming>
      <:followed_changes rest={%{"aria-labelledby": "changes-title"}} heading="Followed changes" heading_rest={%{id: "changes-title"}}>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Kitchen</:name>
          <:description>Jon reported a slow drain under the sink</:description>
          <:age>Just now</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Stage</:name>
          <:description>Maya booked the stage lights repair</:description>
          <:age>An hour ago</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Main hall</:name>
          <:description>Priya moved Saturday's hire to the morning</:description>
          <:age>Today</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Toilets</:name>
          <:description>Jon replaced the hand dryer fuse</:description>
          <:age>Yesterday</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Car park</:name>
          <:description>Maya renewed the barrier contract</:description>
          <:age>Yesterday</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Committee room</:name>
          <:description>Priya noted a sticking window catch</:description>
          <:age>Monday</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Green room</:name>
          <:description>Jon fitted a new fire door closer</:description>
          <:age>Monday</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Outside</:name>
          <:description>Maya booked the yard light repair</:description>
          <:age>Last week</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Entrance</:name>
          <:description>Priya renewed the noticeboard licence</:description>
          <:age>Last week</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Supper room</:name>
          <:description>Jon ordered new serving trays</:description>
          <:age>Last week</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Store room</:name>
          <:description>Maya retagged the step ladders</:description>
          <:age>Last week</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Corridor</:name>
          <:description>Jon tested the emergency lights</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Kitchen</:name>
          <:description>Priya booked the fridge service</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Stage</:name>
          <:description>Maya renewed the curtain inspection</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Lobby</:name>
          <:description>Priya moved the lost property box</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../record/">Office</:name>
          <:description>Maya replaced the first aid kit</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
      </:followed_changes>
    </Kit.Phoenix.Layouts.Home.home>
  </:body>
  <:service_destination href="?service=terms#main">Service terms</:service_destination>
  <:service_destination href="?service=status#main">Service status</:service_destination>
  <:keyboard_sheet>
    <Kit.Phoenix.Roles.KeyboardSheet.keyboard_sheet
      id="shell-keyboard-sheet"
      aria-labelledby="shell-shortcut-sheet-title"
    >
      <:heading rest={%{id: "shell-shortcut-sheet-title"}}>Keyboard shortcuts</:heading>
      <:group shortcuts={[%Kit.Phoenix.Roles.KeyboardSheet.Shortcut{name: "Find", keys: ["/"]}, %Kit.Phoenix.Roles.KeyboardSheet.Shortcut{name: "Today", keys: ["t"]}]}>Find and navigate</:group>
      <:group shortcuts={[%Kit.Phoenix.Roles.KeyboardSheet.Shortcut{name: "New booking", keys: ["n"]}, %Kit.Phoenix.Roles.KeyboardSheet.Shortcut{name: "Keyboard sheet", keys: ["?"]}]}>Booking work</:group>
      <:close>Close shortcuts</:close>
    </Kit.Phoenix.Roles.KeyboardSheet.keyboard_sheet>
  </:keyboard_sheet>
  <:palette>
    <Kit.Phoenix.Roles.Palette.palette id="shell-palette" label="Commands" placeholder="Type a command or a name" query="" on_change="palette" recent_name="Recent" actions_name="Actions" commands_name="Commands">
      <:command key="go-diary" name={[Kit.Phoenix.Roles.Palette.Part.plain("Go to diary")]} icon="calendar" keys={["G", "D"]} />
      <:command key="new-booking" name={[Kit.Phoenix.Roles.Palette.Part.plain("New booking")]} icon="plus" keys={["N"]} />
      <:search_for />
    </Kit.Phoenix.Roles.Palette.palette>
  </:palette>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, desk current-in-view

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="rail" density="desk">
  <:destination href="?destination=assigned-work#main" icon="house" bar>Assigned work</:destination>
  <:destination href="?destination=booking-diary#main" icon="calendar" group="Hire days" bar>Diary</:destination>
  <:destination href="?destination=bookings#main" icon="calendar-check" group="Hire days">Bookings</:destination>
  <:destination href="?destination=checks#main" icon="clipboard-text" group="Hire days">Checks</:destination>
  <:destination href="?destination=keys#main" icon="key" group="Hire days">Keys</:destination>
  <:destination href="?destination=handovers#main" icon="handshake" group="Hire days">Handovers</:destination>
  <:destination href="?destination=cancellations#main" icon="calendar-x" group="Hire days">Cancellations</:destination>
  <:destination href="?destination=rooms#main" icon="buildings" group="The building">Rooms</:destination>
  <:destination href="?destination=repairs#main" icon="wrench" group="The building">Repairs</:destination>
  <:destination href="?destination=meters#main" icon="gauge" group="The building">Meters</:destination>
  <:destination href="?destination=cleaning#main" icon="broom" group="The building">Cleaning</:destination>
  <:destination href="?destination=equipment#main" icon="toolbox" group="The building">Equipment</:destination>
  <:destination href="#main" current icon="fire-extinguisher" group="The building">Fire checks</:destination>
  <:destination href="?destination=invoices#main" icon="receipt" group="Money" bar>Invoices</:destination>
  <:destination href="?destination=payments#main" icon="credit-card" group="Money">Payments</:destination>
  <:destination href="?destination=deposits#main" icon="vault" group="Money">Deposits</:destination>
  <:destination href="?destination=statements#main" icon="chart-bar" group="Money">Statements</:destination>
  <:destination href="?destination=rates#main" icon="tag" group="Money">Rates</:destination>
  <:destination href="?destination=grants#main" icon="coins" group="Money">Grants</:destination>
  <:destination href="?destination=hirers#main" icon="users" group="The people">Hirers</:destination>
  <:destination href="?destination=committee#main" icon="user-circle" group="The people">Committee</:destination>
  <:destination href="?destination=volunteers#main" icon="hand-heart" group="The people">Volunteers</:destination>
  <:destination href="?destination=messages#main" icon="envelope" group="The people">Messages</:destination>
  <:destination href="?destination=trustees#main" icon="shield-check" group="The people">Trustees</:destination>
  <:destination href="?destination=settings#main" icon="gear">Settings</:destination>
  <:account name="Maya Patel" initials="MP" email="maya.patel@oakmerehall.org.uk" />
  <:sign_out action="?sign-out" />
  <:rail_head href="#main" />
  <:subject>Fire checks</:subject>
  <:lede words="The current destination is low but in view, so the rail stays put." rest={%{class: "specimen-case-line"}} />
  <:actions><a href="../../../layout-shell/#layout-shell-desk-current-in-view">{@owner}</a></:actions>
  <:body id="main">
    <Kit.Phoenix.Layouts.List.list subject_state={Kit.Phoenix.State.none()}>
      <:rows rest={%{"aria-label": "Fire checks"}}>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Emergency lights</:subject>
        </Kit.Phoenix.Roles.Row.row>
      </:rows>
    </Kit.Phoenix.Layouts.List.list>
  </:body>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, desk current-below-view

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="rail" density="desk">
  <:destination href="?destination=assigned-work#main" icon="house" bar>Assigned work</:destination>
  <:destination href="?destination=booking-diary#main" icon="calendar" group="Hire days" bar>Diary</:destination>
  <:destination href="?destination=bookings#main" icon="calendar-check" group="Hire days">Bookings</:destination>
  <:destination href="?destination=checks#main" icon="clipboard-text" group="Hire days">Checks</:destination>
  <:destination href="?destination=keys#main" icon="key" group="Hire days">Keys</:destination>
  <:destination href="?destination=handovers#main" icon="handshake" group="Hire days">Handovers</:destination>
  <:destination href="?destination=cancellations#main" icon="calendar-x" group="Hire days">Cancellations</:destination>
  <:destination href="?destination=rooms#main" icon="buildings" group="The building">Rooms</:destination>
  <:destination href="?destination=repairs#main" icon="wrench" group="The building">Repairs</:destination>
  <:destination href="?destination=meters#main" icon="gauge" group="The building">Meters</:destination>
  <:destination href="?destination=cleaning#main" icon="broom" group="The building">Cleaning</:destination>
  <:destination href="?destination=equipment#main" icon="toolbox" group="The building">Equipment</:destination>
  <:destination href="?destination=fire-checks#main" icon="fire-extinguisher" group="The building">Fire checks</:destination>
  <:destination href="?destination=invoices#main" icon="receipt" group="Money" bar>Invoices</:destination>
  <:destination href="?destination=payments#main" icon="credit-card" group="Money">Payments</:destination>
  <:destination href="?destination=deposits#main" icon="vault" group="Money">Deposits</:destination>
  <:destination href="?destination=statements#main" icon="chart-bar" group="Money">Statements</:destination>
  <:destination href="?destination=rates#main" icon="tag" group="Money">Rates</:destination>
  <:destination href="?destination=grants#main" icon="coins" group="Money">Grants</:destination>
  <:destination href="?destination=hirers#main" icon="users" group="The people">Hirers</:destination>
  <:destination href="?destination=committee#main" icon="user-circle" group="The people">Committee</:destination>
  <:destination href="?destination=volunteers#main" icon="hand-heart" group="The people">Volunteers</:destination>
  <:destination href="?destination=messages#main" icon="envelope" group="The people">Messages</:destination>
  <:destination href="#main" current icon="shield-check" group="The people">Trustees</:destination>
  <:destination href="?destination=settings#main" icon="gear">Settings</:destination>
  <:account name="Maya Patel" initials="MP" email="maya.patel@oakmerehall.org.uk" />
  <:sign_out action="?sign-out" />
  <:rail_head href="#main" />
  <:subject>Trustees</:subject>
  <:lede words="The current destination is below the view. The core alone leaves it there; a page that runs script scrolls it in." rest={%{class: "specimen-case-line"}} />
  <:actions><a href="../../../layout-shell/#layout-shell-desk-current-below-view">{@owner}</a></:actions>
  <:body id="main">
    <Kit.Phoenix.Layouts.List.list subject_state={Kit.Phoenix.State.none()}>
      <:rows rest={%{"aria-label": "Trustees"}}>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Priya Shah</:subject>
        </Kit.Phoenix.Roles.Row.row>
      </:rows>
    </Kit.Phoenix.Layouts.List.list>
  </:body>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, desk one-context

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="Hallkeeper" tenant={Kit.Phoenix.Tenant.follows("Oakmere Village Hall Arts Centre")} navigation_label="Application" navigation="rail" density="desk">
  <:destination href="#main" current icon="house" bar>Assigned work</:destination>
  <:destination href="?destination=booking-diary#main" icon="calendar" group="Hire days" bar>Diary</:destination>
  <:destination href="?destination=bookings#main" icon="calendar-check" group="Hire days">Bookings</:destination>
  <:destination href="?destination=checks#main" icon="clipboard-text" group="Hire days">Checks</:destination>
  <:destination href="?destination=keys#main" icon="key" group="Hire days">Keys</:destination>
  <:destination href="?destination=handovers#main" icon="handshake" group="Hire days">Handovers</:destination>
  <:destination href="?destination=cancellations#main" icon="calendar-x" group="Hire days">Cancellations</:destination>
  <:destination href="?destination=rooms#main" icon="buildings" group="The building">Rooms</:destination>
  <:destination href="?destination=repairs#main" icon="wrench" group="The building">Repairs</:destination>
  <:destination href="?destination=meters#main" icon="gauge" group="The building">Meters</:destination>
  <:destination href="?destination=cleaning#main" icon="broom" group="The building">Cleaning</:destination>
  <:destination href="?destination=equipment#main" icon="toolbox" group="The building">Equipment</:destination>
  <:destination href="?destination=fire-checks#main" icon="fire-extinguisher" group="The building">Fire checks</:destination>
  <:destination href="?destination=invoices#main" icon="receipt" group="Money" bar>Invoices</:destination>
  <:destination href="?destination=payments#main" icon="credit-card" group="Money">Payments</:destination>
  <:destination href="?destination=deposits#main" icon="vault" group="Money">Deposits</:destination>
  <:destination href="?destination=statements#main" icon="chart-bar" group="Money">Statements</:destination>
  <:destination href="?destination=rates#main" icon="tag" group="Money">Rates</:destination>
  <:destination href="?destination=grants#main" icon="coins" group="Money">Grants</:destination>
  <:destination href="?destination=hirers#main" icon="users" group="The people">Hirers</:destination>
  <:destination href="?destination=committee#main" icon="user-circle" group="The people">Committee</:destination>
  <:destination href="?destination=volunteers#main" icon="hand-heart" group="The people">Volunteers</:destination>
  <:destination href="?destination=messages#main" icon="envelope" group="The people">Messages</:destination>
  <:destination href="?destination=trustees#main" icon="shield-check" group="The people">Trustees</:destination>
  <:destination href="?destination=settings#main" icon="gear">Settings</:destination>
  <:account name="Maya Patel" initials="MP" email="maya.patel@oakmerehall.org.uk" />
  <:context name="Oakmere Village Hall Arts Centre" href="?hall=oakmere#main" current />
  <:account_settings href="?destination=account-settings#main" />
  <:sign_out action="?sign-out" />
  <:rail_head href="#main" />
  <:subject>Post-hire checks due</:subject>
  <:lede words="Maya Patel" />
  <:lede words="Coordinator" />
  <:lede words="Oakmere Village Hall Arts Centre" />
  <:actions><a href="../../../layout-shell/#layout-shell-desk-one-context">{@owner}</a></:actions>
  <:routes><a href="../../../calendar/">Open booking diary</a></:routes>
  <:body id="main">
    <Kit.Phoenix.Layouts.Home.home subject_state={Kit.Phoenix.State.none()}>
      <:attention rest={%{"aria-labelledby": "attention-title"}} heading="Needs your attention" heading_rest={%{id: "attention-title"}}>
        <Kit.Phoenix.Roles.AttentionItem.attention_item>
          <:subject>Post-hire room checks</:subject>
          <:standing>Due: six rooms were hired since the last round.</:standing>
          <:urgency>Check the corridor before the next hire arrives.</:urgency>
          <:route href="#shell-scroll-target">Open the worksheet</:route>
        </Kit.Phoenix.Roles.AttentionItem.attention_item>
      </:attention>
      <:assigned_upcoming rest={%{"aria-labelledby": "assigned-title"}} heading="Assigned to you" heading_rest={%{id: "assigned-title"}}>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Main hall</:subject>
          <:facts>Fold the stack chairs back against the store room wall</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Committee room</:subject>
          <:facts>Check the window catches and the radiator valve</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Supper room</:subject>
          <:facts>Wipe the serving shelf and sweep the floor</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Kitchen</:subject>
          <:facts>Check the stopcock, the extractor and the fridge seal</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Store room</:subject>
          <:facts>Check the step ladder tags and the light by the fuse box</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Entrance</:subject>
          <:facts>Check the door closer and the noticeboard lights</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Lobby</:subject>
          <:facts>Check the coat hooks and the lost property box</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Cloakroom</:subject>
          <:facts>Check the rail brackets and the mirror fixings</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Office</:subject>
          <:facts>Check the safe, the phone and the first aid box</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Boiler room</:subject>
          <:facts>Check the pressure gauge and the flue vent</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/" rest={%{id: "shell-scroll-target"}}>Corridor</:subject>
          <:facts>Check the emergency lights and the handrail brackets</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Toilets</:subject>
          <:facts>Check the locks, the hand dryers and the floor drains</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Outside</:subject>
          <:facts>Check the yard light and the bin store gate</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Stage</:subject>
          <:facts>Check the curtain track and the stage lights</:facts>
          <:facts>Saturday</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Green room</:subject>
          <:facts>Check the mirror lights and the fire door</:facts>
          <:facts>Saturday</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Car park</:subject>
          <:facts>Check the barrier and the bollard lights</:facts>
          <:facts>Saturday</:facts>
        </Kit.Phoenix.Roles.Row.row>
      </:assigned_upcoming>
      <:followed_changes rest={%{"aria-labelledby": "changes-title"}} heading="Followed changes" heading_rest={%{id: "changes-title"}}>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Kitchen</:name>
          <:description>Jon reported a slow drain under the sink</:description>
          <:age>Just now</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Stage</:name>
          <:description>Maya booked the stage lights repair</:description>
          <:age>An hour ago</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Main hall</:name>
          <:description>Priya moved Saturday's hire to the morning</:description>
          <:age>Today</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Toilets</:name>
          <:description>Jon replaced the hand dryer fuse</:description>
          <:age>Yesterday</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Car park</:name>
          <:description>Maya renewed the barrier contract</:description>
          <:age>Yesterday</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Committee room</:name>
          <:description>Priya noted a sticking window catch</:description>
          <:age>Monday</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Green room</:name>
          <:description>Jon fitted a new fire door closer</:description>
          <:age>Monday</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Outside</:name>
          <:description>Maya booked the yard light repair</:description>
          <:age>Last week</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Entrance</:name>
          <:description>Priya renewed the noticeboard licence</:description>
          <:age>Last week</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Supper room</:name>
          <:description>Jon ordered new serving trays</:description>
          <:age>Last week</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Store room</:name>
          <:description>Maya retagged the step ladders</:description>
          <:age>Last week</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Corridor</:name>
          <:description>Jon tested the emergency lights</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Kitchen</:name>
          <:description>Priya booked the fridge service</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Stage</:name>
          <:description>Maya renewed the curtain inspection</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Lobby</:name>
          <:description>Priya moved the lost property box</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Office</:name>
          <:description>Maya replaced the first aid kit</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
      </:followed_changes>
    </Kit.Phoenix.Layouts.Home.home>
  </:body>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, desk context-groups

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" tenant={Kit.Phoenix.Tenant.follows("Oakmere Hall")} navigation_label="Application" navigation="rail" density="desk">
  <:destination href="#main" current icon="house" bar>Home</:destination>
  <:destination href="?destination=diary#main" icon="calendar" bar>Diary</:destination>
  <:account name="Maya Patel" initials="MP" email="maya.patel@oakmerehall.org.uk" />
  <:context_group label="Your halls" contexts={[
    %Kit.Phoenix.Layouts.Shell.Context{name: "Oakmere Hall", href: "?hall=oakmere#main", contexts: [
      %Kit.Phoenix.Layouts.Shell.Context.Item{name: "Main site", href: "?hall=oakmere&site=main#main", current: true},
      %Kit.Phoenix.Layouts.Shell.Context.Item{name: "Annexe", href: "?hall=oakmere&site=annexe#main"}
    ], actions: [%Kit.Phoenix.Layouts.Shell.Context.Action{name: "Add site", href: "?hall=oakmere&action=add-site#main"}]},
    %Kit.Phoenix.Layouts.Shell.Context{name: "Willowbrook Hall", href: "?hall=willowbrook#main", contexts: [
      %Kit.Phoenix.Layouts.Shell.Context.Item{name: "Garden site", href: "?hall=willowbrook&site=garden#main"}
    ]}
  ]} actions={[%Kit.Phoenix.Layouts.Shell.Context.Action{name: "Create hall", href: "?action=create-hall#main"}]} />
  <:context_group label="Your relationships" contexts={[
    %Kit.Phoenix.Layouts.Shell.Context{name: "Cedar Workshops", supporting: "Customer · Booking contact", href: "?relationship=cedar#main"},
    %Kit.Phoenix.Layouts.Shell.Context{name: "Harbour Arts", supporting: "Volunteer · Coordinator", href: "?relationship=harbour#main"}
  ]} />
  <:account_settings href="?destination=account-settings#main" />
  <:sign_out action="?sign-out" />
  <:rail_head href="#main" />
  <:subject>Home</:subject>
  <:lede words="Maya Patel" />
  <:lede words="Main site" />
  <:actions><a href="../../../layout-shell/#layout-shell-desk-context-groups">{@owner}</a></:actions>
  <:body id="main">
    <Kit.Phoenix.Layouts.Home.home subject_state={Kit.Phoenix.State.none()}>
      <:attention heading="Needs your attention">
        <Kit.Phoenix.Roles.AttentionItem.attention_item>
          <:subject>Room checks</:subject>
          <:standing>Two rooms need checking.</:standing>
          <:urgency>Check them before the next hire.</:urgency>
          <:route href="?destination=checks#main">Open checks</:route>
        </Kit.Phoenix.Roles.AttentionItem.attention_item>
      </:attention>
    </Kit.Phoenix.Layouts.Home.home>
  </:body>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, desk no-account

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="Hallkeeper" navigation_label="Application" navigation="rail" density="desk">
  <:destination href="#main" current icon="house" bar>Assigned work</:destination>
  <:destination href="?destination=booking-diary#main" icon="calendar" group="Hire days" bar>Diary</:destination>
  <:destination href="?destination=bookings#main" icon="calendar-check" group="Hire days">Bookings</:destination>
  <:destination href="?destination=checks#main" icon="clipboard-text" group="Hire days">Checks</:destination>
  <:destination href="?destination=keys#main" icon="key" group="Hire days">Keys</:destination>
  <:destination href="?destination=handovers#main" icon="handshake" group="Hire days">Handovers</:destination>
  <:destination href="?destination=cancellations#main" icon="calendar-x" group="Hire days">Cancellations</:destination>
  <:destination href="?destination=rooms#main" icon="buildings" group="The building">Rooms</:destination>
  <:destination href="?destination=repairs#main" icon="wrench" group="The building">Repairs</:destination>
  <:destination href="?destination=meters#main" icon="gauge" group="The building">Meters</:destination>
  <:destination href="?destination=cleaning#main" icon="broom" group="The building">Cleaning</:destination>
  <:destination href="?destination=equipment#main" icon="toolbox" group="The building">Equipment</:destination>
  <:destination href="?destination=fire-checks#main" icon="fire-extinguisher" group="The building">Fire checks</:destination>
  <:destination href="?destination=invoices#main" icon="receipt" group="Money" bar>Invoices</:destination>
  <:destination href="?destination=payments#main" icon="credit-card" group="Money">Payments</:destination>
  <:destination href="?destination=deposits#main" icon="vault" group="Money">Deposits</:destination>
  <:destination href="?destination=statements#main" icon="chart-bar" group="Money">Statements</:destination>
  <:destination href="?destination=rates#main" icon="tag" group="Money">Rates</:destination>
  <:destination href="?destination=grants#main" icon="coins" group="Money">Grants</:destination>
  <:destination href="?destination=hirers#main" icon="users" group="The people">Hirers</:destination>
  <:destination href="?destination=committee#main" icon="user-circle" group="The people">Committee</:destination>
  <:destination href="?destination=volunteers#main" icon="hand-heart" group="The people">Volunteers</:destination>
  <:destination href="?destination=messages#main" icon="envelope" group="The people">Messages</:destination>
  <:destination href="?destination=trustees#main" icon="shield-check" group="The people">Trustees</:destination>
  <:destination href="?destination=settings#main" icon="gear">Settings</:destination>
  <:rail_head href="#main" />
  <:subject>Post-hire checks due</:subject>
  <:lede words="Oakmere Village Hall Arts Centre" />
  <:actions><a href="../../../layout-shell/#layout-shell-desk-no-account">{@owner}</a></:actions>
  <:routes><a href="../../../calendar/">Open booking diary</a></:routes>
  <:body id="main">
    <Kit.Phoenix.Layouts.Home.home subject_state={Kit.Phoenix.State.none()}>
      <:assigned_upcoming rest={%{"aria-labelledby": "assigned-title"}} heading="Assigned to you" heading_rest={%{id: "assigned-title"}}>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Main hall</:subject>
          <:facts>Fold the stack chairs back against the store room wall</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Kitchen</:subject>
          <:facts>Check the stopcock, the extractor and the fridge seal</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Toilets</:subject>
          <:facts>Check the locks, the hand dryers and the floor drains</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
      </:assigned_upcoming>
    </Kit.Phoenix.Layouts.Home.home>
  </:body>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, desk no-contexts

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="Hallkeeper" tenant={Kit.Phoenix.Tenant.follows("Oakmere Village Hall Arts Centre")} navigation_label="Application" navigation="rail" density="desk">
  <:destination href="#main" current icon="house" bar>Assigned work</:destination>
  <:destination href="?destination=booking-diary#main" icon="calendar" group="Hire days" bar>Diary</:destination>
  <:destination href="?destination=bookings#main" icon="calendar-check" group="Hire days">Bookings</:destination>
  <:destination href="?destination=checks#main" icon="clipboard-text" group="Hire days">Checks</:destination>
  <:destination href="?destination=keys#main" icon="key" group="Hire days">Keys</:destination>
  <:destination href="?destination=handovers#main" icon="handshake" group="Hire days">Handovers</:destination>
  <:destination href="?destination=cancellations#main" icon="calendar-x" group="Hire days">Cancellations</:destination>
  <:destination href="?destination=rooms#main" icon="buildings" group="The building">Rooms</:destination>
  <:destination href="?destination=repairs#main" icon="wrench" group="The building">Repairs</:destination>
  <:destination href="?destination=meters#main" icon="gauge" group="The building">Meters</:destination>
  <:destination href="?destination=cleaning#main" icon="broom" group="The building">Cleaning</:destination>
  <:destination href="?destination=equipment#main" icon="toolbox" group="The building">Equipment</:destination>
  <:destination href="?destination=fire-checks#main" icon="fire-extinguisher" group="The building">Fire checks</:destination>
  <:destination href="?destination=invoices#main" icon="receipt" group="Money" bar>Invoices</:destination>
  <:destination href="?destination=payments#main" icon="credit-card" group="Money">Payments</:destination>
  <:destination href="?destination=deposits#main" icon="vault" group="Money">Deposits</:destination>
  <:destination href="?destination=statements#main" icon="chart-bar" group="Money">Statements</:destination>
  <:destination href="?destination=rates#main" icon="tag" group="Money">Rates</:destination>
  <:destination href="?destination=grants#main" icon="coins" group="Money">Grants</:destination>
  <:destination href="?destination=hirers#main" icon="users" group="The people">Hirers</:destination>
  <:destination href="?destination=committee#main" icon="user-circle" group="The people">Committee</:destination>
  <:destination href="?destination=volunteers#main" icon="hand-heart" group="The people">Volunteers</:destination>
  <:destination href="?destination=messages#main" icon="envelope" group="The people">Messages</:destination>
  <:destination href="?destination=trustees#main" icon="shield-check" group="The people">Trustees</:destination>
  <:destination href="?destination=settings#main" icon="gear">Settings</:destination>
  <:account name="Maya Patel" initials="MP" email="maya.patel@oakmerehall.org.uk" />
  <:sign_out action="?sign-out" />
  <:rail_head href="#main" />
  <:subject>Post-hire checks due</:subject>
  <:lede words="Maya Patel" />
  <:lede words="Coordinator" />
  <:lede words="Oakmere Village Hall Arts Centre" />
  <:actions><a href="../../../layout-shell/#layout-shell-desk-no-contexts">{@owner}</a></:actions>
  <:routes><a href="../../../calendar/">Open booking diary</a></:routes>
  <:body id="main">
    <Kit.Phoenix.Layouts.Home.home subject_state={Kit.Phoenix.State.none()}>
      <:attention rest={%{"aria-labelledby": "attention-title"}} heading="Needs your attention" heading_rest={%{id: "attention-title"}}>
        <Kit.Phoenix.Roles.AttentionItem.attention_item>
          <:subject>Post-hire room checks</:subject>
          <:standing>Due: six rooms were hired since the last round.</:standing>
          <:urgency>Check the corridor before the next hire arrives.</:urgency>
          <:route href="#shell-scroll-target">Open the worksheet</:route>
        </Kit.Phoenix.Roles.AttentionItem.attention_item>
      </:attention>
      <:assigned_upcoming rest={%{"aria-labelledby": "assigned-title"}} heading="Assigned to you" heading_rest={%{id: "assigned-title"}}>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Main hall</:subject>
          <:facts>Fold the stack chairs back against the store room wall</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Committee room</:subject>
          <:facts>Check the window catches and the radiator valve</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Supper room</:subject>
          <:facts>Wipe the serving shelf and sweep the floor</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Kitchen</:subject>
          <:facts>Check the stopcock, the extractor and the fridge seal</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Store room</:subject>
          <:facts>Check the step ladder tags and the light by the fuse box</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Entrance</:subject>
          <:facts>Check the door closer and the noticeboard lights</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Lobby</:subject>
          <:facts>Check the coat hooks and the lost property box</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Cloakroom</:subject>
          <:facts>Check the rail brackets and the mirror fixings</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Office</:subject>
          <:facts>Check the safe, the phone and the first aid box</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Boiler room</:subject>
          <:facts>Check the pressure gauge and the flue vent</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/" rest={%{id: "shell-scroll-target"}}>Corridor</:subject>
          <:facts>Check the emergency lights and the handrail brackets</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Toilets</:subject>
          <:facts>Check the locks, the hand dryers and the floor drains</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Outside</:subject>
          <:facts>Check the yard light and the bin store gate</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Stage</:subject>
          <:facts>Check the curtain track and the stage lights</:facts>
          <:facts>Saturday</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Green room</:subject>
          <:facts>Check the mirror lights and the fire door</:facts>
          <:facts>Saturday</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Car park</:subject>
          <:facts>Check the barrier and the bollard lights</:facts>
          <:facts>Saturday</:facts>
        </Kit.Phoenix.Roles.Row.row>
      </:assigned_upcoming>
      <:followed_changes rest={%{"aria-labelledby": "changes-title"}} heading="Followed changes" heading_rest={%{id: "changes-title"}}>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Kitchen</:name>
          <:description>Jon reported a slow drain under the sink</:description>
          <:age>Just now</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Stage</:name>
          <:description>Maya booked the stage lights repair</:description>
          <:age>An hour ago</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Main hall</:name>
          <:description>Priya moved Saturday's hire to the morning</:description>
          <:age>Today</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Toilets</:name>
          <:description>Jon replaced the hand dryer fuse</:description>
          <:age>Yesterday</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Car park</:name>
          <:description>Maya renewed the barrier contract</:description>
          <:age>Yesterday</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Committee room</:name>
          <:description>Priya noted a sticking window catch</:description>
          <:age>Monday</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Green room</:name>
          <:description>Jon fitted a new fire door closer</:description>
          <:age>Monday</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Outside</:name>
          <:description>Maya booked the yard light repair</:description>
          <:age>Last week</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Entrance</:name>
          <:description>Priya renewed the noticeboard licence</:description>
          <:age>Last week</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Supper room</:name>
          <:description>Jon ordered new serving trays</:description>
          <:age>Last week</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Store room</:name>
          <:description>Maya retagged the step ladders</:description>
          <:age>Last week</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Corridor</:name>
          <:description>Jon tested the emergency lights</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Kitchen</:name>
          <:description>Priya booked the fridge service</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Stage</:name>
          <:description>Maya renewed the curtain inspection</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Lobby</:name>
          <:description>Priya moved the lost property box</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Office</:name>
          <:description>Maya replaced the first aid kit</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
      </:followed_changes>
    </Kit.Phoenix.Layouts.Home.home>
  </:body>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, desk no-navigation

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="Hallkeeper" tenant={Kit.Phoenix.Tenant.leads("Oakmere Village Hall Arts Centre")} navigation_label="Application" navigation="none" density="desk">
  <:account name="Maya Patel" initials="MP" picture="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgdmlld0JveD0iMCAwIDk2IDk2Ij48cmVjdCB3aWR0aD0iOTYiIGhlaWdodD0iOTYiIGZpbGw9IiM4ZmE1YjYiLz48Y2lyY2xlIGN4PSI0OCIgY3k9IjM4IiByPSIxOCIgZmlsbD0iI2U4YzlhOCIvPjxwYXRoIGQ9Ik00OCA2MGMtMTcgMC0yOSAxMS0zMSAyNnYxMGg2MlY4NmMtMi0xNS0xNC0yNi0zMS0yNnoiIGZpbGw9IiMzZjVkNTIiLz48cGF0aCBkPSJNMzAgMzRjMC0xMiA4LTIwIDE4LTIwczE4IDggMTggMjBjMC02LTYtOC0xOC04cy0xOCAyLTE4IDh6IiBmaWxsPSIjNGEzYTJmIi8+PC9zdmc+" email="maya.patel@oakmerevillagehallcommunitytrust.org.uk" workspaces_label="Your halls" />
  <:context name="Oakmere Village Hall Arts Centre" href="?hall=oakmere#main" current />
  <:context name="Willowbrook Community Centre" href="?hall=willowbrook#main" />
  <:account_settings href="?destination=account-settings#main" />
  <:sign_out action="?sign-out" />
  <:subject>Post-hire checks due</:subject>
  <:lede words="Maya Patel" />
  <:lede words="Coordinator" />
  <:lede words="Oakmere Village Hall Arts Centre" />
  <:actions><a href="../../../layout-shell/#layout-shell-desk-no-navigation">{@owner}</a><Kit.Phoenix.Roles.SecondaryAction.secondary_action>Assign checks</Kit.Phoenix.Roles.SecondaryAction.secondary_action><Kit.Phoenix.Roles.SecondaryAction.secondary_action>Print checklist</Kit.Phoenix.Roles.SecondaryAction.secondary_action></:actions>
  <:routes><a href="../../../calendar/">Open booking diary</a><a href="../../../record/">Open hire history</a></:routes>
  <:body id="main">
    <Kit.Phoenix.Layouts.Home.home subject_state={Kit.Phoenix.State.none()}>
      <:attention rest={%{"aria-labelledby": "attention-title"}} heading="Needs your attention" heading_rest={%{id: "attention-title"}}>
        <Kit.Phoenix.Roles.AttentionItem.attention_item>
          <:subject>Post-hire room checks</:subject>
          <:standing>Due: six rooms were hired since the last round.</:standing>
          <:urgency>Check the corridor before the next hire arrives.</:urgency>
          <:route href="#shell-scroll-target">Open the worksheet</:route>
        </Kit.Phoenix.Roles.AttentionItem.attention_item>
      </:attention>
      <:assigned_upcoming rest={%{"aria-labelledby": "assigned-title"}} heading="Assigned to you" heading_rest={%{id: "assigned-title"}}>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Main hall</:subject>
          <:facts>Fold the stack chairs back against the store room wall</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Committee room</:subject>
          <:facts>Check the window catches and the radiator valve</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Supper room</:subject>
          <:facts>Wipe the serving shelf and sweep the floor</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Kitchen</:subject>
          <:facts>Check the stopcock, the extractor and the fridge seal</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Store room</:subject>
          <:facts>Check the step ladder tags and the light by the fuse box</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Entrance</:subject>
          <:facts>Check the door closer and the noticeboard lights</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Lobby</:subject>
          <:facts>Check the coat hooks and the lost property box</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Cloakroom</:subject>
          <:facts>Check the rail brackets and the mirror fixings</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Office</:subject>
          <:facts>Check the safe, the phone and the first aid box</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Boiler room</:subject>
          <:facts>Check the pressure gauge and the flue vent</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/" rest={%{id: "shell-scroll-target"}}>Corridor</:subject>
          <:facts>Check the emergency lights and the handrail brackets</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Toilets</:subject>
          <:facts>Check the locks, the hand dryers and the floor drains</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Outside</:subject>
          <:facts>Check the yard light and the bin store gate</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Stage</:subject>
          <:facts>Check the curtain track and the stage lights</:facts>
          <:facts>Saturday</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Green room</:subject>
          <:facts>Check the mirror lights and the fire door</:facts>
          <:facts>Saturday</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Car park</:subject>
          <:facts>Check the barrier and the bollard lights</:facts>
          <:facts>Saturday</:facts>
        </Kit.Phoenix.Roles.Row.row>
      </:assigned_upcoming>
      <:followed_changes rest={%{"aria-labelledby": "changes-title"}} heading="Followed changes" heading_rest={%{id: "changes-title"}}>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Kitchen</:name>
          <:description>Jon reported a slow drain under the sink</:description>
          <:age>Just now</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Stage</:name>
          <:description>Maya booked the stage lights repair</:description>
          <:age>An hour ago</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Main hall</:name>
          <:description>Priya moved Saturday's hire to the morning</:description>
          <:age>Today</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Toilets</:name>
          <:description>Jon replaced the hand dryer fuse</:description>
          <:age>Yesterday</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Car park</:name>
          <:description>Maya renewed the barrier contract</:description>
          <:age>Yesterday</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Committee room</:name>
          <:description>Priya noted a sticking window catch</:description>
          <:age>Monday</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Green room</:name>
          <:description>Jon fitted a new fire door closer</:description>
          <:age>Monday</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Outside</:name>
          <:description>Maya booked the yard light repair</:description>
          <:age>Last week</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Entrance</:name>
          <:description>Priya renewed the noticeboard licence</:description>
          <:age>Last week</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Supper room</:name>
          <:description>Jon ordered new serving trays</:description>
          <:age>Last week</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Store room</:name>
          <:description>Maya retagged the step ladders</:description>
          <:age>Last week</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Corridor</:name>
          <:description>Jon tested the emergency lights</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Kitchen</:name>
          <:description>Priya booked the fridge service</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Stage</:name>
          <:description>Maya renewed the curtain inspection</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Lobby</:name>
          <:description>Priya moved the lost property box</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
        <Kit.Phoenix.Roles.ListLine.list_line>
          <:name href="../../../record/">Office</:name>
          <:description>Maya replaced the first aid kit</:description>
          <:age>Last month</:age>
        </Kit.Phoenix.Roles.ListLine.list_line>
      </:followed_changes>
    </Kit.Phoenix.Layouts.Home.home>
  </:body>
  <:service_destination href="?service=help#main">Help</:service_destination>
  <:service_destination href="mailto:support@example.test">Human support</:service_destination>
  <:service_destination href="?service=terms#main">Service terms</:service_destination>
  <:service_destination href="?service=status#main">Service status</:service_destination>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, desk no-navigation no-account

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="Hallkeeper" tenant={Kit.Phoenix.Tenant.leads("Oakmere Village Hall Arts Centre", "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMTYwIiB2aWV3Qm94PSIwIDAgMjAwIDE2MCIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsbGVkYnk9InRpdGxlIj48dGl0bGUgaWQ9InRpdGxlIj5PYWttZXJlIFZpbGxhZ2UgSGFsbDwvdGl0bGU+CjxyZWN0IHdpZHRoPSIyMDAiIGhlaWdodD0iMTYwIiByeD0iMTYiIGZpbGw9IiMyZjJhMjQiLz4KPHBhdGggZD0iTTEwMCAyOCAzNCA3NmgxNnY1NmgxMDBWNzZoMTZ6IiBmaWxsPSIjZjRlZmU2Ii8+CjxyZWN0IHg9IjcyIiB5PSI5MiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjQwIiBmaWxsPSIjMmYyYTI0Ii8+CjxyZWN0IHg9Ijg0IiB5PSIxMDIiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMCIgZmlsbD0iI2M4YTI0YSIvPgo8L3N2Zz4K")} navigation_label="Application" navigation="none" density="desk">
  <:subject>Register to hire the hall</:subject>
  <:actions><a href="../../../../layout-shell/#layout-shell-desk-no-navigation-no-account">{@owner}</a></:actions>
  <:body id="main">
    <Kit.Phoenix.Layouts.Form.form id="layout-shell-desk-no-navigation-no-account-form" subject_state={Kit.Phoenix.State.none()}>
      <:form_groups>
        <Kit.Phoenix.Roles.FormGroup.form_group id="hirer-name-form-group"
          kind={Kit.Phoenix.Roles.FormGroup.Kind.text(:medium)}
          control_rest={%{id: "hirer-name", name: "name"}}
        ><:printed_value>No name given</:printed_value>
          <:label rest={%{for: "hirer-name"}}>Name</:label>
        </Kit.Phoenix.Roles.FormGroup.form_group>
        <Kit.Phoenix.Roles.FormGroup.form_group id="hirer-email-form-group"
          kind={Kit.Phoenix.Roles.FormGroup.Kind.email()}
          control_rest={%{id: "hirer-email", name: "email"}}
        ><:printed_value>No email given</:printed_value>
          <:label rest={%{for: "hirer-email"}}>Email</:label>
        </Kit.Phoenix.Roles.FormGroup.form_group>
      </:form_groups>
      <:submit_return>
        <Kit.Phoenix.Roles.PrimaryAction.primary_action>
          Register
        </Kit.Phoenix.Roles.PrimaryAction.primary_action>
      </:submit_return>
    </Kit.Phoenix.Layouts.Form.form>
  </:body>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, desk standing

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="Hallkeeper" tenant={Kit.Phoenix.Tenant.follows("Oakmere Village Hall Arts Centre")} navigation_label="Application" navigation="rail" density="desk" single_key_shortcuts={false}>
  <:destination href="#main" current icon="house" bar>Assigned work</:destination>
  <:destination href="?destination=booking-diary#main" icon="calendar" group="Hire days" bar>Diary</:destination>
  <:destination href="?destination=bookings#main" icon="calendar-check" group="Hire days">Bookings</:destination>
  <:destination href="?destination=checks#main" icon="clipboard-text" group="Hire days">Checks</:destination>
  <:destination href="?destination=keys#main" icon="key" group="Hire days">Keys</:destination>
  <:destination href="?destination=handovers#main" icon="handshake" group="Hire days">Handovers</:destination>
  <:destination href="?destination=cancellations#main" icon="calendar-x" group="Hire days">Cancellations</:destination>
  <:destination href="?destination=rooms#main" icon="buildings" group="The building">Rooms</:destination>
  <:destination href="?destination=repairs#main" icon="wrench" group="The building">Repairs</:destination>
  <:destination href="?destination=meters#main" icon="gauge" group="The building">Meters</:destination>
  <:destination href="?destination=cleaning#main" icon="broom" group="The building">Cleaning</:destination>
  <:destination href="?destination=equipment#main" icon="toolbox" group="The building">Equipment</:destination>
  <:destination href="?destination=fire-checks#main" icon="fire-extinguisher" group="The building">Fire checks</:destination>
  <:destination href="?destination=invoices#main" icon="receipt" group="Money" bar>Invoices</:destination>
  <:destination href="?destination=payments#main" icon="credit-card" group="Money">Payments</:destination>
  <:destination href="?destination=deposits#main" icon="vault" group="Money">Deposits</:destination>
  <:destination href="?destination=statements#main" icon="chart-bar" group="Money">Statements</:destination>
  <:destination href="?destination=rates#main" icon="tag" group="Money">Rates</:destination>
  <:destination href="?destination=grants#main" icon="coins" group="Money">Grants</:destination>
  <:destination href="?destination=hirers#main" icon="users" group="The people">Hirers</:destination>
  <:destination href="?destination=committee#main" icon="user-circle" group="The people">Committee</:destination>
  <:destination href="?destination=volunteers#main" icon="hand-heart" group="The people">Volunteers</:destination>
  <:destination href="?destination=messages#main" icon="envelope" group="The people">Messages</:destination>
  <:destination href="?destination=trustees#main" icon="shield-check" group="The people">Trustees</:destination>
  <:destination href="?destination=settings#main" icon="gear">Settings</:destination>
  <:account name="Maya Patel" initials="MP" role="Coordinator" email="maya.patel@oakmerehall.org.uk" workspaces_label="Your halls" />
  <:context name="Oakmere Village Hall Arts Centre" href="?hall=oakmere#main" current />
  <:context name="Willowbrook Community Centre" href="?hall=willowbrook#main" />
  <:account_settings href="?destination=account-settings#main" />
  <:sign_out action="?sign-out" />
  <:rail_head href="#main" />
  <:subject>Post-hire checks due</:subject>
  <:lede words="3 of 5 rooms checked" />
  <:standing><Kit.Phoenix.Roles.Stamp.stamp state="settled">Deposit held</Kit.Phoenix.Roles.Stamp.stamp><Kit.Phoenix.Roles.Stamp.stamp state="settled">Keys returned</Kit.Phoenix.Roles.Stamp.stamp></:standing>
  <:presence><Kit.Phoenix.Roles.Presence.presence id="shell-presence" label="Priya Shah, Sam Okafor, Tom Reid and 1 more are here" people={[
    %Kit.Phoenix.Roles.Avatar.Member{person: Kit.Phoenix.Roles.Avatar.person("Priya Shah", "PS"), doing: "Checking the kitchen"},
    %Kit.Phoenix.Roles.Avatar.Member{person: Kit.Phoenix.Roles.Avatar.person("Sam Okafor", "SO"), doing: "Reading"},
    %Kit.Phoenix.Roles.Avatar.Member{person: Kit.Phoenix.Roles.Avatar.person("Tom Reid", "TR"), doing: "Reading"},
    %Kit.Phoenix.Roles.Avatar.Member{person: Kit.Phoenix.Roles.Avatar.person("Aisha Khan", "AK"), doing: "Reading"}
  ]} /></:presence>
  <:actions><a href="../../../layout-shell/#layout-shell-desk-standing">{@owner}</a></:actions>
  <:routes><a href="../../../calendar/">Open booking diary</a></:routes>
  <:body id="main">
    <Kit.Phoenix.Layouts.Home.home subject_state={Kit.Phoenix.State.none()}>
      <:assigned_upcoming rest={%{"aria-labelledby": "assigned-title"}} heading="Assigned to you" heading_rest={%{id: "assigned-title"}}>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Main hall</:subject>
          <:facts>Fold the stack chairs back against the store room wall</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Kitchen</:subject>
          <:facts>Check the stopcock, the extractor and the fridge seal</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Toilets</:subject>
          <:facts>Check the locks, the hand dryers and the floor drains</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
      </:assigned_upcoming>
    </Kit.Phoenix.Layouts.Home.home>
  </:body>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, desk side-panel

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="Hallkeeper" navigation_label="Application" navigation="rail" density="desk">
  <:destination href="?destination=main#main" icon="house" bar>Work</:destination>
  <:destination href="?destination=invoices#main" current icon="receipt" bar>Invoices</:destination>
  <:rail_head href="?destination=main#main" />
  <:subject>Invoices</:subject>
  <:actions><a href="../../../layout-shell/#layout-shell-desk-side-panel">{@owner}</a></:actions>
  <:body id="main">
    <Kit.Phoenix.Layouts.List.list subject_state={Kit.Phoenix.State.none()}>
      <:columns_selection_actions rest={%{"aria-label": "Columns and selection actions"}}></:columns_selection_actions>
      <:selection_actions selection={Kit.Phoenix.Layouts.List.Selection.selected(Kit.Phoenix.Amount.count(reader(), 1), %{})}>
        <Kit.Phoenix.Roles.ActionGroup.action_group><:secondary><Kit.Phoenix.Roles.SecondaryAction.secondary_action href="?remind=selected" aria-keyshortcuts="r">Send reminders</Kit.Phoenix.Roles.SecondaryAction.secondary_action></:secondary></Kit.Phoenix.Roles.ActionGroup.action_group>
      </:selection_actions>
      <:rows rest={%{"aria-label": "Invoices"}}>
        <Kit.Phoenix.Table.rows_table>
          <:caption>Invoices awaiting payment</:caption>
          <:selection_heading label="Select every invoice on this page"><Kit.Phoenix.Roles.SelectionControl.selection_control kind={Kit.Phoenix.Roles.SelectionControl.Kind.checkbox("side-panel-select-page", true)} /></:selection_heading>
          <:subject_heading label="Hirer" />
          <:column_headings label="Amount due" kind="amount">Amount due</:column_headings>
          <:row rest={%{id: "side-panel-invoice-oh-inv-003"}} preview_patch="?invoice=oh-inv-003" selection={~H[<Kit.Phoenix.Roles.SelectionControl.selection_control /><span>Select Oakmere Primary School invoice</span>]} facts={[%Kit.Phoenix.Table.FactCell{content: Kit.Phoenix.Table.Fact.words([Kit.Phoenix.Words.amount(Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "84.00")))])}]}><a href="../../../record/">Oakmere Primary School</a></:row>
          <:row rest={%{id: "side-panel-invoice-oh-inv-004"}} preview_patch="?invoice=oh-inv-004" selection={~H[<Kit.Phoenix.Roles.SelectionControl.selection_control /><span>Select Oakmere Pilates invoice</span>]} facts={[%Kit.Phoenix.Table.FactCell{content: Kit.Phoenix.Table.Fact.words([Kit.Phoenix.Words.amount(Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "126.00")))])}]}><a href="../../../record/">Oakmere Pilates</a></:row>
          <:row rest={%{id: "side-panel-invoice-oh-inv-005"}} preview_patch="?invoice=oh-inv-005" selection={~H[<Kit.Phoenix.Roles.SelectionControl.selection_control checked /><span>Select Bell-Whitmore party invoice</span>]} facts={[%Kit.Phoenix.Table.FactCell{content: Kit.Phoenix.Table.Fact.words([Kit.Phoenix.Words.amount(Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "42.00")))])}]}><a href="../../../record/">Bell-Whitmore party</a></:row>
        </Kit.Phoenix.Table.rows_table>
      </:rows>
    </Kit.Phoenix.Layouts.List.list>
  </:body>
  <:side_panel>
    <Kit.Phoenix.Roles.SidePanel.side_panel
      return_focus="side-panel-invoice-oh-inv-003"
      page_href="../../../record/"
      close_href="?invoice=none"
      width_event="side_panel_width"
      next_previous={%Kit.Phoenix.NextPrevious{place: Kit.Phoenix.Amount.count(reader(), 1), count: Kit.Phoenix.Amount.count(reader(), 3), next_href: "?invoice=oh-inv-004"}}
    >
      <:heading>Oakmere Primary School</:heading>
      <:standing><Kit.Phoenix.Roles.Stamp.stamp state="attention">Overdue</Kit.Phoenix.Roles.Stamp.stamp></:standing>
      <:preview>
        <Kit.Phoenix.Layouts.Record.record subject_state={Kit.Phoenix.State.none()}>
          <:facts_related_records rest={%{"aria-labelledby": "layout-shell-side-panel-facts-title"}} heading="Invoice OH-INV-003" heading_rest={%{id: "layout-shell-side-panel-facts-title"}}>
            <Kit.Phoenix.Roles.FactGroup.fact_group>
              <Kit.Phoenix.Roles.LabelledFact.labelled_fact supporting={[Kit.Phoenix.Supporting.line([Kit.Phoenix.Words.text("1 booking")])]}>
                <:name>Amount due</:name>
                <:value words={[Kit.Phoenix.Words.amount(Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "84.00")))]} />
              </Kit.Phoenix.Roles.LabelledFact.labelled_fact>
              <Kit.Phoenix.Roles.LabelledFact.labelled_fact>
                <:name>Due</:name>
                <:value words={[Kit.Phoenix.Words.time(Kit.Phoenix.Time.day(reader(), ~D[2025-02-14]))]} />
              </Kit.Phoenix.Roles.LabelledFact.labelled_fact>
              <Kit.Phoenix.Roles.LabelledFact.labelled_fact>
                <:name>Billing contact</:name>
                <:value>Aisha Khan</:value>
              </Kit.Phoenix.Roles.LabelledFact.labelled_fact>
            </Kit.Phoenix.Roles.FactGroup.fact_group>
          </:facts_related_records>
          <:decision_compact_work rest={%{"aria-labelledby": "layout-shell-side-panel-payment-title"}} heading="Payment" heading_rest={%{id: "layout-shell-side-panel-payment-title"}}>
            <Kit.Phoenix.Roles.ActionGroup.action_group><:lead><Kit.Phoenix.Roles.PrimaryAction.primary_action type="button">Record payment</Kit.Phoenix.Roles.PrimaryAction.primary_action></:lead><:secondary><Kit.Phoenix.Roles.SecondaryAction.secondary_action type="button">Send reminder</Kit.Phoenix.Roles.SecondaryAction.secondary_action></:secondary></Kit.Phoenix.Roles.ActionGroup.action_group>
          </:decision_compact_work>
        </Kit.Phoenix.Layouts.Record.record>
      </:preview>
    </Kit.Phoenix.Roles.SidePanel.side_panel>
  </:side_panel>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, desk side-panel work

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="Hallkeeper" navigation_label="Application" navigation="rail" density="desk">
  <:destination href="?destination=main#main" icon="house" bar>Work</:destination>
  <:destination href="?destination=invoices#main" current icon="receipt" bar>Invoices</:destination>
  <:rail_head href="?destination=main#main" />
  <:subject>Invoices</:subject>
  <:actions><a href="../../../../layout-shell/#layout-shell-desk-side-panel-work">{@owner}</a></:actions>
  <:body id="main">
    <Kit.Phoenix.Layouts.List.list subject_state={Kit.Phoenix.State.none()}>
      <:rows rest={%{"aria-label": "Invoices"}}>
        <Kit.Phoenix.Table.rows_table>
          <:caption>Invoices awaiting payment</:caption>
          <:subject_heading label="Hirer" />
          <:column_headings label="Amount due" kind="amount">Amount due</:column_headings>
          <:row facts={[%Kit.Phoenix.Table.FactCell{content: Kit.Phoenix.Table.Fact.words([Kit.Phoenix.Words.amount(Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "84.00")))])}]}><a href="?invoice=oh-inv-003&amp;work=payment" id="layout-shell-side-panel-work-oakmere">Oakmere Primary School</a></:row>
          <:row facts={[%Kit.Phoenix.Table.FactCell{content: Kit.Phoenix.Table.Fact.words([Kit.Phoenix.Words.amount(Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "126.00")))])}]}><a href="?invoice=oh-inv-004&amp;work=payment">Oakmere Pilates</a></:row>
          <:row facts={[%Kit.Phoenix.Table.FactCell{content: Kit.Phoenix.Table.Fact.words([Kit.Phoenix.Words.amount(Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "42.00")))])}]}><a href="?invoice=oh-inv-005&amp;work=payment">Bell-Whitmore party</a></:row>
        </Kit.Phoenix.Table.rows_table>
      </:rows>
    </Kit.Phoenix.Layouts.List.list>
  </:body>
  <:side_panel>
    <Kit.Phoenix.Roles.SidePanel.side_panel
      return_focus="layout-shell-side-panel-work-oakmere"
      page_href="../../../../record/"
      close_href="?invoice=none"
      width_event="side_panel_width"
    >
      <:heading>Oakmere Primary School</:heading>
      <:work>
        <form>
          <Kit.Phoenix.Roles.FormGroup.form_group id="layout-shell-side-panel-amount-form-group" kind={Kit.Phoenix.Roles.FormGroup.Kind.text(:short)} control_rest={%{id: "layout-shell-side-panel-amount", name: "amount", inputmode: "decimal", value: "84.00"}}>
            <:printed_value>£84.00</:printed_value>
            <:label rest={%{for: "layout-shell-side-panel-amount"}}>Amount received</:label>
          </Kit.Phoenix.Roles.FormGroup.form_group>
          <Kit.Phoenix.Roles.ActionGroup.action_group><:lead><Kit.Phoenix.Roles.PrimaryAction.primary_action type="submit">Record payment</Kit.Phoenix.Roles.PrimaryAction.primary_action></:lead></Kit.Phoenix.Roles.ActionGroup.action_group>
        </form>
      </:work>
    </Kit.Phoenix.Roles.SidePanel.side_panel>
  </:side_panel>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, desk side-panel rows

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="Hallkeeper" navigation_label="Application" navigation="rail" density="desk">
  <:destination href="?destination=main#main" icon="house" bar>Work</:destination>
  <:destination href="?destination=invoices#main" current icon="receipt" bar>Invoices</:destination>
  <:rail_head href="?destination=main#main" />
  <:subject>Invoices</:subject>
  <:actions><a href="../../../../layout-shell/#layout-shell-desk-side-panel-rows">{@owner}</a></:actions>
  <:body id="main">
    <Kit.Phoenix.Layouts.List.list subject_state={Kit.Phoenix.State.none()}>
      <:columns_selection_actions rest={%{"aria-label": "Columns and selection actions"}}></:columns_selection_actions>
      <:selection_actions selection={Kit.Phoenix.Layouts.List.Selection.selected(Kit.Phoenix.Amount.count(reader(), 1), %{})}>
        <Kit.Phoenix.Roles.ActionGroup.action_group><:secondary><Kit.Phoenix.Roles.SecondaryAction.secondary_action href="?remind=selected" aria-keyshortcuts="r">Send reminders</Kit.Phoenix.Roles.SecondaryAction.secondary_action></:secondary></Kit.Phoenix.Roles.ActionGroup.action_group>
      </:selection_actions>
      <:rows rest={%{"aria-label": "Invoices"}}>
        <Kit.Phoenix.Roles.Row.row id="side-panel-rows-invoice-oh-inv-003" preview_patch="?invoice=oh-inv-003">
          <:selection><Kit.Phoenix.Roles.SelectionControl.selection_control name="invoice" value="oh-inv-003" /><span>Select Oakmere Primary School invoice</span></:selection>
          <:subject href="../../../../record/">Oakmere Primary School</:subject>
          <:facts>Amount due <Kit.Phoenix.Roles.Amount.amount value={Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "84.00"))} /></:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row id="side-panel-rows-invoice-oh-inv-004" preview_patch="?invoice=oh-inv-004">
          <:selection><Kit.Phoenix.Roles.SelectionControl.selection_control name="invoice" value="oh-inv-004" /><span>Select Oakmere Pilates invoice</span></:selection>
          <:subject href="../../../../record/">Oakmere Pilates</:subject>
          <:facts>Amount due <Kit.Phoenix.Roles.Amount.amount value={Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "126.00"))} /></:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row id="side-panel-rows-invoice-oh-inv-005" preview_patch="?invoice=oh-inv-005">
          <:selection><Kit.Phoenix.Roles.SelectionControl.selection_control checked name="invoice" value="oh-inv-005" /><span>Select Bell-Whitmore party invoice</span></:selection>
          <:subject href="../../../../record/">Bell-Whitmore party</:subject>
          <:facts>Amount due <Kit.Phoenix.Roles.Amount.amount value={Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "42.00"))} /></:facts>
        </Kit.Phoenix.Roles.Row.row>
      </:rows>
    </Kit.Phoenix.Layouts.List.list>
  </:body>
  <:side_panel>
    <Kit.Phoenix.Roles.SidePanel.side_panel
      return_focus="side-panel-rows-invoice-oh-inv-003"
      page_href="../../../../record/"
      close_href="?invoice=none"
      width_event="side_panel_width"
      next_previous={%Kit.Phoenix.NextPrevious{place: Kit.Phoenix.Amount.count(reader(), 1), count: Kit.Phoenix.Amount.count(reader(), 3), next_href: "?invoice=oh-inv-004"}}
    >
      <:heading>Oakmere Primary School</:heading>
      <:standing><Kit.Phoenix.Roles.Stamp.stamp state="attention">Overdue</Kit.Phoenix.Roles.Stamp.stamp></:standing>
      <:preview>
        <Kit.Phoenix.Layouts.Record.record subject_state={Kit.Phoenix.State.none()}>
          <:facts_related_records rest={%{"aria-labelledby": "layout-shell-side-panel-rows-facts-title"}} heading="Invoice OH-INV-003" heading_rest={%{id: "layout-shell-side-panel-rows-facts-title"}}>
            <Kit.Phoenix.Roles.FactGroup.fact_group>
              <Kit.Phoenix.Roles.LabelledFact.labelled_fact supporting={[Kit.Phoenix.Supporting.line([Kit.Phoenix.Words.text("1 booking")])]}>
                <:name>Amount due</:name>
                <:value words={[Kit.Phoenix.Words.amount(Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "84.00")))]} />
              </Kit.Phoenix.Roles.LabelledFact.labelled_fact>
              <Kit.Phoenix.Roles.LabelledFact.labelled_fact>
                <:name>Due</:name>
                <:value words={[Kit.Phoenix.Words.time(Kit.Phoenix.Time.day(reader(), ~D[2025-02-14]))]} />
              </Kit.Phoenix.Roles.LabelledFact.labelled_fact>
              <Kit.Phoenix.Roles.LabelledFact.labelled_fact>
                <:name>Billing contact</:name>
                <:value>Aisha Khan</:value>
              </Kit.Phoenix.Roles.LabelledFact.labelled_fact>
            </Kit.Phoenix.Roles.FactGroup.fact_group>
          </:facts_related_records>
          <:decision_compact_work rest={%{"aria-labelledby": "layout-shell-side-panel-rows-payment-title"}} heading="Payment" heading_rest={%{id: "layout-shell-side-panel-rows-payment-title"}}>
            <Kit.Phoenix.Roles.ActionGroup.action_group><:lead><Kit.Phoenix.Roles.PrimaryAction.primary_action type="button">Record payment</Kit.Phoenix.Roles.PrimaryAction.primary_action></:lead><:secondary><Kit.Phoenix.Roles.SecondaryAction.secondary_action type="button">Send reminder</Kit.Phoenix.Roles.SecondaryAction.secondary_action></:secondary></Kit.Phoenix.Roles.ActionGroup.action_group>
          </:decision_compact_work>
        </Kit.Phoenix.Layouts.Record.record>
      </:preview>
    </Kit.Phoenix.Roles.SidePanel.side_panel>
  </:side_panel>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, desk side-panel unsaved

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="Hallkeeper" navigation_label="Application" navigation="rail" density="desk">
  <:destination href="?destination=main#main" icon="house" bar>Work</:destination>
  <:destination href="?destination=invoices#main" current icon="receipt" bar>Invoices</:destination>
  <:rail_head href="?destination=main#main" />
  <:subject>Invoices</:subject>
  <:actions><a href="../../../../layout-shell/#layout-shell-desk-side-panel-unsaved">{@owner}</a></:actions>
  <:body id="main">
    <Kit.Phoenix.Layouts.List.list subject_state={Kit.Phoenix.State.none()}>
      <:columns_selection_actions rest={%{"aria-label": "Columns and selection actions"}}></:columns_selection_actions>
      <:selection_actions selection={Kit.Phoenix.Layouts.List.Selection.selected(Kit.Phoenix.Amount.count(reader(), 1), %{})}>
        <Kit.Phoenix.Roles.ActionGroup.action_group><:secondary><Kit.Phoenix.Roles.SecondaryAction.secondary_action href="?remind=selected" aria-keyshortcuts="r">Send reminders</Kit.Phoenix.Roles.SecondaryAction.secondary_action></:secondary></Kit.Phoenix.Roles.ActionGroup.action_group>
      </:selection_actions>
      <:rows rest={%{"aria-label": "Invoices"}}>
        <Kit.Phoenix.Table.rows_table>
          <:caption>Invoices awaiting payment</:caption>
          <:selection_heading label="Select every invoice on this page"><Kit.Phoenix.Roles.SelectionControl.selection_control kind={Kit.Phoenix.Roles.SelectionControl.Kind.checkbox("side-panel-unsaved-select-page", true)} /></:selection_heading>
          <:subject_heading label="Hirer" />
          <:column_headings label="Amount due" kind="amount">Amount due</:column_headings>
          <:row rest={%{id: "side-panel-unsaved-invoice-oh-inv-003"}} preview_patch="?invoice=oh-inv-003" selection={~H[<Kit.Phoenix.Roles.SelectionControl.selection_control /><span>Select Oakmere Primary School invoice</span>]} facts={[%Kit.Phoenix.Table.FactCell{content: Kit.Phoenix.Table.Fact.words([Kit.Phoenix.Words.amount(Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "84.00")))])}]}><a href="../../../../record/">Oakmere Primary School</a></:row>
          <:row rest={%{id: "side-panel-unsaved-invoice-oh-inv-004"}} preview_patch="?invoice=oh-inv-004" selection={~H[<Kit.Phoenix.Roles.SelectionControl.selection_control /><span>Select Oakmere Pilates invoice</span>]} facts={[%Kit.Phoenix.Table.FactCell{content: Kit.Phoenix.Table.Fact.words([Kit.Phoenix.Words.amount(Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "126.00")))])}]}><a href="../../../../record/">Oakmere Pilates</a></:row>
          <:row rest={%{id: "side-panel-unsaved-invoice-oh-inv-005"}} preview_patch="?invoice=oh-inv-005" selection={~H[<Kit.Phoenix.Roles.SelectionControl.selection_control checked /><span>Select Bell-Whitmore party invoice</span>]} facts={[%Kit.Phoenix.Table.FactCell{content: Kit.Phoenix.Table.Fact.words([Kit.Phoenix.Words.amount(Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "42.00")))])}]}><a href="../../../../record/">Bell-Whitmore party</a></:row>
        </Kit.Phoenix.Table.rows_table>
      </:rows>
    </Kit.Phoenix.Layouts.List.list>
  </:body>
  <:side_panel>
    <Kit.Phoenix.Roles.SidePanel.side_panel
      return_focus="side-panel-unsaved-invoice-oh-inv-003"
      page_href="../../../../record/"
      close_href="?invoice=none"
      width_event="side_panel_width"
      next_previous={%Kit.Phoenix.NextPrevious{place: Kit.Phoenix.Amount.count(reader(), 1), count: Kit.Phoenix.Amount.count(reader(), 3), next_href: "?invoice=oh-inv-004"}}
    >
      <:heading>Oakmere Primary School</:heading>
      <:standing><Kit.Phoenix.Roles.Stamp.stamp state="attention">Overdue</Kit.Phoenix.Roles.Stamp.stamp></:standing>
      <:preview>
        <Kit.Phoenix.Layouts.Record.record subject_state={Kit.Phoenix.State.none()}>
          <:facts_related_records rest={%{"aria-labelledby": "layout-shell-side-panel-unsaved-facts-title"}} heading="Invoice OH-INV-003" heading_rest={%{id: "layout-shell-side-panel-unsaved-facts-title"}}>
            <Kit.Phoenix.Roles.FactGroup.fact_group>
              <Kit.Phoenix.Roles.LabelledFact.labelled_fact supporting={[Kit.Phoenix.Supporting.line([Kit.Phoenix.Words.text("1 booking")])]}>
                <:name>Amount due</:name>
                <:value words={[Kit.Phoenix.Words.amount(Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "84.00")))]} />
              </Kit.Phoenix.Roles.LabelledFact.labelled_fact>
              <Kit.Phoenix.Roles.LabelledFact.labelled_fact>
                <:name>Due</:name>
                <:value words={[Kit.Phoenix.Words.time(Kit.Phoenix.Time.day(reader(), ~D[2025-02-14]))]} />
              </Kit.Phoenix.Roles.LabelledFact.labelled_fact>
              <Kit.Phoenix.Roles.LabelledFact.labelled_fact>
                <:name>Billing email</:name>
                <:value><Kit.Phoenix.Email.email address="accounts@oakmereprimary.org" /></:value>
                <:edit id="side-panel-unsaved-email-edit" label="Edit billing email" editing={true} keep={%Kit.Phoenix.Keep{key: "aisha-khan/invoice/oh-inv-003/billing-email", version: "5"}} unsaved={Kit.Phoenix.State.unsaved(:attention, "Not saved")} on_edit={%Phoenix.LiveView.JS{}} on_cancel={%Phoenix.LiveView.JS{}} on_save={%Phoenix.LiveView.JS{}}>
                  <Kit.Phoenix.Roles.FormGroup.form_group id="side-panel-unsaved-email-form-group" kind={Kit.Phoenix.Roles.FormGroup.Kind.email()} control_value="bursar@oakmereprimary.org" control_rest={%{"name" => "email"}}>
                    <:printed_value>bursar@oakmereprimary.org</:printed_value>
                    <:label>Billing email</:label>
                  </Kit.Phoenix.Roles.FormGroup.form_group>
                </:edit>
              </Kit.Phoenix.Roles.LabelledFact.labelled_fact>
            </Kit.Phoenix.Roles.FactGroup.fact_group>
          </:facts_related_records>
          <:decision_compact_work rest={%{"aria-labelledby": "layout-shell-side-panel-unsaved-payment-title"}} heading="Payment" heading_rest={%{id: "layout-shell-side-panel-unsaved-payment-title"}}>
            <Kit.Phoenix.Roles.ActionGroup.action_group><:lead><Kit.Phoenix.Roles.PrimaryAction.primary_action type="button">Record payment</Kit.Phoenix.Roles.PrimaryAction.primary_action></:lead><:secondary><Kit.Phoenix.Roles.SecondaryAction.secondary_action type="button">Send reminder</Kit.Phoenix.Roles.SecondaryAction.secondary_action></:secondary></Kit.Phoenix.Roles.ActionGroup.action_group>
          </:decision_compact_work>
        </Kit.Phoenix.Layouts.Record.record>
      </:preview>
    </Kit.Phoenix.Roles.SidePanel.side_panel>
  </:side_panel>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, desk side-panel inert

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="Hallkeeper" navigation_label="Application" navigation="rail" density="desk">
  <:destination href="?destination=main#main" icon="house" bar>Work</:destination>
  <:destination href="?destination=invoices#main" current icon="receipt" bar>Invoices</:destination>
  <:rail_head href="?destination=main#main" />
  <:subject>Invoices</:subject>
  <:actions><a href="../../../../layout-shell/#layout-shell-desk-side-panel-inert">{@owner}</a></:actions>
  <:body id="main">
    <Kit.Phoenix.Layouts.List.list subject_state={Kit.Phoenix.State.none()}>
      <:columns_selection_actions rest={%{"aria-label": "Columns and selection actions"}}></:columns_selection_actions>
      <:selection_actions selection={Kit.Phoenix.Layouts.List.Selection.selected(Kit.Phoenix.Amount.count(reader(), 1), %{})}>
        <Kit.Phoenix.Roles.ActionGroup.action_group><:secondary><Kit.Phoenix.Roles.SecondaryAction.secondary_action href="?remind=selected" aria-keyshortcuts="r">Send reminders</Kit.Phoenix.Roles.SecondaryAction.secondary_action></:secondary></Kit.Phoenix.Roles.ActionGroup.action_group>
      </:selection_actions>
      <:rows rest={%{"aria-label": "Invoices"}}>
        <Kit.Phoenix.Table.rows_table>
          <:caption>Invoices awaiting payment</:caption>
          <:selection_heading label="Select every invoice on this page"><Kit.Phoenix.Roles.SelectionControl.selection_control kind={Kit.Phoenix.Roles.SelectionControl.Kind.checkbox("side-panel-inert-select-page", true)} /></:selection_heading>
          <:subject_heading label="Hirer" />
          <:column_headings label="Amount due" kind="amount">Amount due</:column_headings>
          <:row rest={%{id: "side-panel-inert-invoice-oh-inv-003"}} preview_patch="?invoice=oh-inv-003" selection={~H[<Kit.Phoenix.Roles.SelectionControl.selection_control /><span>Select Oakmere Primary School invoice</span>]} facts={[%Kit.Phoenix.Table.FactCell{content: Kit.Phoenix.Table.Fact.words([Kit.Phoenix.Words.amount(Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "84.00")))])}]}><a href="../../../../record/">Oakmere Primary School</a></:row>
          <:row rest={%{id: "side-panel-inert-invoice-oh-inv-004"}} preview_patch="?invoice=oh-inv-004" selection={~H[<Kit.Phoenix.Roles.SelectionControl.selection_control /><span>Select Oakmere Pilates invoice</span>]} facts={[%Kit.Phoenix.Table.FactCell{content: Kit.Phoenix.Table.Fact.words([Kit.Phoenix.Words.amount(Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "126.00")))])}]}><a href="../../../../record/">Oakmere Pilates</a></:row>
          <:row rest={%{id: "side-panel-inert-invoice-oh-inv-005"}} preview_patch="?invoice=oh-inv-005" selection={~H[<Kit.Phoenix.Roles.SelectionControl.selection_control checked /><span>Select Bell-Whitmore party invoice</span>]} facts={[%Kit.Phoenix.Table.FactCell{content: Kit.Phoenix.Table.Fact.words([Kit.Phoenix.Words.amount(Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "42.00")))])}]}><a href="../../../../record/">Bell-Whitmore party</a></:row>
        </Kit.Phoenix.Table.rows_table>
      </:rows>
    </Kit.Phoenix.Layouts.List.list>
  </:body>
  <:side_panel>
    <Kit.Phoenix.Roles.SidePanel.side_panel
      return_focus="side-panel-inert-invoice-oh-inv-003"
      page_href="../../../../record/"
      close_href="?invoice=none"
      page_state={Kit.Phoenix.ActionState.inert("side-panel-inert-open", [Kit.Phoenix.Words.text("Open waits until the reminder has sent.")])}
      close_state={Kit.Phoenix.ActionState.inert("side-panel-inert-close", [Kit.Phoenix.Words.text("Close waits until the reminder has sent.")])}
      width_event="side_panel_width"
      next_previous={%Kit.Phoenix.NextPrevious{place: Kit.Phoenix.Amount.count(reader(), 1), count: Kit.Phoenix.Amount.count(reader(), 3), next_href: "?invoice=oh-inv-004"}}
    >
      <:heading>Oakmere Primary School</:heading>
      <:standing><Kit.Phoenix.Roles.Stamp.stamp state="attention">Overdue</Kit.Phoenix.Roles.Stamp.stamp></:standing>
      <:preview>
        <Kit.Phoenix.Layouts.Record.record subject_state={Kit.Phoenix.State.none()}>
          <:facts_related_records rest={%{"aria-labelledby": "layout-shell-side-panel-inert-facts-title"}} heading="Invoice OH-INV-003" heading_rest={%{id: "layout-shell-side-panel-inert-facts-title"}}>
            <Kit.Phoenix.Roles.FactGroup.fact_group>
              <Kit.Phoenix.Roles.LabelledFact.labelled_fact supporting={[Kit.Phoenix.Supporting.line([Kit.Phoenix.Words.text("1 booking")])]}>
                <:name>Amount due</:name>
                <:value words={[Kit.Phoenix.Words.amount(Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "84.00")))]} />
              </Kit.Phoenix.Roles.LabelledFact.labelled_fact>
              <Kit.Phoenix.Roles.LabelledFact.labelled_fact>
                <:name>Due</:name>
                <:value words={[Kit.Phoenix.Words.time(Kit.Phoenix.Time.day(reader(), ~D[2025-02-14]))]} />
              </Kit.Phoenix.Roles.LabelledFact.labelled_fact>
              <Kit.Phoenix.Roles.LabelledFact.labelled_fact>
                <:name>Billing contact</:name>
                <:value>Aisha Khan</:value>
              </Kit.Phoenix.Roles.LabelledFact.labelled_fact>
            </Kit.Phoenix.Roles.FactGroup.fact_group>
          </:facts_related_records>
          <:decision_compact_work rest={%{"aria-labelledby": "layout-shell-side-panel-inert-payment-title"}} heading="Payment" heading_rest={%{id: "layout-shell-side-panel-inert-payment-title"}}>
            <Kit.Phoenix.Roles.ActionGroup.action_group><:lead><Kit.Phoenix.Roles.PrimaryAction.primary_action type="button">Record payment</Kit.Phoenix.Roles.PrimaryAction.primary_action></:lead><:secondary><Kit.Phoenix.Roles.SecondaryAction.secondary_action type="button">Send reminder</Kit.Phoenix.Roles.SecondaryAction.secondary_action></:secondary></Kit.Phoenix.Roles.ActionGroup.action_group>
          </:decision_compact_work>
        </Kit.Phoenix.Layouts.Record.record>
      </:preview>
    </Kit.Phoenix.Roles.SidePanel.side_panel>
  </:side_panel>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, desk collapsed

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} pin={%Kit.Phoenix.Layouts.Shell.Pin{reason: "You can pin ten pages. Unpin one to pin this page."}} copy_link="https://oakmerehall.uk/checks/post-hire" product="Hallkeeper" tenant={Kit.Phoenix.Tenant.follows("Oakmere Village Hall Arts Centre")} navigation_label="Application" navigation="rail" density="desk" rail_collapsed collapse_event="rail-collapse">
  <:destination href="#main" current icon="house" bar>Work</:destination>
  <:destination href="?destination=booking-diary#main" icon="calendar" group="Hire days" bar>Diary</:destination>
  <:destination href="?destination=bookings#main" icon="calendar-check" group="Hire days">Bookings</:destination>
  <:destination href="?destination=checks#main" icon="clipboard-text" count={%Kit.Phoenix.Roles.Count{reader: reader(), count: 3, counts: "due", attention: true}} group="Hire days">Checks</:destination>
  <:destination href="?destination=keys#main" icon="key" group="Hire days">Keys</:destination>
  <:destination href="?destination=handovers#main" icon="handshake" group="Hire days">Handovers</:destination>
  <:destination href="?destination=cancellations#main" icon="calendar-x" group="Hire days">Cancellations</:destination>
  <:destination href="?destination=rooms#main" icon="buildings" group="The building">Rooms</:destination>
  <:destination href="?destination=repairs#main" icon="wrench" group="The building">Repairs</:destination>
  <:destination href="?destination=meters#main" icon="gauge" group="The building">Meters</:destination>
  <:destination href="?destination=cleaning#main" icon="broom" group="The building">Cleaning</:destination>
  <:destination href="?destination=equipment#main" icon="toolbox" group="The building">Equipment</:destination>
  <:destination href="?destination=fire-checks#main" icon="fire-extinguisher" group="The building">Fire checks</:destination>
  <:destination href="?destination=invoices#main" icon="receipt" group="Money" bar>Invoices</:destination>
  <:destination href="?destination=payments#main" icon="credit-card" group="Money">Payments</:destination>
  <:destination href="?destination=deposits#main" icon="vault" group="Money">Deposits</:destination>
  <:destination href="?destination=statements#main" icon="chart-bar" group="Money">Statements</:destination>
  <:destination href="?destination=rates#main" icon="tag" group="Money">Rates</:destination>
  <:destination href="?destination=grants#main" icon="coins" group="Money">Grants</:destination>
  <:destination href="?destination=hirers#main" icon="users" group="The people">Hirers</:destination>
  <:destination href="?destination=committee#main" icon="user-circle" group="The people">Committee</:destination>
  <:destination href="?destination=volunteers#main" icon="hand-heart" group="The people">Volunteers</:destination>
  <:destination href="?destination=messages#main" icon="envelope" group="The people">Messages</:destination>
  <:destination href="?destination=trustees#main" icon="shield-check" group="The people">Trustees</:destination>
  <:destination href="?destination=settings#main" icon="gear">Settings</:destination>
  <:pinned href="?room=main-hall#main" icon="door">Main hall</:pinned>
  <:pinned href="?hire=saturday#main" icon="calendar-check">Saturday hire</:pinned>
  <:pinned href="?view=unpaid-invoices#main" icon="funnel">Unpaid invoices</:pinned>
  <:recent href="?room=committee-room#main" icon="door">Committee room</:recent>
  <:recent href="?hirer=priya-shah#main" icon="user">Priya Shah</:recent>
  <:account name="Maya Patel" initials="MP" role="Coordinator" email="maya.patel@oakmerehall.org.uk" workspaces_label="Your halls" />
  <:context name="Oakmere Village Hall Arts Centre" href="?hall=oakmere#main" current />
  <:context name="Willowbrook Community Centre" href="?hall=willowbrook#main" />
  <:account_settings href="?destination=account-settings#main" />
  <:sign_out action="?sign-out" />
  <:rail_head href="#main" />
  <:subject>Post-hire checks due</:subject>
  <:lede words="3 of 5 rooms checked" />
  <:actions><a href="../../../layout-shell/#layout-shell-desk-collapsed">{@owner}</a></:actions>
  <:routes><a href="../../../calendar/">Open booking diary</a></:routes>
  <:body id="main">
    <Kit.Phoenix.Layouts.Home.home subject_state={Kit.Phoenix.State.none()}>
      <:assigned_upcoming rest={%{"aria-labelledby": "assigned-title"}} heading="Assigned to you" heading_rest={%{id: "assigned-title"}}>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Main hall</:subject>
          <:facts>Fold the stack chairs back against the store room wall</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Kitchen</:subject>
          <:facts>Check the stopcock, the extractor and the fridge seal</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Toilets</:subject>
          <:facts>Check the locks, the hand dryers and the floor drains</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
      </:assigned_upcoming>
    </Kit.Phoenix.Layouts.Home.home>
  </:body>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, desk collapsed leading-tenant

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="Hallkeeper" tenant={Kit.Phoenix.Tenant.leads("Oakmere Village Hall Arts Centre")} navigation_label="Application" navigation="rail" density="desk" rail_collapsed collapse_event="rail-collapse">
  <:destination href="#main" current icon="house" bar>Assigned work</:destination>
  <:destination href="?destination=booking-diary#main" icon="calendar" bar>Diary</:destination>
  <:destination href="?destination=checks#main" icon="clipboard-text" bar>Checks</:destination>
  <:destination href="?destination=keys#main" icon="key" bar>Keys</:destination>
  <:account name="Maya Patel" initials="MP" role="Coordinator" email="maya.patel@oakmerehall.org.uk" workspaces_label="Your halls" />
  <:context name="Oakmere Village Hall Arts Centre" href="?hall=oakmere#main" current />
  <:account_settings href="?destination=account-settings#main" />
  <:sign_out action="?sign-out" />
  <:rail_head href="#main" />
  <:subject>Post-hire checks due</:subject>
  <:actions><a href="../../../../layout-shell/#layout-shell-desk-collapsed-leading-tenant">{@owner}</a></:actions>
  <:body id="main">
    <Kit.Phoenix.Layouts.Home.home subject_state={Kit.Phoenix.State.none()}>
      <:assigned_upcoming rest={%{"aria-labelledby": "assigned-title"}} heading="Assigned to you" heading_rest={%{id: "assigned-title"}}>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../../record/">Main hall</:subject>
          <:facts>Fold the stack chairs back against the store room wall</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
      </:assigned_upcoming>
    </Kit.Phoenix.Layouts.Home.home>
  </:body>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, desk like-names

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} today={Kit.Phoenix.Time.day(reader(), ~D[2025-04-09])} product="Hallkeeper" navigation_label="Application" navigation="rail" density="desk" collapse_event="rail-collapse">
  <:destination href="#main" current icon="house" bar>Assigned work</:destination>
  <:destination href="?destination=booking-diary#main" icon="calendar" group="Hire days" bar>Diary</:destination>
  <:destination href="?destination=bookings#main" icon="calendar-check" group="Hire days">Bookings</:destination>
  <:destination href="?destination=hirers#main" icon="users" group="The people" bar>Hirers</:destination>
  <:destination href="?destination=volunteers#main" icon="hand-heart" group="The people">Volunteers</:destination>
  <:destination href="?destination=settings#main" icon="gear">Settings</:destination>
  <:pinned href="?hirer=sam-carter-players#main" icon="user" fact="Oakmere Players">Sam Carter</:pinned>
  <:pinned href="?hirer=sam-carter-brownies#main" icon="user" fact="1st Oakmere Brownies and Guides">Sam Carter</:pinned>
  <:pinned href="?room=main-hall#main" icon="door">Main hall</:pinned>
  <:recent href="?hire=saturday-family-party#main" icon="calendar-check" time={Kit.Phoenix.Time.day(reader(), ~D[2025-04-12])} fact="Priya Shah">Saturday family party hire</:recent>
  <:recent href="?room=committee-room#main" icon="door">Committee room</:recent>
  <:rail_head href="#main" />
  <:subject>Post-hire checks due</:subject>
  <:lede words="3 of 5 rooms checked" />
  <:actions><a href="../../../layout-shell/#layout-shell-desk-like-names">{@owner}</a></:actions>
  <:body id="main">
    <Kit.Phoenix.Layouts.Home.home subject_state={Kit.Phoenix.State.none()}>
      <:assigned_upcoming rest={%{"aria-labelledby": "assigned-title"}} heading="Assigned to you" heading_rest={%{id: "assigned-title"}}>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Main hall</:subject>
          <:facts>Fold the stack chairs back against the store room wall</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
      </:assigned_upcoming>
    </Kit.Phoenix.Layouts.Home.home>
  </:body>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, desk find-field

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" tenant={Kit.Phoenix.Tenant.follows("Oakmere Village Hall Arts Centre")} navigation_label="Application" navigation="rail" density="desk" collapse_event="rail-collapse">
  <:destination href="#main" current icon="house" bar>Home</:destination>
  <:destination href="?destination=booking-diary#main" icon="calendar" bar>Diary</:destination>
  <:destination href="?destination=checks#main" icon="clipboard-text" bar>Checks</:destination>
  <:query id="kit-shell-find-form-group" label="Find a subject or command" placeholder="Find a hirer or booking" href="../../../find/" bar form_rest={%{action: "../../../find/", method: "get"}} control_rest={%{id: "kit-shell-find"}} />
  <:account name="Maya Patel" initials="MP" role="Coordinator" email="maya.patel@oakmerehall.org.uk" />
  <:context name="Oakmere Village Hall Arts Centre" href="?hall=oakmere#main" current />
  <:account_settings href="?destination=account-settings#main" />
  <:sign_out action="?sign-out" />
  <:rail_head href="#main" />
  <:subject>Post-hire checks due</:subject>
  <:actions><a href="../../../layout-shell/#layout-shell-desk-find-field">{@owner}</a></:actions>
  <:body id="main">
    <Kit.Phoenix.Layouts.Home.home subject_state={Kit.Phoenix.State.none()}>
      <:assigned_upcoming rest={%{"aria-labelledby": "assigned-title"}} heading="Assigned to you" heading_rest={%{id: "assigned-title"}}>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Main hall</:subject>
          <:facts>Fold the stack chairs back against the store room wall</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
      </:assigned_upcoming>
    </Kit.Phoenix.Layouts.Home.home>
  </:body>
  <:keyboard_sheet>
    <Kit.Phoenix.Roles.KeyboardSheet.keyboard_sheet id="shell-keyboard-sheet" aria-labelledby="shell-shortcuts-title">
      <:heading rest={%{id: "shell-shortcuts-title"}}>Keyboard shortcuts</:heading>
      <:group shortcuts={[%Kit.Phoenix.Roles.KeyboardSheet.Shortcut{name: "Find", keys: ["Ctrl", "K"]}, %Kit.Phoenix.Roles.KeyboardSheet.Shortcut{name: "Collapse or expand", keys: ["["]}, %Kit.Phoenix.Roles.KeyboardSheet.Shortcut{name: "Keyboard shortcuts", keys: ["?"]}]}>Find and navigate</:group>
      <:close>Close shortcuts</:close>
    </Kit.Phoenix.Roles.KeyboardSheet.keyboard_sheet>
  </:keyboard_sheet>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, desk find-field-palette

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" tenant={Kit.Phoenix.Tenant.follows("Oakmere Village Hall Arts Centre")} navigation_label="Application" navigation="rail" density="desk" collapse_event="rail-collapse">
  <:destination href="#main" current icon="house" bar>Home</:destination>
  <:destination href="?destination=booking-diary#main" icon="calendar" bar>Diary</:destination>
  <:destination href="?destination=checks#main" icon="clipboard-text" bar>Checks</:destination>
  <:query id="kit-shell-find-form-group" label="Find a subject or command" placeholder="Find a hirer or booking" href="../../../find/" bar form_rest={%{action: "../../../find/", method: "get"}} control_rest={%{id: "kit-shell-find"}} />
  <:account name="Maya Patel" initials="MP" role="Coordinator" email="maya.patel@oakmerehall.org.uk" />
  <:context name="Oakmere Village Hall Arts Centre" href="?hall=oakmere#main" current />
  <:account_settings href="?destination=account-settings#main" />
  <:sign_out action="?sign-out" />
  <:rail_head href="#main" />
  <:subject>Post-hire checks due</:subject>
  <:actions><a href="../../../layout-shell/#layout-shell-desk-find-field-palette">{@owner}</a></:actions>
  <:body id="main">
    <Kit.Phoenix.Layouts.Home.home subject_state={Kit.Phoenix.State.none()}>
      <:assigned_upcoming rest={%{"aria-labelledby": "assigned-title"}} heading="Assigned to you" heading_rest={%{id: "assigned-title"}}>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Main hall</:subject>
          <:facts>Fold the stack chairs back against the store room wall</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
      </:assigned_upcoming>
    </Kit.Phoenix.Layouts.Home.home>
  </:body>
  <:keyboard_sheet>
    <Kit.Phoenix.Roles.KeyboardSheet.keyboard_sheet id="shell-keyboard-sheet" aria-labelledby="shell-shortcuts-title">
      <:heading rest={%{id: "shell-shortcuts-title"}}>Keyboard shortcuts</:heading>
      <:group shortcuts={[%Kit.Phoenix.Roles.KeyboardSheet.Shortcut{name: "Find", keys: ["/"]}, %Kit.Phoenix.Roles.KeyboardSheet.Shortcut{name: "Commands", keys: ["Ctrl", "K"]}, %Kit.Phoenix.Roles.KeyboardSheet.Shortcut{name: "Collapse or expand", keys: ["["]}, %Kit.Phoenix.Roles.KeyboardSheet.Shortcut{name: "Keyboard shortcuts", keys: ["?"]}]}>Find and navigate</:group>
      <:close>Close shortcuts</:close>
    </Kit.Phoenix.Roles.KeyboardSheet.keyboard_sheet>
  </:keyboard_sheet>
  <:palette>
    <Kit.Phoenix.Roles.Palette.palette id="shell-palette" label="Commands" placeholder="Type a command or a name" query="" on_change="palette" recent_name="Recent" actions_name="Actions" commands_name="Commands">
      <:command key="go-diary" name={[Kit.Phoenix.Roles.Palette.Part.plain("Go to diary")]} icon="calendar" keys={["G", "D"]} rest={%{"phx-click": "go-diary"}} />
      <:search_for />
    </Kit.Phoenix.Roles.Palette.palette>
  </:palette>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, desk profile-waiting

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="Hallkeeper" tenant={Kit.Phoenix.Tenant.follows("Oakmere Village Hall Arts Centre")} navigation_label="Application" navigation="rail" density="desk" single_key_shortcuts={false} account_rest={%{"aria-busy" => "true"}}>
  <:destination href="#main" current icon="house" bar>Assigned work</:destination>
  <:destination href="?destination=booking-diary#main" icon="calendar" group="Hire days" bar>Diary</:destination>
  <:destination href="?destination=bookings#main" icon="calendar-check" group="Hire days">Bookings</:destination>
  <:destination href="?destination=checks#main" icon="clipboard-text" group="Hire days">Checks</:destination>
  <:destination href="?destination=keys#main" icon="key" group="Hire days">Keys</:destination>
  <:destination href="?destination=handovers#main" icon="handshake" group="Hire days">Handovers</:destination>
  <:destination href="?destination=cancellations#main" icon="calendar-x" group="Hire days">Cancellations</:destination>
  <:destination href="?destination=rooms#main" icon="buildings" group="The building">Rooms</:destination>
  <:destination href="?destination=repairs#main" icon="wrench" group="The building">Repairs</:destination>
  <:destination href="?destination=meters#main" icon="gauge" group="The building">Meters</:destination>
  <:destination href="?destination=cleaning#main" icon="broom" group="The building">Cleaning</:destination>
  <:destination href="?destination=equipment#main" icon="toolbox" group="The building">Equipment</:destination>
  <:destination href="?destination=fire-checks#main" icon="fire-extinguisher" group="The building">Fire checks</:destination>
  <:destination href="?destination=invoices#main" icon="receipt" group="Money" bar>Invoices</:destination>
  <:destination href="?destination=payments#main" icon="credit-card" group="Money">Payments</:destination>
  <:destination href="?destination=deposits#main" icon="vault" group="Money">Deposits</:destination>
  <:destination href="?destination=statements#main" icon="chart-bar" group="Money">Statements</:destination>
  <:destination href="?destination=rates#main" icon="tag" group="Money">Rates</:destination>
  <:destination href="?destination=grants#main" icon="coins" group="Money">Grants</:destination>
  <:destination href="?destination=hirers#main" icon="users" group="The people">Hirers</:destination>
  <:destination href="?destination=committee#main" icon="user-circle" group="The people">Committee</:destination>
  <:destination href="?destination=volunteers#main" icon="hand-heart" group="The people">Volunteers</:destination>
  <:destination href="?destination=messages#main" icon="envelope" group="The people">Messages</:destination>
  <:destination href="?destination=trustees#main" icon="shield-check" group="The people">Trustees</:destination>
  <:destination href="?destination=settings#main" icon="gear">Settings</:destination>
  <:account name="Maya Patel" initials="MP" role="Coordinator" email="maya.patel@oakmerehall.org.uk" workspaces_label="Your halls" />
  <:context name="Oakmere Village Hall Arts Centre" href="?hall=oakmere#main" current />
  <:context name="Willowbrook Community Centre" href="?hall=willowbrook#main" />
  <:account_settings href="?destination=account-settings#main" />
  <:sign_out action="?sign-out" />
  <:rail_head href="#main" />
  <:subject>Post-hire checks due</:subject>
  <:lede words="3 of 5 rooms checked" />
  <:standing><Kit.Phoenix.Roles.Stamp.stamp state="settled">Deposit held</Kit.Phoenix.Roles.Stamp.stamp><Kit.Phoenix.Roles.Stamp.stamp state="settled">Keys returned</Kit.Phoenix.Roles.Stamp.stamp></:standing>
  <:presence><Kit.Phoenix.Roles.Presence.presence id="shell-presence" label="Priya Shah, Sam Okafor, Tom Reid and 1 more are here" people={[
    %Kit.Phoenix.Roles.Avatar.Member{person: Kit.Phoenix.Roles.Avatar.person("Priya Shah", "PS"), doing: "Checking the kitchen"},
    %Kit.Phoenix.Roles.Avatar.Member{person: Kit.Phoenix.Roles.Avatar.person("Sam Okafor", "SO"), doing: "Reading"},
    %Kit.Phoenix.Roles.Avatar.Member{person: Kit.Phoenix.Roles.Avatar.person("Tom Reid", "TR"), doing: "Reading"},
    %Kit.Phoenix.Roles.Avatar.Member{person: Kit.Phoenix.Roles.Avatar.person("Aisha Khan", "AK"), doing: "Reading"}
  ]} /></:presence>
  <:actions><a href="../../../layout-shell/#layout-shell-desk-profile-waiting">{@owner}</a></:actions>
  <:routes><a href="../../../calendar/">Open booking diary</a></:routes>
  <:body id="main">
    <Kit.Phoenix.Layouts.Home.home subject_state={Kit.Phoenix.State.none()}>
      <:assigned_upcoming rest={%{"aria-labelledby": "assigned-title"}} heading="Assigned to you" heading_rest={%{id: "assigned-title"}}>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Main hall</:subject>
          <:facts>Fold the stack chairs back against the store room wall</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Kitchen</:subject>
          <:facts>Check the stopcock, the extractor and the fridge seal</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Toilets</:subject>
          <:facts>Check the locks, the hand dryers and the floor drains</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
      </:assigned_upcoming>
    </Kit.Phoenix.Layouts.Home.home>
  </:body>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, field

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="Hallkeeper" tenant={Kit.Phoenix.Tenant.leads("Oakmere Village Hall Arts Centre", "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMTYwIiB2aWV3Qm94PSIwIDAgMjAwIDE2MCIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsbGVkYnk9InRpdGxlIj48dGl0bGUgaWQ9InRpdGxlIj5PYWttZXJlIFZpbGxhZ2UgSGFsbDwvdGl0bGU+CjxyZWN0IHdpZHRoPSIyMDAiIGhlaWdodD0iMTYwIiByeD0iMTYiIGZpbGw9IiMyZjJhMjQiLz4KPHBhdGggZD0iTTEwMCAyOCAzNCA3NmgxNnY1NmgxMDBWNzZoMTZ6IiBmaWxsPSIjZjRlZmU2Ii8+CjxyZWN0IHg9IjcyIiB5PSI5MiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjQwIiBmaWxsPSIjMmYyYTI0Ii8+CjxyZWN0IHg9Ijg0IiB5PSIxMDIiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMCIgZmlsbD0iI2M4YTI0YSIvPgo8L3N2Zz4K")} navigation_label="Application" navigation="rail" density="field">
  <:destination href="?destination=main#main" current icon="house" bar>Work</:destination>
  <:destination href="?destination=booking-diary#main" icon="calendar" group="Hire days" bar>Diary</:destination>
  <:destination href="?destination=checks#main" icon="clipboard-text" count={%Kit.Phoenix.Roles.Count{reader: reader(), count: 3, counts: "due", attention: true}} group="Hire days" bar>Maintenance</:destination>
  <:help>
    <li><Kit.Phoenix.Roles.Destination.destination href="../../help/" icon="question">Help</Kit.Phoenix.Roles.Destination.destination></li>
  </:help>
  <:account name="Jonathan Bell-Whitmore" initials="JB" role="Caretaker" picture="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgdmlld0JveD0iMCAwIDk2IDk2Ij48cmVjdCB3aWR0aD0iOTYiIGhlaWdodD0iOTYiIGZpbGw9IiM4ZmE1YjYiLz48Y2lyY2xlIGN4PSI0OCIgY3k9IjM4IiByPSIxOCIgZmlsbD0iI2U4YzlhOCIvPjxwYXRoIGQ9Ik00OCA2MGMtMTcgMC0yOSAxMS0zMSAyNnYxMGg2MlY4NmMtMi0xNS0xNC0yNi0zMS0yNnoiIGZpbGw9IiMzZjVkNTIiLz48cGF0aCBkPSJNMzAgMzRjMC0xMiA4LTIwIDE4LTIwczE4IDggMTggMjBjMC02LTYtOC0xOC04cy0xOCAyLTE4IDh6IiBmaWxsPSIjNGEzYTJmIi8+PC9zdmc+" email="jon.bell.caretaker@oakmerevillagehallcommunitycharitabletrustbookings.org.uk" workspaces_label="Your halls" />
  <:context name="Oakmere Village Hall Arts Centre" href="?hall=oakmere#main" current />
  <:context name="St Anne's Church Hall" href="?hall=st-annes#main" />
  <:account_settings href="?destination=account-settings#main" />
  <:sign_out action="?sign-out" />
  <:rail_head href="?destination=main#main" />
  <:subject>Post-hire checks due</:subject>
  <:lede words="Jonathan Bell-Whitmore" />
  <:lede words="Caretaker" />
  <:lede words="Oakmere Village Hall Arts Centre" />
  <:actions><a href="../../layout-shell/#layout-shell-field">{@owner}</a></:actions>
  <:routes><a href="../../calendar/">Open booking diary</a></:routes>
  <:body id="main">
    <Kit.Phoenix.Layouts.Home.home subject_state={Kit.Phoenix.State.none()}>
      <:assigned_upcoming rest={%{"aria-labelledby": "assigned-title"}} heading="Assigned to you" heading_rest={%{id: "assigned-title"}}>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Main hall</:subject>
          <:facts>Fold the stack chairs back against the store room wall</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/">Kitchen</:subject>
          <:facts>Check the stopcock, the extractor and the fridge seal</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../record/" rest={%{id: "shell-foot-link"}}>Toilets</:subject>
          <:facts>Check the locks, the hand dryers and the floor drains</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
      </:assigned_upcoming>
    </Kit.Phoenix.Layouts.Home.home>
  </:body>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, field unsaved

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="rail" density="field">
  <:destination href="../../../shell/field/" icon="house" bar current rest={%{"aria-current" => "true"}}>Hall work</:destination>
  <:destination href="?destination=booking-diary#main" icon="calendar" bar>Hire diary</:destination>
  <:destination href="?destination=checks#main" icon="clipboard-text" bar>Room checks</:destination>
  <:destination href="?destination=settings#main" icon="gear" bar>Hall settings</:destination>
  <:help><li><Kit.Phoenix.Roles.Destination.destination href="../../../help/" icon="question">Help</Kit.Phoenix.Roles.Destination.destination></li></:help>
  <:rail_head href="../../../shell/field/" />
  <:subject>Room notes</:subject>
  <:actions><a href="../../../layout-shell/#layout-shell-field-unsaved">{@owner}</a></:actions>
  <:body id="main">
    <Kit.Phoenix.Layouts.Form.form id="shell-room-notes" subject_state={Kit.Phoenix.State.unsaved(:attention, "Not saved")} keep={%Kit.Phoenix.Keep{key: "jonathan-bell-whitmore/rooms/notes", version: "1"}}>
      <:form_groups>
        <Kit.Phoenix.Roles.FormGroup.form_group id="shell-room-main-hall-group" kind={Kit.Phoenix.Roles.FormGroup.Kind.textarea()} control_value="Fold the stack chairs back against the store room wall" control_rest={%{id: "shell-room-main-hall", name: "main-hall", rows: "6"}}><:printed_value>Fold the stack chairs back against the store room wall</:printed_value><:label rest={%{for: "shell-room-main-hall"}}>Main hall</:label></Kit.Phoenix.Roles.FormGroup.form_group>
        <Kit.Phoenix.Roles.FormGroup.form_group id="shell-room-kitchen-group" kind={Kit.Phoenix.Roles.FormGroup.Kind.textarea()} control_value="Check the stopcock, the extractor and the fridge seal" control_rest={%{id: "shell-room-kitchen", name: "kitchen", rows: "6"}}><:printed_value>Check the stopcock, the extractor and the fridge seal</:printed_value><:label rest={%{for: "shell-room-kitchen"}}>Kitchen</:label></Kit.Phoenix.Roles.FormGroup.form_group>
        <Kit.Phoenix.Roles.FormGroup.form_group id="shell-room-toilets-group" kind={Kit.Phoenix.Roles.FormGroup.Kind.textarea()} control_value="Check the locks, the hand dryers and the floor drains" control_rest={%{id: "shell-room-toilets", name: "toilets", rows: "6"}}><:printed_value>Check the locks, the hand dryers and the floor drains</:printed_value><:label rest={%{for: "shell-room-toilets"}}>Toilets</:label></Kit.Phoenix.Roles.FormGroup.form_group>
        <Kit.Phoenix.Roles.FormGroup.form_group id="shell-room-store-room-group" kind={Kit.Phoenix.Roles.FormGroup.Kind.textarea()} control_value="Leave the trolley beside the chair stack." control_rest={%{id: "shell-room-store-room", name: "store-room", rows: "6"}}><:printed_value>Leave the trolley beside the chair stack.</:printed_value><:label rest={%{for: "shell-room-store-room"}}>Store room</:label></Kit.Phoenix.Roles.FormGroup.form_group>
        <Kit.Phoenix.Roles.FormGroup.form_group id="shell-room-entrance-group" kind={Kit.Phoenix.Roles.FormGroup.Kind.textarea()} control_value="Keep the fire exit clear." control_rest={%{id: "shell-room-entrance", name: "entrance", rows: "6"}}><:printed_value>Keep the fire exit clear.</:printed_value><:label rest={%{for: "shell-room-entrance"}}>Entrance</:label></Kit.Phoenix.Roles.FormGroup.form_group>
      </:form_groups>
      <:submit_return><Kit.Phoenix.Roles.PrimaryAction.primary_action type="button">Save notes</Kit.Phoenix.Roles.PrimaryAction.primary_action><Kit.Phoenix.Roles.WayBack.way_back href="../../../shell/field/">Return to your work</Kit.Phoenix.Roles.WayBack.way_back></:submit_return>
    </Kit.Phoenix.Layouts.Form.form>
  </:body>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, field saved

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="rail" density="field">
  <:destination href="../../../shell/field/" icon="house" bar current rest={%{"aria-current" => "true"}}>Hall work</:destination>
  <:destination href="?destination=booking-diary#main" icon="calendar" bar>Hire diary</:destination>
  <:destination href="?destination=checks#main" icon="clipboard-text" bar>Room checks</:destination>
  <:destination href="?destination=settings#main" icon="gear" bar>Hall settings</:destination>
  <:help><li><Kit.Phoenix.Roles.Destination.destination href="../../../help/" icon="question">Help</Kit.Phoenix.Roles.Destination.destination></li></:help>
  <:rail_head href="../../../shell/field/" />
  <:subject>Post-hire checks due</:subject>
  <:actions><a href="../../../layout-shell/#layout-shell-field-saved">{@owner}</a></:actions>
  <:body id="main">
    <Kit.Phoenix.Layouts.Home.home subject_state={Kit.Phoenix.State.none()}>
      <:assigned_upcoming rest={%{"aria-labelledby": "assigned-title"}} heading="Assigned to you" heading_rest={%{id: "assigned-title"}}>
        <Kit.Phoenix.Roles.Row.row><:subject href="../../../record/">Kitchen</:subject><:facts>Check the stopcock, the extractor and the fridge seal</:facts><:facts>Today</:facts></Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row><:subject href="../../../record/">Toilets</:subject><:facts>Check the locks, the hand dryers and the floor drains</:facts><:facts>Today</:facts></Kit.Phoenix.Roles.Row.row>
      </:assigned_upcoming>
    </Kit.Phoenix.Layouts.Home.home>
  </:body>
</Kit.Phoenix.Layouts.Shell.shell>
<Kit.Phoenix.Roles.Toast.toast id="shell-work-toast" confirmation_id="shell-main-hall-check-removed" action={Kit.Phoenix.Roles.Toast.Action.undo(nil, %{"type" => "button"})}>
  <:line>Main hall check removed from your work.</:line>
</Kit.Phoenix.Roles.Toast.toast>

Shell, field account-in-more

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} pin={%Kit.Phoenix.Layouts.Shell.Pin{reason: "You can pin ten pages. Unpin one to pin this page."}} copy_link="https://oakmerehall.uk/checks/post-hire" product="Hallkeeper" tenant={Kit.Phoenix.Tenant.follows("Oakmere Village Hall Arts Centre")} navigation_label="Application" navigation="rail" density="field" account_in_bar={false}>
  <:destination href="?destination=main#main" icon="house" bar>Work</:destination>
  <:destination href="?destination=booking-diary#main" icon="calendar" group="Hire days" bar>Diary</:destination>
  <:destination href="?destination=bookings#main" icon="calendar-check" group="Hire days">Bookings</:destination>
  <:destination href="?destination=checks#main" current icon="clipboard-text" group="Hire days" bar rest={%{"aria-current" => "true"}}>Checks</:destination>
  <:destination href="?destination=keys#main" icon="key" group="Hire days">Keys</:destination>
  <:destination href="?destination=handovers#main" icon="handshake" group="Hire days">Handovers</:destination>
  <:destination href="?destination=cancellations#main" icon="calendar-x" group="Hire days">Cancellations</:destination>
  <:destination href="?destination=rooms#main" icon="buildings" group="The building">Rooms</:destination>
  <:destination href="?destination=repairs#main" icon="wrench" group="The building" bar>Repairs</:destination>
  <:destination href="?destination=meters#main" icon="gauge" group="The building">Meters</:destination>
  <:destination href="?destination=cleaning#main" icon="broom" group="The building">Cleaning</:destination>
  <:destination href="?destination=equipment#main" icon="toolbox" group="The building">Equipment</:destination>
  <:destination href="?destination=fire-checks#main" icon="fire-extinguisher" group="The building">Fire checks</:destination>
  <:destination href="?destination=invoices#main" icon="receipt" group="Money">Invoices</:destination>
  <:destination href="?destination=payments#main" icon="credit-card" group="Money">Payments</:destination>
  <:destination href="?destination=deposits#main" icon="vault" group="Money">Deposits</:destination>
  <:destination href="?destination=statements#main" icon="chart-bar" group="Money">Statements</:destination>
  <:destination href="?destination=rates#main" icon="tag" group="Money">Rates</:destination>
  <:destination href="?destination=grants#main" icon="coins" group="Money">Grants</:destination>
  <:destination href="?destination=hirers#main" icon="users" group="The people">Hirers</:destination>
  <:destination href="?destination=committee#main" icon="user-circle" group="The people">Committee</:destination>
  <:destination href="?destination=volunteers#main" icon="hand-heart" group="The people">Volunteers</:destination>
  <:destination href="?destination=messages#main" icon="envelope" group="The people">Messages</:destination>
  <:destination href="?destination=trustees#main" icon="shield-check" group="The people">Trustees</:destination>
  <:destination href="?destination=settings#main" icon="gear">Settings</:destination>
  <:help>
    <li><Kit.Phoenix.Roles.Destination.destination href="../../../help/" icon="question">Help</Kit.Phoenix.Roles.Destination.destination></li>
  </:help>
  <:pinned href="?check=post-hire#main" icon="clipboard-text" current>Post-hire checks due</:pinned>
  <:pinned href="?room=main-hall#main" icon="door">Main hall</:pinned>
  <:pinned href="?view=unpaid-invoices#main" icon="funnel">Unpaid invoices</:pinned>
  <:recent href="?room=main-hall#main" icon="door">Main hall</:recent>
  <:recent href="?room=committee-room#main" icon="door">Committee room</:recent>
  <:recent href="?hirer=priya-shah#main" icon="user">Priya Shah</:recent>
  <:recent href="?invoice=oh-inv-003#main" icon="receipt">Invoice OH-INV-003</:recent>
  <:account name="Jon Bell" initials="JB" role="Caretaker" email="jon.bell@oakmerehall.org.uk" workspaces_label="Your halls" />
  <:context name="Oakmere Village Hall Arts Centre" href="?hall=oakmere#main" current />
  <:context name="St Anne's Church Hall" href="?hall=st-annes#main" />
  <:account_settings href="?destination=account-settings#main" />
  <:sign_out action="?sign-out" />
  <:rail_head href="?destination=main#main" />
  <:subject>Post-hire checks due</:subject>
  <:lede words="Jon Bell" />
  <:lede words="Caretaker" />
  <:lede words="Oakmere Village Hall Arts Centre" />
  <:actions><a href="../../../layout-shell/#layout-shell-field-account-in-more">{@owner}</a></:actions>
  <:routes><a href="../../../calendar/">Open booking diary</a></:routes>
  <:body id="main">
    <Kit.Phoenix.Layouts.Home.home subject_state={Kit.Phoenix.State.none()}>
      <:assigned_upcoming rest={%{"aria-labelledby": "assigned-title"}} heading="Assigned to you" heading_rest={%{id: "assigned-title"}}>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Main hall</:subject>
          <:facts>Fold the stack chairs back against the store room wall</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Kitchen</:subject>
          <:facts>Check the stopcock, the extractor and the fridge seal</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Toilets</:subject>
          <:facts>Check the locks, the hand dryers and the floor drains</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
      </:assigned_upcoming>
    </Kit.Phoenix.Layouts.Home.home>
  </:body>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, field current-in-more

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="Hallkeeper" tenant={Kit.Phoenix.Tenant.leads("Oakmere Village Hall Arts Centre", "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMTYwIiB2aWV3Qm94PSIwIDAgMjAwIDE2MCIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsbGVkYnk9InRpdGxlIj48dGl0bGUgaWQ9InRpdGxlIj5PYWttZXJlIFZpbGxhZ2UgSGFsbDwvdGl0bGU+CjxyZWN0IHdpZHRoPSIyMDAiIGhlaWdodD0iMTYwIiByeD0iMTYiIGZpbGw9IiMyZjJhMjQiLz4KPHBhdGggZD0iTTEwMCAyOCAzNCA3NmgxNnY1NmgxMDBWNzZoMTZ6IiBmaWxsPSIjZjRlZmU2Ii8+CjxyZWN0IHg9IjcyIiB5PSI5MiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjQwIiBmaWxsPSIjMmYyYTI0Ii8+CjxyZWN0IHg9Ijg0IiB5PSIxMDIiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMCIgZmlsbD0iI2M4YTI0YSIvPgo8L3N2Zz4K")} navigation_label="Application" navigation="rail" density="field">
  <:destination href="?destination=main#main" current icon="house">Work</:destination>
  <:destination href="?destination=booking-diary#main" icon="calendar" group="Hire days" bar>Diary</:destination>
  <:destination href="?destination=checks#main" icon="clipboard-text" count={%Kit.Phoenix.Roles.Count{reader: reader(), count: 3, counts: "due", attention: true}} group="Hire days">Checks</:destination>
  <:destination href="?destination=inbox#main" icon="envelope" count={%Kit.Phoenix.Roles.Count{reader: reader(), count: 2, counts: "unread", attention: true}}>Inbox</:destination>
  <:help>
    <li><Kit.Phoenix.Roles.Destination.destination href="../../../help/" icon="question">Help</Kit.Phoenix.Roles.Destination.destination></li>
  </:help>
  <:account name="Jonathan Bell-Whitmore" initials="JB" role="Caretaker" picture="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgdmlld0JveD0iMCAwIDk2IDk2Ij48cmVjdCB3aWR0aD0iOTYiIGhlaWdodD0iOTYiIGZpbGw9IiM4ZmE1YjYiLz48Y2lyY2xlIGN4PSI0OCIgY3k9IjM4IiByPSIxOCIgZmlsbD0iI2U4YzlhOCIvPjxwYXRoIGQ9Ik00OCA2MGMtMTcgMC0yOSAxMS0zMSAyNnYxMGg2MlY4NmMtMi0xNS0xNC0yNi0zMS0yNnoiIGZpbGw9IiMzZjVkNTIiLz48cGF0aCBkPSJNMzAgMzRjMC0xMiA4LTIwIDE4LTIwczE4IDggMTggMjBjMC02LTYtOC0xOC04cy0xOCAyLTE4IDh6IiBmaWxsPSIjNGEzYTJmIi8+PC9zdmc+" email="jon.bell.caretaker@oakmerevillagehallcommunitycharitabletrustbookings.org.uk" workspaces_label="Your halls" />
  <:context name="Oakmere Village Hall Arts Centre" href="?hall=oakmere#main" current />
  <:context name="St Anne's Church Hall" href="?hall=st-annes#main" />
  <:account_settings href="?destination=account-settings#main" />
  <:sign_out action="?sign-out" />
  <:rail_head href="?destination=main#main" />
  <:subject>Post-hire checks due</:subject>
  <:lede words="Jonathan Bell-Whitmore" />
  <:lede words="Caretaker" />
  <:lede words="Oakmere Village Hall Arts Centre" />
  <:actions><a href="../../../layout-shell/#layout-shell-field-current-in-more">{@owner}</a></:actions>
  <:routes><a href="../../../calendar/">Open booking diary</a></:routes>
  <:body id="main">
    <Kit.Phoenix.Layouts.Home.home subject_state={Kit.Phoenix.State.none()}>
      <:assigned_upcoming rest={%{"aria-labelledby": "assigned-title"}} heading="Assigned to you" heading_rest={%{id: "assigned-title"}}>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Main hall</:subject>
          <:facts>Fold the stack chairs back against the store room wall</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Kitchen</:subject>
          <:facts>Check the stopcock, the extractor and the fridge seal</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/" rest={%{id: "shell-foot-link"}}>Toilets</:subject>
          <:facts>Check the locks, the hand dryers and the floor drains</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
      </:assigned_upcoming>
    </Kit.Phoenix.Layouts.Home.home>
  </:body>
</Kit.Phoenix.Layouts.Shell.shell>

Shell, field long-names

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="Hallkeeper" tenant={Kit.Phoenix.Tenant.leads("Oakmere Village Hall Arts Centre", "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMTYwIiB2aWV3Qm94PSIwIDAgMjAwIDE2MCIgcm9sZT0iaW1nIiBhcmlhLWxhYmVsbGVkYnk9InRpdGxlIj48dGl0bGUgaWQ9InRpdGxlIj5PYWttZXJlIFZpbGxhZ2UgSGFsbDwvdGl0bGU+CjxyZWN0IHdpZHRoPSIyMDAiIGhlaWdodD0iMTYwIiByeD0iMTYiIGZpbGw9IiMyZjJhMjQiLz4KPHBhdGggZD0iTTEwMCAyOCAzNCA3NmgxNnY1NmgxMDBWNzZoMTZ6IiBmaWxsPSIjZjRlZmU2Ii8+CjxyZWN0IHg9IjcyIiB5PSI5MiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjQwIiBmaWxsPSIjMmYyYTI0Ii8+CjxyZWN0IHg9Ijg0IiB5PSIxMDIiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMCIgZmlsbD0iI2M4YTI0YSIvPgo8L3N2Zz4K")} navigation_label="Application" navigation="rail" density="field">
  <:destination href="?destination=main#main" current icon="house" bar>Assignments</:destination>
  <:destination href="?destination=booking-diary#main" icon="calendar" group="Hire days" bar>Reservations</:destination>
  <:destination href="?destination=checks#main" icon="clipboard-text" count={%Kit.Phoenix.Roles.Count{reader: reader(), count: 3, counts: "due", attention: true}} group="Hire days" bar>Maintenance</:destination>
  <:help>
    <li><Kit.Phoenix.Roles.Destination.destination href="../../../help/" icon="question">Documentation</Kit.Phoenix.Roles.Destination.destination></li>
  </:help>
  <:account name="Maximilian Featherstonehaugh" initials="MF" role="Caretaker" picture="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgdmlld0JveD0iMCAwIDk2IDk2Ij48cmVjdCB3aWR0aD0iOTYiIGhlaWdodD0iOTYiIGZpbGw9IiM4ZmE1YjYiLz48Y2lyY2xlIGN4PSI0OCIgY3k9IjM4IiByPSIxOCIgZmlsbD0iI2U4YzlhOCIvPjxwYXRoIGQ9Ik00OCA2MGMtMTcgMC0yOSAxMS0zMSAyNnYxMGg2MlY4NmMtMi0xNS0xNC0yNi0zMS0yNnoiIGZpbGw9IiMzZjVkNTIiLz48cGF0aCBkPSJNMzAgMzRjMC0xMiA4LTIwIDE4LTIwczE4IDggMTggMjBjMC02LTYtOC0xOC04cy0xOCAyLTE4IDh6IiBmaWxsPSIjNGEzYTJmIi8+PC9zdmc+" email="jon.bell.caretaker@oakmerevillagehallcommunitycharitabletrustbookings.org.uk" workspaces_label="Your halls" />
  <:context name="Oakmere Village Hall Arts Centre" href="?hall=oakmere#main" current />
  <:context name="St Anne's Church Hall" href="?hall=st-annes#main" />
  <:account_settings href="?destination=account-settings#main" />
  <:sign_out action="?sign-out" />
  <:rail_head href="?destination=main#main" />
  <:subject>Post-hire checks due</:subject>
  <:lede words="Maximilian Featherstonehaugh" />
  <:lede words="Caretaker" />
  <:lede words="Oakmere Village Hall Arts Centre" />
  <:actions><a href="../../../layout-shell/#layout-shell-field-long-names">{@owner}</a></:actions>
  <:routes><a href="../../../calendar/">Open booking diary</a></:routes>
  <:body id="main">
    <Kit.Phoenix.Layouts.Home.home subject_state={Kit.Phoenix.State.none()}>
      <:assigned_upcoming rest={%{"aria-labelledby": "assigned-title"}} heading="Assigned to you" heading_rest={%{id: "assigned-title"}}>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Main hall</:subject>
          <:facts>Fold the stack chairs back against the store room wall</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/">Kitchen</:subject>
          <:facts>Check the stopcock, the extractor and the fridge seal</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
        <Kit.Phoenix.Roles.Row.row>
          <:subject href="../../../record/" rest={%{id: "shell-foot-link"}}>Toilets</:subject>
          <:facts>Check the locks, the hand dryers and the floor drains</:facts>
          <:facts>Today</:facts>
        </Kit.Phoenix.Roles.Row.row>
      </:assigned_upcoming>
    </Kit.Phoenix.Layouts.Home.home>
  </:body>
</Kit.Phoenix.Layouts.Shell.shell>