https://recipes.dmlab.work/tags/%D0%B4%D1%83%D1%85%D0%BE%D0%B2%D0%BA%D0%B0/Recent content in Духовка on РецептыHugo -- 0.155.3ru-ruWed, 05 Nov 2025 14:00:00 +0300https://recipes.dmlab.work/recipes/kotlety-italyanskie/Wed, 05 Nov 2025 14:00:00 +0300https://recipes.dmlab.work/recipes/kotlety-italyanskie/<h2 id="необходимое-оборудование">Необходимое оборудование</h2> <ul> <li>Мясорубка с решёткой 3-5 мм или кухонный комбайн</li> <li>Мясной термометр-щуп (диапазон 0-100°C)</li> <li>Сковорода с антипригарным покрытием диаметром 26-28 см</li> <li>Духовой шкаф с точным контролем температуры</li> <li>Противень или жаропрочная форма</li> </ul> <h2 id="подготовка">Подготовка</h2> <ol> <li>Куриное филе грудки и бедра довести до температуры 8-10°C (достать из холодильника за 15 минут)</li> <li>Сливки довести до комнатной температуры 20-22°C (1 час при комнатной температуре)</li> <li>Яйцо довести до комнатной температуры 20°C (30 минут вне холодильника)</li> <li>Листья базилика промыть холодной водой, обсушить бумажным полотенцем</li> <li>Филе нарезать кусками 3×3 см для равномерного измельчения</li> <li>Все ингредиенты отмерить с точностью ±2г</li> <li><strong>Разогреть духовку до 180°C</strong> за 15-20 минут до начала жарки</li> </ol> <h2 id="ингредиенты">Ингредиенты</h2> <div class="nutritional-info"> <h4>Пищевая ценность на 100г:</h4> <div class="nutritional-grid"> <div class="nutritional-item"> <span class="nutritional-label">Калории:</span> <span class="nutritional-value">226 ккал</span> </div> <div class="nutritional-item"> <span class="nutritional-label">Белки:</span> <span class="nutritional-value">20.8 г</span> </div> <div class="nutritional-item"> <span class="nutritional-label">Жиры:</span> <span class="nutritional-value">13.2 г</span> </div> <div class="nutritional-item"> <span class="nutritional-label">Углеводы:</span> <span class="nutritional-value">6.4 г</span> </div> </div> </div> <div class="recipe-calculator"> <div class="servings-control"> <label>Количество порций:</label> <button class="btn-servings" onclick="changeServings(-1)">−</button> <input type="number" id="servings" value="6" min="1" onchange="recalculate()"> <button class="btn-servings" onclick="changeServings(1)">+</button> <button class="btn-print" onclick="printIngredients()">🖨️ Печать состава</button> </div> <ul class="ingredients-list"> <li class="ingredient-item"> <span class="ingredient-amount" data-original="400">400</span> <span class="ingredient-unit">г</span> <span class="ingredient-name">Филе куриное (грудка, охлажденное 4-6°C)</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="400">400</span> <span class="ingredient-unit">г</span> <span class="ingredient-name">Филе куриное (бедро без кожи, охлажденное 4-6°C)</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="60">60</span> <span class="ingredient-unit">г</span> <span class="ingredient-name">Сухари панко (без добавок)</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="1">1</span> <span class="ingredient-unit">шт</span> <span class="ingredient-name">Яйцо куриное С0 (комнатной температуры 20°C)</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="100">100</span> <span class="ingredient-unit">мл</span> <span class="ingredient-name">Сливки 33% жирности (комнатной температуры 20°C)</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="50">50</span> <span class="ingredient-unit">г</span> <span class="ingredient-name">Базилик свежий (листья без стеблей)</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="60">60</span> <span class="ingredient-unit">г</span> <span class="ingredient-name">Томаты вяленые (сухой вес, без масла)</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="100">100</span> <span class="ingredient-unit">г</span> <span class="ingredient-name">Пармезан тёртый (выдержка не менее 12 месяцев)</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="16">16</span> <span class="ingredient-unit">г</span> <span class="ingredient-name">Соль поваренная пищевая</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="1.5">1.5</span> <span class="ingredient-unit">г</span> <span class="ingredient-name">Перец черный молотый</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="60">60</span> <span class="ingredient-unit">мл</span> <span class="ingredient-name">Масло растительное рафинированное (для жарки)</span> </li> </ul> <div class="output-info"> <div class="output-item"> <strong>Общий вес сырых ингредиентов:</strong> <span id="totalWeight"></span> г </div> <div class="output-item"> <strong>Выход готового блюда:</strong> <span id="yieldWeight" data-yield-ratio="0.72"></span> г </div> </div> </div> <style> .recipe-calculator { margin: 20px 0; padding: 20px; background: var(--code-bg); border-radius: 8px; } .servings-control { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; } .servings-control label { font-weight: 600; } #servings { width: 60px; text-align: center; padding: 5px; border: 1px solid var(--border); border-radius: 4px; } .btn-servings { width: 30px; height: 30px; border: 1px solid var(--border); background: var(--theme); color: var(--primary); border-radius: 4px; cursor: pointer; font-size: 18px; line-height: 1; } .btn-servings:hover { background: var(--primary); color: var(--theme); } .ingredients-list { list-style: none; padding: 0; margin: 0; } .ingredient-item { padding: 8px 0; border-bottom: 1px solid var(--border); display: flex; gap: 8px; } .ingredient-item:last-child { border-bottom: none; } .ingredient-amount { font-weight: 600; min-width: 50px; } .ingredient-unit { color: var(--secondary); min-width: 40px; } .output-info { margin-top: 20px; padding: 15px; background: var(--theme); border: 1px solid var(--border); border-radius: 4px; } .output-item { margin-bottom: 8px; } .output-item:last-child { margin-bottom: 0; } .nutritional-info { margin: 0 0 20px 0; padding: 15px; background: var(--code-bg); border-radius: 8px; } .nutritional-info h4 { margin: 0 0 15px 0; font-size: 16px; color: var(--primary); } .nutritional-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } @media (min-width: 600px) { .nutritional-grid { grid-template-columns: repeat(4, 1fr); } } .nutritional-item { display: flex; flex-direction: column; align-items: center; padding: 10px; background: var(--code-bg); border-radius: 6px; text-align: center; } .nutritional-label { font-size: 12px; color: var(--secondary); margin-bottom: 4px; } .nutritional-value { font-size: 16px; font-weight: 600; color: var(--primary); } .btn-print { padding: 8px 16px; background: var(--primary); color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; margin-left: 10px; transition: background 0.2s ease; } .btn-print:hover { background: var(--secondary); } .btn-print:disabled { background: #ccc; cursor: not-allowed; } </style> <script> class NimbotPrinter { constructor() { this.device = null; this.server = null; this.service = null; this.characteristic = null; this.isConnected = false; } async connect() { try { this.device = await navigator.bluetooth.requestDevice({ filters: [ { namePrefix: 'NIIMBOT' }, { namePrefix: 'D11' }, { namePrefix: 'B21' }, { namePrefix: 'B1' } ], optionalServices: ['49535343-fe7d-4ae5-8fa9-9fafd205e455'] }); this.server = await this.device.gatt.connect(); this.service = await this.server.getPrimaryService('49535343-fe7d-4ae5-8fa9-9fafd205e455'); this.characteristic = await this.service.getCharacteristic('49535343-8841-43f4-a8d4-ecbe34729bb3'); this.isConnected = true; return true; } catch (error) { throw error; } } disconnect() { if (this.device && this.device.gatt.connected) { this.device.gatt.disconnect(); } this.isConnected = false; } async printText(text) { if (!this.isConnected) throw new Error('Принтер не подключен'); const encoder = new TextEncoder(); const data = encoder.encode(text + '\n\n'); const chunkSize = 20; for (let i = 0; i < data.length; i += chunkSize) { const chunk = data.slice(i, i + chunkSize); await this.characteristic.writeValue(chunk); await new Promise(resolve => setTimeout(resolve, 10)); } } static isSupported() { return 'bluetooth' in navigator; } } const originalServings = 6 ; document.addEventListener('DOMContentLoaded', function() { recalculate(); }); function recalculate() { const newServings = document.getElementById('servings').value; const ratio = newServings / originalServings; let totalWeight = 0; document.querySelectorAll('.ingredient-amount').forEach(el => { const original = parseFloat(el.dataset.original); if (!isNaN(original)) { const newAmount = original * ratio; totalWeight += newAmount; if (newAmount < 10) { el.textContent = (Math.round(newAmount * 10) / 10).toString().replace('.', ','); } else { el.textContent = Math.round(newAmount); } } }); document.querySelectorAll('.dynamic-amount').forEach(el => { const original = parseFloat(el.dataset.original); const showUnit = el.dataset.showUnit === 'true'; const unit = el.dataset.unit || ''; const addText = el.dataset.addText || ''; if (!isNaN(original)) { const newAmount = original * ratio; let displayText = ''; if (newAmount < 10) { displayText = (Math.round(newAmount * 10) / 10).toString().replace('.', ','); } else { displayText = Math.round(newAmount).toString(); } if (showUnit && unit) { displayText += ' ' + unit; } if (addText) { displayText += ' ' + addText; } el.textContent = displayText; } }); const totalWeightEl = document.getElementById('totalWeight'); if (totalWeightEl) { totalWeightEl.textContent = Math.round(totalWeight); } const yieldWeightEl = document.getElementById('yieldWeight'); if (yieldWeightEl) { const yieldRatio = parseFloat(yieldWeightEl.dataset.yieldRatio) || 1.0; const newYield = totalWeight * yieldRatio; yieldWeightEl.textContent = Math.round(newYield); } } function changeServings(delta) { const input = document.getElementById('servings'); input.value = Math.max(1, parseInt(input.value) + delta); recalculate(); } async function printIngredients() { const printBtn = document.querySelector('.btn-print'); printBtn.disabled = true; printBtn.textContent = '⏳ Подготовка...'; try { if (!NimbotPrinter.isSupported()) { throw new Error('Web Bluetooth API не поддерживается браузером'); } const recipeTitle = document.querySelector('h1')?.textContent || 'Рецепт'; const servings = document.getElementById('servings').value; const ingredients = collectIngredients(); const totalWeight = document.getElementById('totalWeight')?.textContent || '0'; const yieldWeight = document.getElementById('yieldWeight')?.textContent || '0'; const printText = formatIngredientsForPrint(recipeTitle, servings, ingredients, totalWeight, yieldWeight); const printer = new NimbotPrinter(); try { printBtn.textContent = '📡 Поиск принтера...'; await printer.connect(); printBtn.textContent = '🖨️ Печать...'; await printer.printText(printText, { fontSize: 12, alignment: 'left' }); printer.disconnect(); printBtn.textContent = '✅ Напечатано'; setTimeout(() => { printBtn.textContent = '🖨️ Печать состава'; printBtn.disabled = false; }, 2000); } catch (printerError) { console.warn('Реальная печать не удалась:', printerError); printBtn.textContent = '📄 Предпросмотр'; showPrintDialog(printText); setTimeout(() => { printBtn.textContent = '🖨️ Печать состава'; printBtn.disabled = false; }, 1000); } } catch (error) { console.error('Ошибка печати:', error); alert('Не удалось напечатать: ' + error.message); printBtn.textContent = '🖨️ Печать состава'; printBtn.disabled = false; } } function collectIngredients() { const ingredients = []; document.querySelectorAll('.ingredient-item').forEach(item => { const amount = item.querySelector('.ingredient-amount')?.textContent; const unit = item.querySelector('.ingredient-unit')?.textContent; const name = item.querySelector('.ingredient-name')?.textContent; if (amount && name) { ingredients.push({ amount, unit: unit || '', name }); } }); return ingredients; } function formatIngredientsForPrint(title, servings, ingredients, totalWeight, yieldWeight) { let text = `${title}\n`; text += `Порций: ${servings}\n`; text += '─'.repeat(20) + '\n'; ingredients.forEach(ing => { text += `${ing.amount} ${ing.unit} ${ing.name}\n`; }); text += '─'.repeat(20) + '\n'; text += `Общий вес: ${totalWeight}г\n`; text += `Готового: ${yieldWeight}г\n`; return text; } async function simulatePrint(text) { return new Promise(resolve => setTimeout(resolve, 1500)); } function showPrintDialog(text) { const modal = document.createElement('div'); modal.style.cssText = ` position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center; z-index: 1000; `; const dialog = document.createElement('div'); dialog.style.cssText = ` background: white; padding: 20px; border-radius: 8px; max-width: 400px; font-family: monospace; line-height: 1.4; `; dialog.innerHTML = ` <h3>Предпросмотр печати</h3> <pre style="white-space: pre-wrap; background: #f5f5f5; padding: 10px; border-radius: 4px;">${text}</pre> <button onclick="this.parentElement.parentElement.remove()" style=" background: var(--primary); color: white; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; margin-top: 10px; ">Закрыть</button> `; modal.appendChild(dialog); document.body.appendChild(modal); } </script> <h2 id="технология-приготовления">Технология приготовления</h2> <h3 id="этап-1-приготовление-фарша">Этап 1: Приготовление фарша</h3> <p><strong>Время:</strong> 15 минут <strong>Температура:</strong> 8-10°C (рабочая температура фарша)</p>https://recipes.dmlab.work/recipes/kurinye-kotlety-sochnye/Sun, 02 Nov 2025 14:00:00 +0300https://recipes.dmlab.work/recipes/kurinye-kotlety-sochnye/<h2 id="необходимое-оборудование">Необходимое оборудование</h2> <ul> <li>Мясорубка с решёткой 3-5 мм или кухонный комбайн</li> <li>Мясной термометр-щуп (диапазон 0-100°C)</li> <li>Сковорода с антипригарным покрытием диаметром 26-28 см</li> <li>Духовой шкаф с точным контролем температуры</li> <li>Противень или жаропрочная форма</li> </ul> <h2 id="подготовка">Подготовка</h2> <ol> <li>Куриное филе грудки и бедра довести до температуры 8-10°C (достать из холодильника за 15 минут)</li> <li>Сливки довести до комнатной температуры 20-22°C (1 час при комнатной температуре)</li> <li>Яйцо довести до комнатной температуры 20°C (30 минут вне холодильника)</li> <li>Все ингредиенты отмерить с точностью ±2г</li> <li><strong>Разогреть духовку до 180°C</strong> за 15-20 минут до начала жарки</li> </ol> <h2 id="ингредиенты">Ингредиенты</h2> <div class="nutritional-info"> <h4>Пищевая ценность на 100г:</h4> <div class="nutritional-grid"> <div class="nutritional-item"> <span class="nutritional-label">Калории:</span> <span class="nutritional-value">198 ккал</span> </div> <div class="nutritional-item"> <span class="nutritional-label">Белки:</span> <span class="nutritional-value">18.2 г</span> </div> <div class="nutritional-item"> <span class="nutritional-label">Жиры:</span> <span class="nutritional-value">11.4 г</span> </div> <div class="nutritional-item"> <span class="nutritional-label">Углеводы:</span> <span class="nutritional-value">6.8 г</span> </div> </div> </div> <div class="recipe-calculator"> <div class="servings-control"> <label>Количество порций:</label> <button class="btn-servings" onclick="changeServings(-1)">−</button> <input type="number" id="servings" value="6" min="1" onchange="recalculate()"> <button class="btn-servings" onclick="changeServings(1)">+</button> <button class="btn-print" onclick="printIngredients()">🖨️ Печать состава</button> </div> <ul class="ingredients-list"> <li class="ingredient-item"> <span class="ingredient-amount" data-original="450">450</span> <span class="ingredient-unit">г</span> <span class="ingredient-name">Филе куриное (грудка, охлажденное 4-6°C)</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="450">450</span> <span class="ingredient-unit">г</span> <span class="ingredient-name">Филе куриное (бедро без кожи, охлажденное 4-6°C)</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="140">140</span> <span class="ingredient-unit">мл</span> <span class="ingredient-name">Сливки 33% жирности (комнатной температуры 20°C)</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="60">60</span> <span class="ingredient-unit">г</span> <span class="ingredient-name">Панировочные сухари (без добавок)</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="1">1</span> <span class="ingredient-unit">шт</span> <span class="ingredient-name">Яйцо куриное С0 (комнатной температуры 20°C)</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="14">14</span> <span class="ingredient-unit">г</span> <span class="ingredient-name">Соль поваренная пищевая</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="1.5">1.5</span> <span class="ingredient-unit">г</span> <span class="ingredient-name">Перец черный молотый</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="60">60</span> <span class="ingredient-unit">мл</span> <span class="ingredient-name">Масло растительное рафинированное (для жарки)</span> </li> </ul> <div class="output-info"> <div class="output-item"> <strong>Общий вес сырых ингредиентов:</strong> <span id="totalWeight"></span> г </div> <div class="output-item"> <strong>Выход готового блюда:</strong> <span id="yieldWeight" data-yield-ratio="0.72"></span> г </div> </div> </div> <style> .recipe-calculator { margin: 20px 0; padding: 20px; background: var(--code-bg); border-radius: 8px; } .servings-control { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; } .servings-control label { font-weight: 600; } #servings { width: 60px; text-align: center; padding: 5px; border: 1px solid var(--border); border-radius: 4px; } .btn-servings { width: 30px; height: 30px; border: 1px solid var(--border); background: var(--theme); color: var(--primary); border-radius: 4px; cursor: pointer; font-size: 18px; line-height: 1; } .btn-servings:hover { background: var(--primary); color: var(--theme); } .ingredients-list { list-style: none; padding: 0; margin: 0; } .ingredient-item { padding: 8px 0; border-bottom: 1px solid var(--border); display: flex; gap: 8px; } .ingredient-item:last-child { border-bottom: none; } .ingredient-amount { font-weight: 600; min-width: 50px; } .ingredient-unit { color: var(--secondary); min-width: 40px; } .output-info { margin-top: 20px; padding: 15px; background: var(--theme); border: 1px solid var(--border); border-radius: 4px; } .output-item { margin-bottom: 8px; } .output-item:last-child { margin-bottom: 0; } .nutritional-info { margin: 0 0 20px 0; padding: 15px; background: var(--code-bg); border-radius: 8px; } .nutritional-info h4 { margin: 0 0 15px 0; font-size: 16px; color: var(--primary); } .nutritional-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } @media (min-width: 600px) { .nutritional-grid { grid-template-columns: repeat(4, 1fr); } } .nutritional-item { display: flex; flex-direction: column; align-items: center; padding: 10px; background: var(--code-bg); border-radius: 6px; text-align: center; } .nutritional-label { font-size: 12px; color: var(--secondary); margin-bottom: 4px; } .nutritional-value { font-size: 16px; font-weight: 600; color: var(--primary); } .btn-print { padding: 8px 16px; background: var(--primary); color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; margin-left: 10px; transition: background 0.2s ease; } .btn-print:hover { background: var(--secondary); } .btn-print:disabled { background: #ccc; cursor: not-allowed; } </style> <script> class NimbotPrinter { constructor() { this.device = null; this.server = null; this.service = null; this.characteristic = null; this.isConnected = false; } async connect() { try { this.device = await navigator.bluetooth.requestDevice({ filters: [ { namePrefix: 'NIIMBOT' }, { namePrefix: 'D11' }, { namePrefix: 'B21' }, { namePrefix: 'B1' } ], optionalServices: ['49535343-fe7d-4ae5-8fa9-9fafd205e455'] }); this.server = await this.device.gatt.connect(); this.service = await this.server.getPrimaryService('49535343-fe7d-4ae5-8fa9-9fafd205e455'); this.characteristic = await this.service.getCharacteristic('49535343-8841-43f4-a8d4-ecbe34729bb3'); this.isConnected = true; return true; } catch (error) { throw error; } } disconnect() { if (this.device && this.device.gatt.connected) { this.device.gatt.disconnect(); } this.isConnected = false; } async printText(text) { if (!this.isConnected) throw new Error('Принтер не подключен'); const encoder = new TextEncoder(); const data = encoder.encode(text + '\n\n'); const chunkSize = 20; for (let i = 0; i < data.length; i += chunkSize) { const chunk = data.slice(i, i + chunkSize); await this.characteristic.writeValue(chunk); await new Promise(resolve => setTimeout(resolve, 10)); } } static isSupported() { return 'bluetooth' in navigator; } } const originalServings = 6 ; document.addEventListener('DOMContentLoaded', function() { recalculate(); }); function recalculate() { const newServings = document.getElementById('servings').value; const ratio = newServings / originalServings; let totalWeight = 0; document.querySelectorAll('.ingredient-amount').forEach(el => { const original = parseFloat(el.dataset.original); if (!isNaN(original)) { const newAmount = original * ratio; totalWeight += newAmount; if (newAmount < 10) { el.textContent = (Math.round(newAmount * 10) / 10).toString().replace('.', ','); } else { el.textContent = Math.round(newAmount); } } }); document.querySelectorAll('.dynamic-amount').forEach(el => { const original = parseFloat(el.dataset.original); const showUnit = el.dataset.showUnit === 'true'; const unit = el.dataset.unit || ''; const addText = el.dataset.addText || ''; if (!isNaN(original)) { const newAmount = original * ratio; let displayText = ''; if (newAmount < 10) { displayText = (Math.round(newAmount * 10) / 10).toString().replace('.', ','); } else { displayText = Math.round(newAmount).toString(); } if (showUnit && unit) { displayText += ' ' + unit; } if (addText) { displayText += ' ' + addText; } el.textContent = displayText; } }); const totalWeightEl = document.getElementById('totalWeight'); if (totalWeightEl) { totalWeightEl.textContent = Math.round(totalWeight); } const yieldWeightEl = document.getElementById('yieldWeight'); if (yieldWeightEl) { const yieldRatio = parseFloat(yieldWeightEl.dataset.yieldRatio) || 1.0; const newYield = totalWeight * yieldRatio; yieldWeightEl.textContent = Math.round(newYield); } } function changeServings(delta) { const input = document.getElementById('servings'); input.value = Math.max(1, parseInt(input.value) + delta); recalculate(); } async function printIngredients() { const printBtn = document.querySelector('.btn-print'); printBtn.disabled = true; printBtn.textContent = '⏳ Подготовка...'; try { if (!NimbotPrinter.isSupported()) { throw new Error('Web Bluetooth API не поддерживается браузером'); } const recipeTitle = document.querySelector('h1')?.textContent || 'Рецепт'; const servings = document.getElementById('servings').value; const ingredients = collectIngredients(); const totalWeight = document.getElementById('totalWeight')?.textContent || '0'; const yieldWeight = document.getElementById('yieldWeight')?.textContent || '0'; const printText = formatIngredientsForPrint(recipeTitle, servings, ingredients, totalWeight, yieldWeight); const printer = new NimbotPrinter(); try { printBtn.textContent = '📡 Поиск принтера...'; await printer.connect(); printBtn.textContent = '🖨️ Печать...'; await printer.printText(printText, { fontSize: 12, alignment: 'left' }); printer.disconnect(); printBtn.textContent = '✅ Напечатано'; setTimeout(() => { printBtn.textContent = '🖨️ Печать состава'; printBtn.disabled = false; }, 2000); } catch (printerError) { console.warn('Реальная печать не удалась:', printerError); printBtn.textContent = '📄 Предпросмотр'; showPrintDialog(printText); setTimeout(() => { printBtn.textContent = '🖨️ Печать состава'; printBtn.disabled = false; }, 1000); } } catch (error) { console.error('Ошибка печати:', error); alert('Не удалось напечатать: ' + error.message); printBtn.textContent = '🖨️ Печать состава'; printBtn.disabled = false; } } function collectIngredients() { const ingredients = []; document.querySelectorAll('.ingredient-item').forEach(item => { const amount = item.querySelector('.ingredient-amount')?.textContent; const unit = item.querySelector('.ingredient-unit')?.textContent; const name = item.querySelector('.ingredient-name')?.textContent; if (amount && name) { ingredients.push({ amount, unit: unit || '', name }); } }); return ingredients; } function formatIngredientsForPrint(title, servings, ingredients, totalWeight, yieldWeight) { let text = `${title}\n`; text += `Порций: ${servings}\n`; text += '─'.repeat(20) + '\n'; ingredients.forEach(ing => { text += `${ing.amount} ${ing.unit} ${ing.name}\n`; }); text += '─'.repeat(20) + '\n'; text += `Общий вес: ${totalWeight}г\n`; text += `Готового: ${yieldWeight}г\n`; return text; } async function simulatePrint(text) { return new Promise(resolve => setTimeout(resolve, 1500)); } function showPrintDialog(text) { const modal = document.createElement('div'); modal.style.cssText = ` position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center; z-index: 1000; `; const dialog = document.createElement('div'); dialog.style.cssText = ` background: white; padding: 20px; border-radius: 8px; max-width: 400px; font-family: monospace; line-height: 1.4; `; dialog.innerHTML = ` <h3>Предпросмотр печати</h3> <pre style="white-space: pre-wrap; background: #f5f5f5; padding: 10px; border-radius: 4px;">${text}</pre> <button onclick="this.parentElement.parentElement.remove()" style=" background: var(--primary); color: white; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; margin-top: 10px; ">Закрыть</button> `; modal.appendChild(dialog); document.body.appendChild(modal); } </script> <h2 id="технология-приготовления">Технология приготовления</h2> <h3 id="этап-1-приготовление-фарша">Этап 1: Приготовление фарша</h3> <p><strong>Время:</strong> 15 минут <strong>Температура:</strong> 8-10°C (рабочая температура фарша)</p>https://recipes.dmlab.work/recipes/govyadina-s-ovoshchami-v-krasnom-vine/Wed, 15 Oct 2025 00:00:00 +0000https://recipes.dmlab.work/recipes/govyadina-s-ovoshchami-v-krasnom-vine/<h2 id="необходимое-оборудование">Необходимое оборудование</h2> <ul> <li>Чугунная или керамическая форма для запекания объемом 3-4 литра с крышкой</li> <li>Пищевая фольга (если нет крышки)</li> <li>Сковорода с толстым дном 26-28 см</li> </ul> <h2 id="подготовка">Подготовка</h2> <ol> <li>Говядину достать из холодильника за 20 минут до приготовления, довести до температуры 8-10°C</li> <li>Красное вино довести до комнатной температуры 18-20°C</li> <li>Духовку разогреть до 200°C (режим верх/низ без конвекции)</li> <li>Все овощи вымыть, очистить, обсушить</li> </ol> <h2 id="ингредиенты">Ингредиенты</h2> <div class="nutritional-info"> <h4>Пищевая ценность на 100г:</h4> <div class="nutritional-grid"> <div class="nutritional-item"> <span class="nutritional-label">Калории:</span> <span class="nutritional-value">165 ккал</span> </div> <div class="nutritional-item"> <span class="nutritional-label">Белки:</span> <span class="nutritional-value">16.2 г</span> </div> <div class="nutritional-item"> <span class="nutritional-label">Жиры:</span> <span class="nutritional-value">7.8 г</span> </div> <div class="nutritional-item"> <span class="nutritional-label">Углеводы:</span> <span class="nutritional-value">8.5 г</span> </div> </div> </div> <div class="recipe-calculator"> <div class="servings-control"> <label>Количество порций:</label> <button class="btn-servings" onclick="changeServings(-1)">−</button> <input type="number" id="servings" value="5" min="1" onchange="recalculate()"> <button class="btn-servings" onclick="changeServings(1)">+</button> <button class="btn-print" onclick="printIngredients()">🖨️ Печать состава</button> </div> <ul class="ingredients-list"> <li class="ingredient-item"> <span class="ingredient-amount" data-original="1000">1000</span> <span class="ingredient-unit">г</span> <span class="ingredient-name">Говядина (лопатка или шея, охлажденная 4-6°C)</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="300">300</span> <span class="ingredient-unit">г</span> <span class="ingredient-name">Лук репчатый (очищенный)</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="250">250</span> <span class="ingredient-unit">г</span> <span class="ingredient-name">Морковь (очищенная)</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="150">150</span> <span class="ingredient-unit">г</span> <span class="ingredient-name">Перец сладкий болгарский (очищенный от семян)</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="400">400</span> <span class="ingredient-unit">г</span> <span class="ingredient-name">Помидоры свежие (без кожицы)</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="15">15</span> <span class="ingredient-unit">г</span> <span class="ingredient-name">Чеснок (очищенный)</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="500">500</span> <span class="ingredient-unit">мл</span> <span class="ingredient-name">Вино красное сухое (комнатной температуры 18-20°C)</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="8">8</span> <span class="ingredient-unit">г</span> <span class="ingredient-name">Соль поваренная пищевая</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="5">5</span> <span class="ingredient-unit">г</span> <span class="ingredient-name">Сахар белый кристаллический</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="2">2</span> <span class="ingredient-unit">г</span> <span class="ingredient-name">Перец черный молотый</span> </li> <li class="ingredient-item"> <span class="ingredient-amount" data-original="30">30</span> <span class="ingredient-unit">мл</span> <span class="ingredient-name">Масло растительное рафинированное</span> </li> </ul> <div class="output-info"> <div class="output-item"> <strong>Общий вес сырых ингредиентов:</strong> <span id="totalWeight"></span> г </div> <div class="output-item"> <strong>Выход готового блюда:</strong> <span id="yieldWeight" data-yield-ratio="0.78"></span> г </div> </div> </div> <style> .recipe-calculator { margin: 20px 0; padding: 20px; background: var(--code-bg); border-radius: 8px; } .servings-control { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; } .servings-control label { font-weight: 600; } #servings { width: 60px; text-align: center; padding: 5px; border: 1px solid var(--border); border-radius: 4px; } .btn-servings { width: 30px; height: 30px; border: 1px solid var(--border); background: var(--theme); color: var(--primary); border-radius: 4px; cursor: pointer; font-size: 18px; line-height: 1; } .btn-servings:hover { background: var(--primary); color: var(--theme); } .ingredients-list { list-style: none; padding: 0; margin: 0; } .ingredient-item { padding: 8px 0; border-bottom: 1px solid var(--border); display: flex; gap: 8px; } .ingredient-item:last-child { border-bottom: none; } .ingredient-amount { font-weight: 600; min-width: 50px; } .ingredient-unit { color: var(--secondary); min-width: 40px; } .output-info { margin-top: 20px; padding: 15px; background: var(--theme); border: 1px solid var(--border); border-radius: 4px; } .output-item { margin-bottom: 8px; } .output-item:last-child { margin-bottom: 0; } .nutritional-info { margin: 0 0 20px 0; padding: 15px; background: var(--code-bg); border-radius: 8px; } .nutritional-info h4 { margin: 0 0 15px 0; font-size: 16px; color: var(--primary); } .nutritional-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } @media (min-width: 600px) { .nutritional-grid { grid-template-columns: repeat(4, 1fr); } } .nutritional-item { display: flex; flex-direction: column; align-items: center; padding: 10px; background: var(--code-bg); border-radius: 6px; text-align: center; } .nutritional-label { font-size: 12px; color: var(--secondary); margin-bottom: 4px; } .nutritional-value { font-size: 16px; font-weight: 600; color: var(--primary); } .btn-print { padding: 8px 16px; background: var(--primary); color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; margin-left: 10px; transition: background 0.2s ease; } .btn-print:hover { background: var(--secondary); } .btn-print:disabled { background: #ccc; cursor: not-allowed; } </style> <script> class NimbotPrinter { constructor() { this.device = null; this.server = null; this.service = null; this.characteristic = null; this.isConnected = false; } async connect() { try { this.device = await navigator.bluetooth.requestDevice({ filters: [ { namePrefix: 'NIIMBOT' }, { namePrefix: 'D11' }, { namePrefix: 'B21' }, { namePrefix: 'B1' } ], optionalServices: ['49535343-fe7d-4ae5-8fa9-9fafd205e455'] }); this.server = await this.device.gatt.connect(); this.service = await this.server.getPrimaryService('49535343-fe7d-4ae5-8fa9-9fafd205e455'); this.characteristic = await this.service.getCharacteristic('49535343-8841-43f4-a8d4-ecbe34729bb3'); this.isConnected = true; return true; } catch (error) { throw error; } } disconnect() { if (this.device && this.device.gatt.connected) { this.device.gatt.disconnect(); } this.isConnected = false; } async printText(text) { if (!this.isConnected) throw new Error('Принтер не подключен'); const encoder = new TextEncoder(); const data = encoder.encode(text + '\n\n'); const chunkSize = 20; for (let i = 0; i < data.length; i += chunkSize) { const chunk = data.slice(i, i + chunkSize); await this.characteristic.writeValue(chunk); await new Promise(resolve => setTimeout(resolve, 10)); } } static isSupported() { return 'bluetooth' in navigator; } } const originalServings = 5 ; document.addEventListener('DOMContentLoaded', function() { recalculate(); }); function recalculate() { const newServings = document.getElementById('servings').value; const ratio = newServings / originalServings; let totalWeight = 0; document.querySelectorAll('.ingredient-amount').forEach(el => { const original = parseFloat(el.dataset.original); if (!isNaN(original)) { const newAmount = original * ratio; totalWeight += newAmount; if (newAmount < 10) { el.textContent = (Math.round(newAmount * 10) / 10).toString().replace('.', ','); } else { el.textContent = Math.round(newAmount); } } }); document.querySelectorAll('.dynamic-amount').forEach(el => { const original = parseFloat(el.dataset.original); const showUnit = el.dataset.showUnit === 'true'; const unit = el.dataset.unit || ''; const addText = el.dataset.addText || ''; if (!isNaN(original)) { const newAmount = original * ratio; let displayText = ''; if (newAmount < 10) { displayText = (Math.round(newAmount * 10) / 10).toString().replace('.', ','); } else { displayText = Math.round(newAmount).toString(); } if (showUnit && unit) { displayText += ' ' + unit; } if (addText) { displayText += ' ' + addText; } el.textContent = displayText; } }); const totalWeightEl = document.getElementById('totalWeight'); if (totalWeightEl) { totalWeightEl.textContent = Math.round(totalWeight); } const yieldWeightEl = document.getElementById('yieldWeight'); if (yieldWeightEl) { const yieldRatio = parseFloat(yieldWeightEl.dataset.yieldRatio) || 1.0; const newYield = totalWeight * yieldRatio; yieldWeightEl.textContent = Math.round(newYield); } } function changeServings(delta) { const input = document.getElementById('servings'); input.value = Math.max(1, parseInt(input.value) + delta); recalculate(); } async function printIngredients() { const printBtn = document.querySelector('.btn-print'); printBtn.disabled = true; printBtn.textContent = '⏳ Подготовка...'; try { if (!NimbotPrinter.isSupported()) { throw new Error('Web Bluetooth API не поддерживается браузером'); } const recipeTitle = document.querySelector('h1')?.textContent || 'Рецепт'; const servings = document.getElementById('servings').value; const ingredients = collectIngredients(); const totalWeight = document.getElementById('totalWeight')?.textContent || '0'; const yieldWeight = document.getElementById('yieldWeight')?.textContent || '0'; const printText = formatIngredientsForPrint(recipeTitle, servings, ingredients, totalWeight, yieldWeight); const printer = new NimbotPrinter(); try { printBtn.textContent = '📡 Поиск принтера...'; await printer.connect(); printBtn.textContent = '🖨️ Печать...'; await printer.printText(printText, { fontSize: 12, alignment: 'left' }); printer.disconnect(); printBtn.textContent = '✅ Напечатано'; setTimeout(() => { printBtn.textContent = '🖨️ Печать состава'; printBtn.disabled = false; }, 2000); } catch (printerError) { console.warn('Реальная печать не удалась:', printerError); printBtn.textContent = '📄 Предпросмотр'; showPrintDialog(printText); setTimeout(() => { printBtn.textContent = '🖨️ Печать состава'; printBtn.disabled = false; }, 1000); } } catch (error) { console.error('Ошибка печати:', error); alert('Не удалось напечатать: ' + error.message); printBtn.textContent = '🖨️ Печать состава'; printBtn.disabled = false; } } function collectIngredients() { const ingredients = []; document.querySelectorAll('.ingredient-item').forEach(item => { const amount = item.querySelector('.ingredient-amount')?.textContent; const unit = item.querySelector('.ingredient-unit')?.textContent; const name = item.querySelector('.ingredient-name')?.textContent; if (amount && name) { ingredients.push({ amount, unit: unit || '', name }); } }); return ingredients; } function formatIngredientsForPrint(title, servings, ingredients, totalWeight, yieldWeight) { let text = `${title}\n`; text += `Порций: ${servings}\n`; text += '─'.repeat(20) + '\n'; ingredients.forEach(ing => { text += `${ing.amount} ${ing.unit} ${ing.name}\n`; }); text += '─'.repeat(20) + '\n'; text += `Общий вес: ${totalWeight}г\n`; text += `Готового: ${yieldWeight}г\n`; return text; } async function simulatePrint(text) { return new Promise(resolve => setTimeout(resolve, 1500)); } function showPrintDialog(text) { const modal = document.createElement('div'); modal.style.cssText = ` position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center; z-index: 1000; `; const dialog = document.createElement('div'); dialog.style.cssText = ` background: white; padding: 20px; border-radius: 8px; max-width: 400px; font-family: monospace; line-height: 1.4; `; dialog.innerHTML = ` <h3>Предпросмотр печати</h3> <pre style="white-space: pre-wrap; background: #f5f5f5; padding: 10px; border-radius: 4px;">${text}</pre> <button onclick="this.parentElement.parentElement.remove()" style=" background: var(--primary); color: white; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; margin-top: 10px; ">Закрыть</button> `; modal.appendChild(dialog); document.body.appendChild(modal); } </script> <h2 id="технология-приготовления">Технология приготовления</h2> <h3 id="этап-1-подготовка-мяса-и-обжарка">Этап 1: Подготовка мяса и обжарка</h3> <p><strong>Время:</strong> 12 минут <strong>Температура:</strong> 180-200°C на поверхности сковороды</p>