work-license-server 1.0.20 → 1.0.21

package/assets/landing.css

@@ -843,6 +843,89 @@ html[data-theme="dark"] .sec-nav-item.active {
 .modal-head { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
 .modal-head img { width: 46px; height: 46px; }
 
+/* ---------- Интерактивный плеер презентации ---------- */
+.pres-modal { padding: 14px; background: rgba(2, 5, 12, .82); }
+.pres-modal .pres-card {
+    max-width: 1320px;
+    width: min(1320px, 96vw);
+    max-height: 94vh;
+    padding: 14px 18px;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    overflow: hidden;
+}
+.pres-top {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    flex-wrap: wrap;
+}
+.pres-title-wrap {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+.pres-title-wrap img { width: 34px; height: 34px; }
+.pres-title-wrap b { display: block; font-size: 15px; line-height: 1.2; }
+.pres-title-wrap span { display: block; font-size: 12px; }
+.pres-sections { display: flex; gap: 6px; flex-wrap: wrap; }
+.pres-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
+.pres-stage {
+    width: 100%;
+    aspect-ratio: 297 / 167;
+    max-height: calc(94vh - 140px);
+    border-radius: 12px;
+    overflow: hidden;
+    border: 1px solid var(--line-strong);
+    background: #060d18;
+    position: relative;
+}
+.pres-stage iframe {
+    width: 100%;
+    height: 100%;
+    border: 0;
+    display: block;
+}
+.pres-bottom {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    flex-wrap: wrap;
+}
+.pres-counter {
+    font-size: 13px;
+    font-weight: 700;
+    min-width: 92px;
+    text-align: center;
+}
+.pres-dots {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+    flex-wrap: wrap;
+}
+.pres-dot {
+    width: 28px;
+    height: 28px;
+    border-radius: 8px;
+    border: 1px solid var(--line-strong);
+    background: color-mix(in srgb, var(--panel-solid) 60%, transparent);
+    color: var(--text-2);
+    font-size: 12px;
+    font-weight: 700;
+    cursor: pointer;
+    transition: all .15s;
+}
+.pres-dot:hover { border-color: var(--brand); color: var(--text); }
+.pres-dot.on {
+    background: linear-gradient(135deg, var(--brand), #2563eb);
+    border-color: var(--brand);
+    color: #fff;
+}
+
 /* ---------- Подвал ---------- */
 .footer { margin-top: 70px; padding-top: 34px; border-top: 1px solid var(--line); display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 30px; font-size: 13px; color: var(--muted); }
 .footer h4 { margin: 0 0 10px; color: var(--text); font-size: 14px; }

package/assets/landing.js

@@ -2100,6 +2100,68 @@
         else requestAnimationFrame(frame);
     }
 
+    /* ================= Интерактивный плеер презентации ODANT-WORK ================= */
+    let currentPresSlide = 1;
+    const PRES_TOTAL_SLIDES = 12;
+
+    function syncPresIndicators(slideNum) {
+        currentPresSlide = Math.max(1, Math.min(PRES_TOTAL_SLIDES, Number(slideNum) || 1));
+        const cnt = $('#presCounter');
+        if (cnt) cnt.textContent = `Слайд ${currentPresSlide} / ${PRES_TOTAL_SLIDES}`;
+        $$('#presDots .pres-dot').forEach(btn => {
+            btn.classList.toggle('on', Number(btn.dataset.slide) === currentPresSlide);
+        });
+        const sec = currentPresSlide >= 10 ? 'franchise' : (currentPresSlide >= 8 ? 'clients' : 'product');
+        $$('#presSectionTabs .chip').forEach(btn => {
+            btn.classList.toggle('on', btn.dataset.sec === sec);
+        });
+    }
+
+    function openPresentationModal(startSlide = 1) {
+        const modal = $('#presentationModal');
+        const frame = $('#presFrame');
+        if (!modal || !frame) return;
+        const n = Math.max(1, Math.min(PRES_TOTAL_SLIDES, Number(startSlide) || 1));
+        syncPresIndicators(n);
+        const targetSrc = `/presentation?embed=1&slide=${n}`;
+        if (!frame.getAttribute('src')) {
+            frame.setAttribute('src', targetSrc);
+        } else {
+            try {
+                frame.contentWindow?.postMessage({ type: 'odant-presentation-goto', slide: n }, '*');
+            } catch {
+                frame.setAttribute('src', targetSrc);
+            }
+        }
+        modal.classList.add('open');
+    }
+
+    function closePresentationModal() {
+        $('#presentationModal')?.classList.remove('open');
+    }
+
+    function gotoPresentationSlide(slideNum) {
+        const n = Math.max(1, Math.min(PRES_TOTAL_SLIDES, Number(slideNum) || 1));
+        syncPresIndicators(n);
+        const frame = $('#presFrame');
+        try {
+            frame?.contentWindow?.postMessage({ type: 'odant-presentation-goto', slide: n }, '*');
+        } catch { /* ignore */ }
+    }
+
+    function stepPresentationSlide(delta) {
+        gotoPresentationSlide(currentPresSlide + (Number(delta) || 0));
+    }
+
+    window.addEventListener('message', (e) => {
+        const d = e.data || {};
+        if (d.type === 'odant-presentation-slide' && d.slide) {
+            syncPresIndicators(d.slide);
+        } else if (d.type === 'odant-presentation-close') {
+            closePresentationModal();
+        }
+    });
+
     /* ================= Привязка событий ================= */
     function bind() {
         document.addEventListener('click', (e) => {
@@ -2223,6 +2285,26 @@
                 case 'cert-copy':
                     navigator.clipboard?.writeText($('#certJsonBox')?.textContent || '');
                     break;
+                case 'open-presentation':
+                    e.preventDefault();
+                    openPresentationModal(Number(el.dataset.slide || 1));
+                    break;
+                case 'pres-close':
+                    closePresentationModal();
+                    break;
+                case 'pres-goto':
+                    gotoPresentationSlide(Number(el.dataset.slide || 1));
+                    break;
+                case 'pres-prev':
+                    stepPresentationSlide(-1);
+                    break;
+                case 'pres-next':
+                    stepPresentationSlide(1);
+                    break;
+                case 'pres-jump-stage':
+                    closePresentationModal();
+                    if (el.dataset.targetStage) switchStage(el.dataset.targetStage);
+                    break;
                 case 'ai-toggle': toggleAi(); break;
                 case 'ai-send': sendAi(); break;
             }
@@ -2230,8 +2312,13 @@
         $('#authModal')?.addEventListener('click', (e) => { if (e.target.id === 'authModal') closeAuth(); });
         $('#ofertaModal')?.addEventListener('click', (e) => { if (e.target.id === 'ofertaModal') closeOfertaModal(); });
         $('#certModal')?.addEventListener('click', (e) => { if (e.target.id === 'certModal') $('#certModal').classList.remove('open'); });
+        $('#presentationModal')?.addEventListener('click', (e) => { if (e.target.id === 'presentationModal') closePresentationModal(); });
         document.addEventListener('keydown', (e) => {
-            if (e.key === 'Escape') { closeAuth(); closeOfertaModal(); $('#certModal')?.classList.remove('open'); toggleAi(false); }
+            if (e.key === 'Escape') { closeAuth(); closeOfertaModal(); closePresentationModal(); $('#certModal')?.classList.remove('open'); toggleAi(false); }
+            else if ($('#presentationModal')?.classList.contains('open')) {
+                if (e.key === 'ArrowRight' || e.key === 'PageDown') { e.preventDefault(); stepPresentationSlide(1); }
+                else if (e.key === 'ArrowLeft' || e.key === 'PageUp') { e.preventDefault(); stepPresentationSlide(-1); }
+            }
         });
         $('#authModal')?.addEventListener('keydown', (e) => {
             if (e.key === 'Enter' && e.target.tagName !== 'BUTTON') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "work-license-server",
-  "version": "1.0.20",
+  "version": "1.0.21",
   "description": "Лицензионный сервер, биллинг ЮKassa, боты поддержки (MAX, Telegram, VK) и лендинг ПАК WORK (work.odant.org)",
   "type": "module",
   "main": "src/index.js",

package/src/landing.js

@@ -200,7 +200,13 @@ export function renderLandingPage({ publicKey = '', regions = null, assetVersion
                     <span class="kicker">Платформа цифровой организации</span>
                     <h1 class="h2" style="font-size:clamp(1.9rem,3vw,2.6rem);margin:4px 0 0">ODANT-WORK — учёт, документооборот, процессы и&nbsp;<span class="grad">приватный ИИ</span></h1>
                 </div>
-                <p>Все данные предприятия — справочники, проводки, документы, переписка и задачи — живут в единой модели с общими правами доступа и работают автономно в вашем контуре без передачи данных наружу.</p>
+                <div>
+                    <p style="margin:0 0 12px">Все данные предприятия — справочники, проводки, документы, переписка и задачи — живут в единой модели с общими правами доступа и работают автономно в вашем контуре без передачи данных наружу.</p>
+                    <div style="display:flex;gap:10px;flex-wrap:wrap">
+                        <button type="button" class="btn btn-primary btn-sm" data-action="open-presentation" data-slide="1">${icon('docs')} Смотреть презентацию (12 слайдов)</button>
+                        <a class="btn btn-ghost btn-sm" href="/assets/ODANT-WORK-presentation.pdf" download="ODANT-WORK-presentation.pdf" style="text-decoration:none">📥 Скачать PDF</a>
+                    </div>
+                </div>
             </div>
 
             <div class="bento">
@@ -262,9 +268,10 @@ export function renderLandingPage({ publicKey = '', regions = null, assetVersion
                         <h2 class="h2">ODANT-WORK · ${esc(P.sku)}</h2>
                         <div class="price-big">${rub(P.basePriceRub)}</div>
                         <p class="note">Вечная лицензия на ${P.baseSeats} одновременных рабочих сессий и ${P.includedSupportYears} год поддержки уровня Enterprise — в комплекте с сервером (или ${rub(P.baseLicensePriceRub || 4_000_000)} за базовую лицензию без оборудования при установке через <code>npm</code>).</p>
-                        <div class="hero-cta" style="margin-top:20px">
+                        <div class="hero-cta" style="margin-top:20px;display:flex;gap:10px;flex-wrap:wrap">
                             <button class="btn btn-primary" data-stage="clients">Перейти к покупке →</button>
                             <button class="btn btn-ghost" data-stage="franchise">Региональная франшиза</button>
+                            <button class="btn btn-ghost" data-action="open-presentation" data-slide="1">${icon('docs')} Презентация</button>
                         </div>
                     </div>
                     <dl class="spec">
@@ -332,7 +339,13 @@ export function renderLandingPage({ publicKey = '', regions = null, assetVersion
                     <span class="kicker">Тарифы поддержки и конкурентных мест</span>
                     <h2 class="h2">Условия лицензирования и SLA</h2>
                 </div>
-                <p>Сразу после установки из <code>npm</code> система работает бесплатно в режиме настройки (1 сессия BOSS, ИИ-агенты отключены). Базовая постоянная лицензия открывает <b>${P.baseSeats} вечных одновременных сессий</b> и включает агентскую ИИ-систему.</p>
+                <div>
+                    <p style="margin:0 0 12px">Сразу после установки из <code>npm</code> система работает бесплатно в режиме настройки (1 сессия BOSS, ИИ-агенты отключены). Базовая постоянная лицензия открывает <b>${P.baseSeats} вечных одновременных сессий</b> и включает агентскую ИИ-систему.</p>
+                    <div style="display:flex;gap:10px;flex-wrap:wrap">
+                        <button type="button" class="btn btn-ghost btn-sm" data-action="open-presentation" data-slide="8">${icon('docs')} Презентация для клиентов (слайд 8)</button>
+                        <a class="btn btn-ghost btn-sm" href="/assets/ODANT-WORK-presentation.pdf" download="ODANT-WORK-presentation.pdf" style="text-decoration:none">📥 Скачать PDF</a>
+                    </div>
+                </div>
             </div>
             <div class="tiers">${renderTiers()}</div>
         </section>
@@ -501,7 +514,13 @@ export function renderLandingPage({ publicKey = '', regions = null, assetVersion
 
             <div class="sec-head" style="margin-top:8px">
                 <div><span class="kicker">Партнёрская программа</span><h2 class="h2">Условия региональной франшизы ODANT-WORK</h2></div>
-                <p>Число франшиз в субъекте пропорционально населению, паушальный взнос — экономике региона. Резерв закрепляется сразу после невозвратного залога ${rub(FRANCHISE_PROGRAM.reservationDepositRub)}, полная оплата паушального взноса — в течение 1 года.</p>
+                <div>
+                    <p style="margin:0 0 12px">Число франшиз в субъекте пропорционально населению, паушальный взнос — экономике региона. Резерв закрепляется сразу после невозвратного залога ${rub(FRANCHISE_PROGRAM.reservationDepositRub)}, полная оплата паушального взноса — в течение 1 года.</p>
+                    <div style="display:flex;gap:10px;flex-wrap:wrap">
+                        <button type="button" class="btn btn-ghost btn-sm" data-action="open-presentation" data-slide="10">${icon('docs')} Презентация франшизы (слайд 10)</button>
+                        <a class="btn btn-ghost btn-sm" href="/assets/ODANT-WORK-presentation.pdf" download="ODANT-WORK-presentation.pdf" style="text-decoration:none">📥 Скачать PDF</a>
+                    </div>
+                </div>
             </div>
 
             <div class="split">
@@ -548,7 +567,7 @@ export function renderLandingPage({ publicKey = '', regions = null, assetVersion
                     <h4>${esc(VENDOR_CONTACTS.company)}</h4>
                     <p>${esc(VENDOR_CONTACTS.address)}</p>
                     <p>${VENDOR_CONTACTS.phones.map(esc).join(', ')}</p>
-                    <p><a href="${esc(VENDOR_CONTACTS.site)}" target="_blank" rel="noopener">${esc(VENDOR_CONTACTS.site.replace(/^https?:\/\//, ''))}</a> · <a href="#" data-action="open-oferta">Публичная оферта</a></p>
+                    <p><a href="${esc(VENDOR_CONTACTS.site)}" target="_blank" rel="noopener">${esc(VENDOR_CONTACTS.site.replace(/^https?:\/\//, ''))}</a> · <a href="#" data-action="open-oferta">Публичная оферта</a> · <a href="#" data-action="open-presentation" data-slide="1">Презентация</a> · <a href="/assets/ODANT-WORK-presentation.pdf" download="ODANT-WORK-presentation.pdf">PDF</a></p>
                 </div>
             </div>
             <div class="footer-bottom">
@@ -667,6 +686,50 @@ export function renderLandingPage({ publicKey = '', regions = null, assetVersion
         </div>
     </div>
 
+    <!-- Интерактивный просмотр презентации ODANT-WORK (для клиентов и франчайзи) -->
+    <div class="modal pres-modal" id="presentationModal" role="dialog" aria-modal="true" aria-labelledby="presModalTitle">
+        <div class="card pres-card">
+            <div class="pres-top">
+                <div class="pres-title-wrap">
+                    <img src="/assets/odant-logo.png" alt="">
+                    <div>
+                        <b id="presModalTitle">Презентация ODANT-WORK</b>
+                        <span class="small muted">Для клиентов и региональных партнёров (франчайзи)</span>
+                    </div>
+                </div>
+                <div class="pres-sections" id="presSectionTabs">
+                    <button type="button" class="chip on" data-action="pres-goto" data-slide="1" data-sec="product">1. О платформе (1–7)</button>
+                    <button type="button" class="chip" data-action="pres-goto" data-slide="8" data-sec="clients">2. Клиентам (8–9)</button>
+                    <button type="button" class="chip" data-action="pres-goto" data-slide="10" data-sec="franchise">3. Франшиза (10–12)</button>
+                </div>
+                <div class="pres-actions">
+                    <a class="btn btn-ghost btn-sm" href="/presentation" target="_blank" rel="noopener" style="text-decoration:none" title="Открыть в отдельном окне">${icon('expand')} Во весь экран</a>
+                    <a class="btn btn-primary btn-sm" href="/assets/ODANT-WORK-presentation.pdf" download="ODANT-WORK-presentation.pdf" style="text-decoration:none">📥 Скачать PDF</a>
+                    <button type="button" class="icon-btn" data-action="pres-close" aria-label="Закрыть презентацию">${icon('close')}</button>
+                </div>
+            </div>
+
+            <div class="pres-stage">
+                <iframe id="presFrame" title="Слайды презентации ODANT-WORK" loading="lazy"></iframe>
+            </div>
+
+            <div class="pres-bottom">
+                <div style="display:flex;align-items:center;gap:8px">
+                    <button type="button" class="btn btn-ghost btn-sm" data-action="pres-prev">← Назад</button>
+                    <span class="pres-counter" id="presCounter">Слайд 1 / 12</span>
+                    <button type="button" class="btn btn-ghost btn-sm" data-action="pres-next">Вперёд →</button>
+                </div>
+                <div class="pres-dots" id="presDots">
+                    ${Array.from({ length: 12 }, (_, idx) => `<button type="button" class="pres-dot ${idx === 0 ? 'on' : ''}" data-action="pres-goto" data-slide="${idx + 1}" title="Слайд ${idx + 1}">${idx + 1}</button>`).join('')}
+                </div>
+                <div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap">
+                    <button type="button" class="btn btn-ghost btn-sm" data-action="pres-jump-stage" data-target-stage="clients">К калькулятору клиентов →</button>
+                    <button type="button" class="btn btn-ghost btn-sm" data-action="pres-jump-stage" data-target-stage="franchise">К карте франшиз РФ →</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <!-- ИИ-агент лицензионного центра -->
     <button class="ai-fab" data-action="ai-toggle" aria-controls="aiDrawer"><img src="/assets/odant-logo.png" alt=""><span class="t">ИИ-агент ODANT</span><span class="live"></span></button>
     <div class="ai-drawer" id="aiDrawer" aria-live="polite">

package/src/server.js

@@ -82,6 +82,9 @@ const STATIC_ASSETS = Object.freeze({
     '/assets/landing.css': { file: 'landing.css', type: 'text/css; charset=utf-8' },
     '/assets/landing.js': { file: 'landing.js', type: 'text/javascript; charset=utf-8' },
     '/assets/admin.js': { file: 'admin.js', type: 'text/javascript; charset=utf-8' },
+    '/presentation': { file: 'ODANT-WORK-presentation.html', type: 'text/html; charset=utf-8' },
+    '/assets/ODANT-WORK-presentation.html': { file: 'ODANT-WORK-presentation.html', type: 'text/html; charset=utf-8' },
+    '/assets/ODANT-WORK-presentation.pdf': { file: 'ODANT-WORK-presentation.pdf', type: 'application/pdf' },
 });
 const assetCache = new Map();
 let assetVersionCache = '';