Commit Graph

18 Commits

Author SHA1 Message Date
aff2b92bea feat: Implement dramatic ANSI art terminal redesign - Phase 1-3
This commit implements the complete HTML restructuring with nested ASCII box-drawing architecture, providing heavy decorations, elaborate framing, and visual hierarchy through box-drawing characters (╔╗╚╝ ═══ ├┤ ┌┐└┘).

## Phase 1: CSS Foundation
- Added comprehensive nested ASCII frame system to dashboard.css
- Created .ascii-frame-outer class with heavy double borders (╔╗╚╝)
- Created .ascii-frame-inner class with single borders (┌┐)
- Added .ascii-section-header with ╠═══ decoration
- Added .ascii-subsection-header with ├─── decoration
- Added .ascii-divider with ╞═══╡ connectors
- Added .ascii-content wrapper class
- Implemented priority-based color variants (P1-P5) for all frames

## Phase 2: Dashboard Restructuring
- Wrapped entire dashboard in nested ASCII frames (ascii-frame-outer)
- Created 5 major vertical sections with elaborate headers:
  * Dashboard Control Center (header + new ticket button)
  * Search & Filter (search form + results)
  * Table Controls (count + pagination + settings)
  * Bulk Operations (admin-only, conditional)
  * Ticket List (main table)
- Added ASCII dividers (╞═══╡) between all sections
- Nested each section in ascii-content > ascii-frame-inner
- Added ╚╝ bottom corner characters as separate elements
- Maintained all existing functionality (search, sort, filter, bulk ops)

## Phase 3: Ticket View Restructuring
- Wrapped ticket-container in nested ASCII frames
- Created 3 major vertical sections:
  * Ticket Information (header + metadata)
  * Content Sections (tab navigation)
  * Content Display (tab content area)
- Added subsection headers (├───) for Description, Comments, Activity
- Nested comment form and comment list in separate sub-frames
- Added ASCII dividers between sections
- Updated ticket.css for nested frame compatibility:
  * Removed border from .comments-section (frame handles it)
  * Added corner decorations (┌┐) to individual comments
  * Fixed padding/margin conflicts with nested structure

## Visual Impact
- Every major section now has elaborate ASCII box frames
- Section headers display as: ╠═══ SECTION NAME ═══╣
- Dividers show as: ╞═══════════════════════════╡
- 3+ levels of nesting creates strong visual hierarchy
- Heavy decorations (╔╗╚╝) for outer containers
- Light decorations (┌┐└┘) for inner sections
- All priority colors preserved and applied to frames

## Technical Details
- 229 lines added to dashboard.css (frame system)
- DashboardView.php: Complete HTML restructuring (lines 104-316)
- TicketView.php: Complete HTML restructuring (lines 148-334)
- ticket.css: Added 34 lines of compatibility rules
- All existing JavaScript event handlers preserved
- All PHP backend logic unchanged
- Zero breaking changes to functionality

## Files Modified
- assets/css/dashboard.css: +229 lines (frame system + priority variants)
- assets/css/ticket.css: +34 lines (compatibility rules)
- views/DashboardView.php: Restructured with nested frames
- views/TicketView.php: Restructured with nested frames

## Next Steps
- Phase 4: Restructure CreateTicketView.php
- Phase 5: Update hamburger menu & modals JavaScript
- Phase 6: Add responsive design breakpoints

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-01-07 10:34:56 -05:00
8aa5c39ed8 Implement complete ANSI art terminal redesign
Transform entire UI into retro terminal aesthetic with ASCII/ANSI art:

