med-cms 0.0.1 → 1.0.0-beta.1

package/public/css/doctor.css

@@ -0,0 +1,204 @@
+/* Общие настройки интерфейса врача */
+body {
+    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
+    background-color: #f1f5f9;
+    color: #0f172a;
+    margin: 0;
+    padding: 0;
+}
+
+.dashboard {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 20px;
+}
+
+/* Шапка АРМ Врача */
+header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
+    color: white;
+    padding: 20px 30px;
+    border-radius: 12px;
+    box-shadow: 0 4px 15px rgba(30, 58, 138, 0.15);
+    margin-bottom: 25px;
+}
+
+header h1 {
+    margin: 0;
+    font-size: 22px;
+    font-weight: 600;
+    letter-spacing: 0.5px;
+}
+
+.btn-logout {
+    background-color: rgba(255, 255, 255, 0.2);
+    color: white;
+    border: 1px solid rgba(255, 255, 255, 0.4);
+    padding: 8px 18px;
+    border-radius: 6px;
+    font-weight: bold;
+    cursor: pointer;
+    transition: all 0.2s;
+}
+
+.btn-logout:hover {
+    background-color: #ef4444;
+    border-color: #ef4444;
+}
+
+/* Главный рабочий контент (Сетка) */
+.main-content {
+    display: grid;
+    grid-template-columns: 1fr 2fr;
+    gap: 25px;
+    align-items: start;
+}
+
+/* Секция расписания и очереди */
+.schedule-section {
+    background: white;
+    padding: 20px;
+    border-radius: 12px;
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
+    border-top: 4px solid #3b82f6;
+}
+
+.schedule-section h3, .exam-section h3 {
+    margin-top: 0;
+    margin-bottom: 15px;
+    color: #1e3a8a;
+    font-size: 18px;
+}
+
+.patient-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.patient-list li {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 12px 15px;
+    background: #f8fafc;
+    border: 1px solid #e2e8f0;
+    border-radius: 8px;
+    margin-bottom: 10px;
+    font-size: 14px;
+}
+
+.patient-list li b {
+    color: #2563eb;
+    background: #eff6ff;
+    padding: 2px 6px;
+    border-radius: 4px;
+}
+
+.btn-action {
+    background-color: #10b981;
+    color: white;
+    border: none;
+    padding: 6px 12px;
+    border-radius: 6px;
+    cursor: pointer;
+    font-weight: 600;
+    font-size: 13px;
+    transition: background 0.2s;
+}
+
+.btn-action:hover {
+    background-color: #059669;
+}
+
+/* Секция интерактивного осмотра */
+.exam-section {
+    background: white;
+    padding: 25px;
+    border-radius: 12px;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
+    border-top: 4px solid #10b981;
+}
+
+.exam-section h3 span {
+    color: #059669;
+    text-decoration: underline;
+}
+
+/* Стилизация медицинских текстовых полей */
+.form-group {
+    margin-bottom: 20px;
+}
+
+.form-group label {
+    display: block;
+    font-weight: 600;
+    margin-bottom: 8px;
+    font-size: 14px;
+    color: #334155;
+}
+
+.form-group textarea {
+    width: 100%;
+    height: 90px;
+    padding: 12px;
+    border: 1px solid #cbd5e1;
+    border-radius: 8px;
+    font-family: inherit;
+    font-size: 14px;
+    box-sizing: border-box;
+    resize: vertical;
+    background-color: #f8fafc;
+}
+
+.form-group textarea:focus, .form-group select:focus {
+    border-color: #10b981;
+    outline: none;
+    background-color: #fff;
+    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
+}
+
+.form-group select {
+    width: 100%;
+    padding: 12px;
+    border: 1px solid #cbd5e1;
+    border-radius: 8px;
+    font-size: 14px;
+    background-color: #f8fafc;
+    box-sizing: border-box;
+    cursor: pointer;
+}
+
+/* Кнопка сохранения осмотра в статистику */
+.btn-save {
+    width: 100%;
+    padding: 14px;
+    background: #10b981;
+    color: white;
+    border: none;
+    border-radius: 8px;
+    font-weight: bold;
+    font-size: 15px;
+    cursor: pointer;
+    transition: background 0.2s;
+    box-shadow: 0 2px 5px rgba(16, 185, 129, 0.2);
+}
+
+.btn-save:hover {
+    background: #059669;
+}
+
+/* Служебные классы */
+.hidden {
+    display: none !important;
+}
+
+/* Адаптивность для небольших экранов */
+@media (max-width: 768px) {
+    .main-content {
+        grid-template-columns: 1fr;
+    }
+}

