429 files

custom_components/maintenance_supporter/frontend-src/renderers/task-detail.ts

@@ -11,6 +11,7 @@
 
 import { html, nothing } from "lit";
 import { isSafeHttpUrl } from "../helpers/url";
+import { renderNotesMarkdown } from "../helpers/notes-markdown";
 import { t, formatDate, formatDateTime, formatRecurrence } from "../styles";
 import type { AdvancedFeatures, HomeAssistant, MaintenanceTask, ManualDocRef } from "../types";
 import { renderTriggerSection, type SparklineContext } from "./sparkline";
@@ -222,8 +223,8 @@ function renderPhasesCard(task: MaintenanceTask, ctx: TaskDetailContext) {
           const last = lastByPhase.get(id);
           return html`
             <div class="phase-step ${i === cursor ? "current" : ""}"
-              title=${i === cursor ? t("phase_current", L) : (ctx.isOperator ? t("phase_set", L) : "")}
-              @click=${() => { if (ctx.isOperator && i !== cursor) ctx.setPhaseCursor(i); }}>
+              title=${i === cursor ? t("phase_current", L) : t("phase_set", L)}
+              @click=${() => { if (i !== cursor) ctx.setPhaseCursor(i); }}>
               <span class="phase-step-name">${i + 1}. ${name}</span>
               ${last ? html`<span class="phase-step-last">${formatDate(last, L)}</span>` : nothing}
             </div>
@@ -284,7 +285,7 @@ function renderTaskMeta(task: MaintenanceTask, ctx: TaskDetailContext) {
       ${task.notes ? html`
         <div class="task-meta-row">
           <ha-icon icon="mdi:note-text-outline"></ha-icon>
-          <span class="task-meta-notes">${task.notes}</span>
+          <span class="task-meta-notes">${renderNotesMarkdown(task.notes)}</span>
         </div>
       ` : nothing}
       ${safeTaskUrl ? html`
@@ -494,6 +495,12 @@ export function renderOverviewTab(task: MaintenanceTask, ctx: TaskDetailContext)
 function renderHistoryTab(task: MaintenanceTask, ctx: TaskDetailContext) {
   return html`
     <div class="tab-content history-tab">
+      <div class="history-add-past">
+        <ha-button appearance="plain" class="history-add-past-btn" @click=${() => ctx.openComplete(task)}>
+          <ha-icon icon="mdi:calendar-plus"></ha-icon>
+          ${t("history_add_past", ctx.lang)}
+        </ha-button>
+      </div>
       ${renderHistoryFilters(task, ctx.history)}
       ${renderHistoryList(task, ctx.history)}
     </div>