From 299559ab4ff75a6ff038b5f300d710f2fbfa79f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=98=D0=B3=D0=BE=D1=80=D1=8C=20=D0=9D=D0=B0=D0=B4=D0=B5?=
 =?UTF-8?q?=D0=B8=D0=BD?= <igor_26reg@mail.ru>
Date: Wed, 11 Feb 2026 11:45:07 +0300
Subject: [PATCH] fix(calendar): restore legacy calendar type dropdown selector

- Restored original dropdown for Company/Department/Personal selection
- Added new 'My Calendars' collapsible list as ADDITIONAL feature
- Legacy dropdown remains primary navigation
- New calendar list is collapsed by default, accessed via list-check icon
- Two systems work in parallel: legacy (dropdown) + new (multi-calendar)

This fixes the broken calendar type selection functionality.
---
 .../includes/components/calendar_desktop.html | 48 ++++++++++++++-----
 1 file changed, 37 insertions(+), 11 deletions(-)

diff --git a/backend/templates/includes/components/calendar_desktop.html b/backend/templates/includes/components/calendar_desktop.html
index bab1ccbb..f716d6f5 100644
--- a/backend/templates/includes/components/calendar_desktop.html
+++ b/backend/templates/includes/components/calendar_desktop.html
@@ -4,32 +4,53 @@
     <div class="card-header d-flex align-items-center justify-content-between flex-wrap gap-2">
 
       <div class="d-flex align-items-center gap-2 flex-shrink-1 min-w-0">
-        <h6 class="card-title fw-semibold mb-0">Календари</h6>
+        <h6 class="card-title fw-semibold mb-0">Календарь</h6>
 
-        {# Кнопка управления календарями #}
+        {# Выпадающий выбор: Компания / Отделы / Личный (LEGACY) #}
+        <div class="dropdown">
+          <button 
+            class="btn btn-sm btn-outline-secondary dropdown-toggle text-truncate" 
+            type="button"
+            id="calendarChooserBtn" 
+            data-bs-toggle="dropdown" 
+            aria-expanded="false"
+            style="max-width: 150px;"
+          >
+            Компания
+          </button>
+          <ul class="dropdown-menu" aria-labelledby="calendarChooserBtn" id="calendarChooserMenu">
+            <li><button class="dropdown-item" type="button" data-cal="personal">Личный</button></li>
+            <li><hr class="dropdown-divider"></li>
+            <li><button class="dropdown-item" type="button" data-cal="company">Компания</button></li>
+            <li><hr class="dropdown-divider"></li>
+            {# пункты отделов добавим из JS по data-dept-id #}
+          </ul>
+        </div>
+
+        {# Кнопка списка календарей (NEW) #}
         <button 
-          class="btn btn-sm btn-outline-secondary" 
+          class="btn btn-sm btn-outline-primary" 
           type="button"
           data-bs-toggle="collapse" 
           data-bs-target="#calendarListCollapse"
           aria-expanded="false" 
           aria-controls="calendarListCollapse"
-          title="Управление календарями"
+          title="Мои календари"
         >
-          <i class="bi-list"></i>
+          <i class="bi-list-check"></i>
         </button>
       </div>
 
       <div class="d-flex align-items-center gap-2 flex-shrink-0">
         <span class="card-sub text-muted d-none d-xl-inline">События</span>
         <button 
-          class="btn btn-sm btn-outline-primary" 
+          class="btn btn-sm btn-outline-success" 
           type="button" 
           data-action="create-calendar"
           aria-label="Создать календарь"
           title="Создать календарь"
         >
-          <i class="bi-plus-lg"></i>
+          <i class="bi-calendar-plus"></i>
         </button>
         <button 
           class="btn btn-sm btn-primary" 
@@ -39,15 +60,20 @@
           aria-label="Создать событие"
           title="Создать событие"
         >
-          <i class="bi-calendar-plus"></i>
+          <i class="bi-plus-lg"></i>
         </button>
       </div>
     </div>
 
-    {# Список календарей (сворачиваемый) #}
+    {# Список календарей (сворачиваемый) - НОВАЯ ФУНКЦИЯ #}
     <div class="collapse" id="calendarListCollapse">
-      <div class="card-body border-bottom">
-        <div id="calendarListContainer" class="calendar-list-container">
+      <div class="card-body border-bottom py-2">
+        <small class="text-muted d-block mb-2">
+          <i class="bi-info-circle me-1"></i>
+          Управление несколькими календарями
+        </small>
+        <div id="calendarListContainer" class="calendar-list-container" style="max-height: 200px;">
+
           {# Здесь будет JS-генерируемый список календарей #}
           <div class="text-center py-3">
             <div class="spinner-border spinner-border-sm text-primary" role="status">