details for the admin

ht_booking/assets/i18n/en/main.ftl

@@ -52,3 +52,4 @@ theme-dark = Dark
 settings = Settings
 settings-language = Language
 settings-theme = Theme
+view-details = Details

ht_booking/assets/i18n/sk/main.ftl

@@ -52,3 +52,4 @@ theme-dark = Tmavý
 settings = Nastavenia
 settings-language = Jazyk
 settings-theme = Téma
+view-details = Detaily

ht_booking/assets/views/calendar/week.html

@@ -2,6 +2,37 @@
 
 {% block title %}{{ t(key="calendar-title", lang=lang) }}{% endblock title %}
 
+{% block head %}
+{% if is_admin %}
+<style>
+  /* Admin calendar — detailed-view toggle. The public calendar is unaffected. */
+  .cal-detail { display: none; }
+  #cal.cal--detailed .cal-chip {
+    position: static;
+    inset: auto;
+    margin: 0.25rem;
+    min-height: 3rem;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: center;
+  }
+  #cal.cal--detailed .cal-name {
+    white-space: normal;
+    font-weight: 600;
+  }
+  #cal.cal--detailed .cal-detail {
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
+    margin-top: 2px;
+    font-weight: 400;
+    line-height: 1.25;
+    overflow-wrap: anywhere;
+  }
+</style>
+{% endif %}
+{% endblock head %}
+
 {% block content %}
 <div class="mb-4 flex flex-wrap items-center justify-between gap-3">
   <h1 class="text-2xl font-bold">
@@ -22,19 +53,32 @@
 
 {% if has_courts %}
 <div class="mb-3 flex flex-wrap items-center justify-between gap-2">
-  <div class="join">
+  <div class="flex flex-wrap items-center gap-2">
-    <a href="{{ base_path }}?court={{ court_id }}&week={{ prev_week }}"
+    <div class="join">
-      class="btn btn-sm join-item">« {{ t(key="prev-week", lang=lang) }}</a>
+      <a href="{{ base_path }}?court={{ court_id }}&week={{ prev_week }}"
-    <a href="{{ base_path }}?court={{ court_id }}&week={{ this_week }}"
+        class="btn btn-sm join-item">« {{ t(key="prev-week", lang=lang) }}</a>
-      class="btn btn-sm join-item">{{ t(key="this-week", lang=lang) }}</a>
+      <a href="{{ base_path }}?court={{ court_id }}&week={{ this_week }}"
-    <a href="{{ base_path }}?court={{ court_id }}&week={{ next_week }}"
+        class="btn btn-sm join-item">{{ t(key="this-week", lang=lang) }}</a>
-      class="btn btn-sm join-item">{{ t(key="next-week", lang=lang) }} »</a>
+      <a href="{{ base_path }}?court={{ court_id }}&week={{ next_week }}"
+        class="btn btn-sm join-item">{{ t(key="next-week", lang=lang) }} »</a>
+    </div>
+    {% if is_admin %}
+    <button type="button" id="cal-detail-toggle" class="btn btn-sm gap-1" aria-pressed="false"
+      title="{{ t(key='view-details', lang=lang) }}">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
+        stroke="currentColor" class="h-4 w-4">
+        <path stroke-linecap="round" stroke-linejoin="round"
+          d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" />
+      </svg>
+      {{ t(key="view-details", lang=lang) }}
+    </button>
+    {% endif %}
   </div>
   <div class="text-sm font-medium opacity-60">{{ court_name }} · {{ week_label }}</div>
 </div>
 
 <div class="overflow-x-auto rounded-lg border border-base-300 bg-base-100 shadow-sm">
-  <table class="w-full border-collapse text-sm">
+  <table id="cal" class="w-full border-collapse text-sm">
     <thead>
       <tr class="bg-base-200">
         <th class="w-16 border border-base-300 p-2"></th>
@@ -55,9 +99,16 @@
           {% if cell.booked %}
             {% if is_admin %}
           <a href="/admin/booking/{{ cell.booking_id }}"
-            class="absolute inset-1 flex items-center overflow-hidden rounded px-1.5 text-xs font-medium text-white shadow-sm transition hover:opacity-90"
+            class="cal-chip absolute inset-1 flex items-center overflow-hidden rounded px-1.5 text-xs font-medium text-white shadow-sm transition hover:opacity-90"
             style="background-color: {{ cell.color }}">
-            <span class="min-w-0 truncate">{{ cell.name }}</span>
+            <span class="cal-name min-w-0 truncate">{{ cell.name }}</span>
+            {% if cell.title or cell.contact or cell.note %}
+            <span class="cal-detail">
+              {%- if cell.title %}<span class="truncate opacity-95">{{ cell.title }}</span>{% endif -%}
+              {%- if cell.contact %}<span class="truncate opacity-80">{{ cell.contact }}</span>{% endif -%}
+              {%- if cell.note %}<span class="opacity-80">{{ cell.note }}</span>{% endif -%}
+            </span>
+            {% endif %}
           </a>
             {% else %}
           <div class="absolute inset-1 flex items-center overflow-hidden rounded px-1.5 text-xs font-medium text-white shadow-sm"
@@ -88,3 +139,29 @@
 </div>
 {% endif %}
 {% endblock content %}
+
+{% block js %}
+{% if is_admin %}
+<script>
+  // Detailed-view toggle for the admin calendar. The choice is remembered
+  // per browser; the public calendar never loads this script.
+  (function () {
+    var KEY = 'cal_detailed';
+    var tbl = document.getElementById('cal');
+    var btn = document.getElementById('cal-detail-toggle');
+    if (!tbl || !btn) return;
+    function apply(on) {
+      tbl.classList.toggle('cal--detailed', on);
+      btn.classList.toggle('btn-active', on);
+      btn.setAttribute('aria-pressed', on ? 'true' : 'false');
+    }
+    apply(localStorage.getItem(KEY) === '1');
+    btn.addEventListener('click', function () {
+      var on = !tbl.classList.contains('cal--detailed');
+      localStorage.setItem(KEY, on ? '1' : '0');
+      apply(on);
+    });
+  })();
+</script>
+{% endif %}
+{% endblock js %}

ht_booking/src/controllers/calendar.rs

@@ -54,6 +54,10 @@ pub struct Cell {
     pub name: String,
     /// Public-facing label shown on the calendar when set.
     pub title: String,
+    /// Private — admin only. Shown in the dashboard's detailed view.
+    pub contact: String,
+    /// Private — admin only. Shown in the dashboard's detailed view.
+    pub note: String,
 }
 
 #[derive(Debug, Serialize)]
@@ -177,6 +181,8 @@ pub async fn build_calendar(
                             booking_id: b.id,
                             name: b.name.clone(),
                             title: b.title.clone().unwrap_or_default(),
+                            contact: b.contact.clone().unwrap_or_default(),
+                            note: b.note.clone().unwrap_or_default(),
                         },
                         None => Cell {
                             date: iso,
@@ -186,6 +192,8 @@ pub async fn build_calendar(
                             booking_id: 0,
                             name: String::new(),
                             title: String::new(),
+                            contact: String::new(),
+                            note: String::new(),
                         },
                     }
                 })