Spaces:
				
			
			
	
			
			
					
		Running
		
	
	
	
			
			
	
	
	
	
		
		
					
		Running
		
	Update index.html
Browse files- index.html +45 -57
 
    	
        index.html
    CHANGED
    
    | 
         @@ -16,7 +16,6 @@ 
     | 
|
| 16 | 
         
             
                        <div onclick="showSection('stats')">Отчеты</div>
         
     | 
| 17 | 
         
             
                    </div>
         
     | 
| 18 | 
         
             
                </div>
         
     | 
| 19 | 
         
            -
             
     | 
| 20 | 
         
             
                <div class="container">
         
     | 
| 21 | 
         
             
                    <!-- Колонка 1: Инвентарь -->
         
     | 
| 22 | 
         
             
                    <div class="column inventory active" id="inventory">
         
     | 
| 
         @@ -31,60 +30,52 @@ 
     | 
|
| 31 | 
         
             
                            <input type="number" id="itemsPerPack" placeholder="Количество штук в пачке" required>
         
     | 
| 32 | 
         
             
                            <button type="submit">Добавить товар</button>
         
     | 
| 33 | 
         
             
                        </form>
         
     | 
| 34 | 
         
            -
             
     | 
| 35 | 
         
             
                        <!-- Поиск по товарам -->
         
     | 
| 36 | 
         
             
                        <div class="search-container">
         
     | 
| 37 | 
         
             
                            <input type="text" id="searchInput" placeholder="Поиск по названию товара">
         
     | 
| 38 | 
         
             
                        </div>
         
     | 
| 39 | 
         
            -
             
     | 
| 40 | 
         
             
                        <!-- Таблица товаров -->
         
     | 
| 41 | 
         
            -
                        < 
     | 
| 42 | 
         
            -
                            < 
     | 
| 43 | 
         
            -
                                < 
     | 
| 44 | 
         
            -
                                    < 
     | 
| 45 | 
         
            -
             
     | 
| 46 | 
         
            -
             
     | 
| 47 | 
         
            -
             
     | 
| 48 | 
         
            -
             
     | 
| 49 | 
         
            -
             
     | 
| 50 | 
         
            -
             
     | 
| 51 | 
         
            -
             
     | 
| 52 | 
         
            -
             
     | 
| 53 | 
         
            -
             
     | 
| 54 | 
         
            -
                                 
     | 
| 55 | 
         
            -
             
     | 
| 56 | 
         
            -
             
     | 
| 57 | 
         
            -
                            </table>
         
     | 
| 58 | 
         
            -
                        </div>
         
     | 
| 59 | 
         
             
                    </div>
         
     | 
| 60 | 
         
            -
             
     | 
| 61 | 
         
             
                    <!-- Колонка 2: Корзина -->
         
     | 
| 62 | 
         
             
                    <div class="column cart" id="cart">
         
     | 
| 63 | 
         
             
                        <h2>Корзина</h2>
         
     | 
| 64 | 
         
            -
                        < 
     | 
| 65 | 
         
            -
                            < 
     | 
| 66 | 
         
            -
                                < 
     | 
| 67 | 
         
            -
                                    < 
     | 
| 68 | 
         
            -
             
     | 
| 69 | 
         
            -
             
     | 
| 70 | 
         
            -
             
     | 
| 71 | 
         
            -
             
     | 
| 72 | 
         
            -
             
     | 
| 73 | 
         
            -
             
     | 
| 74 | 
         
            -
             
     | 
| 75 | 
         
            -
             
     | 
| 76 | 
         
            -
                                 
     | 
| 77 | 
         
            -
             
     | 
| 78 | 
         
            -
             
     | 
| 79 | 
         
            -
                            </table>
         
     | 
| 80 | 
         
            -
                        </div>
         
     | 
| 81 | 
         
             
                        <div class="discount-container">
         
     | 
| 82 | 
         
             
                            <label for="discountInput">Скидка:</label>
         
     | 
| 83 | 
         
             
                            <input type="number" id="discountInput" placeholder="Введите сумму скидки">
         
     | 
| 84 | 
         
             
                        </div>
         
     | 
| 85 | 
         
             
                        <button id="sellCartBtn" onclick="sellCart()">Продать товары из корзины</button>
         
     | 
| 86 | 
         
             
                    </div>
         
     | 
| 87 | 
         
            -
             
     | 
| 88 | 
         
             
                    <!-- Колонка 3: Отчеты -->
         
     | 
| 89 | 
         
             
                    <div class="column stats" id="stats">
         
     | 
| 90 | 
         
             
                        <h2>Отчеты</h2>
         
     | 
| 
         @@ -107,28 +98,26 @@ 
     | 
|
| 107 | 
         
             
                        </div>
         
     | 
| 108 | 
         
             
                    </div>
         
     | 