package/public/html/dashboard-admin.html

@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <title>Панель Администратора | MED-CMS</title>
+    <link rel="stylesheet" href="/med/css/admin.css">
+    <style>
+        .clickable-card { cursor: pointer; transition: transform 0.2s, background 0.2s; }
+        .clickable-card:hover { transform: translateY(-3px); background: #f1f5f9; }
+        .data-table-box { background: white; padding: 25px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04); margin-top: 30px; }
+        table { width: 100%; border-collapse: collapse; margin-top: 15px; font-size: 14px; }
+        th, td { text-align: left; padding: 12px; border-bottom: 1px solid #cbd5e1; }
+        th { background-color: #f1f5f9; color: #1e3a8a; }
+        .uid-badge { background: #f1f5f9; font-family: monospace; padding: 3px 6px; border-radius: 4px; color: #e11d48; font-size: 12px; }
+    </style>
+</head>
+<body>
+    <div class="admin-panel">
+        <header>
+            <h1>Управление медицинской платформой (Суперадмин)</h1>
+            <button onclick="logout()" class="btn-logout">Выйти</button>
+        </header>
+        <section class="stats-cards">
+            <div class="card clickable-card" onclick="viewClinicsTable()">Всего клиник: <span id="statClinics">0</span></div>
+            <div class="card clickable-card" onclick="viewStaffTable()">Врачей в штате: <span id="statStaff">0</span></div>
+            <div class="card">Пациентов в базе: <span id="statPatients">0</span></div>
+        </section>
+        <div id="tableViewerBlock" class="data-table-box hidden">
+            <h3 id="tableViewerTitle">Название таблицы</h3>
+            <div id="tableViewerContent"></div>
+        </div>
+        <div class="grid-forms" style="margin-top: 30px;">
+            <div class="form-box">
+                <h3>1. Добавить клинику / поликлинику</h3>
+                <form id="clinicForm">
+                    <input type="text" id="clinicName" placeholder="Название учреждения" required>
+                    <select id="clinicType" required>
+                        <option value="больница">Больница</option>
+                        <option value="поликлиника">Поликлиника</option>
+                        <option value="станция скорой помощи">Станция скорой помощи</option>
+                    </select>
+                    <input type="text" id="clinicAddress" placeholder="Адрес (Город, улица, дом)" required>
+                    <button type="submit">Создать учреждение</button>
+                </form>
+            </div>
+            <div class="form-box">
+                <h3>2. Зарегистрировать сотрудника (Выдача аккаунта)</h3>
+                <form id="staffForm">
+                    <input type="text" id="staffName" placeholder="ФИО сотрудника (Иванов И.И.)" required>
+                    <input type="email" id="staffEmail" placeholder="Рабочий Email" required>
+                    <input type="text" id="staffPassword" placeholder="Временный пароль для входа" required>
+                    
+                    <div class="form-group" style="margin-bottom: 15px;">
+                        <label>Должность / Специальность</label>
+                        <select id="staffMedicalProfile" required>
+                            <option value="">-- Выберите профиль сотрудника --</option>
+                            <option value="Главврач">Главврач</option>
+                            <option value="Медсестра">Медсестра</option>
+                            <option value="Врач скорой помощи">Врач скорой помощи</option>
+                            <option value="Фельдшер">Фельдшер</option>
+                            <option value="Регистратор">Регистратор</option>
+                            <option value="Терапевт">Терапевт</option>
+                            <option value="Педиатр">Педиатр</option>
+                            <option value="Врач общей практики">Врач общей практики</option>
+                            <option value="Кардиолог">Кардиолог</option>
+                            <option value="Невролог">Невролог</option>
+                            <option value="Эндокринолог">Эндокринолог</option>
+                            <option value="Гастроэнтеролог">Гастроэнтеролог</option>
+                            <option value="Пульмонолог">Пульмонолог</option>
+                            <option value="Нефролог">Нефролог</option>
+                            <option value="Ревматолог">Ревматолог</option>
+                            <option value="Гематолог">Гематолог</option>
+                            <option value="Хирург">Хирург</option>
+                            <option value="Травматолог-ортопед">Травматолог-ортопед</option>
+                            <option value="Сосудистый хирург">Сосудистый хирург</option>
+                            <option value="Нейрохирург">Нейрохирург</option>
+                            <option value="Кардиохирург">Кардиохирург</option>
+                            <option value="Пластический хирург">Пластический хирург</option>
+                            <option value="Офтальмолог">Офтальмолог</option>
+                            <option value="Отоларинголог">Отоларинголог</option>
+                            <option value="Дерматолог">Дерматолог</option>
+                            <option value="Стоматолог">Стоматолог</option>
+                            <option value="Гинеколог">Гинеколог</option>
+                            <option value="Уролог">Уролог</option>
+                            <option value="Онколог">Онколог</option>
+                            <option value="Инфекционист">Инфекционист</option>
+                            <option value="Аллерголог-иммунолог">Аллерголог-иммунолог</option>
+                            <option value="Психиатр">Психиатр</option>
+                            <option value="Психотерапевт">Психотерапевт</option>
+                            <option value="Нарколог">Нарколог</option>
+                            <option value="Анестезиолог-реаниматолог">Анестезиолог-реаниматолог</option>
+                            <option value="Рентгенолог">Рентгенолог</option>
+                            <option value="Врач УЗД">Врач УЗД</option>
+                            <option value="Эндоскопист">Эндоскопист</option>
+                            <option value="Патологоанатом">Патологоанатом</option>
+                        </select>
+                    </div>
+                    
+                    <div class="form-group" style="margin-bottom: 15px;">
+                        <label>Больница привязки</label>
+                        <select id="staffClinic" required>
+                            <option value="">-- Выберите больницу --</option>
+                        </select>
+                    </div>
+                    <button type="submit">Создать аккаунт сотрудника</button>
+                </form>
+            </div>
+        </div>
+    </div>
+    <script src="/med/js/admin.js"></script>
+</body>
+</html>

package/public/html/dashboard-doctor.html

@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <title>Панель Врача | MED-CMS</title>
+    <link rel="stylesheet" href="/med/css/doctor.css">
+</head>
+<body>
+    <div class="dashboard">
+        <header>
+    <div>
+        <h1 id="doctorTitle">АРМ Медицинского Сотрудника</h1>
+        <p style="margin: 5px 0 0 0; font-size: 14px; opacity: 0.9;">
+            Вы вошли как: <span id="doctorPosition" style="font-weight: bold; text-decoration: underline;">Загрузка должности...</span> 
+            (<span id="doctorName">ФИО</span>)
+        </p>
+    </div>
+    <div style="display: flex; gap: 10px; align-items: center;">
+        <button onclick="togglePasswordModal()" class="btn-logout" style="background: #2563eb; border-color: #2563eb;">Сменить пароль</button>
+        <button onclick="logout()" class="btn-logout">Выйти</button>
+    </div>
+</header>
+<div id="passwordModal" class="hidden" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; z-index: 9999;">
+    <div style="background: white; padding: 25px; border-radius: 8px; width: 320px; box-shadow: 0 4px 15px rgba(0,0,0,0.15);">
+        <h3 style="margin-top:0; color:#1e3a8a;">Смена пароля</h3>
+        <form id="changePasswordForm">
+            <div class="form-group">
+                <label>Текущий пароль</label>
+                <input type="password" id="oldPassword" required style="width:100%; padding:8px; box-sizing:border-box; border:1px solid #cbd5e1; border-radius:4px;">
+            </div>
+            <div class="form-group">
+                <label>Новый пароль</label>
+                <input type="password" id="newPassword" required style="width:100%; padding:8px; box-sizing:border-box; border:1px solid #cbd5e1; border-radius:4px;">
+            </div>
+            <div style="display:flex; gap:10px; margin-top:20px;">
+                <button type="submit" class="btn-save" style="padding:10px; font-size:14px;">Сохранить</button>
+                <button type="button" onclick="togglePasswordModal()" class="btn-logout" style="color:#0f172a; background:#e2e8f0; border-color:#cbd5e1; width:100%;">Отмена</button>
+            </div>
+        </form>
+    </div>
+</div>
+        <div class="main-content">
+            <section class="schedule-section">
+                <h3>Записи на сегодня</h3>
+                <ul id="scheduleList" class="patient-list">
+                    <li>Загрузка расписания...</li>
+                </ul>
+            </section>
+            <section class="exam-section hidden" id="examBlock">
+                <h3>Проведение осмотра: <span id="currentPatientName"></span></h3>
+                <form id="examForm">
+                    <input type="hidden" id="activeAppointmentId">
+                    <div class="form-group">
+                        <label>Жалобы пациента</label>
+                        <textarea id="examComplaints" required placeholder="Кашель, температура 38.2..."></textarea>
+                    </div>
+                    <div class="form-group">
+                        <label>Объективные данные осмотра</label>
+                        <textarea id="examObjective" required placeholder="Зев гиперемирован, хрипы в легких..."></textarea>
+                    </div>
+                    <div class="form-group">
+                        <label>Личные заметки врача / Лечение</label>
+                        <textarea id="examNotes" placeholder="Рекомендован постельный режим..."></textarea>
+                    </div>
+                    <div class="form-group">
+                        <label>Установить диагноз (Болезнь)</label>
+                        <select id="examDisease" required>
+                            <option value="">-- Выберите диагноз из справочника МКБ --</option>
+                        </select>
+                    </div>
+                    <button type="submit" class="btn-save">Завершить осмотр и внести в статистику</button>
+                </form>
+            </section>
+        </div>
+    </div>
+    <script src="/med/js/doctor.js"></script>
+</body>
+</html>

package/public/html/dashboard-patient.html

@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Личный кабинет пациента | MED-CMS</title>
+    <link rel="stylesheet" href="/med/css/auth.css">
+    <style>
+        body { display: block; height: auto; padding: 20px; box-sizing: border-box; }
+        .container { max-width: 900px; margin: 0 auto; background: white; padding: 25px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
+        header { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #e2e8f0; padding-bottom: 15px; margin-bottom: 20px; }
+        .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 25px; }
+        .section-box { border: 1px solid #e2e8f0; padding: 15px; border-radius: 6px; background: #f8fafc; }
+        h3 { margin-top: 0; color: #1e3a8a; }
+        .badge { background: #dbeafe; color: #1e40af; padding: 4px 8px; border-radius: 4px; font-weight: bold; font-size: 14px; }
+        .record-card { background: white; border-left: 4px solid #2563eb; padding: 12px; margin-bottom: 10px; border-radius: 0 4px 4px 0; box-shadow: 0 2px 5px rgba(0,0,0,0.02); }
+        .record-card.future { border-left-color: #10b981; }
+        .btn-logout { background-color: #ef4444; color: white; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; font-weight: bold; }
+        .btn-logout:hover { background-color: #dc2626; }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <header>
+            <div>
+                <h2 id="patientName">Загрузка профиля...</h2>
+                <p id="patientEmail" style="color: #64748b; margin: 5px 0 0 0;"></p>
+            </div>
+            <button onclick="logout()" class="btn-logout">Выйти</button>
+        </header>
+
+        <div class="grid">
+<div class="section-box" style="border-top: 4px solid #2563eb;">
+    <h3>📅 Запись на прием к врачу</h3>
+    <form id="bookingForm">
+        <div class="form-group" style="margin-bottom: 10px;">
+            <label>Выберите специалиста</label>
+            <select id="bookingDoctor" required>
+                <option value="">-- Загрузка списка врачей... --</option>
+            </select>
+        </div>
+        <div class="grid" style="grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px;">
+            <div class="form-group" style="margin-bottom: 0;">
+                <label>Дата приема</label>
+                <input type="date" id="bookingDate" required>
+            </div>
+            <div class="form-group" style="margin-bottom: 0;">
+                <label>Время (Слот)</label>
+                <select id="bookingTime" required>
+                    <option value="">-- Время --</option>
+                    <option value="08:00">08:00</option>
+                    <option value="08:30">08:30</option>
+                    <option value="09:00">09:00</option>
+                    <option value="09:30">09:30</option>
+                    <option value="10:00">10:00</option>
+                    <option value="10:00">10:30</option>
+                    <option value="10:00">11:00</option>
+                    <option value="10:00">11:30</option>
+                    <option value="10:00">12:00</option>
+                    <option value="10:00">12:30</option>
+                    <option value="10:00">13:00</option>
+                    <option value="10:00">13:30</option>
+                    <option value="14:00">14:00</option>
+                    <option value="14:30">14:30</option>
+                    <option value="08:00">15:00</option>
+                    <option value="08:30">15:30</option>
+                    <option value="09:00">16:00</option>
+                    <option value="09:30">16:30</option>
+                    <option value="10:00">17:00</option>
+                    <option value="14:00">17:30</option>
+                    <option value="14:30">18:00</option>
+                    <option value="14:30">18:30</option>
+                    <option value="14:30">19:00</option>
+                    <option value="14:30">19:30</option>
+                </select>
+            </div>
+        </div>
+        <button type="submit" class="btn" style="padding: 10px; background-color: #2563eb;">Забронировать талон</button>
+    </form>
+</div>
+            <div class="section-box">
+                <h3>📍 Мой медицинский участок</h3>
+                <div id="districtInfo" style="margin-bottom: 15px;">
+                    <p>Участок и кабинет не определены. Укажите адрес проживания ниже.</p>
+                </div>
+                <form id="addressForm">
+                    <h4 style="margin: 10px 0;">Обновить адрес проживания</h4>
+                    <div class="form-group" style="margin-bottom: 10px;">
+                        <input type="text" id="addrCity" placeholder="Город (например, Минск)" required>
+                    </div>
+                    <div class="grid" style="grid-template-columns: 2fr 1fr; gap: 10px; margin-bottom: 10px;">
+                        <input type="text" id="addrStreet" placeholder="Улица (например, Пушкина)" required>
+                        <input type="text" id="addrHouse" placeholder="Дом / Корпус" required>
+                    </div>
+                    <button type="submit" class="btn" style="padding: 8px;">Сохранить адрес и рассчитать участок</button>
+                </form>
+            </div>
+            <div class="section-box">
+                <h3>ℹ️ Справка пациента</h3>
+                <p>При заполнении адреса наша медицинская система **автоматически распределяет** вас к нужной поликлинике, терапевтическому участку и назначает постоянный кабинет для посещения.</p>
+                <p>Ниже отображается ваша полная электронная медицинская карта: диагнозы, рекомендации и рецепты на лекарства, выписанные врачами во время осмотров.</p>
+            </div>
+        </div>
+        <section class="section-box" style="background: #ffffff;">
+            <h3>📋 Моя электронная медицинская карта и история приемов</h3>
+            <div id="medicalHistoryList">
+                <p style="color: #64748b;">Загрузка истории болезни...</p>
+            </div>
+        </section>
+    </div>
+    <script src="/med/js/patient.js"></script>
+</body>
+</html>

package/public/html/login.html

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Медицинская Платформа | Вход</title>
+    <link rel="stylesheet" href="/med/css/auth.css">
+</head>
+<body>
+    <div class="auth-container">
+        <div class="auth-box" id="loginBox">
+            <h2>Вход в систему</h2>
+            <form id="loginForm">
+                <div class="form-group">
+                    <label>Email</label>
+                    <input type="email" id="loginEmail" required placeholder="doctor@clinic.com">
+                </div>
+                <div class="form-group">
+                    <label>Пароль</label>
+                    <input type="password" id="loginPassword" required placeholder="••••••••">
+                </div>
+                <button type="submit" class="btn">Войти</button>
+            </form>
+            <p class="toggle-text">Впервые у нас? <span onclick="toggleAuth()">Зарегистрироваться как пациент</span></p>
+        </div>
+        <div class="auth-box hidden" id="registerBox">
+            <h2>Регистрация пациента</h2>
+            <form id="registerForm">
+                <div class="form-group">
+                    <label>ФИО полностью</label>
+                    <input type="text" id="regName" required placeholder="Иванов Иван Иванович">
+                </div>
+                <div class="form-group">
+                    <label>Email</label>
+                    <input type="email" id="regEmail" required placeholder="patient@mail.ru">
+                </div>
+                <div class="form-group">
+                    <label>Пароль</label>
+                    <input type="password" id="regPassword" required placeholder="Минимум 6 символов">
+                </div>
+                <button type="submit" class="btn">Создать аккаунт</button>
+            </form>
+            <p class="toggle-text">Уже есть аккаунт? <span onclick="toggleAuth()">Войти</span></p>
+        </div>
+    </div>
+    <script src="/med/js/auth.js"></script>
+</body>
+</html>