{% 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 bulk=true %} {% include 'set/socket.html' %} {% endwith %} {% endblock %} {% block scripts %} <script src="{{ url_for('static', filename='scripts/socket.js') }}"></script> {% endblock %}