mirror of
https://github.com/System-End/theseus.git
synced 2026-04-19 19:55:10 +00:00
73 lines
No EOL
3.1 KiB
Text
73 lines
No EOL
3.1 KiB
Text
<%# Letter attributes form partial that can be used for both batches and individual letters %>
|
|
<%# Usage: render 'letters/letter_attributes_form', form: form, is_batch: true/false %>
|
|
<% is_batch ||= false %>
|
|
<div class="letter-attributes">
|
|
<div class="grid md:grid-cols-3 gap-4 mb-4">
|
|
<div class="form-group">
|
|
<%= form.label is_batch ? :letter_width : :width, "Letter Width (inches)", class: "form-label" %>
|
|
<%= form.number_field is_batch ? :letter_width : :width,
|
|
step: "0.5",
|
|
min: 0,
|
|
id: "letter_width",
|
|
class: "form-control" %>
|
|
</div>
|
|
<div class="form-group">
|
|
<%= form.label is_batch ? :letter_height : :height, "Letter Height (inches)", class: "form-label" %>
|
|
<%= form.number_field is_batch ? :letter_height : :height,
|
|
step: "0.5",
|
|
min: 0,
|
|
id: "letter_height",
|
|
class: "form-control" %>
|
|
</div>
|
|
<div class="form-group">
|
|
<%= form.label is_batch ? :letter_weight : :weight, "Letter Weight (ounces)", class: "form-label" %>
|
|
<%= form.number_field is_batch ? :letter_weight : :weight,
|
|
step: "0.1",
|
|
min: 0,
|
|
value: 1,
|
|
class: "form-control" %>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<%= form.label is_batch ? :letter_processing_category : :processing_category, "Processing Category", class: "form-label" %>
|
|
<%= form.select is_batch ? :letter_processing_category : :processing_category,
|
|
Letter.processing_categories.keys.map { |k| [k.humanize, k.to_sym] },
|
|
{ selected: :letter },
|
|
{ class: "form-control", required: true } %>
|
|
</div>
|
|
|
|
<% unless local_assigns[:is_batch] %>
|
|
<div class="form-group">
|
|
<%= form.label :mailing_date, class: "form-label" %>
|
|
<%= form.date_field :mailing_date,
|
|
value: form.object.mailing_date || form.object.default_mailing_date,
|
|
min: form.object.new_record? ? Date.current : nil,
|
|
class: "form-control" %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
|
|
<div class="preset-buttons mt-2 mb-4">
|
|
<div class="text-sm text-muted mb-2">Choose a preset size:</div>
|
|
<div class="flex gap-2">
|
|
<button type="button" class="btn btn-tiny outlined" onclick="setEnvelopeSize('5x7'); return false;">
|
|
5x7 envelope (the cute colorful ones!)
|
|
</button>
|
|
<button type="button" class="btn btn-tiny outlined" onclick="setEnvelopeSize('10'); return false;">
|
|
boring ol' #10 envelope
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
function setEnvelopeSize(type) {
|
|
if (type === '5x7') {
|
|
document.getElementById('letter_height').value = '5';
|
|
document.getElementById('letter_width').value = '7';
|
|
} else if (type === '10') {
|
|
document.getElementById('letter_height').value = '4.125';
|
|
document.getElementById('letter_width').value = '9.5';
|
|
}
|
|
}
|
|
</script> |