Commit Graph

6 Commits

Author SHA1 Message Date
783bf52552 feat: Inject CSRF tokens in TicketView and CreateTicketView
Add CSRF token injection to the remaining view files:
- views/TicketView.php - Added CSRF token before ticket data script
- views/CreateTicketView.php - Added CSRF token in head section

All view files now expose window.CSRF_TOKEN for JavaScript fetch calls.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-01-09 15:05:20 -05:00
0f25c49d5c Terminal aesthetic polish: Consolidate styles & fix visual bugs
## Issue 1: User-Header Consolidation (COMPLETED)
- Added centralized user-header CSS to dashboard.css
- Removed 156 lines of duplicate inline styles from 3 PHP files
- Updated to use proper terminal aesthetic colors:
  * Background: var(--bg-secondary) instead of #2c3e50
  * Text: var(--terminal-green) with glow effects
  * App title: var(--terminal-amber) with amber glow
  * Admin badge: Transparent with priority-1 border and [brackets]
- Removed border-radius from admin badge (terminal aesthetic)
- Added hover effects with color changes and glow

## Issue 2: Status Badge Text Wrapping (FIXED)
- Fixed "In Progress" status badge wrapping to new line
- Updated dashboard.css .status-In-Progress:
  * Increased min-width from 100px to 140px
  * Added white-space: nowrap
  * Added display: inline-block
- Updated ticket.css .status-In-Progress with same fixes
- Badge now displays `[ In Progress ]` on single line

## Issue 3: Border-Radius Cleanup (100% TERMINAL AESTHETIC)
- Removed ALL rounded corners across entire application
- Changed 14 instances in dashboard.css to border-radius: 0
- Changed 9 instances in ticket.css to border-radius: 0
- Includes avatar/profile images (now square boxes)
- Complete terminal aesthetic compliance: sharp rectangular edges

## Code Quality Improvements
- Net reduction: 69 lines of code (191 removed, 122 added)
- Single source of truth for user-header styling
- All colors use CSS variables for consistency
- Zero duplicate CSS remaining
- Easier maintenance going forward

## Visual Changes
- User header: Terminal green with amber accents
- Admin badge: Red border with [brackets], no rounded corners
- Back link: Green with amber hover + glow effects
- Status badges: Single line display, no wrapping
- All UI elements: Sharp rectangular corners (0px radius)

## Files Modified
- assets/css/dashboard.css: +102 lines (user-header CSS, status fix, border-radius cleanup)
- assets/css/ticket.css: +3 lines (status fix, border-radius cleanup)
- views/DashboardView.php: -53 lines (removed inline styles)
- views/TicketView.php: -57 lines (removed inline styles)
- views/CreateTicketView.php: -57 lines (removed inline styles)

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

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-01-07 16:15:24 -05:00
c449100c28 Phase 4: Light mode removal + CreateTicketView restructuring
## Light Mode Removal & Optimization
- Removed theme toggle functionality from dashboard.js
- Forced dark mode only (terminal aesthetic)
- Cleaned up .theme-toggle CSS class and styles
- Removed body.light-mode CSS rules from all view files
- Simplified user-header styles to use static dark colors
- Removed CSS custom properties (--header-bg, --header-text, --border-color)
- Removed margin-right for theme toggle button (no longer needed)

## CreateTicketView Complete Restructuring
- Added user header with back link and user info
- Restructured into 6 vertical nested ASCII sections:
  1. Form Header - Create New Ticket introduction
  2. Template Selection - Optional template dropdown
  3. Basic Information - Title input field
  4. Ticket Metadata - Status, Priority, Category, Type (4-column)
  5. Detailed Description - Main textarea
  6. Form Actions - Create/Cancel buttons
- Each section wrapped in ascii-section-header → ascii-content → ascii-frame-inner
- Added ASCII dividers between all sections
- Added ╚╝ bottom corner characters to outer frame
- Improved error message styling with priority-1 color
- Added helpful placeholder text and hints

## Files Modified
- assets/css/dashboard.css: Removed theme toggle CSS (~19 lines)
- assets/js/dashboard.js: Removed initThemeToggle() and forced dark mode
- views/DashboardView.php: Simplified user-header CSS (removed light mode)
- views/TicketView.php: Simplified user-header CSS (removed light mode)
- views/CreateTicketView.php: Complete restructuring (98→242 lines)

## Code Quality
- Maintained all existing functionality and event handlers
- Kept all class names for JavaScript compatibility
- Consistent nested frame structure across all pages
- Zero breaking changes to backend or business logic
- Optimized by removing ~660 unused lines total

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

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-01-07 10:52:10 -05:00
353ce83a36 Feature 4: Implement Ticket Templates
Add ticket template system for quick ticket creation:

- Created TemplateModel.php with full CRUD operations for templates
- Added get_template.php API endpoint to fetch template data
- Updated TicketController to load templates in create() method
- Modified CreateTicketView.php to include template selector dropdown
- Added loadTemplate() JavaScript function to populate form fields
- Templates include: title, description, category, type, and default priority
- Database already seeded with default templates (Hardware Failure, Software Installation, Network Issue, Maintenance Request)

Users can now select from predefined templates when creating tickets, speeding up common ticket creation workflows.

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

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-01-01 19:00:42 -05:00
38ae4802b8 Changed Client-side Search to Server-side Search 2025-09-05 12:40:38 -04:00
f8ada1d6d1 Re-did everything, Now is modulaar and better bro. 2025-05-16 20:02:49 -04:00