LoadTest: проверка загрузки файлов (Flask, site/app.py)

2026-08-17 17:05:20 +04:00
commit 3f1c69a723
5 changed files with 435 additions and 0 deletions
@@ -0,0 +1,128 @@
+/* LoadTest - простые стили страницы проверки загрузки файлов. */
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  font-family: Arial, Helvetica, sans-serif;
+  background: #f4f6f8;
+  color: #222;
+}
+
+.wrap {
+  max-width: 860px;
+  margin: 40px auto;
+  padding: 0 16px;
+}
+
+h1 {
+  font-size: 22px;
+  margin-bottom: 6px;
+}
+
+.hint {
+  color: #555;
+  font-size: 14px;
+  margin-top: 0;
+}
+
+/* Панель выбора файла */
+.panel {
+  background: #fff;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+  padding: 16px;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+.panel label {
+  font-weight: bold;
+}
+
+.panel input[type="file"] {
+  flex: 1;
+  min-width: 200px;
+}
+
+.panel button {
+  background: #2563eb;
+  color: #fff;
+  border: none;
+  border-radius: 6px;
+  padding: 10px 20px;
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.panel button:hover {
+  background: #1d4ed8;
+}
+
+/* Прогресс загрузки */
+.progress-wrap {
+  background: #fff;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+  padding: 16px;
+  margin-top: 16px;
+}
+
+.progress-bar {
+  height: 18px;
+  background: #e5e7eb;
+  border-radius: 9px;
+  overflow: hidden;
+}
+
+.progress-fill {
+  height: 100%;
+  width: 0%;
+  background: #22c55e;
+  transition: width 0.2s;
+}
+
+.progress-info {
+  display: flex;
+  gap: 16px;
+  margin-top: 8px;
+  font-size: 14px;
+  font-weight: bold;
+}
+
+/* Итоговый статус */
+.status {
+  margin-top: 16px;
+  padding: 14px;
+  border-radius: 8px;
+  font-size: 16px;
+  font-weight: bold;
+}
+
+.status.ok {
+  background: #dcfce7;
+  color: #166534;
+  border: 1px solid #86efac;
+}
+
+.status.error {
+  background: #fee2e2;
+  color: #991b1b;
+  border: 1px solid #fca5a5;
+}
+
+/* Блок статистики */
+#result {
+  background: #0f172a;
+  color: #e2e8f0;
+  padding: 16px;
+  border-radius: 8px;
+  font-size: 13px;
+  line-height: 1.5;
+  white-space: pre-wrap;
+  word-break: break-all;
+  margin-top: 16px;
+}