Apply lesson cover as poster for embedded kinescopeVideo nodes

2026-05-26 16:40:47 +05:00
parent 5e5f616888
commit d9e3531c49
247 changed files with 21465 additions and 11 deletions
@@ -0,0 +1,86 @@
+<h2>Как выглядит раздел «Вопросы» в админке?</h2>
+<p class="subtitle">Список + открытый тред — выбери что ближе по ощущению</p>
+
+<div class="options">
+  <div class="option" data-choice="a" onclick="toggleSelect(this)">
+    <div class="letter">A</div>
+    <div class="content">
+      <h3>Список + боковая панель треда</h3>
+      <p>Слева список вопросов, справа открывается тред. Как почтовый клиент — не уходишь со страницы.</p>
+      <div class="mockup" style="margin-top:12px">
+        <div class="mockup-header">Admin → Вопросы учеников</div>
+        <div class="mockup-body" style="padding:0; display:flex; min-height:160px; font-size:12px">
+          <div style="width:45%; border-right:2px solid #AAAAAA; padding:8px">
+            <div style="margin-bottom:6px; display:flex; gap:4px">
+              <span style="padding:2px 8px; background:#323232; color:#F5F5F0; border-radius:2px; font-size:10px">Открытые 4</span>
+              <span style="padding:2px 8px; background:#E8E8E0; border-radius:2px; font-size:10px">Закрытые</span>
+            </div>
+            <div style="padding:6px; background:#E8F0D8; border-left:3px solid #323232; margin-bottom:4px">
+              <div style="font-weight:700">Алексей М.</div>
+              <div style="color:#666; font-size:11px">Как экспортировать в PDF?</div>
+              <div style="color:#999; font-size:10px">15 мин назад · 🔴 новое</div>
+            </div>
+            <div style="padding:6px; background:#F5F5F0; border-left:3px solid transparent; margin-bottom:4px; border:1px solid #E8E8E0">
+              <div>Мария К.</div>
+              <div style="color:#666; font-size:11px">Плагины не устанавливаются</div>
+              <div style="color:#999; font-size:10px">2 часа назад</div>
+            </div>
+            <div style="padding:6px; background:#F5F5F0; border:1px solid #E8E8E0">
+              <div>Иван С.</div>
+              <div style="color:#666; font-size:11px">Синхронизация с телефоном</div>
+              <div style="color:#999; font-size:10px">вчера · 🔴 новое</div>
+            </div>
+          </div>
+          <div style="flex:1; padding:8px; display:flex; flex-direction:column">
+            <div style="font-weight:700; margin-bottom:2px; font-size:13px">Как экспортировать в PDF?</div>
+            <div style="color:#666; font-size:11px; margin-bottom:8px">Алексей М. · Obsidian. Полный курс</div>
+            <div style="background:#E8E8E0; padding:6px; border-radius:2px; margin-bottom:6px; font-size:12px">
+              Привет! Пытаюсь экспортировать заметки в PDF через Pandoc, но получаю ошибку...
+            </div>
+            <div style="margin-top:auto; display:flex; gap:4px">
+              <input style="flex:1; padding:4px 6px; border:1px solid #AAAAAA; font-size:11px; border-radius:2px" placeholder="Ответить...">
+              <button style="padding:4px 8px; background:#323232; color:#F5F5F0; border:none; font-size:11px; border-radius:2px">→</button>
+              <button style="padding:4px 8px; background:#E8E8E0; border:1px solid #AAAAAA; font-size:10px; border-radius:2px">✓ Закрыть</button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="option" data-choice="b" onclick="toggleSelect(this)">
+    <div class="letter">B</div>
+    <div class="content">
+      <h3>Список → отдельная страница треда</h3>
+      <p>Список всех вопросов, клик открывает отдельную страницу. Проще в реализации, больше места для переписки.</p>
+      <div class="mockup" style="margin-top:12px">
+        <div class="mockup-header">Admin → Вопросы / #42 — Алексей М.</div>
+        <div class="mockup-body" style="padding:8px; font-size:12px">
+          <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:8px">
+            <span style="font-weight:700">Как экспортировать в PDF?</span>
+            <span style="padding:2px 8px; background:#E8F0D8; border:1px solid #AAAAAA; font-size:10px; border-radius:2px">● ОТКРЫТ</span>
+          </div>
+          <div style="display:flex; flex-direction:column; gap:5px; margin-bottom:8px">
+            <div style="background:#E8E8E0; padding:5px 8px; border-radius:2px; max-width:80%">
+              <div style="font-size:10px; color:#666">Алексей · 14:32</div>
+              Пытаюсь экспортировать через Pandoc, получаю ошибку...
+            </div>
+            <div style="background:#F5F5F0; border:2px solid #E8F0D8; padding:5px 8px; border-radius:2px; max-width:80%; align-self:flex-end">
+              <div style="font-size:10px; color:#666">Дмитрий (admin) · 14:55</div>
+              Покажи текст ошибки?
+            </div>
+            <div style="background:#E8E8E0; padding:5px 8px; border-radius:2px; max-width:80%">
+              <div style="font-size:10px; color:#666">Алексей · 15:01</div>
+              "Error: pandoc not found in PATH"
+            </div>
+          </div>
+          <div style="display:flex; gap:4px">
+            <input style="flex:1; padding:4px 6px; border:1px solid #AAAAAA; font-size:11px; border-radius:2px" placeholder="Написать ответ...">
+            <button style="padding:4px 10px; background:#323232; color:#F5F5F0; border:none; font-size:11px; border-radius:2px">Отправить</button>
+            <button style="padding:4px 8px; background:#E8E8E0; border:1px solid #AAAAAA; font-size:10px; border-radius:2px">✓ Закрыть вопрос</button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>