yaro/inventory
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Enhance inventory and user templates with select inputs for better data handling and navigation

Browse source
This commit is contained in:
Yaro Kasear 2025-06-11 15:34:07 -05:00
parent 14384c3d22
commit 9c3d32e5a0
2 changed files with 58 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

49
templates/inventory.html
View file

@ -12,7 +12,7 @@ breadcrumbs=[
{'label': "Inventory", 'url': url_for('main.list_inventory')}
],
title=title,
submit_button=False) }}
submit_button=True) }}
<div class="container">
<form action="POST">
@ -47,14 +47,13 @@ submit_button=False) }}
<div class="row">
<div class="col-4">
<label for="brand" class="form-label">Brand</label>
<input list="brandList" id="brand" name="brand" class="form-control" placeholder="-"
value="{{ item.brand.name }}">
<input type="hidden" id="brandId">
<datalist id="brandList">
<select class="form-select" id="brand">
<option>-</option>
{% for brand in brands %}
<option data-id="{{ brand.id }}" value="{{ brand.name }}"></option>
<option value="{{ brand.id }}" {% if brand.id==item.brand_id %} selected{% endif %}>{{ brand.name }}
</option>
{% endfor %}
</datalist>
</select>
</div>
<div class="col-4">
<label for="model" class="form-label">Model</label>
@ -68,26 +67,36 @@ submit_button=False) }}
</div>
<div class="row">
<div class="col-4">
<label for="owner" class="form-label">Contact</label>
<input list="userList" id="owner" class="form-control" name="owner" placeholder="-"
value="{{ item.owner.full_name }}" data-datalist-bind="#userList" data-hidden-target="#userId">
<input type="hidden" id="userId">
<datalist id="userList">
<label for="owner" class="form-label">
Contact
<a href="{{ url_for('main.user', id=item.owner_id) }}"
class="link-success link-underline-opacity-0">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor"
class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5" />
<path fill-rule="evenodd"
d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0z" />
</svg>
</a>
</label>
<select class="form-select" id="userList">
<option>-</option>
{% for user in users %}
<option data-id="{{ user.id }}" value="{{ user.full_name }}"></option>
<option value="{{ user.id }}" {% if user.id==item.owner_id %} selected{% endif %}>{{ user.full_name
}}</option>
{% endfor %}
</datalist>
</select>
</div>
<div class="col-4">
<label for="location" class="form-label">Location</label>
<input list="roomList" id="location" class="form-control" name="location" placeholder="-"
value="{{ item.location.full_name }}" data-datalist-bind="#roomList" data-hidden-target="#roomId">
<input type="hidden" id="roomId">
<datalist id="roomList">
<select class="form-select" id="room">
<option>-</option>
{% for room in rooms %}
<option data-id="{{ room.id }}" value="{{ room.full_name }}"></option>
<option value="{{ room.id }}" {% if room.id==item.location_id %} selected{% endif %}>{{
room.full_name }}</option>
{% endfor %}
</datalist>
</select>
</div>
<div class="col-2">
<label for="condition" class="form-label">Condition</label>