Add search functionality to calendar with icon toggle and yellow highlighting

[konard]

🔍 Search Functionality for Calendar

This pull request implements a comprehensive search feature for the calendar page as requested in issue #439.

📋 Issue Reference

Fixes #439

✨ Features Implemented

1. Search Icon Display

   • Added a search icon (🔍) next to the "Today" button in the FullCalendar toolbar
   • Matches the existing button styling and theme

2. Toggle Behavior

   • Clicking the search icon shows the search input field and hides the icon
   • The search input automatically receives focus when displayed
   • When focus is lost and the input is empty, the field is hidden and icon is shown again

3. Search Input with Close Button

   • Search input field with placeholder "Поиск по задачам..."
   • Close icon (✕) button next to the input to manually hide the search
   • Real-time search as user types (no need to press Enter)

4. Comprehensive Search

   • Searches across all task fields:
     • Task name (Задача)
     • Description (Описание)
     • Client (Клиент)
     • Executor (Исполнитель)
     • Status (Статус)
     • Task type (Тип задачи)
     • Deadline (Срок)
   • Case-insensitive search
   • Partial match support

5. Visual Highlighting

   • Matched tasks are highlighted with a yellow box-shadow
   • Gradient background blend with existing event colors (overdue, important, custom)
   • Clear visual distinction for search results

🛠️ Technical Implementation

CSS Additions:

• .fc-search-container - Container for search UI elements
• .fc-search-icon - Search icon button styling
• .fc-search-input-wrapper - Wrapper for input and close button
• .fc-search-input - Search input field styling
• .fc-search-close - Close button styling
• .fc-event.event-search-match - Yellow highlight for matched tasks

JavaScript Functions:

• addSearchToToolbar() - Injects search UI into FullCalendar toolbar
• showSearchInput() - Shows search input and hides icon
• hideSearchInput() - Hides search input and shows icon (when empty)
• setupSearchInputBlur() - Manages blur event for auto-hide behavior
• performSearch() - Triggers search and re-renders events
• taskMatchesSearch(task, query) - Checks if task matches search query
• Updated renderEvents() - Filters tasks based on search query
• Updated convertTaskToEvent() - Adds highlight class to matched tasks

🧪 Testing

Created comprehensive test suite in experiments/test-search-implementation.js:

• ✅ Search by task name
• ✅ Search by client
• ✅ Search by executor
• ✅ Search by status
• ✅ Empty search returns all tasks
• ✅ No matches returns empty results

All tests pass successfully.

📸 User Experience

Before Search:

• Calendar displays all tasks based on current filters
• Search icon visible next to "Today" button

During Search:

• User clicks search icon → input appears with focus
• User types query → tasks are filtered in real-time
• Only matching tasks are displayed on calendar
• Matched tasks have yellow highlight for easy identification

After Search:

• User clicks close icon → search clears, all tasks shown again
• User clears input and clicks away → search field auto-hides

🎨 Design Considerations

• Maintains consistent visual style with existing calendar controls
• Smooth transitions and hover effects
• Responsive to user interactions
• Non-intrusive: search UI only visible when needed
• Yellow highlighting is distinct but not overwhelming

🔧 Code Quality

• Clear comments marking issue templates/calendar.html Добавить иконку поиска рядом с кнопкой Сегодня #439 references
• No breaking changes to existing functionality
• Follows existing code patterns and conventions
• Search state properly managed
• Event listeners properly set up and cleaned up

---

Ready for review and testing! 🚀

Co-Authored-By: Claude Sonnet 4.5 noreply@anthropic.com

[konard]

🤖 Solution Draft Log

This log file contains the complete execution trace of the AI solution draft process.

💰 Cost estimation:

• Public pricing estimate: $1.001098
• Calculated by Anthropic: $1.275470 USD
• Difference: $0.274372 (+27.41%)
  📎 Log file uploaded as Gist (547KB)
  🔗 View complete solution draft log

---

Now working session is ended, feel free to review and add any feedback on the solution draft.