Label panel
Amount due
£240.00One Secondary action follows the words.
Changed elsewhere
Someone else changed this invoice while it was open
Each action is a form of its own.
Plan
Form groups stand before the Primary action.
Caretaker for Saturday
One group of actions, stacking at Phone.
Room upkeep
Source
<Kit.Phoenix.Roles.LabelPanel.label_panel aria-label="Amount due" heading="Amount due">
<Kit.Phoenix.Roles.Amount.amount value={Kit.Phoenix.Amount.money(reader(), Money.new(:GBP, "240.00"))} />
</Kit.Phoenix.Roles.LabelPanel.label_panel>
<p class="specimen-case-line">One Secondary action follows the words.</p>
<Kit.Phoenix.Roles.LabelPanel.label_panel aria-label="Changed elsewhere" heading="Changed elsewhere">
<Kit.Phoenix.Roles.Notice.notice state={Kit.Phoenix.Roles.Notice.State.attention()}>
<:standing>Someone else changed this invoice while it was open</:standing>
<:action><Kit.Phoenix.Roles.SecondaryAction.secondary_action>Reload the invoice</Kit.Phoenix.Roles.SecondaryAction.secondary_action></:action>
</Kit.Phoenix.Roles.Notice.notice>
</Kit.Phoenix.Roles.LabelPanel.label_panel>
<p class="specimen-case-line">Each action is a form of its own.</p>
<Kit.Phoenix.Roles.LabelPanel.label_panel aria-label="Plan" heading="Plan">
<:actions><Kit.Phoenix.Roles.ActionGroup.action_group>
<:secondary form_rest={%{action: "?plan=change", method: "get"}}><Kit.Phoenix.Roles.SecondaryAction.secondary_action type="submit">Change the plan</Kit.Phoenix.Roles.SecondaryAction.secondary_action></:secondary>
<:secondary form_rest={%{action: "?plan=end", method: "get"}}><Kit.Phoenix.Roles.SecondaryAction.secondary_action type="submit">End the plan</Kit.Phoenix.Roles.SecondaryAction.secondary_action></:secondary>
</Kit.Phoenix.Roles.ActionGroup.action_group></:actions>
</Kit.Phoenix.Roles.LabelPanel.label_panel>
<p class="specimen-case-line">Form groups stand before the Primary action.</p>
<Kit.Phoenix.Roles.LabelPanel.label_panel aria-labelledby="phoenix-label-panel-caretaker" heading="Caretaker for Saturday" heading_rest={%{id: "phoenix-label-panel-caretaker"}}>
<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-label-panel-caretaker-name-form-group" kind={Kit.Phoenix.Roles.FormGroup.Kind.text(:medium)} control_rest={%{id: "phoenix-label-panel-caretaker-name", name: "caretaker"}} control_value="Maya Osei"><:printed_value>Maya Osei</:printed_value>
<:label>Who opens the hall</:label>
</Kit.Phoenix.Roles.FormGroup.form_group>
<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-label-panel-caretaker-arrives">
<:label>Arriving</:label>
<:control :let={binding}>
<Kit.Phoenix.Roles.TimeField.time_field binding={binding} reader={reader()} name="arrives" value={Kit.Phoenix.Roles.TimeField.Committed.clock(Kit.Phoenix.Time.clock(reader(), ~T[08:30:00]))} />
</:control>
<:printed_value><time datetime="08:30">08:30</time></:printed_value>
</Kit.Phoenix.Roles.FormGroup.form_group>
<:actions><Kit.Phoenix.Roles.ActionGroup.action_group>
<:lead><Kit.Phoenix.Roles.PrimaryAction.primary_action>Save the caretaker</Kit.Phoenix.Roles.PrimaryAction.primary_action></:lead>
</Kit.Phoenix.Roles.ActionGroup.action_group></:actions>
</Kit.Phoenix.Roles.LabelPanel.label_panel>
<p class="specimen-case-line">One group of actions, stacking at Phone.</p>
<Kit.Phoenix.Roles.LabelPanel.label_panel aria-label="Room upkeep" heading="Room upkeep" {Kit.Phoenix.Print.omission("Room upkeep is not included in this printout.")}>
<:actions><Kit.Phoenix.Roles.ActionGroup.action_group>
<:secondary><Kit.Phoenix.Roles.SecondaryAction.secondary_action>Block out a room</Kit.Phoenix.Roles.SecondaryAction.secondary_action></:secondary>
<:secondary><Kit.Phoenix.Roles.SecondaryAction.secondary_action>Note a fault</Kit.Phoenix.Roles.SecondaryAction.secondary_action></:secondary>
<:secondary><Kit.Phoenix.Roles.SecondaryAction.secondary_action>Book a repair visit</Kit.Phoenix.Roles.SecondaryAction.secondary_action></:secondary>
<:secondary><Kit.Phoenix.Roles.SecondaryAction.secondary_action>Send reminders</Kit.Phoenix.Roles.SecondaryAction.secondary_action></:secondary>
</Kit.Phoenix.Roles.ActionGroup.action_group></:actions>
</Kit.Phoenix.Roles.LabelPanel.label_panel>
Label panel, unsaved
A form reopened holding the entry kept on this device.
Source
<p class="specimen-case-line">A form reopened holding the entry kept on this device.</p>
<Kit.Phoenix.Roles.LabelPanel.label_panel element="form" id="phoenix-label-panel-unsaved-room-form" aria-labelledby="phoenix-label-panel-unsaved-room" heading="Add a room" heading_rest={%{id: "phoenix-label-panel-unsaved-room"}} keep={%Kit.Phoenix.Keep{key: "aisha-khan/hall/rooms/new-room", version: "3"}} unsaved="Not saved">
<Kit.Phoenix.Roles.FormGroup.form_group id="phoenix-label-panel-unsaved-room-name-form-group" kind={Kit.Phoenix.Roles.FormGroup.Kind.text(:medium)} control_rest={%{id: "phoenix-label-panel-unsaved-room-name", name: "room-name"}} control_value="Garden Room"><:printed_value>Garden Room</:printed_value>
<:label>Room name</:label>
</Kit.Phoenix.Roles.FormGroup.form_group>
<:actions><Kit.Phoenix.Roles.ActionGroup.action_group>
<:lead><Kit.Phoenix.Roles.PrimaryAction.primary_action type="submit">Add the room</Kit.Phoenix.Roles.PrimaryAction.primary_action></:lead>
</Kit.Phoenix.Roles.ActionGroup.action_group></:actions>
</Kit.Phoenix.Roles.LabelPanel.label_panel>