| 109 | 
         
             
                </div>
         
     | 
| 110 | 
         
            -
             
     | 
| 111 | 
         
             
                <!-- Модальное окно для чека -->
         
     | 
| 112 | 
         
             
                <div id="receiptModal" class="modal">
         
     | 
| 113 | 
         
             
                    <div class="modal-content">
         
     | 
| 114 | 
         
             
                        <span class="close">×</span>
         
     | 
| 115 | 
         
             
                        <h2>Чек продажи</h2>
         
     | 
| 116 | 
         
             
                        <p>Дата и время: <span id="receiptDateTime"></span></p>
         
     | 
| 117 | 
         
            -
                        < 
     | 
| 118 | 
         
            -
                            < 
     | 
| 119 | 
         
            -
                                < 
     | 
| 120 | 
         
            -
                                    < 
     | 
| 121 | 
         
            -
             
     | 
| 122 | 
         
            -
             
     | 
| 123 | 
         
            -
             
     | 
| 124 | 
         
            -
             
     | 
| 125 | 
         
            -
             
     | 
| 126 | 
         
            -
             
     | 
| 127 | 
         
            -
             
     | 
| 128 | 
         
            -
             
     | 
| 129 | 
         
            -
             
     | 
| 130 | 
         
            -
             
     | 
| 131 | 
         
            -
                        </div>
         
     | 
| 132 | 
         
             
                        <p>Общая сумма: <span id="receiptTotal"></span></p>
         
     | 
| 133 | 
         
             
                        <p>Скидка: <span id="receiptDiscount"></span></p>
         
     | 
| 134 | 
         
             
                        <p>Итого к оплате: <span id="receiptFinalTotal"></span></p>
         
     | 
| 
         @@ -136,7 +125,6 @@ 
     | 
|
| 136 | 
         
             
                        <button id="cancelSaleBtn">Отмена</button>
         
     | 
| 137 | 
         
             
                    </div>
         
     | 
| 138 | 
         
             
                </div>
         
     | 
| 139 | 
         
            -
             
     | 
| 140 | 
         
             
                <script src="script.js"></script>
         
     | 
| 141 | 
         
             
            </body>
         
     | 
| 142 | 
         
             
            </html>
         
     | 
| 
         | 
|
| 16 | 
         
             
                        <div onclick="showSection('stats')">Отчеты</div>
         
     | 
| 17 | 
         
             
                    </div>
         
     | 
| 18 | 
         
             
                </div>
         
     | 
| 
         | 
|
| 19 | 
         
             
                <div class="container">
         
     | 
| 20 | 
         
             
                    <!-- Колонка 1: Инвентарь -->
         
     | 
| 21 | 
         
             
                    <div class="column inventory active" id="inventory">
         
     | 
| 
         | 
|
| 30 | 
         
             
                            <input type="number" id="itemsPerPack" placeholder="Количество штук в пачке" required>
         
     | 
| 31 | 
         
             
                            <button type="submit">Добавить товар</button>
         
     | 
| 32 | 
         
             
                        </form>
         
     | 
| 
         | 
|
| 33 | 
         
             
                        <!-- Поиск по товарам -->
         
     | 
| 34 | 
         
             
                        <div class="search-container">
         
     | 
| 35 | 
         
             
                            <input type="text" id="searchInput" placeholder="Поиск по названию товара">
         
     | 
| 36 | 
         
             
                        </div>
         
     | 
| 
         | 
|
| 37 | 
         
             
                        <!-- Таблица товаров -->
         
     | 
| 38 | 
         
            +
                        <table id="productTable">
         
     | 
| 39 | 
         
            +
                            <thead>
         
     | 
| 40 | 
         
            +
                                <tr>
         
     | 
| 41 | 
         
            +
                                    <th>Название</th>
         
     | 
| 42 | 
         
            +
                                    <th>Приходная цена</th>
         
     | 
| 43 | 
         
            +
                                    <th>Оптовая цена</th>
         
     | 
| 44 | 
         
            +
                                    <th>Розничная цена</th>
         
     | 
| 45 | 
         
            +
                                    <th>Остаток (пачек)</th>
         
     | 
| 46 | 
         
            +
                                    <th>Штук в пачке</th>
         
     | 
| 47 | 
         
            +
                                    <th>Действия</th>
         
     | 
| 48 | 
         
            +
                                </tr>
         
     | 
| 49 | 
         
            +
                            </thead>
         
     | 
| 50 | 
         
            +
                            <tbody>
         
     | 
| 51 | 
         
            +
                                <!-- Строки с товарами будут добавляться сюда -->
         
     | 
| 52 | 
         
            +
                            </tbody>
         
     | 
| 53 | 
         
            +
                        </table>
         
     | 
| 
         | 
|
| 
         | 
|
| 54 | 
         
             
                    </div>
         
     | 
| 
         | 
