Игорь Надеин
826298ff08
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
91 lines
3.4 KiB
SCSS
91 lines
3.4 KiB
SCSS
// =============================================================================
|
|
// Main Application SCSS
|
|
// =============================================================================
|
|
// Главный файл для сборки всех стилей приложения (кроме Bootstrap)
|
|
// Компилируется в css/app.css
|
|
|
|
// =============================================================================
|
|
// 1. ABSTRACTS - Переменные, миксины, функции
|
|
// =============================================================================
|
|
@import 'abstracts/index';
|
|
|
|
// =============================================================================
|
|
// 2. LAYOUT - Структура приложения
|
|
// =============================================================================
|
|
@import 'layout/base-app';
|
|
@import 'layout/chat-layout';
|
|
|
|
// =============================================================================
|
|
// 3. COMPONENTS - Переиспользуемые компоненты
|
|
// =============================================================================
|
|
|
|
// Базовые компоненты
|
|
@import 'components/buttons';
|
|
@import 'components/cards';
|
|
@import 'components/modals';
|
|
@import 'components/navbar';
|
|
@import 'components/sidebar';
|
|
@import 'components/page-header';
|
|
@import 'components/common';
|
|
|
|
// Spacing и layout utilities
|
|
@import 'components/layout-spacing';
|
|
@import 'components/spacing-utils';
|
|
|
|
// iOS-стиль компоненты
|
|
@import 'components/ios-search';
|
|
@import 'components/ios-components';
|
|
|
|
// Бейджи
|
|
@import 'components/badges-bem';
|
|
@import 'components/badges-telegram-style';
|
|
|
|
// Комментарии
|
|
@import 'components/comments';
|
|
|
|
// Сообщения
|
|
@import 'components/message-reply-preview';
|
|
|
|
// Списки и уведомления
|
|
@import 'components/card-list';
|
|
@import 'components/notifications';
|
|
|
|
// Заявления и документы
|
|
@import 'components/request-list';
|
|
@import 'components/request-detail';
|
|
@import 'components/document-list';
|
|
@import 'components/recipientPicker';
|
|
@import 'components/list-view';
|
|
|
|
// Feed компоненты
|
|
@import 'components/feed-specific';
|
|
@import 'components/join-scroller';
|
|
@import 'components/post-form';
|
|
|
|
// Модальные окна
|
|
@import 'components/modal-overrides';
|
|
@import 'components/logout-modal';
|
|
|
|
// Employees компоненты
|
|
@import 'components/department-controls';
|
|
@import 'components/team-wheel';
|
|
@import 'components/ldap-login';
|
|
|
|
// Календарь и rightbar
|
|
@import 'components/rightbar-calendar';
|
|
@import 'components/calendar-manager';
|
|
|
|
// =============================================================================
|
|
// 4. UTILITIES - Вспомогательные классы
|
|
// =============================================================================
|
|
// @import 'utilities/spacing-utils';
|
|
// @import 'utilities/index';
|
|
|
|
// =============================================================================
|
|
// ПРИМЕЧАНИЯ
|
|
// =============================================================================
|
|
// - Bootstrap подключается отдельно через bootstrap-custom.css
|
|
// - CSS переменные (--variable) определены в abstracts/_css-variables.scss
|
|
// - SCSS переменные ($variable) определены в abstracts/_variables.scss
|
|
// - Порядок импортов критичен для CSS каскада
|