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,56 @@
+<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>Пункт «Задать вопрос» в хедере / sidebar студента. Общий вопрос без привязки к уроку.</p>
+      <div class="mockup" style="margin-top:12px">
+        <div class="mockup-header">Студент — sidebar</div>
+        <div class="mockup-body" style="padding:12px; font-size:13px">
+          <div style="padding:8px; margin-bottom:4px; background:#E8E8E0; border-radius:2px">📚 Мои курсы</div>
+          <div style="padding:8px; margin-bottom:4px; background:#E8E8E0; border-radius:2px">👤 Профиль</div>
+          <div style="padding:8px; background:#E8F0D8; border:2px solid #323232; border-radius:2px; font-weight:700">❓ Задать вопрос</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">Страница урока — низ</div>
+        <div class="mockup-body" style="padding:12px; font-size:13px">
+          <div style="margin-bottom:8px; color:#666">💬 Комментарии (3)</div>
+          <div style="display:flex; gap:8px">
+            <div style="padding:6px 12px; background:#E8E8E0; border:1px solid #AAAAAA; border-radius:2px; font-size:12px">Написать комментарий</div>
+            <div style="padding:6px 12px; background:#F5F5F0; border:2px solid #323232; border-radius:2px; font-size:12px; font-weight:700">❓ Задать приватный вопрос</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="option" data-choice="c" onclick="toggleSelect(this)">
+    <div class="letter">C</div>
+    <div class="content">
+      <h3>Оба места</h3>
+      <p>Пункт в меню для общих вопросов + кнопка на уроке для вопросов по конкретному уроку. Контекст подставляется автоматически.</p>
+      <div class="mockup" style="margin-top:12px">
+        <div class="mockup-header">Два источника → одна очередь у админа</div>
+        <div class="mockup-body" style="padding:12px; font-size:13px">
+          <div style="display:flex; gap:8px; margin-bottom:8px">
+            <div style="padding:6px 10px; background:#E8F0D8; border:2px solid #323232; font-size:11px; font-weight:700; border-radius:2px">Меню → общий вопрос</div>
+            <div style="padding:6px 10px; background:#E8F0D8; border:2px solid #323232; font-size:11px; font-weight:700; border-radius:2px">Урок → вопрос по уроку</div>
+          </div>
+          <div style="padding:8px; border:1px solid #AAAAAA; border-radius:2px; color:#666; font-size:12px">→ Один список у админа: «Вопросы учеников»</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>