Merge add and bulk add templates

This commit is contained in:
Gregoo 2025-01-31 15:45:28 +01:00
parent 66bcc9ce14
commit 2a12889695
3 changed files with 23 additions and 79 deletions

View File

@ -31,8 +31,9 @@ def bulk() -> str:
BrickConfigurationList.error_unless_is_set('REBRICKABLE_API_KEY') BrickConfigurationList.error_unless_is_set('REBRICKABLE_API_KEY')
return render_template( return render_template(
'bulk.html', 'add.html',
path=current_app.config['SOCKET_PATH'], path=current_app.config['SOCKET_PATH'],
namespace=current_app.config['SOCKET_NAMESPACE'], namespace=current_app.config['SOCKET_NAMESPACE'],
messages=MESSAGES messages=MESSAGES,
bulk=True
) )

View File

@ -1,10 +1,10 @@
{% extends 'base.html' %} {% extends 'base.html' %}
{% block title %} - Add a set{% endblock %} {% block title %} - {% if not bulk %}Add a set{% else %}Bulk add sets{% endif %}{% endblock %}
{% block main %} {% block main %}
<div class="container"> <div class="container">
{% if not config['HIDE_ADD_BULK_SET'] %} {% if not bulk and not config['HIDE_ADD_BULK_SET'] %}
<div class="alert alert-primary" role="alert"> <div class="alert alert-primary" role="alert">
<h4 class="alert-heading">Too many to add?</h4> <h4 class="alert-heading">Too many to add?</h4>
<p class="mb-0">You can import multiple sets at once with <a href="{{ url_for('add.bulk') }}" class="btn btn-primary"><i class="ri-function-add-line"></i> Bulk add</a>.</p> <p class="mb-0">You can import multiple sets at once with <a href="{{ url_for('add.bulk') }}" class="btn btn-primary"><i class="ri-function-add-line"></i> Bulk add</a>.</p>
@ -14,17 +14,21 @@
<div class="col-12"> <div class="col-12">
<div class="card mb-3"> <div class="card mb-3">
<div class="card-header"> <div class="card-header">
<h5 class="mb-0"><i class="ri-add-circle-line"></i> Add a set</h5> <h5 class="mb-0"><i class="ri-add-circle-line"></i> {% if not bulk %}Add a set{% else %}Bulk add sets{% endif %}</h5>
</div> </div>
<div class="card-body"> <div class="card-body">
<div id="add-fail" class="alert alert-danger d-none" role="alert"></div> <div id="add-fail" class="alert alert-danger d-none" role="alert"></div>
<div id="add-complete" class="alert alert-success d-none" role="alert"></div> {% if not bulk %}
<div id="add-complete" class="alert alert-success d-none" role="alert"></div>
{% else %}
<div id="add-complete"></div>
{% endif %}
<div class="mb-3"> <div class="mb-3">
<label for="add-set" class="form-label">Set number (only one)</label> <label for="add-set" class="form-label">{% if not bulk %}Set number (only one){% else %}List of sets (separated by a comma){% endif %}</label>
<input type="text" class="form-control" id="add-set" placeholder="107-1 or 1642-1 or ..."> <input type="text" class="form-control" id="add-set" placeholder="{% if not bulk %}107-1 or 1642-1 or ...{% else %}107-1, 1642-1, ...{% endif %}">
</div> </div>
<div class="form-check"> <div class="form-check">
<input type="checkbox" class="form-check-input" id="add-no-confirm"> <input type="checkbox" class="form-check-input" id="add-no-confirm" {% if bulk %}checked disabled{% endif %}>
<label class="form-check-label" for="add-no-confirm"> <label class="form-check-label" for="add-no-confirm">
Add without confirmation Add without confirmation
</label> </label>
@ -54,21 +58,24 @@
<div id="add-card-image-container" class="card-img"> <div id="add-card-image-container" class="card-img">
<img id="add-card-image" loading="lazy"> <img id="add-card-image" loading="lazy">
</div> </div>
<div id="add-card-footer" class="card-footer text-end d-none"> {% if not bulk %}
<button id="add-card-dismiss" type="button" class="btn btn-danger"><i class="ri-close-line"></i> Dismiss</button> <div id="add-card-footer" class="card-footer text-end d-none">
<button id="add-card-confirm" type="button" class="btn btn-primary"><i class="ri-check-double-line"></i> Confirm add</button> <button id="add-card-dismiss" type="button" class="btn btn-danger"><i class="ri-close-line"></i> Dismiss</button>
</div> <button id="add-card-confirm" type="button" class="btn btn-primary"><i class="ri-check-double-line"></i> Confirm add</button>
</div>
{% endif %}
</div> </div>
</div> </div>
</div> </div>
<div class="card-footer text-end"> <div class="card-footer text-end">
<span id="add-status-icon" class="me-1"></span><span id="add-status" class="me-1"></span><button id="add" type="button" class="btn btn-primary"><i class="ri-add-circle-line"></i> Add</button> <span id="add-status-icon" class="me-1"></span><span id="add-status" class="me-1"></span>
<button id="add" type="button" class="btn btn-primary">{% if not bulk %}<i class="ri-add-circle-line"></i> Add{% else %}<i class="ri-function-add-line"></i> Bulk add{% endif %}</button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{% with id='add' %} {% with id='add', bulk=bulk %}
{% include 'set/socket.html' %} {% include 'set/socket.html' %}
{% endwith %} {% endwith %}
{% endblock %} {% endblock %}

View File

@ -1,64 +0,0 @@
{% extends 'base.html' %}
{% block title %} - Bulk add sets{% endblock %}
{% block main %}
<div class="container">
<div class="row">
<div class="col-12">
<div class="card mb-3">
<div class="card-header">
<h5 class="mb-0"><i class="ri-add-circle-line"></i> Bulk add sets</h5>
</div>
<div class="card-body">
<div id="add-fail" class="alert alert-danger d-none" role="alert"></div>
<div id="add-complete"></div>
<div class="mb-3">
<label for="add-set" class="form-label">List of sets (separated by a comma)</label>
<input type="text" class="form-control" id="add-set" placeholder="107-1, 1642-1, ...">
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="add-no-confirm" checked disabled>
<label class="form-check-label" for="add-no-confirm">
Add without confirmation
</label>
</div>
<hr>
<div class="mb-3">
<p>
Progress <span id="add-count"></span>
<span id="add-spinner" class="d-none">
<span class="spinner-border spinner-border-sm" aria-hidden="true"></span>
<span class="visually-hidden" role="status">Loading...</span>
</span>
</p>
<div id="add-progress" class="progress" role="progressbar" aria-label="Add a set progress" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
<div id="add-progress-bar" class="progress-bar" style="width: 0%"></div>
</div>
<p id="add-progress-message" class="text-center d-none"></p>
</div>
<div id="add-card" class="d-flex d-none justify-content-center">
<div class="card mb-3 col-6">
<div class="card-header">
<h5 class="mb-0">
<span class="badge text-bg-secondary fw-normal"><i class="ri-hashtag"></i> <span id="add-card-number"></span></span>
<span id="add-card-name"></span>
</h5>
</div>
<div id="add-card-image-container" class="card-img">
<img id="add-card-image" loading="lazy">
</div>
</div>
</div>
</div>
<div class="card-footer text-end">
<span id="add-status-icon" class="me-1"></span><span id="add-status" class="me-1"></span><button id="add" type="button" class="btn btn-primary"><i class="ri-function-add-line"></i> Bulk add</button>
</div>
</div>
</div>
</div>
</div>
{% with id='add', bulk=true %}
{% include 'set/socket.html' %}
{% endwith %}
{% endblock %}