5.10.0: Капсула прогрессии в списке задач

play-life-web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "play-life-web",
-  "version": "5.9.0",
+  "version": "5.10.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

play-life-web/src/components/TaskDetail.jsx

@@ -477,7 +477,7 @@ function TaskDetail({ taskId, onClose, onRefresh, onTaskCompleted, onNavigate })
         children_task_ids: Array.from(selectedSubtasks)
       }
 
-      // Если есть прогрессия, отправляем значение (или progression_base, если не введено)
+      // Если есть прогрессия, отправляем значение (или null, если не введено)
       if (taskDetail.task.progression_base != null) {
         if (progressionValue.trim()) {
           const parsedValue = parseFloat(progressionValue)
@@ -486,8 +486,8 @@ function TaskDetail({ taskId, onClose, onRefresh, onTaskCompleted, onNavigate })
           }
           payload.progression_value = parsedValue
         } else {
-          // Если прогрессия не введена - используем progression_base
-          payload.progression_value = taskDetail.task.progression_base
+          // Если прогрессия не введена - отправляем null
+          payload.progression_value = null
         }
       } else {
         // Если нет progression_base, но пользователь ввел значение - отправляем его

play-life-web/src/components/TaskList.css

@@ -256,11 +256,41 @@
   margin-left: 0.25rem;
 }
 
+.task-progression-capsule {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.35rem;
+  background: #f3f4f6;
+  border-radius: 9999px;
+  padding: 0.15rem 0.5rem;
+  cursor: pointer;
+  transition: background 0.2s;
+  min-height: 1.5rem;
+}
+
+.task-progression-capsule:hover {
+  background: #e5e7eb;
+}
+
+.task-progression-capsule--saving {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
 .task-progression-icon {
   color: #9ca3af;
   flex-shrink: 0;
 }
 
+.task-progression-value {
+  font-size: 0.8rem;
+  font-weight: 500;
+  color: #374151;
+  min-width: 1rem;
+  text-align: center;
+}
+
 .task-infinite-icon {
   color: #9ca3af;
   flex-shrink: 0;

play-life-web/src/components/TaskList.jsx

@@ -23,6 +23,7 @@ function TaskList({ onNavigate, data, loading, backgroundLoading, error, onRetry
   const [isPostponing, setIsPostponing] = useState(false)
   const [toast, setToast] = useState(null)
   const [searchQuery, setSearchQuery] = useState('')
+  const [savingProgressionTaskId, setSavingProgressionTaskId] = useState(null)
   // Режим группировки: 'project' (по проекту - по умолчанию) или 'group' (по группе)
   const [groupingMode, setGroupingMode] = useState(() => {
     // Восстанавливаем из localStorage, по умолчанию 'project'
@@ -551,6 +552,45 @@ function TaskList({ onNavigate, data, loading, backgroundLoading, error, onRetry
     }))
   }
 
+  const handleProgressionChange = async (task, delta) => {
+    if (savingProgressionTaskId === task.id) return
+
+    const currentValue = task.draft_progression_value ?? 0
+    const newValue = currentValue + delta
+
+    setSavingProgressionTaskId(task.id)
+    try {
+      const response = await authFetch(`${API_URL}/${task.id}/draft`, {
+        method: 'PUT',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          progression_value: newValue,
+          auto_complete: false,
+          children_task_ids: []
+        }),
+      })
+
+      if (!response.ok) {
+        throw new Error('Ошибка при сохранении прогрессии')
+      }
+
+      setTasks(prevTasks => 
+        prevTasks.map(t => 
+          t.id === task.id 
+            ? { ...t, draft_progression_value: newValue }
+            : t
+        )
+      )
+    } catch (err) {
+      console.error('Error saving progression:', err)
+      setToast({ message: err.message || 'Ошибка при сохранении прогрессии', type: 'error' })
+    } finally {
+      setSavingProgressionTaskId(null)
+    }
+  }
+
   // Получаем все проекты из задачи (теперь они приходят в task.project_names)
   const getTaskProjects = (task) => {
     if (task.project_names && Array.isArray(task.project_names)) {
@@ -888,21 +928,34 @@ function TaskList({ onNavigate, data, loading, backgroundLoading, error, onRetry
                     </svg>
                   )}
                   {hasProgression && (
-                    <svg
-                      className="task-progression-icon"
-                      width="16"
-                      height="16"
-                      viewBox="0 0 24 24"
-                      fill="none"
-                      stroke="currentColor"
-                      strokeWidth="2"
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
+                    <span 
+                      className={`task-progression-capsule ${savingProgressionTaskId === task.id ? 'task-progression-capsule--saving' : ''}`}
+                      onClick={(e) => {
+                        e.stopPropagation()
+                        if (savingProgressionTaskId !== task.id) {
+                          handleProgressionChange(task, task.progression_base)
+                        }
+                      }}
                       title="Задача с прогрессией"
                     >
-                      <polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline>
-                      <polyline points="17 6 23 6 23 12"></polyline>
-                    </svg>
+                      <svg
+                        className="task-progression-icon"
+                        width="14"
+                        height="14"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        strokeWidth="2"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                      >
+                        <polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline>
+                        <polyline points="17 6 23 6 23 12"></polyline>
+                      </svg>
+                      {task.draft_progression_value != null && (
+                        <span className="task-progression-value">{task.draft_progression_value}</span>
+                      )}
+                    </span>
                   )}
                 </span>
               </div>