Add exact application files

2026-01-21 02:10:12 +03:00
parent d25a8abc80
commit df33488ad7
7 changed files with 1586 additions and 0 deletions
--- a/public/index.html
+++ b/public/index.html
@@ -0,0 +1,118 @@
+<!doctype html>
+<html lang="ru">
+<head>
+  <meta charset="utf-8">
+  <title>Turbo RFQ</title>
+
+  <!-- Tabulator CSS/JS (CDN) -->
+  <link href="https://unpkg.com/tabulator-tables@6.3.0/dist/css/tabulator.min.css" rel="stylesheet">
+  <script src="https://unpkg.com/tabulator-tables@6.3.0/dist/js/tabulator.min.js"></script>
+
+<style>
+    body { 
+      margin: 0; 
+      font-family: sans-serif; 
+      display: flex; 
+      height: 100vh; 
+      overflow: hidden;  /* ✅ Предотвращаем скролл body */
+    }
+    #sidebar { 
+      width: 250px; 
+      border-right: 1px solid #ccc; 
+      padding: 8px; 
+      box-sizing: border-box; 
+      overflow-y: auto; 
+      flex-shrink: 0;  /* ✅ Sidebar не сжимается */
+    }
+    #main { 
+      flex: 1; 
+      display: flex; 
+      flex-direction: column; 
+      min-width: 0;  /* ✅ Позволяет flex-элементу сжиматься */
+      overflow: hidden;  /* ✅ Контролируем overflow */
+    }
+    #toolbar { 
+      padding: 8px; 
+      border-bottom: 1px solid #ccc; 
+      flex-shrink: 0;  /* ✅ Toolbar не сжимается */
+    }
+    #table { 
+      flex: 1; 
+      position: relative; 
+      overflow: auto;  /* ✅ Скролл только внутри таблицы */
+      min-height: 0;  /* ✅ Важно для flex-контейнера */
+    }
+    .schema { font-weight: bold; margin-top: 8px; cursor: pointer; }
+    .table { margin-left: 12px; cursor: pointer; }
+    #loginPanel { 
+      padding: 8px; 
+      border-bottom: 1px solid #ccc; 
+      background: #f7f7f7; 
+      flex-shrink: 0;  /* ✅ Login panel не сжимается */
+    }
+    #csvFileInput { display: none; }
+    
+    /* ✅ Стили для Tabulator */
+    .tabulator {
+      border: none;
+      background-color: white;
+    }
+    
+    .tabulator .tabulator-header {
+      background-color: #f5f5f5;
+      border-bottom: 2px solid #ddd;
+    }
+    
+    .tabulator .tabulator-tableholder {
+      overflow-x: auto !important;  /* ✅ Горизонтальный скролл при необходимости */
+    }
+
+        .fk-modal {
+        font-family: sans-serif;
+    }
+    
+    .fk-modal select,
+    .fk-modal input {
+        border: 1px solid #ccc;
+        border-radius: 4px;
+    }
+    
+    .fk-modal select:focus,
+    .fk-modal input:focus {
+        outline: none;
+        border-color: #4CAF50;
+        box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);
+    }
+    
+    .fk-modal button:hover {
+        opacity: 0.9;
+    }
+</style>
+
+</head>
+<body>
+<div id="sidebar">
+  <h3>Базы / таблицы</h3>
+  <div id="tree"></div>
+</div>
+<div id="main">
+  <div id="loginPanel">
+    <label>Login: <input id="loginUser" type="text"></label>
+    <label>Password: <input id="loginPass" type="password"></label>
+    <button id="loginBtn">Войти</button>
+    <span id="loginStatus"></span>
+  </div>
+  <div id="toolbar">
+    <button id="btnInsert">Вставить</button>
+    <button id="btnUpdate">Сохранить строку</button>
+    <button id="btnDelete">Удалить</button>
+    <button id="btnImportCSV">Импорт CSV</button>
+    <input type="file" id="csvFileInput" accept=".csv">
+    <button id="btnExportCSV">Экспорт CSV</button>
+  </div>
+  <div id="table"></div>
+</div>
+
+<script src="app.js"></script>
+</body>
+</html>