Ответить в теме

Сообщение

<blockquote data-quote="orDor" data-source="post: 26" data-attributes="member: 1">[PARSEHTML]&lt;div id=&quot;ordor-legal-root&quot; class=&quot;hobo-assistant&quot;&gt;&nbsp; &nbsp; &lt;div class=&quot;hobo-grid&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- БЛОК ВВОДА --&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;hobo-inputs&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h3 class=&quot;hobo-header&quot;&gt;ЮРИДИЧЕСКИЙ ПОМОЩНИК / ORDOR&lt;/h3&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;hobo-section-title&quot;&gt;ИНФОРМАЦИЯ ОБ АВТОРЕ&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;hobo-field-row&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;input type=&quot;text&quot; data-field=&quot;prodName&quot; placeholder=&quot;Твой псевдоним&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;input type=&quot;text&quot; data-field=&quot;prodLegal&quot; placeholder=&quot;ФИО по паспорту&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;input type=&quot;text&quot; data-field=&quot;prodWallet&quot; placeholder=&quot;Реквизиты для оплаты (Карта/Крипта/СБП)&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;hobo-section-title&quot;&gt;ДАННЫЕ ПОКУПАТЕЛЯ&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;hobo-field-row&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;input type=&quot;text&quot; data-field=&quot;buyerName&quot; placeholder=&quot;Псевдоним покупателя&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;input type=&quot;text&quot; data-field=&quot;buyerLegal&quot; placeholder=&quot;ФИО покупателя&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;hobo-section-title&quot;&gt;ПРЕДМЕТ СДЕЛКИ&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;input type=&quot;text&quot; data-field=&quot;beatTitle&quot; placeholder=&quot;Название бита / инструментала&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;hobo-field-row&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;input type=&quot;number&quot; data-field=&quot;price&quot; placeholder=&quot;Цена (руб)&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;input type=&quot;text&quot; data-field=&quot;territory&quot; placeholder=&quot;Территория (напр. Весь мир)&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;hobo-toolbar&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;button class=&quot;hobo-btn hobo-btn--main&quot; onclick=&quot;OrdorLegal.printDoc()&quot;&gt;ПЕЧАТЬ / PDF&lt;/button&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;button class=&quot;hobo-btn&quot; onclick=&quot;OrdorLegal.copyDoc()&quot;&gt;КОПИРОВАТЬ ТЕКСТ&lt;/button&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;button class=&quot;hobo-btn hobo-btn--danger&quot; onclick=&quot;OrdorLegal.reset()&quot;&gt;СБРОСИТЬ&lt;/button&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;hobo-status&quot; class=&quot;hobo-status&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- БЛОК ПРЕДПРОСМОТРА --&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;hobo-preview-container&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;hobo-render-area&quot; class=&quot;hobo-paper&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;/div&gt;&lt;/div&gt;&lt;style&gt;/* HOBO DESIGN SYSTEM */.hobo-assistant {&nbsp; &nbsp; --hobo-bg: #121212;&nbsp; &nbsp; --hobo-accent: #e03030;&nbsp; &nbsp; --hobo-border: #333;&nbsp; &nbsp; --hobo-text: #d1d1d1;&nbsp; &nbsp; --hobo-paper-bg: #f4f4f4;&nbsp; &nbsp; font-family: &#039;Courier New&#039;, monospace;&nbsp; &nbsp; color: var(--hobo-text);}.hobo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }@media (max-width: 900px) { .hobo-grid { grid-template-columns: 1fr; } }.hobo-inputs { background: #1a1a1a; padding: 20px; border: 1px solid var(--hobo-border); }.hobo-header { margin: 0 0 20px 0; color: #fff; font-size: 18px; border-bottom: 2px solid var(--hobo-accent); padding-bottom: 5px; }.hobo-section-title { font-size: 11px; color: #666; margin: 15px 0 5px 0; text-transform: uppercase; }.hobo-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.hobo-inputs input {&nbsp; &nbsp; width: 100%; background: #000; border: 1px solid #444; color: #fff;&nbsp; &nbsp; padding: 10px; margin-bottom: 10px; font-family: inherit; font-size: 13px;}.hobo-inputs input:focus { border-color: var(--hobo-accent); outline: none; }.hobo-toolbar { display: flex; gap: 10px; margin-top: 20px; flex-wrap: wrap; }.hobo-btn {&nbsp; &nbsp; background: #333; color: #fff; border: none; padding: 10px 15px;&nbsp; &nbsp; cursor: pointer; font-family: inherit; font-weight: bold; font-size: 12px;}.hobo-btn--main { background: var(--hobo-accent); }.hobo-btn--danger { background: #444; color: #888; }.hobo-btn:hover { opacity: 0.8; }.hobo-paper {&nbsp; &nbsp; background: var(--hobo-paper-bg); color: #000; padding: 40px;&nbsp; &nbsp; font-size: 12px; line-height: 1.4; white-space: pre-wrap;&nbsp; &nbsp; min-height: 600px; box-shadow: 0 10px 30px rgba(0,0,0,0.5);}.hobo-status { margin-top: 15px; font-size: 11px; color: var(--hobo-accent); min-height: 1.2em; }/* PRINT ENGINE */@media print {&nbsp; &nbsp; body * { visibility: hidden; background: #fff !important; }&nbsp; &nbsp; #hobo-render-area, #hobo-render-area * { visibility: visible; }&nbsp; &nbsp; #hobo-render-area {&nbsp; &nbsp; &nbsp; &nbsp; position: absolute; left: 0; top: 0; width: 100%;&nbsp; &nbsp; &nbsp; &nbsp; box-shadow: none; padding: 0; margin: 0; font-size: 10pt;&nbsp; &nbsp; }&nbsp; &nbsp; .p-nav, .p-footer, .p-sectionLinks, .p-breadcrumbs, .p-body-sidebar { display: none !important; }}&lt;/style&gt;&lt;script&gt;/**&nbsp;* ORDOR LEGAL ENGINE v2.0&nbsp;* Философия: Минимум кода, максимум результата.&nbsp;*/const OrdorLegal = (() =&gt; {&nbsp; &nbsp; const STORAGE_KEY = &#039;ordor_legal_data&#039;;&nbsp;&nbsp; &nbsp; &nbsp; // Начальное состояние (Default Data)&nbsp; &nbsp; const defaults = {&nbsp; &nbsp; &nbsp; &nbsp; prodName: &#039;ORDOR&#039;, prodLegal: &#039;&#039;, prodWallet: &#039;&#039;,&nbsp; &nbsp; &nbsp; &nbsp; buyerName: &#039;&#039;, buyerLegal: &#039;&#039;,&nbsp; &nbsp; &nbsp; &nbsp; beatTitle: &#039;&#039;, price: &#039;&#039;, territory: &#039;Весь мир&#039;,&nbsp; &nbsp; &nbsp; &nbsp; date: new Date().toLocaleDateString(&#039;ru-RU&#039;)&nbsp; &nbsp; };&nbsp; &nbsp; let state = { ...defaults };&nbsp; &nbsp; // Юридический шаблон (вынесен из рендера для DRY)&nbsp; &nbsp; const generateMarkdown = (d) =&gt; `ЛИЦЕНЗИОННЫЙ ДОГОВОР № ${Math.random().toString(36).substr(2, 6).toUpperCase()}Дата: ${d.date}1. СТОРОНЫЛицензиар: ${d.prodLegal || d.prodName}Реквизиты: ${d.prodWallet || &#039;[НЕ УКАЗАНО]&#039;}Лицензиат: ${d.buyerLegal || d.buyerName}2. ПРЕДМЕТ ДОГОВОРА2.1 Лицензиар передает Лицензиату исключительную лицензию на музыкальное произведение (бит): &quot;${d.beatTitle || &#039;[БЕЗ НАЗВАНИЯ]&#039;}&quot;2.2 Территория использования: ${d.territory}.2.3 Срок действия: Срок охраны авторского права (бессрочно).3. ФИНАНСОВЫЕ УСЛОВИЯ3.1 Стоимость Лицензии: ${d.price || &#039;0&#039;} руб.3.2 Лицензиат обязуется указать авторство: &quot;prod. by ${d.prodName}&quot;.4. ПРАВА4.1 Лицензиат имеет право на коммерческое использование, дистрибуцию, публичное исполнение и создание производных произведений (песен) на основе данного бита.4.2 Лицензиар гарантирует, что произведение не нарушает прав третьих лиц.ПОДПИСИ СТОРОН:Лицензиар: ________________ / ${d.prodName} /Лицензиат: ________________ / ${d.buyerName} /&nbsp; &nbsp; `;&nbsp; &nbsp; const save = () =&gt; localStorage.setItem(STORAGE_KEY, JSON.stringify(state));&nbsp;&nbsp; &nbsp; &nbsp; const load = () =&gt; {&nbsp; &nbsp; &nbsp; &nbsp; const raw = localStorage.getItem(STORAGE_KEY);&nbsp; &nbsp; &nbsp; &nbsp; if (raw) state = { ...state, ...JSON.parse(raw) };&nbsp; &nbsp; };&nbsp; &nbsp; const updateUI = () =&gt; {&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;hobo-render-area&#039;).innerText = generateMarkdown(state);&nbsp; &nbsp; &nbsp; &nbsp; // Синхронизация полей ввода&nbsp; &nbsp; &nbsp; &nbsp; Object.keys(state).forEach(key =&gt; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const el = document.querySelector(`[data-field=&quot;${key}&quot;]`);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (el) el.value = state[key] === defaults[key] ? &#039;&#039; : state[key];&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; };&nbsp; &nbsp; const showStatus = (msg) =&gt; {&nbsp; &nbsp; &nbsp; &nbsp; const s = document.getElementById(&#039;hobo-status&#039;);&nbsp; &nbsp; &nbsp; &nbsp; s.innerText = `&gt; ${msg}`;&nbsp; &nbsp; &nbsp; &nbsp; setTimeout(() =&gt; s.innerText = &#039;&#039;, 3000);&nbsp; &nbsp; };&nbsp; &nbsp; return {&nbsp; &nbsp; &nbsp; &nbsp; init() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; load();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; updateUI();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Event Delegation для производительности&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;ordor-legal-root&#039;).addEventListener(&#039;input&#039;, (e) =&gt; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const field = e.target.dataset.field;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (field) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; state[field] = e.target.value;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; save();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;hobo-render-area&#039;).innerText = generateMarkdown(state);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; printDoc() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; window.print();&nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; copyDoc() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const text = generateMarkdown(state);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; navigator.clipboard.writeText(text).then(() =&gt; showStatus(&#039;ТЕКСТ СКОПИРОВАН&#039;));&nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; reset() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (confirm(&#039;Очистить все данные?&#039;)) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; state = { ...defaults };&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; localStorage.removeItem(STORAGE_KEY);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; updateUI();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; showStatus(&#039;ДАННЫЕ СБРОШЕНЫ&#039;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; };})();// Инициализация с проверкой на наличие контейнера (для XenForo AJAX)if (document.getElementById(&#039;ordor-legal-root&#039;)) {&nbsp; &nbsp; OrdorLegal.init();}&lt;/script&gt;[/PARSEHTML]</blockquote>

[QUOTE="orDor, post: 26, member: 1"] [PARSEHTML] <div id="ordor-legal-root" class="hobo-assistant"> <div class="hobo-grid">  <div class="hobo-inputs"> <h3 class="hobo-header">ЮРИДИЧЕСКИЙ ПОМОЩНИК / ORDOR</h3> <div class="hobo-section-title">ИНФОРМАЦИЯ ОБ АВТОРЕ</div> <div class="hobo-field-row"> <input type="text" data-field="prodName" placeholder="Твой псевдоним"> <input type="text" data-field="prodLegal" placeholder="ФИО по паспорту"> </div> <input type="text" data-field="prodWallet" placeholder="Реквизиты для оплаты (Карта/Крипта/СБП)"> <div class="hobo-section-title">ДАННЫЕ ПОКУПАТЕЛЯ</div> <div class="hobo-field-row"> <input type="text" data-field="buyerName" placeholder="Псевдоним покупателя"> <input type="text" data-field="buyerLegal" placeholder="ФИО покупателя"> </div> <div class="hobo-section-title">ПРЕДМЕТ СДЕЛКИ</div> <input type="text" data-field="beatTitle" placeholder="Название бита / инструментала"> <div class="hobo-field-row"> <input type="number" data-field="price" placeholder="Цена (руб)"> <input type="text" data-field="territory" placeholder="Территория (напр. Весь мир)"> </div> <div class="hobo-toolbar"> <button class="hobo-btn hobo-btn--main" onclick="OrdorLegal.printDoc()">ПЕЧАТЬ / PDF</button> <button class="hobo-btn" onclick="OrdorLegal.copyDoc()">КОПИРОВАТЬ ТЕКСТ</button> <button class="hobo-btn hobo-btn--danger" onclick="OrdorLegal.reset()">СБРОСИТЬ</button> </div> <div id="hobo-status" class="hobo-status"></div> </div>  <div class="hobo-preview-container"> <div id="hobo-render-area" class="hobo-paper"></div> </div> </div> </div> <style> /* HOBO DESIGN SYSTEM */ .hobo-assistant { --hobo-bg: #121212; --hobo-accent: #e03030; --hobo-border: #333; --hobo-text: #d1d1d1; --hobo-paper-bg: #f4f4f4; font-family: 'Courier New', monospace; color: var(--hobo-text); } .hobo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } @media (max-width: 900px) { .hobo-grid { grid-template-columns: 1fr; } } .hobo-inputs { background: #1a1a1a; padding: 20px; border: 1px solid var(--hobo-border); } .hobo-header { margin: 0 0 20px 0; color: #fff; font-size: 18px; border-bottom: 2px solid var(--hobo-accent); padding-bottom: 5px; } .hobo-section-title { font-size: 11px; color: #666; margin: 15px 0 5px 0; text-transform: uppercase; } .hobo-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .hobo-inputs input { width: 100%; background: #000; border: 1px solid #444; color: #fff; padding: 10px; margin-bottom: 10px; font-family: inherit; font-size: 13px; } .hobo-inputs input:focus { border-color: var(--hobo-accent); outline: none; } .hobo-toolbar { display: flex; gap: 10px; margin-top: 20px; flex-wrap: wrap; } .hobo-btn { background: #333; color: #fff; border: none; padding: 10px 15px; cursor: pointer; font-family: inherit; font-weight: bold; font-size: 12px; } .hobo-btn--main { background: var(--hobo-accent); } .hobo-btn--danger { background: #444; color: #888; } .hobo-btn:hover { opacity: 0.8; } .hobo-paper { background: var(--hobo-paper-bg); color: #000; padding: 40px; font-size: 12px; line-height: 1.4; white-space: pre-wrap; min-height: 600px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); } .hobo-status { margin-top: 15px; font-size: 11px; color: var(--hobo-accent); min-height: 1.2em; } /* PRINT ENGINE */ @media print { body * { visibility: hidden; background: #fff !important; } #hobo-render-area, #hobo-render-area * { visibility: visible; } #hobo-render-area { position: absolute; left: 0; top: 0; width: 100%; box-shadow: none; padding: 0; margin: 0; font-size: 10pt; } .p-nav, .p-footer, .p-sectionLinks, .p-breadcrumbs, .p-body-sidebar { display: none !important; } } </style> <script> /** * ORDOR LEGAL ENGINE v2.0 * Философия: Минимум кода, максимум результата. */ const OrdorLegal = (() => { const STORAGE_KEY = 'ordor_legal_data'; // Начальное состояние (Default Data) const defaults = { prodName: 'ORDOR', prodLegal: '', prodWallet: '', buyerName: '', buyerLegal: '', beatTitle: '', price: '', territory: 'Весь мир', date: new Date().toLocaleDateString('ru-RU') }; let state = { ...defaults }; // Юридический шаблон (вынесен из рендера для DRY) const generateMarkdown = (d) => ` ЛИЦЕНЗИОННЫЙ ДОГОВОР № ${Math.random().toString(36).substr(2, 6).toUpperCase()} Дата: ${d.date} 1. СТОРОНЫ Лицензиар: ${d.prodLegal || d.prodName} Реквизиты: ${d.prodWallet || '[НЕ УКАЗАНО]'} Лицензиат: ${d.buyerLegal || d.buyerName} 2. ПРЕДМЕТ ДОГОВОРА 2.1 Лицензиар передает Лицензиату исключительную лицензию на музыкальное произведение (бит): "${d.beatTitle || '[БЕЗ НАЗВАНИЯ]'}" 2.2 Территория использования: ${d.territory}. 2.3 Срок действия: Срок охраны авторского права (бессрочно). 3. ФИНАНСОВЫЕ УСЛОВИЯ 3.1 Стоимость Лицензии: ${d.price || '0'} руб. 3.2 Лицензиат обязуется указать авторство: "prod. by ${d.prodName}". 4. ПРАВА 4.1 Лицензиат имеет право на коммерческое использование, дистрибуцию, публичное исполнение и создание производных произведений (песен) на основе данного бита. 4.2 Лицензиар гарантирует, что произведение не нарушает прав третьих лиц. ПОДПИСИ СТОРОН: Лицензиар: ________________ / ${d.prodName} / Лицензиат: ________________ / ${d.buyerName} / `; const save = () => localStorage.setItem(STORAGE_KEY, JSON.stringify(state)); const load = () => { const raw = localStorage.getItem(STORAGE_KEY); if (raw) state = { ...state, ...JSON.parse(raw) }; }; const updateUI = () => { document.getElementById('hobo-render-area').innerText = generateMarkdown(state); // Синхронизация полей ввода Object.keys(state).forEach(key => { const el = document.querySelector(`[data-field="${key}"]`); if (el) el.value = state[key] === defaults[key] ? '' : state[key]; }); }; const showStatus = (msg) => { const s = document.getElementById('hobo-status'); s.innerText = `> ${msg}`; setTimeout(() => s.innerText = '', 3000); }; return { init() { load(); updateUI(); // Event Delegation для производительности document.getElementById('ordor-legal-root').addEventListener('input', (e) => { const field = e.target.dataset.field; if (field) { state[field] = e.target.value; save(); document.getElementById('hobo-render-area').innerText = generateMarkdown(state); } }); }, printDoc() { window.print(); }, copyDoc() { const text = generateMarkdown(state); navigator.clipboard.writeText(text).then(() => showStatus('ТЕКСТ СКОПИРОВАН')); }, reset() { if (confirm('Очистить все данные?')) { state = { ...defaults }; localStorage.removeItem(STORAGE_KEY); updateUI(); showStatus('ДАННЫЕ СБРОШЕНЫ'); } } }; })(); // Инициализация с проверкой на наличие контейнера (для XenForo AJAX) if (document.getElementById('ordor-legal-root')) { OrdorLegal.init(); } </script> [/PARSEHTML] [/QUOTE]

Проверка