Форма жалобы на модератора ARIZONA ROLEPLAY Page | Форум class ComplaintFormForum extends HTMLElement { constructor() { super(); this.attachShadow({ mode: 'open' }); this.shadowRoot.innerHTML = this.getTemplate(); } connectedCallback() { this.initScripts(); } getTemplate() { return ` :host { display: block; --primary: #8B0000; --primary-dark: #5A0000; --primary-light: #B22222; --secondary: #4A0000; --secondary-dark: #300000; --accent: #660000; --success: #006400; --warning: #8B4513; --danger: #800000; --bg-dark: #0A0000; --bg-card: #150000; --bg-card-hover: #1E0000; --border-color: rgba(139, 0, 0, 0.3); --border-hover: rgba(178, 34, 34, 0.5); --text-primary: #FFFFFF; --text-secondary: #CC9999; --text-muted: #AA6666; --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.7); --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.8); --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.9); --shadow-primary: 0 0 20px rgba(139, 0, 0, 0.5); --shadow-secondary: 0 0 20px rgba(90, 0, 0, 0.5); --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); --radius: 12px; --radius-lg: 16px; --radius-xl: 20px; } * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif; } .container { min-height: 100vh; background: var(--bg-dark); background-image: radial-gradient(circle at 10% 20%, rgba(139, 0, 0, 0.1) 0%, transparent 20%), radial-gradient(circle at 90% 80%, rgba(90, 0, 0, 0.1) 0%, transparent 20%); padding: 2rem 1rem; position: relative; overflow-x: hidden; } .content-wrapper { max-width: 900px; margin: 0 auto; position: relative; z-index: 1; } .header { text-align: center; margin-bottom: 3rem; padding: 3rem 0; position: relative; background: linear-gradient(135deg, rgba(139, 0, 0, 0.1), rgba(90, 0, 0, 0.05)); border-radius: var(--radius-xl); border: 1px solid var(--border-color); box-shadow: var(--shadow-lg); overflow: hidden; } .header::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--primary), var(--secondary), var(--accent)); } .header::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 300px; height: 3px; background: linear-gradient(90deg, transparent, var(--primary), var(--secondary), transparent); border-radius: 3px; } .logo-container { display: flex; flex-direction: column; align-items: center; gap: 1.5rem; margin-bottom: 1.5rem; position: relative; } .logo-row { display: flex; align-items: center; justify-content: center; gap: 2rem; position: relative; } .neon-circle { width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2.2rem; color: var(--text-primary); position: relative; background: var(--bg-card); border: 2px solid transparent; animation: neonGlow 2s ease-in-out infinite alternate; z-index: 2; } .neon-circle::before { content: ''; position: absolute; inset: -4px; border-radius: 50%; background: linear-gradient(45deg, var(--primary), var(--secondary), var(--accent)); z-index: -1; opacity: 0.7; animation: rotate 4s linear infinite; } .logo-connector { position: absolute; width: 200px; height: 2px; background: linear-gradient(90deg, var(--primary), var(--accent), var(--primary)); top: 50%; z-index: 1; opacity: 0.5; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes neonGlow { 0% { box-shadow: 0 0 15px var(--primary), inset 0 0 25px rgba(139, 0, 0, 0.3); } 100% { box-shadow: 0 0 25px var(--primary), 0 0 35px var(--secondary), inset 0 0 35px rgba(178, 34, 34, 0.3); } } .title-container { text-align: center; position: relative; z-index: 2; } .main-title { font-size: 3rem; background: linear-gradient(135deg, #FFFFFF 20%, var(--primary-light) 50%, #FFD700 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 0.5rem; font-weight: 800; letter-spacing: -1px; text-shadow: 0 2px 15px rgba(0, 0, 0, 0.7); line-height: 1.1; } .subtitle { color: var(--text-secondary); font-size: 1.3rem; letter-spacing: 4px; text-transform: uppercase; position: relative; display: inline-block; padding: 0.8rem 2rem; margin-bottom: 0.5rem; background: linear-gradient(135deg, rgba(139, 0, 0, 0.2), rgba(90, 0, 0, 0.1)); border-radius: 50px; border: 1px solid var(--border-color); } .subtitle::before, .subtitle::after { content: '✦'; position: absolute; top: 50%; transform: translateY(-50%); color: var(--primary); animation: sparkle 2s infinite; font-size: 1.2rem; } @keyframes sparkle { 0%, 100% { opacity: 0.5; transform: translateY(-50%) scale(1); } 50% { opacity: 1; transform: translateY(-50%) scale(1.2); } } .subtitle::before { left: 0.5rem; } .subtitle::after { right: 0.5rem; } .server-badge { display: inline-flex; align-items: center; gap: 0.8rem; background: linear-gradient(135deg, rgba(139, 0, 0, 0.3), rgba(90, 0, 0, 0.2)); color: var(--primary-light); padding: 0.8rem 2rem; border-radius: 50px; font-size: 1.1rem; font-weight: 700; margin-top: 1rem; border: 2px solid var(--border-color); box-shadow: var(--shadow-sm); transition: var(--transition); text-transform: uppercase; letter-spacing: 2px; } .server-badge:hover { border-color: var(--primary); box-shadow: var(--shadow-primary); transform: translateY(-3px) scale(1.05); } .server-badge i { color: #FFD700; animation: pulse 1.5s infinite; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .header-description { color: var(--text-secondary); font-size: 1rem; max-width: 600px; margin: 1.5rem auto 0; line-height: 1.6; padding: 0 1rem; font-style: italic; } /* Остальные стили остаются прежними */ .section { background: var(--bg-card); border-radius: var(--radius-lg); padding: 2rem; margin-bottom: 2rem; border: 1px solid var(--border-color); box-shadow: var(--shadow-md); transition: var(--transition); opacity: 0; transform: translateY(20px); } .section.visible { opacity: 1; transform: translateY(0); } .section:hover { border-color: var(--border-hover); box-shadow: var(--shadow-lg); } .section-title { color: var(--text-primary); font-size: 1.5rem; margin-bottom: 1.5rem; font-weight: 600; display: flex; align-items: center; gap: 0.8rem; position: relative; padding-bottom: 0.8rem; } .section-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 2px; background: linear-gradient(90deg, var(--primary), transparent); } .section-title i { color: var(--primary); } .info-grid { display: grid; gap: 1.5rem; } .info-card { background: linear-gradient(135deg, rgba(139, 0, 0, 0.05), transparent); border-radius: var(--radius); padding: 1.5rem; border: 1px solid var(--border-color); transition: var(--transition); } .info-card:hover { border-color: var(--primary); transform: translateX(5px); } .info-header { color: var(--primary-light); font-size: 1.1rem; font-weight: 600; margin-bottom: 0.8rem; display: flex; align-items: center; gap: 0.5rem; } .info-content { color: var(--text-secondary); line-height: 1.6; font-size: 0.95rem; } .info-list { list-style: none; margin-top: 0.8rem; } .info-list li { margin-bottom: 0.5rem; padding-left: 1.5rem; position: relative; color: var(--text-secondary); } .info-list li::before { content: '•'; position: absolute; left: 0; color: var(--primary); font-weight: bold; } .warning-item { color: var(--warning) !important; } .danger-item { color: var(--danger) !important; } .ban-notice { display: inline-block; background: rgba(128, 0, 0, 0.1); color: var(--danger); padding: 0.2rem 0.6rem; border-radius: 4px; font-size: 0.8rem; font-weight: 600; margin-left: 0.5rem; border: 1px solid var(--danger); } .form-grid { display: grid; gap: 1.5rem; } .form-group { display: flex; flex-direction: column; gap: 0.5rem; } .form-label { color: var(--text-primary); font-weight: 600; font-size: 1rem; display: flex; align-items: center; gap: 0.5rem; } .form-label i { color: var(--primary); font-size: 0.9rem; } .form-input { background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), transparent); border: 1px solid var(--border-color); border-radius: var(--radius); padding: 1rem; color: var(--text-primary); font-size: 1rem; transition: var(--transition); } .form-input:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 2px rgba(139, 0, 0, 0.2); } .form-input::placeholder { color: var(--text-muted); } textarea.form-input { min-height: 120px; resize: vertical; } .form-example { color: var(--text-muted); font-size: 0.85rem; font-style: italic; margin-top: 0.3rem; } .responsibility-group { background: linear-gradient(135deg, rgba(128, 0, 0, 0.1), transparent); border-radius: var(--radius); padding: 1.5rem; border: 1px solid rgba(128, 0, 0, 0.3); margin: 1rem 0; } .checkbox-group { display: flex; align-items: center; gap: 1rem; margin-top: 1rem; } .checkbox-label { color: var(--text-primary); font-size: 1rem; display: flex; align-items: center; gap: 0.8rem; cursor: pointer; } .checkbox-input { width: 18px; height: 18px; accent-color: var(--primary); } .action-buttons { display: flex; justify-content: center; gap: 1.5rem; margin: 3rem 0; flex-wrap: wrap; } .action-btn { padding: 1rem 2.5rem; border: none; border-radius: var(--radius); font-weight: 600; font-size: 1rem; cursor: pointer; transition: var(--transition); display: flex; align-items: center; gap: 0.8rem; position: relative; overflow: hidden; min-width: 180px; justify-content: center; } .action-btn i { font-size: 1.2rem; } .action-btn.submit { background: linear-gradient(135deg, var(--primary), var(--primary-dark)); color: white; box-shadow: 0 4px 15px rgba(139, 0, 0, 0.4); } .action-btn.submit:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(139, 0, 0, 0.6); } .action-btn.submit:disabled { opacity: 0.6; cursor: not-allowed; transform: none !important; } .action-btn.clear { background: linear-gradient(135deg, var(--bg-card), var(--bg-card-hover)); color: var(--text-primary); border: 1px solid var(--border-color); } .action-btn.clear:hover { transform: translateY(-3px); border-color: var(--primary); box-shadow: var(--shadow-primary); } .forum-notice { background: linear-gradient(135deg, rgba(0, 100, 0, 0.1), transparent); border-radius: var(--radius); padding: 1.5rem; margin: 2rem 0; border: 1px solid rgba(0, 100, 0, 0.3); text-align: center; } .forum-notice h3 { color: var(--text-primary); margin-bottom: 1rem; display: flex; align-items: center; justify-content: center; gap: 0.8rem; } .forum-notice p { color: var(--text-secondary); margin-bottom: 1rem; } .forum-link { display: inline-flex; align-items: center; gap: 0.5rem; color: var(--primary-light); text-decoration: none; font-weight: 600; padding: 0.5rem 1rem; border: 1px solid var(--primary); border-radius: var(--radius); transition: var(--transition); } .forum-link:hover { background: rgba(139, 0, 0, 0.1); transform: translateY(-2px); } .footer { text-align: center; margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--border-color); color: var(--text-secondary); position: relative; } .footer::before { content: ''; position: absolute; top: 0; left: 25%; width: 50%; height: 1px; background: linear-gradient(90deg, transparent, var(--primary), transparent); } .footer p { margin-bottom: 0.5rem; font-size: 0.9rem; } .footer-info { display: inline-flex; align-items: center; gap: 0.8rem; background: linear-gradient(135deg, rgba(139, 0, 0, 0.1), transparent); padding: 1rem 2rem; border-radius: var(--radius); margin-top: 1.5rem; font-size: 0.9rem; border: 1px solid var(--border-color); transition: var(--transition); } .footer-info:hover { border-color: var(--primary); box-shadow: var(--shadow-primary); } .footer-info i { color: var(--primary); } .form-preview { background: linear-gradient(135deg, rgba(0, 100, 0, 0.1), transparent); border-radius: var(--radius); padding: 1.5rem; margin-top: 1.5rem; border: 1px solid rgba(0, 100, 0, 0.3); color: var(--text-secondary); font-family: 'Courier New', monospace; font-size: 0.9rem; line-height: 1.5; white-space: pre-wrap; display: none; } .form-preview.active { display: block; animation: fadeIn 0.5s ease; } .result-section { background: linear-gradient(135deg, rgba(0, 100, 0, 0.1), transparent); border-radius: var(--radius-lg); padding: 2rem; margin: 2rem 0; border: 1px solid rgba(0, 100, 0, 0.3); text-align: center; display: none; } .result-section.active { display: block; animation: fadeIn 0.5s ease; } .result-section i { color: var(--success); font-size: 3rem; margin-bottom: 1rem; } .result-section h3 { color: var(--text-primary); margin-bottom: 1rem; } .result-section p { color: var(--text-secondary); margin-bottom: 1.5rem; } .forum-data { background: rgba(0, 0, 0, 0.3); border-radius: var(--radius); padding: 1.5rem; margin: 1rem 0; text-align: left; font-family: 'Courier New', monospace; font-size: 0.9rem; line-height: 1.5; white-space: pre-wrap; } .copy-btn { background: linear-gradient(135deg, var(--primary), var(--primary-dark)); color: white; border: none; padding: 0.5rem 1rem; border-radius: var(--radius); cursor: pointer; display: inline-flex; align-items: center; gap: 0.5rem; margin-top: 1rem; transition: var(--transition); } .copy-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 15px rgba(139, 0, 0, 0.4); } @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 768px) { .container { padding: 1rem; } .main-title { font-size: 2.2rem; } .logo-row { gap: 1rem; } .neon-circle { width: 50px; height: 50px; font-size: 1.8rem; } .subtitle { font-size: 1rem; letter-spacing: 2px; padding: 0.6rem 1.5rem; } .server-badge { font-size: 0.9rem; padding: 0.6rem 1.5rem; } .section { padding: 1.5rem; } .action-buttons { flex-direction: column; align-items: center; } .action-btn { width: 100%; max-width: 300px; } } @media (max-width: 480px) { .main-title { font-size: 1.8rem; } .logo-row { flex-direction: column; gap: 1.5rem; } .section-title { font-size: 1.3rem; } .form-grid { gap: 1rem; } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } ФОРМА ЖАЛОБЫ НА МОДЕРАТОРА ARIZONA ROLEPLAY PAGE Официальная форма для подачи жалоб на модераторов проекта ARIZONA ROLEPLAY. Заполните все поля корректно для быстрого рассмотрения вашего обращения. Создание темы на форуме Заполните форму ниже. После отправки вы получите готовый текст для создания темы на форуме. Перейти в раздел жалоб на форуме Рекомендации для подачи жалобы Правильное оформление Ваша жалоба будет рассмотрена быстро, если вы заполните все указанные пункты без ошибок. Очередь жалоб Не следует писать главной модерации про вашу жалобу, так как все жалобы рассматриваются в порядке очереди. Содержание жалобы Следует подробно изложить суть жалобы без лишней воды, пишите только по делу. Причины отказа в рассмотрении Отсутствуют необходимые доказательства В жалобе имеется мат/оскорбление кого-либо Жалоба написана мелким шрифтом, либо окрашена в цвет, который сложно прочитать Вы не готовы нести ответственность в случае обмана Вы создаете повторную жалобу Вы не отрицаете свое нарушение правил Внимание! Соглашаясь нести ответственность, в случае, если модератор прав, то главная модерация вправе выдать бан либо удвоить ваше наказание. Форма жалобы Заголовок темы: Пример: Жалоба на модератора: Admin_Pro | Причина: "Некорректное поведение" Ваш игровой ник: Ник модератора: Суть жалобы: Укажите дату и время нарушения, подробное описание ситуации Доказательства: Укажите ссылки на скриншоты, видео или другие доказательства Важно: Я готов нести ответственность в случае обмана вплоть до вечной блокировки: Да, я готов нести ответственность Если вы не согласны нести ответственность, ваша жалоба не будет рассмотрена Запрещено в теме с жалобой Оскорбительное поведение Бан ФА Использование нецензурной лексики в сообщениях Бан ФА Поднятие темы (up, рассмотрите быстрее, и так далее) Бан ФА Флуд Бан ФА Оффтоп Бан ФА Писать в теме, если вы не автор Бан ФА Удалять доказательства после одобрения жалобы в течении 7 дней Бан аккаунта Предпросмотр заявки: Тема: [автоматически заполняется] Ваш игровой ник: [автоматически заполняется] Ник модератора: [автоматически заполняется] Суть жалобы: [автоматически заполняется] Доказательства: [автоматически заполняется] Я готов нести ответственность в случае обмана вплоть до вечной блокировки: [автоматически заполняется] Готовый текст для форума Скопируйте текст ниже и создайте новую тему на форуме: Как создать тему: Перейдите в раздел жалоб на форуме Нажмите "Новая тема" Вставьте заголовок и текст из полей выше Нажмите "Создать тему" Скопировать текст Скопировать заголовок Создать текст для форума Очистить форму Предпросмотр Форум сообщества © 2026 | Форма жалобы на модератора Page Версия 2.0 | Создание темы на форуме Подача жалобы означает согласие со всеми правилами и условиями `; } initScripts() { // Код JavaScript остаётся без изменений... const shadow = this.shadowRoot; const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { const delay = entry.target.getAttribute('data-delay') || 0; setTimeout(() => { entry.target.classList.add('visible'); entry.target.style.animation = `fadeInUp 0.6s ease ${delay}s forwards`; }, parseFloat(delay) * 100); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); shadow.querySelectorAll('.section').forEach(el => { observer.observe(el); }); // Элементы DOM const submitBtn = shadow.getElementById('submitBtn'); const clearBtn = shadow.getElementById('clearBtn'); const previewBtn = shadow.getElementById('previewBtn'); const previewElement = shadow.getElementById('formPreview'); const resultSection = shadow.getElementById('resultSection'); const forumData = shadow.getElementById('forumData'); const copyBtn = shadow.getElementById('copyBtn'); const copyTitleBtn = shadow.getElementById('copyTitleBtn'); const getInputValue = (id) => { const input = shadow.getElementById(id); return input ? input.value.trim() : ''; }; const validateForm = () => { const playerNick = getInputValue('playerNick'); const moderatorNick = getInputValue('moderatorNick'); const complaintText = getInputValue('complaintText'); const evidenceText = getInputValue('evidenceText'); const responsibilityCheck = shadow.getElementById('responsibilityCheck').checked; if (!playerNick) { alert('Введите ваш игровой ник'); return false; } if (!moderatorNick) { alert('Введите ник модератора'); return false; } if (!complaintText) { alert('Опишите суть жалобы'); return false; } if (!evidenceText) { alert('Предоставьте доказательства'); return false; } if (!responsibilityCheck) { alert('Вы должны согласиться нести ответственность'); return false; } return true; }; const showPreview = () => { const topicTitle = getInputValue('topicTitle') || 'Жалоба на модератора: [не указано] | Причина: [не указано]'; const playerNick = getInputValue('playerNick') || '[не указано]'; const moderatorNick = getInputValue('moderatorNick') || '[не указано]'; const complaintText = getInputValue('complaintText') || '[не указано]'; const evidenceText = getInputValue('evidenceText') || '[не указано]'; const responsibility = shadow.getElementById('responsibilityCheck').checked ? 'Да' : 'Нет'; const previewText = `Тема: ${topicTitle} Ваш игровой ник: ${playerNick} Ник модератора: ${moderatorNick} Суть жалобы: ${complaintText} Доказательства: ${evidenceText} Я готов нести ответственность в случае обмана вплоть до вечной блокировки: ${responsibility}`; previewElement.textContent = previewText; previewElement.classList.add('active'); }; // Генерация текста для форума const generateForumText = () => { const topicTitle = getInputValue('topicTitle') || `Жалоба на модератора: ${getInputValue('moderatorNick')} | Причина: "Нарушение правил"`; const playerNick = getInputValue('playerNick'); const moderatorNick = getInputValue('moderatorNick'); const complaintText = getInputValue('complaintText'); const evidenceText = getInputValue('evidenceText'); const responsibility = shadow.getElementById('responsibilityCheck').checked ? 'Да' : 'Нет'; // Форматированный текст для форума const forumText = ` 🚨 ЖАЛОБА НА МОДЕРАТОРА 🚨 [hr] 📋 ИНФОРМАЦИЯ О ЖАЛОБЕ: 👤 Ваш игровой ник: ${playerNick} 🛡️ Ник модератора: ${moderatorNick} 📅 Дата подачи жалобы: ${new Date().toLocaleString('ru-RU')} ✅ Готовность нести ответственность: ${responsibility} [hr] 📝 СУТЬ ЖАЛОБЫ: ${complaintText} [hr] 🔗 ДОКАЗАТЕЛЬСТВА: ${evidenceText} [hr] ⚠️ ПРАВИЛА ПОВЕДЕНИЯ В ТЕМЕ: • Запрещены оскорбления и нецензурная лексика • Запрещено поднимать тему (up) - бан ФА • Запрещён флуд и оффтоп • Запрещено писать в теме, если вы не автор • Запрещено удалять доказательства в течение 7 дней после одобрения - бан аккаунта [hr] Жалоба создана через автоматическую форму. Рассмотрение в порядке очереди. Не пишите модераторам с просьбами ускорить рассмотрение. `.trim(); return { title: topicTitle, text: forumText, rawText: `Жалобщик: ${playerNick} Модератор: ${moderatorNick} Дата: ${new Date().toLocaleString('ru-RU')} Ответственность: ${responsibility} Жалоба: ${complaintText} Доказательства: ${evidenceText}` }; }; // Обработка отправки формы submitBtn.addEventListener('click', () => { if (!validateForm()) return; submitBtn.innerHTML = ' Генерация...'; submitBtn.disabled = true; setTimeout(() => { const forumContent = generateForumText(); // Показываем результат forumData.innerHTML = ` ЗАГОЛОВОК ТЕМЫ: ${forumContent.title} ТЕКСТ ДЛЯ ТЕМЫ: ${forumContent.text} `; // Сохраняем данные для копирования forumData.setAttribute('data-title', forumContent.title); forumData.setAttribute('data-text', forumContent.text); forumData.setAttribute('data-raw', forumContent.rawText); resultSection.classList.add('active'); previewElement.classList.remove('active'); // Прокручиваем к результату resultSection.scrollIntoView({ behavior: 'smooth' }); submitBtn.innerHTML = ' Создать текст для форума'; submitBtn.disabled = false; }, 1000); }); // Копирование текста copyBtn.addEventListener('click', () => { const textToCopy = forumData.getAttribute('data-text'); if (textToCopy) { navigator.clipboard.writeText(textToCopy).then(() => { copyBtn.innerHTML = ' Скопировано!'; setTimeout(() => { copyBtn.innerHTML = ' Скопировать текст'; }, 2000); }).catch(err => { console.error('Ошибка копирования:', err); alert('Ошибка при копировании. Скопируйте текст вручную.'); }); } }); // Копирование заголовка copyTitleBtn.addEventListener('click', () => { const titleToCopy = forumData.getAttribute('data-title'); if (titleToCopy) { navigator.clipboard.writeText(titleToCopy).then(() => { copyTitleBtn.innerHTML = ' Скопировано!'; setTimeout(() => { copyTitleBtn.innerHTML = ' Скопировать заголовок'; }, 2000); }).catch(err => { console.error('Ошибка копирования:', err); alert('Ошибка при копировании заголовка.'); }); } }); clearBtn.addEventListener('click', () => { const inputs = shadow.querySelectorAll('input, textarea'); inputs.forEach(input => { if (input.type !== 'button') { input.value = ''; } }); shadow.getElementById('responsibilityCheck').checked = false; previewElement.classList.remove('active'); resultSection.classList.remove('active'); clearBtn.innerHTML = ' Очищено!'; setTimeout(() => { clearBtn.innerHTML = ' Очистить форму'; }, 1000); }); previewBtn.addEventListener('click', () => { showPreview(); previewBtn.innerHTML = ' Показано!'; setTimeout(() => { previewBtn.innerHTML = ' Предпросмотр'; }, 1000); }); const inputs = shadow.querySelectorAll('.form-input'); inputs.forEach(input => { input.addEventListener('focus', function() { this.style.borderColor = 'var(--primary)'; this.style.boxShadow = '0 0 0 2px rgba(139, 0, 0, 0.2)'; }); input.addEventListener('blur', function() { this.style.borderColor = ''; this.style.boxShadow = ''; }); }); // Валидация при вводе shadow.getElementById('playerNick').addEventListener('input', function() { if (this.value.length > 50) { this.value = this.value.substring(0, 50); } }); shadow.getElementById('moderatorNick').addEventListener('input', function() { if (this.value.length > 50) { this.value = this.value.substring(0, 50); } }); setTimeout(() => { const container = shadow.querySelector('.container'); container.style.opacity = '0'; container.style.transition = 'opacity 0.8s ease'; requestAnimationFrame(() => { container.style.opacity = '1'; }); }, 50); } } if (!customElements.get('complaint-form-forum')) { customElements.define('complaint-form-forum', ComplaintFormForum); }

Раздел навигации

Новые сообщения

Регистрация

Что нового?

Добро пожаловать!

Зарегистрировавшись у нас, вы сможете обсуждать, делиться личными сообщениями с другими участниками нашего сообщества.

Регистрируйтесь прямо сейчас!

JavaScript отключён. Чтобы полноценно использовать наш сайт, включите JavaScript в своём браузере.

Page Важно Правила подачи жалоб на модерацию

Автор темы astral rais
Дата начала 12 Июл 2025

Статус: В этой теме нельзя размещать новые ответы.

astral rais

Главный модератор

Специальный Модератор

Ведущий

12 Июл 2025

Форма жалобы на модератора ARIZONA ROLEPLAY Page | Форум

Последнее редактирование модератором: 3 Янв 2026

Статус: В этой теме нельзя размещать новые ответы.

Facebook X Bluesky LinkedIn Reddit Pinterest Tumblr WhatsApp Электронная почта Ссылка

На данном сайте используются файлы cookie, чтобы персонализировать контент и сохранить Ваш вход в систему, если Вы зарегистрируетесь.
Продолжая использовать этот сайт, Вы соглашаетесь на использование наших файлов cookie.

Принять Узнать больше...

Сверху Снизу