You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.
{% extends "base.html" %}
{% load static %}
{% block title %}Сканирование штрих-кода{% endblock %}
{% block content %}
< div class = "container my-4" >
< div id = "scanner-container" class = "card mx-auto shadow-sm" style = "max-width: 640px;" >
< div class = "card-header bg-primary text-white text-center" >
< h1 class = "h5 mb-0" > Сканирование штрих-кода< / h1 >
< / div >
< div class = "card-body" >
< div id = "video-preview" class = "border rounded bg-dark text-white mb-3" style = "position: relative; width: 100%; height: 360px; overflow: hidden;" >
< video id = "camera-stream" autoplay style = "width: 100%; height: 100%; object-fit: cover;" > < / video >
< / div >
< p id = "result" class = "text-center mb-4" > Результат: < span id = "barcode-result" class = "fw-bold text-success" > ---< / span > < / p >
< div id = "product-details" class = "product-info mt-3" style = "display:none;" >
< h2 class = "h6" > Информация о < / h2 >
< ul id = "product-info-list" class = "list-group" > < / ul >
< / div >
< div class = "text-center" >
< button id = "stop-button" class = "btn btn-danger mt-3" style = "display:none;" > Остановить сканирование< / button >
< / div >
< / div >
< / div >
< / div >
{% endblock %}
{% block extra_js %}
< script src = "{% static 'js/scan_barcode.js' %}" > < / script >
< script src = "https://cdn.jsdelivr.net/npm/quagga/dist/quagga.min.js" > < / script >
{% endblock %}
