Skip to content

v1.1

Latest

Choose a tag to compare

@squoll squoll released this 09 Aug 09:11
· 8 commits to master since this release

🚀 Release: UI/UX Improvements & PWA Support

In this update, we have significantly improved the user experience on the main dashboard and introduced Progressive Web App (PWA) support for easy installation on both mobile and desktop devices.

✨ New Features

  • Quick Client View on Dashboard: Clicking on a client with an expiring subscription on the main page now instantly opens a modal window with detailed information, eliminating the need for a page reload.
  • Client Notes Display: Added the display of client notes/comments directly inside the quick-view modal.
  • Quick Actions: Introduced "Extend Subscription" and "Edit Client" buttons inside the dashboard modal. Clicking these seamlessly redirects you to the clients tab and automatically opens the corresponding action form.
  • PWA Support (Add to Home Screen): Implemented a Service Worker (sw.js) and an installation script (js/pwa.js). If the app isn't installed on the device, a convenient banner will appear at the bottom prompting the user to "Install" it to their home screen. A visual hint was also added for iOS users to guide them through the "Share" menu installation.
  • Favicon & Meta Tags: Updated and standardized all favicons and meta tags to ensure the application is displayed correctly across all platforms (Apple Touch, Android, Windows).

🔧 Technical Changes

  • Added a sw.js (Service Worker) to handle caching and meet PWA standards.
  • Added js/pwa.js script to intercept the beforeinstallprompt event and render the installation UI.
  • Implemented URL hash parsing (e.g., #extend-ID, #edit-ID) in tv_clients.php to automatically trigger and open specific modals when navigating from other parts of the system.

🚀 Release: UI/UX Improvements & PWA Support

В этом обновлении мы значительно улучшили пользовательский опыт на главной странице и добавили поддержку прогрессивного веб-приложения (PWA) для удобной установки на мобильные устройства и десктопы.

✨ Что нового (Features)

  • Быстрый просмотр клиента на главной: При клике на клиента с истекающей подпиской на главной странице теперь мгновенно открывается модальное окно с детальной информацией (без перехода на другую страницу).
  • Отображение комментариев: В окно быстрого просмотра добавлено отображение заметок/комментариев по клиенту.
  • Быстрые действия: В модальном окне клиента на главной добавлены кнопки «Продлить подписку» и «Редактировать клиента», которые бесшовно переводят пользователя на нужную вкладку и автоматически открывают соответствующую форму.
  • Поддержка PWA (Add to Home Screen): Внедрен Service Worker (sw.js) и скрипт установки (js/pwa.js). Если сайт не установлен на устройство, снизу будет появляться удобный баннер с предложением «Установить» приложение на главный экран. Для iOS добавлена визуальная подсказка по установке через меню «Поделиться».
  • Favicon & Meta Tags: Обновлены и стандартизированы все иконки (favicons) и мета-теги для корректного отображения приложения на различных устройствах (Apple Touch, Android, Windows).

🔧 Технические изменения

  • Добавлен sw.js для кеширования и соответствия стандартам PWA.
  • Добавлен скрипт js/pwa.js для перехвата события beforeinstallprompt.
  • Добавлена обработка URL хэшей (например, #extend-ID, #edit-ID) в tv_clients.php для автоматического открытия модальных окон при переходах из других частей системы.