Apply lesson cover as poster for embedded kinescopeVideo nodes
This commit is contained in:
@@ -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>
|
||||
@@ -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>Студент задаёт вопрос. Админ отвечает один раз. Закрыто. Просто и быстро в реализации.</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="background:#E8E8E0; padding:8px; border-radius:2px; margin-bottom:8px">
|
||||
<div style="font-size:11px; color:#666; margin-bottom:4px">Ты · 14 мая</div>
|
||||
<div>Как правильно настроить шаблоны в Obsidian?</div>
|
||||
</div>
|
||||
<div style="background:#E8F0D8; border:2px solid #323232; padding:8px; border-radius:2px">
|
||||
<div style="font-size:11px; color:#666; margin-bottom:4px">Дмитрий · 15 мая ✅ Отвечено</div>
|
||||
<div>Зайди в Настройки → Шаблоны → укажи папку...</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">Тред вопроса</div>
|
||||
<div class="mockup-body" style="padding:12px; font-size:13px">
|
||||
<div style="background:#E8E8E0; padding:6px 8px; border-radius:2px; margin-bottom:6px; margin-left:0; max-width:85%">
|
||||
<div style="font-size:10px; color:#666">Ты · 14 мая</div>
|
||||
Как настроить шаблоны?
|
||||
</div>
|
||||
<div style="background:#E8F0D8; padding:6px 8px; border-radius:2px; margin-bottom:6px; margin-left:auto; max-width:85%; text-align:right">
|
||||
<div style="font-size:10px; color:#666">Дмитрий · 15 мая</div>
|
||||
Зайди в Настройки → Шаблоны...
|
||||
</div>
|
||||
<div style="background:#E8E8E0; padding:6px 8px; border-radius:2px; margin-bottom:6px; max-width:85%">
|
||||
<div style="font-size:10px; color:#666">Ты · 15 мая</div>
|
||||
А какую папку лучше назвать?
|
||||
</div>
|
||||
<div style="border:1px solid #AAAAAA; border-radius:2px; padding:6px 8px; color:#999; font-size:12px">Написать сообщение...</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section" style="margin-top:16px; padding:12px; background:#F5F5F0; border:1px solid #AAAAAA; border-radius:2px">
|
||||
<span class="label">Рекомендация</span>
|
||||
<p style="margin:4px 0 0; font-size:14px">Вариант А проще, закрывает 90% случаев. Тред (Б) полезен когда ответ требует уточнений, но добавляет ~40% сложности реализации.</p>
|
||||
</div>
|
||||
@@ -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>
|
||||
@@ -0,0 +1,108 @@
|
||||
<h2>Студент — раздел «Мои вопросы»</h2>
|
||||
<p class="subtitle">Список + открытый тред. Скажи что поправить.</p>
|
||||
|
||||
<div class="split" style="gap:16px; align-items:flex-start">
|
||||
|
||||
<!-- Список вопросов -->
|
||||
<div class="mockup" style="flex:1">
|
||||
<div class="mockup-header">/questions — Мои вопросы</div>
|
||||
<div class="mockup-body" style="padding:12px; font-size:13px">
|
||||
|
||||
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:12px">
|
||||
<span style="font-weight:700; font-size:15px">Мои вопросы</span>
|
||||
<button style="padding:6px 14px; background:#F5F5F0; border:2px solid #323232; font-size:12px; font-weight:700; border-radius:2px; cursor:pointer">+ Задать вопрос</button>
|
||||
</div>
|
||||
|
||||
<!-- Открытый вопрос с новым ответом -->
|
||||
<div style="border:2px solid #323232; border-radius:2px; padding:10px; margin-bottom:8px; background:#F5F5F0; cursor:pointer">
|
||||
<div style="display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:4px">
|
||||
<span style="font-weight:700; font-size:13px">Как настроить синхронизацию с телефоном?</span>
|
||||
<span style="padding:2px 7px; background:#E8F0D8; border:1px solid #AAAAAA; font-size:10px; border-radius:2px; white-space:nowrap; margin-left:8px">● ОТКРЫТ</span>
|
||||
</div>
|
||||
<div style="color:#666; font-size:11px; margin-bottom:6px">3 сообщения · последнее от Дмитрия</div>
|
||||
<div style="display:flex; align-items:center; gap:6px">
|
||||
<span style="display:inline-block; width:8px; height:8px; background:#323232; border-radius:50%"></span>
|
||||
<span style="font-size:11px; font-weight:700">Новый ответ от школы</span>
|
||||
<span style="color:#999; font-size:11px">· 20 мин назад</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Обычный открытый вопрос -->
|
||||
<div style="border:1px solid #AAAAAA; border-radius:2px; padding:10px; margin-bottom:8px; background:#F5F5F0; cursor:pointer">
|
||||
<div style="display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:4px">
|
||||
<span style="font-size:13px">Ошибка при установке плагина Dataview</span>
|
||||
<span style="padding:2px 7px; background:#E8F0D8; border:1px solid #AAAAAA; font-size:10px; border-radius:2px; white-space:nowrap; margin-left:8px">● ОТКРЫТ</span>
|
||||
</div>
|
||||
<div style="color:#666; font-size:11px">2 сообщения · ожидает ответа школы</div>
|
||||
</div>
|
||||
|
||||
<!-- Закрытый вопрос -->
|
||||
<div style="border:1px solid #E8E8E0; border-radius:2px; padding:10px; background:#FAFAFA; cursor:pointer; opacity:0.7">
|
||||
<div style="display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:4px">
|
||||
<span style="font-size:13px; color:#666">Как экспортировать заметки в PDF?</span>
|
||||
<span style="padding:2px 7px; background:#E8E8E0; font-size:10px; border-radius:2px; white-space:nowrap; margin-left:8px; color:#666">✓ ЗАКРЫТ</span>
|
||||
</div>
|
||||
<div style="color:#999; font-size:11px">5 сообщений · закрыт 10 мая</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Страница треда -->
|
||||
<div class="mockup" style="flex:1.2">
|
||||
<div class="mockup-header">/questions/[id] — Открытый тред</div>
|
||||
<div class="mockup-body" style="padding:12px; font-size:13px">
|
||||
|
||||
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px">
|
||||
<div>
|
||||
<div style="font-weight:700; font-size:14px">Как настроить синхронизацию с телефоном?</div>
|
||||
<div style="font-size:11px; color:#666">Создан 18 мая · <span style="color:#323232; font-weight:700">● Открыт</span></div>
|
||||
</div>
|
||||
<a href="#" style="font-size:11px; color:#666; text-decoration:underline">← Все вопросы</a>
|
||||
</div>
|
||||
|
||||
<!-- Сообщения треда -->
|
||||
<div style="display:flex; flex-direction:column; gap:8px; margin-bottom:12px; max-height:200px; overflow-y:auto">
|
||||
|
||||
<div style="background:#E8E8E0; padding:8px 10px; border-radius:2px; max-width:88%">
|
||||
<div style="font-size:10px; color:#666; margin-bottom:3px">Ты · 18 мая, 10:14</div>
|
||||
<div>Привет! Хочу синхронизировать хранилище между Mac и iPhone. Пробовал iCloud, но заметки иногда конфликтуют. Есть ли рекомендованный способ?</div>
|
||||
</div>
|
||||
|
||||
<div style="background:#F5F5F0; border:2px solid #E8F0D8; padding:8px 10px; border-radius:2px; max-width:88%; align-self:flex-end">
|
||||
<div style="font-size:10px; color:#666; margin-bottom:3px">Дмитрий (куратор) · 18 мая, 11:30</div>
|
||||
<div>Рекомендую Obsidian Sync — он создан специально для этого. Или как альтернатива — Working Copy + Git. Какой вариант тебе ближе?</div>
|
||||
</div>
|
||||
|
||||
<div style="background:#E8E8E0; padding:8px 10px; border-radius:2px; max-width:88%">
|
||||
<div style="font-size:10px; color:#666; margin-bottom:3px">Ты · 18 мая, 11:45</div>
|
||||
<div>Лучше без платной подписки если можно. Расскажи про Working Copy?</div>
|
||||
<!-- файл -->
|
||||
<div style="margin-top:6px; display:flex; align-items:center; gap:5px; padding:4px 7px; background:#F5F5F0; border:1px solid #AAAAAA; border-radius:2px; font-size:11px; width:fit-content">
|
||||
<span>📎</span> <span>screenshot.png</span> <span style="color:#999">· 84 KB</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="background:#F5F5F0; border:2px solid #E8F0D8; padding:8px 10px; border-radius:2px; max-width:88%; align-self:flex-end; border-left:3px solid #323232">
|
||||
<div style="font-size:10px; color:#666; margin-bottom:3px">Дмитрий (куратор) · 18 мая, 20 мин назад · <strong>🔵 новое</strong></div>
|
||||
<div>Working Copy — это Git-клиент для iOS. Схема: хранилище в приватном репо GitHub, Working Copy на телефоне синкает его автоматически...</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Форма ответа -->
|
||||
<div style="border:2px solid #AAAAAA; border-radius:2px; padding:8px; background:#F5F5F0">
|
||||
<textarea style="width:100%; border:none; background:transparent; font-size:13px; resize:none; outline:none; font-family:inherit; min-height:50px" placeholder="Написать сообщение..."></textarea>
|
||||
<div style="display:flex; justify-content:space-between; align-items:center; margin-top:6px; padding-top:6px; border-top:1px solid #E8E8E0">
|
||||
<div style="display:flex; align-items:center; gap:6px">
|
||||
<button style="padding:4px 8px; background:#F5F5F0; border:1px solid #AAAAAA; font-size:11px; border-radius:2px; cursor:pointer">📎 Прикрепить</button>
|
||||
<span style="font-size:10px; color:#999">jpg, png, pdf, md · до 10 МБ</span>
|
||||
</div>
|
||||
<button style="padding:6px 16px; background:#323232; color:#F5F5F0; border:none; font-size:12px; font-weight:700; border-radius:2px; cursor:pointer">Отправить →</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,3 @@
|
||||
<div style="display:flex;align-items:center;justify-content:center;min-height:60vh">
|
||||
<p class="subtitle">Continuing in terminal...</p>
|
||||
</div>
|
||||
@@ -0,0 +1,3 @@
|
||||
<div style="display:flex;align-items:center;justify-content:center;min-height:60vh">
|
||||
<p class="subtitle">Presenting design in terminal...</p>
|
||||
</div>
|
||||
Reference in New Issue
Block a user