forked from fixin.me/fixin.me
46 lines
1.7 KiB
Plaintext
46 lines
1.7 KiB
Plaintext
<%= tabular_form_with model: Measurement.new, id: :measurement_form,
|
|
class: 'topside-area flex vertical center',
|
|
html: {onkeydown: 'formProcessKey(event)'} do |form| %>
|
|
|
|
<table class="items-table center">
|
|
<tbody id="readouts">
|
|
<%= tabular_fields_for @measurement do |form| %>
|
|
<tr class="italic">
|
|
<td class="hexpand hmin50"><%= t '.taken_at_html' %></td>
|
|
<td colspan="3" class="ralign">
|
|
<%= form.datetime_field :taken_at, required: true %>
|
|
</td>
|
|
</tr>
|
|
<% end %>
|
|
</tbody>
|
|
</table>
|
|
|
|
<%# TODO: right-click selection; unnecessary with hierarchical tags? %>
|
|
<details id="quantity_select" class="center hexpand" open
|
|
onkeydown="detailsProcessKey(event)">
|
|
<summary autofocus>
|
|
<!-- TODO: Set content with CSS when span empty to avoid duplication -->
|
|
<span data-prompt="<%= t('.select_quantity') %>">
|
|
<%= t('.select_quantity') %>
|
|
</span>
|
|
<%= image_button_tag t(:apply), "update", name: nil, disabled: true,
|
|
formaction: new_readout_path, formmethod: :get, formnovalidate: true,
|
|
data: {turbo_stream: true} %>
|
|
</summary>
|
|
<ul><%= quantities_check_boxes(@quantities) %></ul>
|
|
</details>
|
|
|
|
<div class="flex reverse">
|
|
<%= form.button id: :create_measurement_button, disabled: true -%>
|
|
<%= image_link_to t(:cancel), "close-outline", measurements_path, name: :cancel,
|
|
class: 'dangerous', onclick: render_turbo_stream('form_close') %>
|
|
</div>
|
|
<% end %>
|
|
|
|
<script>
|
|
quantity_select.addEventListener('focusout', detailsClose)
|
|
quantity_select.addEventListener('change', detailsChange)
|
|
detailsObserver.observe(quantity_select.querySelector('ul'),
|
|
{subtree: true, attributeFilter: ['disabled']})
|
|
</script>
|