From 66a6400cda8210012311e1b869247080ef9b3989 Mon Sep 17 00:00:00 2001
From: Vadim <vadim.olonin@gmail.com>
Date: Wed, 14 Oct 2026 11:01:54 +0300
Subject: [PATCH] add content in list, add list options

---
 src/components/IssueListOptions.vue  | 42 ++++++++++++++++++++++++++++
 src/components/IssuesListElement.vue | 23 +++++++++++----
 src/components/StatusMenu.vue        |  2 +-
 src/views/Issues/IssuesListView.vue  |  3 +-
 src/views/calendar/CalendarView.vue  |  5 +++-
 5 files changed, 67 insertions(+), 8 deletions(-)
 create mode 100644 src/components/IssueListOptions.vue

diff --git a/src/components/IssueListOptions.vue b/src/components/IssueListOptions.vue
new file mode 100644
index 0000000..dc6efe0
--- /dev/null
+++ b/src/components/IssueListOptions.vue
@@ -0,0 +1,42 @@
+<script setup lang="ts">
+const options = [
+  { id: 1, title: 'Title' },
+  { id: 2, title: 'Content' },
+  { id: 3, title: 'Status' },
+]
+const select = (value: unknown) => {}
+</script>
+
+<template>
+  <v-menu width="15rem" :close-on-content-click="false">
+    <template v-slot:activator="{ props }">
+      <v-btn density="compact" icon="mdi-dots-horizontal" v-bind="props" />
+    </template>
+
+    <v-list border select-strategy="single-leaf" density="compact" @update:selected="select">
+      <v-list-item rounded="0" class="py-0" slim v-for="el in options" :key="el.id">
+        <v-list-item-title>
+          <div class="menu-grid px-1">
+            <div>{{ el.title }}</div>
+            <v-switch
+              inset="material"
+              size="x-small"
+              color="success"
+              true-icon="mdi-check"
+              false-icon="mdi-close"
+              hide-details
+            />
+          </div>
+        </v-list-item-title>
+      </v-list-item>
+    </v-list>
+  </v-menu>
+</template>
+
+<style scoped lang="scss">
+.menu-grid {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  align-items: center;
+}
+</style>
diff --git a/src/components/IssuesListElement.vue b/src/components/IssuesListElement.vue
index b373c67..e5ebbd2 100644
--- a/src/components/IssuesListElement.vue
+++ b/src/components/IssuesListElement.vue
@@ -39,15 +39,24 @@ const onAssigneeChanged = async (assignee: string) => {
 <template>
   <v-list-item class="bg-on-surface-variant" :value="issue.key">
     <template #title>
-      <div class="d-flex ga-4">
-        <div>{{ issue.key }}</div>
-        <div class="d-flex ga-1 align-center">
+      <div class="d-flex ga-4 min-w-0 mr-4">
+        <div class="flex-shrink-0">{{ issue.key }}</div>
+        <div class="d-flex ga-4 align-center min-w-0">
           <v-icon
             v-if="[3, 4].includes(issue.priority) && ['OPEN', 'IN_PROGRESS'].includes(issue.status)"
             icon="mdi-alert-box"
             color="error"
           />
-          <div :class="{ 'text-decoration-line-through': issue.status === 'DONE' }">{{ issue.title }}</div>
+          <div class="flex-shrink-0" :class="{ 'text-decoration-line-through': issue.status === 'DONE' }">
+            {{ issue.title }}
+          </div>
+          <div
+            :class="{ 'text-decoration-line-through': issue.status === 'DONE' }"
+            class="text-body-medium text-truncate min-w-0"
+            :title="issue.content"
+          >
+            {{ issue.content }}
+          </div>
         </div>
       </div>
     </template>
@@ -73,4 +82,8 @@ const onAssigneeChanged = async (assignee: string) => {
   </v-list-item>
 </template>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+.min-w-0 {
+  min-width: 0;
+}
+</style>
diff --git a/src/components/StatusMenu.vue b/src/components/StatusMenu.vue
index 81a128f..cc92163 100644
--- a/src/components/StatusMenu.vue
+++ b/src/components/StatusMenu.vue
@@ -28,7 +28,7 @@ const select = (value: unknown) => {
 </script>
 
 <template>
-  <div class="">
+  <div>
     <v-menu>
       <template v-slot:activator="{ props: activatorProps }">
         <v-btn
diff --git a/src/views/Issues/IssuesListView.vue b/src/views/Issues/IssuesListView.vue
index 1b29dd1..1547c24 100644
--- a/src/views/Issues/IssuesListView.vue
+++ b/src/views/Issues/IssuesListView.vue
@@ -12,6 +12,7 @@ import IssueStats from '@/components/IssueStats.vue'
 import IssueFilter from '@/components/IssueFilter.vue'
 import SplitHandle from '@/components/SplitHandle.vue'
 import { useSplitPane } from '@/composables/useSplitPane.ts'
+import IssueListOptions from '@/components/IssueListOptions.vue'
 
 const issueStore = useIssueStore()
 const issueDetailsRef = ref<InstanceType<typeof IssueDetails>>()
@@ -220,7 +221,7 @@ async function onDeleteBatch() {
             <template #append>
               <div class="d-flex ga-4 align-center">
                 <issue-stats />
-                <v-btn density="compact" icon="mdi-dots-horizontal"></v-btn>
+                <issue-list-options />
               </div>
             </template>
           </v-list-item>
diff --git a/src/views/calendar/CalendarView.vue b/src/views/calendar/CalendarView.vue
index cd2abc2..eedd2a5 100644
--- a/src/views/calendar/CalendarView.vue
+++ b/src/views/calendar/CalendarView.vue
@@ -21,6 +21,8 @@ interface CalendarRange {
 }
 
 const UNSCHEDULED_LIMIT = 20
+/** Closed issues are not worth scheduling, so the side list shows only these */
+const UNSCHEDULED_STATUSES: Issue['status'][] = ['OPEN', 'IN_PROGRESS']
 const DRAG_TYPE = 'application/x-ulitka-issue'
 
 const issueStore = useIssueStore()
@@ -118,6 +120,7 @@ async function loadUnscheduled(page = 1) {
     limit: UNSCHEDULED_LIMIT,
     text: search.value,
     projectId: currentProjectId.value,
+    status: UNSCHEDULED_STATUSES,
     hasDueDate: false,
   })
   if (requestId !== unscheduledRequestId) return
@@ -158,7 +161,7 @@ async function setDueDate(issue: Issue, date: string | null) {
   if (updated.dueDate) {
     scheduled.value.push(updated)
     if (wasUnscheduled) unscheduledTotal.value--
-  } else {
+  } else if (UNSCHEDULED_STATUSES.includes(updated.status)) {
     unscheduled.value.unshift(updated)
     unscheduledTotal.value++
   }