alyaevgi/airllm-fork-nodejs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

добавлние блоков чата слева и правка багов с ним связанных.

Browse Source
This commit is contained in:
Neyra
2026-02-10 20:47:33 +08:00
parent a1bba1d3d1
commit a60cc2f457
11 changed files with 833 additions and 425 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
public/index.html
View File

@@ -7,43 +7,76 @@
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<header>
<div class="header-left">
<h1>AirLLM Manager</h1>
<div id="status-indicator" class="status-indicator">Сервер: Активен | Модель: Не загружена</div>
</div>
<div class="app-container">
<!-- САЙДБАР (450px) -->
<aside class="sidebar" id="sidebar">
<div class="controls-panel">
<!-- Блок управления моделью -->
<div class="model-controls">
<div style="position: relative; width: 100%;">
<input type="text" id="model-path-input" value="./model/" placeholder="./model/filename.gguf" autocomplete="off">
<div id="suggestions" class="suggestions-list" style="display: none;"></div>
<!-- Кнопка сворачивания -->
<div class="sidebar-toggle-header">
<button id="toggle-sidebar-btn" class="toggle-btn">◀</button>
</div>
<button id="load-model-btn" class="btn btn-primary">Загрузить</button>
<button id="unload-model-btn" class="btn btn-secondary" disabled>Выгрузить</button>
</div>
<!-- Кнопка остановки -->
<div class="server-controls">
<button id="stop-server-btn" class="btn btn-danger">Остановить сервер</button>
<div class="sidebar-content">
<div class="sidebar-header">
<button id="new-chat-btn" class="new-chat-btn">
<span>+</span> Новый чат
</button>
</div>
<div class="chat-list" id="chat-list">
<div class="chat-item active" data-id="tab-1">
<span class="chat-icon">💬</span>
<span class="chat-title">Новый чат</span>
</div>
</div>
<div class="sidebar-footer">
<button id="stop-server-btn" class="sidebar-footer-btn">Остановить сервер</button>
</div>
</div>
</header>
</aside>
<div id="chat-window">
<div class="message system">Привет! Сервер запущен, но модель не загружена. Укажите путь к модели (в папке model) и нажмите "Загрузить".</div>
</div>
<!-- ОСНОВНАЯ ОБЛАСТЬ (Flex: 1) -->
<main class="main-area">
<!-- Шапка с моделью -->
<header class="main-header">
<div class="header-left">
<div class="logo-container">
<img src="/uikit/bot.png" alt="Logo" class="logo-img" onerror="this.style.display='none'">
<h1>AirLLM Manager</h1>
</div>
<div id="status-indicator" class="status-indicator">● Модель: Не загружена</div>
</div>
<div class="controls-panel">
<div class="model-controls">
<div class="input-wrapper">
<input type="text" id="global-model-input" value="./model/" placeholder="./model/file.gguf" autocomplete="off">
<div id="suggestions" class="suggestions-list" style="display: none;"></div>
</div>
<button id="global-load-btn" class="btn btn-primary">Загрузить</button>
<button id="global-unload-btn" class="btn btn-secondary" disabled>Выгрузить</button>
</div>
</div>
</header>
<div class="input-area">
<textarea id="user-input" placeholder="Введите сообщение..." rows="2" disabled></textarea>
<button id="send-btn" disabled>Отправить</button>
</div>
<!-- Контент (Чат + Инпут) -->
<div class="content-area">
<div class="chat-window">
<div class="message system">Привет! Загрузите модель сверху.</div>
</div>
<div class="input-area">
<textarea id="global-input" placeholder="Введите сообщение..." rows="2" disabled></textarea>
<button id="global-send-btn" class="btn btn-primary" disabled>Отправить</button>
</div>
</div>
</main>
</div>
<audio id="msg-sound" src="/sound/message.mp3" preload="auto"></audio>
<script src="script.js"></script>
</body>
</html>