π¦ Release 0.10.1.4 β Warranty UI Revamp & Paperless Browser
Thanks again for your continued support and feedback! This release brings both style and substance, not only have we made the warranty interface more intuitive and visually appealing, but we've also introduced a full document browser for Paperless-ngx.
β¨ Added
π Paperless-ngx Document Browser
You can now browse, search, and select documents directly from Paperless-ngx inside the warranty forms:
-
Document Selection Modal
- Launchable from βBrowse Paperlessβ buttons on invoice/manual fields
- Includes full-text search and multi-tag filtering
- Responsive design with grid-based document previews
-
Advanced UX Features
- Real-time search with keyboard navigation
- Tag filtering with multi-select dropdowns
- Caching for faster browsing
- Pagination for large libraries
- Mobile support with proper touch targets
-
Backend Enhancements
- New
/api/paperless/tags
endpoint for tag retrieval - Secure authentication and user permission checks
- Graceful error handling on Paperless-ngx communication failures
- New
βοΈ In-App Paperless Viewing Preference
You asked for it β now each user can choose how to view Paperless-ngx documents:
-
Toggle in Settings
- "View Documents in Warracker" switch added to Paperless-ngx settings
- Defaults to opening in Paperless-ngx, but can be switched at any time
-
Seamless Viewing Experience
- Documents open in-app via secure
/api/paperless-file/{id}
endpoint - Proper token authentication and fallback handling included
- Setting is saved per-user in both database and localStorage
- Documents open in-app via secure
π¨ Enhanced
π‘οΈ Warranty Card Visual and Layout Revamp
We've redesigned how warranty info is displayed to make things clearer and cleaner:
-
Icon-Based Display
- π Age
- π Warranty Duration
- π§ Warranty End Date
- πͺ Purchase Price
- π Serial Number
- πͺ Vendor
- π‘οΈ Warranty Type
-
Better Layout Across All Views
- No more text overlapping with thumbnails
- Labels and values properly spaced
- Consistent structure across grid, list, and table views
-
Visual Upgrades
- Light grey background for photo thumbnails in light mode (
#f5f5f5
) - Darker background (
#2a2a2a
) for dark mode contrast - Cleaned up serial number display for multi-serial products
- Light grey background for photo thumbnails in light mode (
Modified Files:
frontend/script.js
frontend/style.css
frontend/index.html
frontend/settings-new.html
frontend/settings-new.js
backend/app.py
backend/auth_routes.py
backend/migrations/037_add_paperless_view_in_app_preference.sql