Added API Integration: - calendarsApi.js: Complete API wrapper for /api/v1/calendar/calendars/ * CRUD operations (create, read, update, delete) * Subscribe/unsubscribe endpoints * My subscriptions endpoint * Cache invalidation support Added UI Components: - calendarManager.js: Calendar list management component * Displays available calendars with color indicators * Toggle calendar visibility (checkboxes) * Subscribe/unsubscribe buttons * Edit calendar button (for owners) * Real-time calendar filtering - calendarManageModal.js: Calendar creation/editing modal * Create personal/public/department calendars * Edit calendar properties (title, description, color) * Delete calendar (owner only) * Department selection for department calendars * Auto-subscription settings Added Styles: - calendar-manager.scss: BEM-based styling * Calendar list with glassmorphism design * Color indicators and icons * Hover states and animations * Responsive design for mobile * Empty state styling Updated Templates: - calendar_desktop.html: Added calendar list UI * Replaced dropdown with collapsible calendar list * Added manage calendar button * Updated create event button icon - calendar_modal_manage.html: New modal template * Form fields for calendar properties * Radio buttons for calendar types * Department selector * Auto-subscription checkboxes * Delete button for owners - rightbar_calendar.html: Included new modal Updated Imports: - main.scss: Added calendar-manager component import Status: Phase 3 Part 1 complete (UI components ready) Next: Part 2 - Integration with calendarWidget.js for event filtering
18 lines
720 B
HTML
18 lines
720 B
HTML
{% load static %}
|
||
{# === Правая колонка с календарём - рефакторированная версия === #}
|
||
|
||
{# Десктопная версия #}
|
||
{% include "includes/components/calendar_desktop.html" %}
|
||
|
||
{# Мобильная версия #}
|
||
{% include "includes/components/calendar_mobile.html" %}
|
||
|
||
{# Модальные окна #}
|
||
{% include "includes/components/calendar_modal_create.html" %}
|
||
{% include "includes/components/calendar_modal_details.html" %}
|
||
{% include "includes/components/calendar_modal_manage.html" %}
|
||
{% include "includes/components/calendar_context_menu.html" %}
|
||
|
||
{# JavaScript инициализация #}
|
||
{% include "includes/components/calendar_scripts.html" %}
|