Visual Changes:
- Add large ASCII art "TINKER TICKETS" banner with typewriter animation
- Terminal black background (#0a0a0a) with matrix green text (#00ff41)
- ASCII borders throughout using box-drawing characters (┌─┐│└─┘╔═╗║╚╝)
- Monospace fonts (Courier New, Consolas, Monaco) everywhere
- All rounded corners removed (border-radius: 0)
- Text glow effects on important elements
- Terminal prompts (>, $) and brackets ([]) on all UI elements

Dashboard:
- Table with ASCII corner decorations and terminal green borders
- Headers with > prefix and amber glow
- Priority badges: [P1] [P2] format with colored glows
- Status badges: [OPEN] [CLOSED] with borders and glows
- Search box with $ SEARCH prompt
- All buttons in [ BRACKET ] format

Ticket View:
- Ticket container with double ASCII borders (╔╗╚╝)
- Priority-colored corner characters
- UUID display: [UUID: xxx] format
- Comments section: ╔═══ COMMENTS ═══╗ header
- Activity timeline with ASCII tree (├──, │, └──)
- Tabs with [ ] brackets and ▼ active indicator

Components:
- Modals with ╔═══ TITLE ═══╗ headers and ASCII corners
- Hamburger menu with MENU SYSTEM box decoration
- Settings modal with terminal styling
- All inputs with green borders and amber focus glow
- Checkboxes with ✓ characters

Technical:
- New file: ascii-banner.js with banner artwork and typewriter renderer
- Comprehensive responsive design (1024px, 768px, 480px breakpoints)
- Mobile: simplified ASCII, hidden decorations, full-width menu
- Print styles for clean black/white output
- All functionality preserved, purely visual transformation

Colors preserved:
- Priority: P1=red, P2=orange, P3=blue, P4=green, P5=gray
- Status: Open=green, In Progress=yellow, Closed=red
- Accents: Terminal green, amber, cyan

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-01-06 23:22:25 -05:00
eda40a150b Fix dark mode bulk toolbar, light mode timeline, and activity tab visibility
- Changed bulk-actions-toolbar dark mode background from #1a1a00 to #2d3748
- Fixed timeline-content light mode background from #1a202c to #f8f9fa
- Added activity-tab to showTab() function to properly hide/show all tabs

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-01-06 22:38:46 -05:00
46468eef99 Updated darkmode incomaptible assets 2026-01-06 17:20:19 -05:00
57d572a15e readme and css updates 2026-01-01 19:45:49 -05:00
c95f1db871 Fix: Multiple UI and functionality improvements
Fixed all reported issues:

1. **Dark Mode Improvements:**
   - Fixed bulk-actions-info white on white text (now yellow on dark background)
   - Fixed timeline-content boxes with explicit dark mode colors
   - All text now properly visible in dark mode

2. **Dashboard Enhancement:**
   - Added "Assigned To" column showing ticket assignments
   - Updated TicketModel query to include assigned user information
   - Shows "Unassigned" when no user assigned

3. **Removed Ticket View Tracking:**
   - Removed logTicketView call from TicketController
   - Created migration 011 to delete all view records from audit_log
   - Viewing tickets no longer clutters activity timeline

4. **Removed Duplicate Status Dropdown:**
   - Removed status field from hamburger menu
   - Status can now only be changed via the workflow-validated dropdown in ticket header
   - Prevents confusion and ensures all status changes follow workflow rules

All changes improve usability and reduce clutter.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-01-01 19:28:07 -05:00
2086730c9b Fix: Critical API and dark mode issues
Fixed multiple critical issues reported by user:

1. **API Configuration Errors:**
   - Fixed all API files to use correct config path (config/config.php instead of config/db.php)
   - Fixed: get_users.php (bulk assign dropdown now loads users)
   - Fixed: get_template.php (templates now load correctly)
   - Fixed: bulk_operation.php (bulk operations now work)
   - Fixed: assign_ticket.php (manual assignment now works)

2. **Dark Mode Improvements:**
   - Added dark mode support for Activity tab content
   - Ensured proper text and background colors in dark mode

All APIs now properly:
- Load configuration from config/config.php
- Use correct session variables ($_SESSION['user']['user_id'])
- Create and close database connections properly
- Return proper JSON responses

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-01-01 19:18:57 -05:00
683420cdb9 Feature 3: Implement Status Transitions with Workflow Validation
Add comprehensive workflow management system for ticket status transitions:

- Created WorkflowModel.php for managing status transition rules
- Updated TicketController.php to load allowed transitions for each ticket
- Modified TicketView.php to display dynamic status dropdown with only allowed transitions
- Enhanced api/update_ticket.php with server-side workflow validation
- Added updateTicketStatus() JavaScript function for client-side status changes
- Included CSS styling for status select dropdown with color-coded states
- Transitions can require comments or admin privileges
- Status changes are validated against status_transitions table

This feature enforces proper ticket workflows and prevents invalid status changes.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-01-01 18:57:23 -05:00
f9629f60b6 Add Activity Timeline feature and database migrations
- Add Activity Timeline tab to ticket view showing chronological history
- Create getTicketTimeline() method in AuditLogModel
- Update TicketController to load timeline data
- Add timeline UI with helper functions for formatting events
- Add comprehensive timeline CSS with dark mode support
- Create migrations 007-010 for upcoming features:
  - 007: Ticket assignment functionality
  - 008: Status workflow transitions
  - 009: Ticket templates
  - 010: Bulk operations tracking

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-01-01 18:25:19 -05:00
e05434137c Fixed MAJOR bugs, currently at a semi-stable state 2025-09-05 11:08:56 -04:00
5b50964d06 Fixed ticket editing, and ticket overview size. 2025-05-16 16:36:18 -04:00
d77bb3e164 Better ticket visuals 2025-03-11 20:15:57 -04:00
5ad3192747 Wrap header 2025-03-11 20:11:12 -04:00
1b71e47892 Status display 2025-03-11 20:09:22 -04:00
f86e7c6283 mistyped em 2025-03-11 20:08:05 -04:00
f02c0b96d6 adjusted width of ticket-container 2025-03-11 20:00:08 -04:00
a47e46fc43 Adjusted ticket titles 2025-03-11 19:55:13 -04:00
0937ab05f3 Added rest of files, first commit from code server 2024-12-01 21:38:48 -05:00