Nikita Kiselev b39a344a7d feat(admin): refactor logs viewer with table display and detailed dialog
Backend changes:
- Update LogsHandler.php to parse Monolog logs using regex
- Add parseLogLines() method to extract structured data from logs
- Support ISO 8601 format with microseconds and timezone
- Parse JSON context with nested objects and escaped characters support
- Add formatDateTime() method for readable date formatting
- Add findJsonEnd() method for correct JSON object extraction
- Return data in JSON format instead of plain string

Frontend changes:
- Update logs.js store: change data structure from string to array of objects
- Add loading flag for loading indicator
- Remove caching check for data freshness

- Completely refactor LogsViewer.vue component:
  * Replace textarea with PrimeVue DataTable with pagination and sorting
  * Add "Actions" column with view button (eye icon)
  * Use Badge component for log levels with color indicators
  * Remove "Context" column from table (unreadable in table view)
  * Add dialog with detailed log information:
    - Date and time (formatted and raw)
    - Level with color indicator
    - Channel
    - Message
    - Context (formatted JSON)
    - Raw string
  * Add word wrap for all text fields in dialog
  * Dialog closes on outside click (dismissableMask)
  * Configure pagination: 15 records per page by default

UX improvements:
- Improved log readability with structured display
- Easy navigation through large number of records via pagination
- Quick access to detailed information through dialog
- Color-coded levels for quick visual assessment
2025-11-24 00:09:32 +03:00
2025-07-09 20:55:29 +03:00
2025-07-09 20:55:29 +03:00
2025-11-18 15:40:21 +03:00
2025-11-18 16:52:33 +03:00
2025-11-11 00:22:57 +03:00

TeleCart

CI/CD License PHP Version Vue.js Docker OpenCart

Telegram магазин на базе OpenCart. Позволяет создать полноценный интернет-магазин в виде Telegram Mini App.

🚀 Возможности

  • 📱 Telegram Mini App интерфейс
  • 🛒 Полноценная корзина и оформление заказов
  • 🎨 Адаптивный дизайн с поддержкой темной/светлой темы
  • 📊 Административная панель для управления настройками
  • 🔍 Поиск и фильтрация товаров
  • 📦 Интеграция с OpenCart

🛠 Технологии

  • Backend: PHP (OpenCart), Composer
  • Frontend: Vue.js 3, Vite, Tailwind CSS, Pinia
  • Инфраструктура: Docker, Docker Compose
  • Тестирование: PHPUnit, Vitest

📦 Структура проекта

telecart/
├── frontend/
│   ├── admin/      # Административная панель
│   └── spa/        # Telegram Mini App
├── module/         # Модуль OpenCart
├── docker/         # Docker конфигурации
└── src/            # Исходный код OpenCart

🚀 Быстрый старт

Требования

  • Docker и Docker Compose
  • PHP >= 7.4
  • Node.js >= 20.19.0 или >= 22.12.0

Установка

# Клонировать репозиторий
git clone git@github.com:telecart-labs/telecart.git
cd telecart

# Настроить проект
make setup

# Запустить в режиме разработки
make dev

Доступные команды

  • make setup - Первоначальная настройка проекта
  • make start - Запустить контейнеры
  • make stop - Остановить контейнеры
  • make dev - Запустить в режиме разработки
  • make dev-admin - Запустить админ-панель в режиме разработки
  • make test - Запустить тесты
  • make lint - Проверить код линтером

📝 Лицензия

Это коммерческий платный модуль. Все права защищены. Использование модуля возможно только после приобретения лицензии.

🤝 Вклад в проект

Мы приветствуем вклад в развитие проекта! Пожалуйста, создавайте issue и pull request'ы.

📄 Документация

Дополнительная документация находится в папке docs/.

Description
No description provided
Readme 22 MiB
Languages
PHP 46.4%
Vue 26.6%
JavaScript 25.3%
Shell 0.7%
CSS 0.4%
Other 0.5%