| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Сообщения</title> |
| <style> |
| .message { padding: 16px; margin: 16px 0; border-radius: 8px; border: 5px solid rgba(0, 0, 0, 0.3); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } |
| .source-user { background-color: #e0f7fa; } |
| .source-cli { background-color: #dcedc8; } |
| .source-llm { background-color: #f3e5f5; } |
| .source-system { background-color: #fff3e0; } |
| .private::after { content: " 🔒"; } |
| .from-self::before { content: "🧍 "; } |
| pre.code-block { |
| background-color: #f0f0f0; |
| padding: 10px; |
| border-radius: 6px; |
| overflow-x: auto; |
| } |
| </style> |
| </head> |
| <body> |
| <div style="margin-bottom: 10px;"> |
| {% if username %} |
| Привет, {{ username }} | <a href="/logout">Выход</a> |
| {% else %} |
| <a href="/login">Войти</a> | <a href="/register">Регистрация</a> |
| {% endif %} |
| </div> |
|
|
| <h1>Сообщения</h1> |
|
|
| <form method="post" enctype="multipart/form-data"> |
| <textarea name="text" rows="3" cols="60" placeholder="Введите сообщение..."></textarea><br> |
| <textarea name="code" rows="6" cols="60" placeholder="Прикрепите код (опционально)..."></textarea><br> |
| <label>Файлы: <input type="file" name="binary_files" multiple></label><br> |
| <button name="hidden" value="false" type="submit">📢 Отправить</button> |
| <button name="hidden" value="true" type="submit">🙋 Отправить приватно</button> |
| </form> |
|
|
| <hr> |
|
|
| <div> |
| <a href="/messages">📢 Все сообщения</a> | |
| <a href="/messages?only_personal=true">🙋 Личные</a> |
| </div> |
|
|
| <hr> |
|
|
| {% for msg in messages %} |
| <div class="message source-{{ msg.source }}"> |
| <div> |
| {% if msg.user_did == request.session['did'] %}<span class="from-self" title="это ваше сообщение"></span>{% endif %} |
| {% if msg.hidden %}<span class="private" title="личное сообщение"></span>{% endif %} |
| Источник: <i>{{ msg.source }}</i> — {{ msg.timestamp | format_timestamp }} |
| </div> |
| <div> |
| {% if msg.badges %}{{ msg.badges }}{% endif %}Пользователь: {% if msg.username %}<b>{{ msg.username }}</b>{% endif %} {% if msg.user_did %}({{ msg.user_did }}){% endif %} |
| </div> |
| <hr> |
| <div>{{ msg.text|safe }}</div> |
|
|
| {% if msg.code %} |
| <hr> |
| <div><b>Код:</b></div> |
| <pre class="code-block">{{ msg.code }}</pre> |
| {% endif %} |
|
|
| {% if msg.attachments %} |
| <hr> |
| <div><b>Файлы:</b></div> |
| <ul> |
| {% for file in msg.attachments %} |
| <li><a href="/download/{{ file.id }}">{{ file.filename }}</a> ({{ file.size }} байт)</li> |
| {% endfor %} |
| </ul> |
| {% endif %} |
| </div> |
| {% endfor %} |
| </body> |
| </html> |
|
|
