Skip to content

Commit 9180999

Browse files
committed
Improved Part details page by putting fields into 2 columns when the screen is large enough to show it
Closes: #65
1 parent 0ec2a17 commit 9180999

1 file changed

Lines changed: 54 additions & 54 deletions

File tree

pyproj/erp/templates/erp/part_edit.html

Lines changed: 54 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -31,64 +31,64 @@
3131
</div>
3232
{% endif %}
3333
<div class="col">
34-
<div class="mb-3">
35-
<label for="{{ form.name.id_for_label }}" class="form-label fw-semibold">Name</label>
36-
{{ form.name }}
37-
{% if form.name.errors %}<div class="text-danger small mt-1">{{ form.name.errors }}</div>{% endif %}
38-
</div>
39-
<div class="mb-3">
40-
<label for="{{ form.device.id_for_label }}" class="form-label fw-semibold">Device</label>
41-
{{ form.device }}
42-
{% if form.device.errors %}<div class="text-danger small mt-1">{{ form.device.errors }}</div>{% endif %}
43-
</div>
44-
<div class="mb-3">
45-
<label for="{{ form.package.id_for_label }}" class="form-label fw-semibold">Package</label>
46-
{{ form.package }}
47-
{% if form.package.errors %}<div class="text-danger small mt-1">{{ form.package.errors }}</div>{% endif %}
48-
</div>
49-
<div class="mb-3">
50-
<label for="{{ form.value.id_for_label }}" class="form-label fw-semibold">Value</label>
51-
{{ form.value }}
52-
{% if form.value.errors %}<div class="text-danger small mt-1">{{ form.value.errors }}</div>{% endif %}
53-
</div>
54-
<div class="mb-3">
55-
<label for="{{ form.category.id_for_label }}" class="form-label fw-semibold">Category</label>
56-
{{ form.category }}
57-
{% if form.category.errors %}<div class="text-danger small mt-1">{{ form.category.errors }}</div>{% endif %}
34+
<div class="row g-3">
35+
<div class="col-12 col-lg-6">
36+
<label for="{{ form.name.id_for_label }}" class="form-label fw-semibold">Name</label>
37+
{{ form.name }}
38+
{% if form.name.errors %}<div class="text-danger small mt-1">{{ form.name.errors }}</div>{% endif %}
39+
</div>
40+
<div class="col-12 col-lg-6">
41+
<label for="{{ form.device.id_for_label }}" class="form-label fw-semibold">Device</label>
42+
{{ form.device }}
43+
{% if form.device.errors %}<div class="text-danger small mt-1">{{ form.device.errors }}</div>{% endif %}
44+
</div>
45+
<div class="col-12 col-lg-6">
46+
<label for="{{ form.package.id_for_label }}" class="form-label fw-semibold">Package</label>
47+
{{ form.package }}
48+
{% if form.package.errors %}<div class="text-danger small mt-1">{{ form.package.errors }}</div>{% endif %}
49+
</div>
50+
<div class="col-12 col-lg-6">
51+
<label for="{{ form.value.id_for_label }}" class="form-label fw-semibold">Value</label>
52+
{{ form.value }}
53+
{% if form.value.errors %}<div class="text-danger small mt-1">{{ form.value.errors }}</div>{% endif %}
54+
</div>
55+
<div class="col-12 col-lg-6">
56+
<label for="{{ form.category.id_for_label }}" class="form-label fw-semibold">Category</label>
57+
{{ form.category }}
58+
{% if form.category.errors %}<div class="text-danger small mt-1">{{ form.category.errors }}</div>{% endif %}
59+
</div>
60+
<div class="col-12 col-lg-6">
61+
<label for="{{ form.fusion_library.id_for_label }}" class="form-label fw-semibold">Fusion Library</label>
62+
{{ form.fusion_library }}
63+
{% if form.fusion_library.errors %}<div class="text-danger small mt-1">{{ form.fusion_library.errors }}</div>{% endif %}
64+
</div>
65+
<div class="col-12 col-lg-6">
66+
<label for="{{ form.stock.id_for_label }}" class="form-label fw-semibold">Stock</label>
67+
{{ form.stock }}
68+
{% if form.stock.errors %}<div class="text-danger small mt-1">{{ form.stock.errors }}</div>{% endif %}
69+
</div>
70+
<div class="col-12 col-lg-6">
71+
<label class="form-label fw-semibold d-block">&nbsp;</label>
72+
<div class="form-check">
73+
{{ form.no_stock_required }}
74+
<label for="{{ form.no_stock_required.id_for_label }}" class="form-check-label">No Stock Required</label>
75+
</div>
76+
{% if form.no_stock_required.errors %}<div class="text-danger small mt-1">{{ form.no_stock_required.errors }}</div>{% endif %}
77+
</div>
78+
<div class="col-12">
79+
<label for="{{ form.description.id_for_label }}" class="form-label fw-semibold">Description</label>
80+
{{ form.description }}
81+
{% if form.description.errors %}<div class="text-danger small mt-1">{{ form.description.errors }}</div>{% endif %}
82+
</div>
83+
<div class="col-12">
84+
<label for="{{ form.image.id_for_label }}" class="form-label fw-semibold">Image</label>
85+
{{ form.image }}
86+
{% if form.image.errors %}<div class="text-danger small mt-1">{{ form.image.errors }}</div>{% endif %}
87+
</div>
5888
</div>
5989
</div>
6090
</div>
6191

62-
<div class="mb-3">
63-
<label for="{{ form.description.id_for_label }}" class="form-label fw-semibold">Description</label>
64-
{{ form.description }}
65-
{% if form.description.errors %}<div class="text-danger small mt-1">{{ form.description.errors }}</div>{% endif %}
66-
</div>
67-
68-
<div class="mb-3">
69-
<label for="{{ form.fusion_library.id_for_label }}" class="form-label fw-semibold">Fusion Library</label>
70-
{{ form.fusion_library }}
71-
{% if form.fusion_library.errors %}<div class="text-danger small mt-1">{{ form.fusion_library.errors }}</div>{% endif %}
72-
</div>
73-
74-
<div class="mb-3">
75-
<label for="{{ form.stock.id_for_label }}" class="form-label fw-semibold">Stock</label>
76-
{{ form.stock }}
77-
{% if form.stock.errors %}<div class="text-danger small mt-1">{{ form.stock.errors }}</div>{% endif %}
78-
</div>
79-
80-
<div class="mb-3 form-check">
81-
{{ form.no_stock_required }}
82-
<label for="{{ form.no_stock_required.id_for_label }}" class="form-check-label">No Stock Required</label>
83-
{% if form.no_stock_required.errors %}<div class="text-danger small mt-1">{{ form.no_stock_required.errors }}</div>{% endif %}
84-
</div>
85-
86-
<div class="mb-3">
87-
<label for="{{ form.image.id_for_label }}" class="form-label fw-semibold">Image</label>
88-
{{ form.image }}
89-
{% if form.image.errors %}<div class="text-danger small mt-1">{{ form.image.errors }}</div>{% endif %}
90-
</div>
91-
9292
<div class="d-flex gap-2">
9393
<button type="submit" class="btn btn-primary">
9494
{% if part %}Save Changes{% else %}Add Part{% endif %}

0 commit comments

Comments
 (0)