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

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

View file

@ -9,10 +9,10 @@
{% block content %}
{{ breadcrumbs.breadcrumb_header(
title=title,
breadcrumbs=[
{'label': 'Users', 'url': url_for('main.list_users')}
]
title=title,
breadcrumbs=[
{'label': 'Users', 'url': url_for('main.list_users')}
]
) }}
<div class="container">
@ -31,29 +31,39 @@
<div class="row mt-2">
<div class="col-6">
<label for="supervisor" class="form-label">Supervisor</label>
<input list="supervisorList" id="supervisor" name="supervisorName" class="form-control"
value="{{ user.supervisor.full_name }}" data-datalist-bind="#supervisorList"
data-hidden-target="#supervisorId">
<input type="hidden" id="supervisorId">
<datalist id="supervisorList">
<label for="supervisor" class="form-label">
Supervisor
{% if user.supervisor %}
<a href="{{ url_for('main.user', id=user.supervisor_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>
{% endif %}
</label>
<select class="form-select" id="supervisor" name="supervisor"
value="{{ supervisor.id if supervisor else '' }}">
<option>-</option>
{% for supervisor in users %}
<option data-id="{{ supervisor.id }}" value="{{ supervisor.full_name }}"></option>
<option value="{{ supervisor.id }}"{% if supervisor.id == user.supervisor_id %} selected{% endif %}>
{{ supervisor.full_name }}</option>
{% endfor %}
</datalist>
</select>
</div>
<div class="col-6">
<label for="location" class="form-label">Location</label>
<input list="locationList" id="location" name="locationName" class="form-control"
value="{{ user.location.full_name }}" data-datalist-bind="#locationList"
data-hidden-target="#locationId">
<input type="hidden" id="locationId">
<datalist id="locationList">
<select class="form-select" id="location" name="location">
<option>-</option>
{% for location in rooms %}
<option data-id="{{ location.id }}" value="{{ location.full_name }}"></option>
<option value="{{ location.id }}"{% if location.id == user.location_id %} selected{% endif %}>{{ location.full_name }}</option>
{% endfor %}
</datalist>
</select>
</div>
</div>
<div class="row mt-4">