|
| 55 | 
         
             
                    <!-- Колонка 2: Корзина -->
         
     | 
| 56 | 
         
             
                    <div class="column cart" id="cart">
         
     | 
| 57 | 
         
             
                        <h2>Корзина</h2>
         
     | 
| 58 | 
         
            +
                        <table id="cartTable">
         
     | 
| 59 | 
         
            +
                            <thead>
         
     | 
| 60 | 
         
            +
                                <tr>
         
     | 
| 61 | 
         
            +
                                    <th>Название</th>
         
     | 
| 62 | 
         
            +
                                    <th>Количество</th>
         
     | 
| 63 | 
         
            +
                                    <th>Цена за единицу</th>
         
     | 
| 64 | 
         
            +
                                    <th>Тип продажи</th>
         
     | 
| 65 | 
         
            +
                                    <th>Итого</th>
         
     | 
| 66 | 
         
            +
                                    <th>Действия</th>
         
     | 
| 67 | 
         
            +
                                </tr>
         
     | 
| 68 | 
         
            +
                            </thead>
         
     | 
| 69 | 
         
            +
                            <tbody>
         
     | 
| 70 | 
         
            +
                                <!-- Товары в корзине будут добавляться сюда -->
         
     | 
| 71 | 
         
            +
                            </tbody>
         
     | 
| 72 | 
         
            +
                        </table>
         
     | 
| 
         | 
|
| 
         | 
|
| 73 | 
         
             
                        <div class="discount-container">
         
     | 
| 74 | 
         
             
                            <label for="discountInput">Скидка:</label>
         
     | 
| 75 | 
         
             
                            <input type="number" id="discountInput" placeholder="Введите сумму скидки">
         
     | 
| 76 | 
         
             
                        </div>
         
     | 
| 77 | 
         
             
                        <button id="sellCartBtn" onclick="sellCart()">Продать товары из корзины</button>
         
     | 
| 78 | 
         
             
                    </div>
         
     | 
| 
         | 
|
| 79 | 
         
             
                    <!-- Колонка 3: Отчеты -->
         
     | 
| 80 | 
         
             
                    <div class="column stats" id="stats">
         
     | 
| 81 | 
         
             
                        <h2>Отчеты</h2>
         
     | 
| 
         | 
|
| 98 | 
         
             
                        </div>
         
     | 
| 99 | 
         
             
                    </div>
         
     | 
| 100 | 
         
             
                </div>
         
     | 
| 
         | 
|
| 101 | 
         
             
                <!-- Модальное окно для чека -->
         
     | 
| 102 | 
         
             
                <div id="receiptModal" class="modal">
         
     | 
| 103 | 
         
             
                    <div class="modal-content">
         
     | 
| 104 | 
         
             
                        <span class="close">×</span>
         
     | 
| 105 | 
         
             
                        <h2>Чек продажи</h2>
         
     | 
| 106 | 
         
             
                        <p>Дата и время: <span id="receiptDateTime"></span></p>
         
     | 
| 107 | 
         
            +
                        <table id="receiptTable">
         
     | 
| 108 | 
         
            +
                            <thead>
         
     | 
| 109 | 
         
            +
                                <tr>
         
     | 
| 110 | 
         
            +
                                    <th>Название</th>
         
     | 
| 111 | 
         
            +
                                    <th>Количество</th>
         
     | 
| 112 | 
         
            +
                                    <th>Цена за единицу</th>
         
     | 
| 113 | 
         
            +
                                    <th>Итого</th>
         
     | 
| 114 | 
         
            +
                                    <th></th>
         
     | 
| 115 | 
         
            +
                                </tr>
         
     | 
| 116 | 
         
            +
                            </thead>
         
     | 
| 117 | 
         
            +
                            <tbody>
         
     | 
| 118 | 
         
            +
                                <!-- Товары в чеке будут добавляться сюда -->
         
     | 
| 119 | 
         
            +
                            </tbody>
         
     | 
| 120 | 
         
            +
                        </table>
         
     | 
| 
         | 
|
| 121 | 
         
             
                        <p>Общая сумма: <span id="receiptTotal"></span></p>
         
     | 
| 122 | 
         
             
                        <p>Скидка: <span id="receiptDiscount"></span></p>
         
     | 
| 123 | 
         
             
                        <p>Итого к оплате: <span id="receiptFinalTotal"></span></p>
         
     | 
| 
         | 
|
| 125 | 
         
             
                        <button id="cancelSaleBtn">Отмена</button>
         
     | 
| 126 | 
         
             
                    </div>
         
     | 
| 127 | 
         
             
                </div>
         
     | 
| 
         | 
|
| 128 | 
         
             
                <script src="script.js"></script>
         
     | 
| 129 | 
         
             
            </body>
         
     | 
| 130 | 
         
             
            </html>
         
     |