iQR/script.js

const textInput = document.getElementById('text-input');
const generateBtn = document.getElementById('generate-btn');
const downloadQrBtn = document.getElementById('download-qr-btn');
const qrCodeDiv = document.getElementById('qr-code');
const delBtn = document.getElementById('del-qr-btn');
const textError = document.getElementById('error');
const zoomInBtn = document.getElementById('zoom-in-btn');
const zoomOutBtn = document.getElementById('zoom-out-btn');
let scale = 1; // Начальный масштаб

// Получить cookie
function getCookie(name) {
    let cookies = document.cookie.split("; ");
    for (let cookie of cookies) {
        let [key, value] = cookie.split("=");
        if (key === name) return decodeURIComponent(value);
    }
    return null;
}

window.onload = () => {
    let inputText = getCookie('text');
    if (inputText) {
        textInput.value = inputText;
    } else {
        document.cookie = 'text='
    }
}

// Вывести сообщение пользователю
function logMessage(message, color = 'red') {
    textError.innerText = message;
    textError.style.color = color;
}

// Генерация QR-кода
function generateQRCode() {
    const text = textInput.value.trim();
    document.cookie = `text=${text}`
    if (!text) {
        logMessage('Введите текст для генерации QR-кода!');
        return;
    };
    qrCodeDiv.innerHTML = '';
    QRCode.toCanvas(text, (error, canvas) => {
        if (error) {
            console.error(error);
            logMessage('Ошибка при генерации QR-кода.');
            return;
        }
        qrCodeDiv.appendChild(canvas);
        logMessage('');
        canvas.style.transform = `scale(${scale})`; 
        canvas.style.transformOrigin = 'top';
    });
}

// Обработчик клика по кнопке "Сгенерировать"
generateBtn.addEventListener('click', generateQRCode);

// Скачивание QR-кода
downloadQrBtn.addEventListener('click', () => {
    text = textInput.value.slice(0, 20)
    const canvas = qrCodeDiv.querySelector('canvas');
    if (!canvas) {
        logMessage('QR-код не сгенерирован!');
        return;
    }
    if (!text) {
        logMessage('Отсутствует текст в поле для ввода');
        return;
    }

    const link = document.createElement('a');
    link.href = canvas.toDataURL('image/png');
    link.download = `qr-code-${text}.png`;
    link.click();
    logMessage('QR-код скачан!', 'green');
});

// Удаление данных
delBtn.addEventListener('click', () => {
    textInput.value = '';
    qrCodeDiv.innerHTML = '';
    textError.innerText = '';
    scale = 1;
    document.cookie = 'text=';
});

function chengeScale(scale) {
    const canvas = qrCodeDiv.querySelector('canvas');
    logMessage('')
    if (canvas) {
        canvas.style.transform = `scale(${scale})`;
    }else {
        logMessage('До генерации QR кода маштаб менять нельзя')
    }
};

// Увеличение QR-кода
zoomInBtn.addEventListener('click', () => {
    const canvas = qrCodeDiv.querySelector('canvas');
    let canvasWidth = canvas.getBoundingClientRect().width;
    if (canvasWidth+0.1 < (window.innerWidth*0.8)) {
        scale += 0.1; // Увеличить масштаб на 10%
        chengeScale(scale)
    } else {
        logMessage('Достигнут максимальный размер QR кода')
    }
    
});

// Уменьшение QR-кода
zoomOutBtn.addEventListener('click', () => {
    if (scale > 0.5) { // Не уменьшать масштаб ниже 0.5
        scale -= 0.1; // Уменьшить масштаб на 10%
        chengeScale(scale)
    } else {
        logMessage('Достигнут минимальный размер QR кода')
    }
});