Enhance inventory and user templates with select inputs for better data handling and navigation
This commit is contained in:
parent
14384c3d22
commit
9c3d32e5a0
2 changed files with 58 additions and 39 deletions
|
@ -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">
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue