@ossy/timesheets 3.8.0 → 3.9.0

package/src/TimesheetPartyRows.jsx

@@ -0,0 +1,101 @@
+import React, { useMemo } from 'react'
+import { Text, View, useLocale } from '@ossy/design-system'
+import { TimesheetPartyFields, useTimesheetParties } from './TimesheetPartyFields.jsx'
+import { findByRef, partyContent } from './timesheet-parties.js'
+
+const metaTextStyle = {
+  marginBottom: 0,
+  minWidth: 0,
+  fontWeight: 400,
+  '--font-weight': '400',
+}
+
+function MetaRow ({ label, children }) {
+  return (
+    <View layout="row" gap="s" style={{ justifyContent: 'space-between', alignItems: 'baseline', minWidth: 0 }}>
+      <Text variant="m" style={metaTextStyle} text={label} />
+      <Text variant="m" style={{ ...metaTextStyle, textAlign: 'right' }}>
+        {children}
+      </Text>
+    </View>
+  )
+}
+
+/**
+ * Employee/contract selects plus rate and total cost under the timesheet header divider.
+ */
+export function TimesheetPartyRows ({
+  employeeId,
+  contractId,
+  onEmployeeChange,
+  onContractChange,
+  disabled,
+  totalHours = 0,
+}) {
+  const { t, language } = useLocale()
+  const { employees, contracts } = useTimesheetParties()
+  const contract = partyContent(findByRef(contracts, contractId))
+  const dash = t('timesheets.meta.dash')
+
+  const money = useMemo(
+    () => (value) => {
+      if (value == null || value === '') return dash
+      return new Intl.NumberFormat(language === 'sv' ? 'sv-SE' : 'en-SE', {
+        style: 'currency',
+        currency: 'SEK',
+      }).format(Number(value))
+    },
+    [dash, language],
+  )
+
+  const hourlyRate = contract?.hourlyCompensation == null || contract?.hourlyCompensation === ''
+    ? null
+    : Number(contract.hourlyCompensation)
+  const totalCost = hourlyRate != null && Number.isFinite(hourlyRate)
+    ? Number(totalHours) * hourlyRate
+    : null
+
+  return (
+    <View
+      gap="s"
+      style={{
+        minWidth: 0,
+        fontWeight: 400,
+        '--font-weight': '400',
+        '--text-default-font-weight': '400',
+        '--text-m-font-weight': '400',
+        '--text-small-font-weight': '400',
+      }}
+    >
+      <TimesheetPartyFields
+        layout="rows"
+        employeeId={employeeId}
+        contractId={contractId}
+        onEmployeeChange={onEmployeeChange}
+        onContractChange={onContractChange}
+        disabled={disabled}
+        employees={employees}
+        contracts={contracts}
+      >
+        {contract ? (
+          <MetaRow label="timesheets.meta.client">
+            {contract.clientName || dash}
+          </MetaRow>
+        ) : null}
+      </TimesheetPartyFields>
+
+      {contract ? (
+        <>
+          <MetaRow label="timesheets.meta.hourlyRate">
+            {hourlyRate == null || !Number.isFinite(hourlyRate)
+              ? dash
+              : `${money(hourlyRate)}${t('timesheets.meta.perHour')}`}
+          </MetaRow>
+          <MetaRow label="timesheets.meta.totalCost">
+            {totalCost == null || !Number.isFinite(totalCost) ? dash : money(totalCost)}
+          </MetaRow>
+        </>
+      ) : null}
+    </View>
+  )
+}

package/src/TimesheetsProductHome.jsx

@@ -1,14 +1,21 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react'
-import { Text, View, Button, Page, useLocale, Tags, Alert, Select, List, Overlay } from '@ossy/design-system'
-import { useRouter } from '@ossy/router-react'
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { Text, View, Button, Page, useLocale, Tags, Alert, Select, List, Overlay, ContextMenu, Guide } from '@ossy/design-system'
 import { useSdk } from '@ossy/sdk-react'
+import { useSelectedResourceId } from '@ossy/resources'
 import { Definition } from './Definition.js'
 import { TimesheetCard } from './TimesheetCard.jsx'
-import { monthPeriodBounds } from './build-prefilled-lines.js'
+import { TimesheetPanel } from './TimesheetPanel.jsx'
+import { TimesheetExportCard } from './TimesheetExportCard.jsx'
+import { TimesheetPartyFields, useTimesheetParties } from './TimesheetPartyFields.jsx'
+import { contractBillingMeta, labelForContract, labelForEmployee } from './timesheet-parties.js'
 import { invokeErrorMessage } from './invoke-error-message.js'
+import { downloadTimesheetCsv } from './download-timesheet-csv.js'
+import { downloadTimesheetImage } from './download-timesheet-image.js'
+import { downloadTimesheetPdf } from './download-timesheet-pdf.js'
 import { metadata as ListTimesheets } from './list.action.js'
 import { metadata as GenerateTimesheet } from './generate.action.js'
 import { metadata as OpenNewTimesheet } from './open-new.action.js'
+import { metadata as DeleteTimesheet } from './delete.action.js'
 import { HolidayLocaleSelect } from './HolidayLocaleSelect.jsx'
 import { resolveHolidayLocale } from './holiday-locale.js'
 
@@ -41,7 +48,8 @@ function buildMonthOptions (language, yearsBack = 1, yearsForward = 0) {
 export default function TimesheetsProductHome () {
   const { t, language } = useLocale()
   const sdk = useSdk()
-  const router = useRouter()
+  const { employees, contracts } = useTimesheetParties()
+  const { selectedResourceId, setSelectedResourceId, clearSelectedResourceId } = useSelectedResourceId()
 
   const monthOptions = useMemo(() => buildMonthOptions(language), [language])
   const [periodKey, setPeriodKey] = useState(() => {
@@ -49,51 +57,112 @@ export default function TimesheetsProductHome () {
     return `${n.getFullYear()}-${n.getMonth()}`
   })
   const [holidayLocale, setHolidayLocale] = useState(() => resolveHolidayLocale(language))
+  const [employeeId, setEmployeeId] = useState(null)
+  const [contractId, setContractId] = useState(null)
   const [creating, setCreating] = useState(false)
   const [sheets, setSheets] = useState([])
   const [loading, setLoading] = useState(true)
   const [generating, setGenerating] = useState(false)
   const [error, setError] = useState(null)
   const [createError, setCreateError] = useState(null)
+  const [sheetToDelete, setSheetToDelete] = useState(null)
+  const [deleting, setDeleting] = useState(false)
+  const [exportJob, setExportJob] = useState(null)
+  const exportCaptureRef = useRef(null)
 
   const selected = useMemo(
     () => monthOptions.find((o) => o.value === periodKey) ?? monthOptions[0],
     [monthOptions, periodKey],
   )
 
-  const existingPeriodStarts = useMemo(
-    () => new Set(sheets.map((s) => s.periodStart)),
-    [sheets],
-  )
-
   const statusTags = (Definition.status ?? [])
     .map((s) => ({ beta: 'Beta', 'coming-soon': 'Coming Soon' }[s]))
     .filter(Boolean)
 
-  const loadList = useCallback(async () => {
-    setLoading(true)
-    setError(null)
+  const refreshList = useCallback(async () => {
     try {
       const data = await sdk.invoke(ListTimesheets, {})
       setSheets(Array.isArray(data) ? data : [])
     } catch (err) {
       setError(await invokeErrorMessage(err, t('timesheets.errorLoad')))
       setSheets([])
+    }
+  }, [sdk, t])
+
+  const loadList = useCallback(async () => {
+    setLoading(true)
+    setError(null)
+    try {
+      await refreshList()
     } finally {
       setLoading(false)
     }
-  }, [sdk, t])
+  }, [refreshList])
 
   useEffect(() => {
     loadList()
   }, [loadList])
 
-  const openDetail = (timesheetId) => {
-    const href = router.getHref({
-      id: 'timesheets/detail',
-      params: { timesheetId },
+  const openSheet = (timesheetId) => {
+    setSelectedResourceId(timesheetId)
+  }
+
+  const requestExport = useCallback((sheet, kind) => {
+    if (!sheet?.lines?.length) return
+    const billing = contractBillingMeta(contracts, sheet.contractId)
+    const payload = {
+      ...sheet,
+      clientName: billing.clientName,
+      hourlyRate: billing.hourlyRate,
+    }
+    if (kind === 'csv') {
+      downloadTimesheetCsv(payload)
+      return
+    }
+    setExportJob({ sheet: payload, kind })
+  }, [contracts])
+
+  useEffect(() => {
+    if (!exportJob) return
+    let cancelled = false
+    const frame = requestAnimationFrame(() => {
+      requestAnimationFrame(async () => {
+        try {
+          const node = exportCaptureRef.current
+          if (!node || cancelled) return
+          if (exportJob.kind === 'png') {
+            await downloadTimesheetImage(node, exportJob.sheet)
+          } else {
+            await downloadTimesheetPdf(node, exportJob.sheet)
+          }
+        } catch (err) {
+          if (!cancelled) setError(await invokeErrorMessage(err, t('timesheets.errorExport')))
+        } finally {
+          if (!cancelled) setExportJob(null)
+        }
+      })
     })
-    if (href) window.location.href = href
+    return () => {
+      cancelled = true
+      cancelAnimationFrame(frame)
+    }
+  }, [exportJob, t])
+
+  const confirmDelete = async () => {
+    const sheet = sheetToDelete
+    if (!sheet?.id) return
+    setDeleting(true)
+    setError(null)
+    try {
+      await sdk.invoke(DeleteTimesheet, { timesheetId: sheet.id })
+      setSheetToDelete(null)
+      if (selectedResourceId === sheet.id) clearSelectedResourceId()
+      await refreshList()
+    } catch (err) {
+      setError(await invokeErrorMessage(err, t('timesheets.errorDelete')))
+    } finally {
+      setDeleting(false)
+    }
   }
 
   const closeCreateModal = () => {
@@ -108,6 +177,8 @@ export default function TimesheetsProductHome () {
     const n = new Date()
     setPeriodKey(`${n.getFullYear()}-${n.getMonth()}`)
     setHolidayLocale(resolveHolidayLocale(language))
+    setEmployeeId(null)
+    setContractId(null)
   }
 
   const handleGenerate = async () => {
@@ -119,12 +190,16 @@ export default function TimesheetsProductHome () {
         year: selected.year,
         monthIndex: selected.monthIndex,
         locale: holidayLocale,
+        ...(employeeId ? { employeeId } : {}),
+        ...(contractId ? { contractId } : {}),
       })
       if (data?.id) {
-        openDetail(data.id)
+        await refreshList()
+        setCreating(false)
+        openSheet(data.id)
         return
       }
-      await loadList()
+      await refreshList()
       setCreating(false)
     } catch (err) {
       setCreateError(await invokeErrorMessage(err, t('timesheets.errorGenerate')))
@@ -133,51 +208,164 @@ export default function TimesheetsProductHome () {
     }
   }
 
-  const periodAlreadyExists = selected
-    && existingPeriodStarts.has(monthPeriodBounds(selected.year, selected.monthIndex).periodStart)
-
   return (
-    <Page
-      title="timesheets.home.title"
-      near={statusTags.length > 0 ? <Tags tags={statusTags} size="s" /> : undefined}
-      description="timesheets.home.description"
-      far={(
-        <Button
-          id={OpenNewTimesheet.id}
-          variant="cta"
-          prefix="add"
-          label="timesheets.new"
-          onClick={openCreateModal}
-        />
-      )}
-    >
-      <View gap="m">
-        {error && <Alert variant="danger">{error}</Alert>}
-
-        <View gap="s">
-          <Text variant="heading-secondary" as="h2" text="timesheets.listTitle" />
-          {loading ? (
-            <Text color="secondary" text="timesheets.loading" />
-          ) : sheets.length === 0 ? (
-            <Text color="secondary" text="timesheets.listEmpty" />
-          ) : (
-            <View gap="s">
-              <List>
-                {sheets.map((sheet) => (
-                  <TimesheetCard
-                    key={sheet.id}
-                    timesheet={sheet}
-                    onClick={() => openDetail(sheet.id)}
+    <>
+      <Page
+        scroll
+        title="timesheets.home.title"
+        near={statusTags.length > 0 ? <Tags tags={statusTags} size="s" /> : undefined}
+        description="timesheets.home.description"
+        style={{ minHeight: 0 }}
+        contentStyle={{
+          overflow: 'hidden',
+          display: 'flex',
+          flexDirection: 'column',
+          minHeight: 0,
+        }}
+      >
+        <View stack horizontal gap="xs" style={{ height: '100%', minHeight: 0, flex: '1 1 auto' }}>
+          <View.Item fill surface="primary" roundness="xs" style={{ minHeight: 0, minWidth: 0 }}>
+            <View stack bordered style={{ height: '100%', minHeight: 0 }}>
+              <View.Item>
+                <View stack horizontal style={{ minHeight: '48px', alignItems: 'center', gap: '4px' }}>
+                  <View.Item fill surface="primary" style={{ padding: '4px 8px', minWidth: 0 }}>
+                    <Text as="h2" variant="small" weight="medium" text="timesheets.listTitle" />
+                  </View.Item>
+                  <Button
+                    id={OpenNewTimesheet.id}
+                    variant="command"
+                    prefix="add"
+                    aria-label={t('timesheets.new')}
+                    onClick={openCreateModal}
                   />
-                ))}
-              </List>
+                </View>
+              </View.Item>
+
+              <View.Item fill style={{ overflowY: 'auto', minHeight: 0 }}>
+                {error && (
+                  <View inset="m">
+                    <Alert variant="danger">{error}</Alert>
+                  </View>
+                )}
+                {loading ? (
+                  <View inset="m">
+                    <Text color="secondary" text="timesheets.loading" />
+                  </View>
+                ) : sheets.length === 0 ? (
+                  <View inset="m">
+                    <Text color="secondary" text="timesheets.listEmpty" />
+                  </View>
+                ) : (
+                  <List>
+                    {sheets.map((sheet) => (
+                      <TimesheetCard
+                        key={sheet.id}
+                        timesheet={sheet}
+                        selected={sheet.id === selectedResourceId}
+                        onClick={() => openSheet(sheet.id)}
+                        actions={[
+                          <ContextMenu.Item
+                            key="view"
+                            prefix="details-more"
+                            label="timesheets.view"
+                            onClick={() => openSheet(sheet.id)}
+                          />,
+                          <ContextMenu.Item
+                            key="csv"
+                            prefix="list"
+                            label="timesheets.exportCsv"
+                            onClick={() => requestExport(sheet, 'csv')}
+                          />,
+                          <ContextMenu.Item
+                            key="png"
+                            prefix="image"
+                            label="timesheets.exportPng"
+                            onClick={() => requestExport(sheet, 'png')}
+                          />,
+                          <ContextMenu.Item
+                            key="pdf"
+                            prefix="file-document"
+                            label="timesheets.exportPdf"
+                            onClick={() => requestExport(sheet, 'pdf')}
+                          />,
+                          <ContextMenu.Separator key="separator" />,
+                          <ContextMenu.Item
+                            key="delete"
+                            variant="command-danger"
+                            prefix="trash-empty"
+                            label="timesheets.delete"
+                            onClick={() => setSheetToDelete(sheet)}
+                          />,
+                        ]}
+                      />
+                    ))}
+                  </List>
+                )}
+              </View.Item>
             </View>
-          )}
+          </View.Item>
+
+          <TimesheetPanel
+            timesheetId={selectedResourceId}
+            onClose={clearSelectedResourceId}
+            onSaved={refreshList}
+          />
         </View>
-      </View>
+      </Page>
+
+      <Overlay isVisible={Boolean(sheetToDelete)} onClose={() => !deleting && setSheetToDelete(null)}>
+        <View layout="off-center-s" style={{ height: '100%' }}>
+          <View data-region="content">
+            <View surface="primary" roundness="s" inset="l">
+              <Guide
+                title="timesheets.deleteTitle"
+                text="timesheets.deleteText"
+                actions={[
+                  {
+                    label: 'timesheets.cancel',
+                    variant: 'command',
+                    disabled: deleting,
+                    onClick: () => setSheetToDelete(null),
+                  },
+                  {
+                    label: 'timesheets.delete',
+                    variant: 'command-danger',
+                    disabled: deleting,
+                    onClick: confirmDelete,
+                  },
+                ]}
+              />
+            </View>
+          </View>
+        </View>
+      </Overlay>
+
+      {exportJob ? (
+        <div
+          aria-hidden
+          style={{
+            position: 'fixed',
+            left: 0,
+            top: 0,
+            transform: 'translateX(-200vw)',
+            pointerEvents: 'none',
+            zIndex: -1,
+          }}
+        >
+          <TimesheetExportCard
+            lines={exportJob.sheet.lines}
+            periodStart={exportJob.sheet.periodStart}
+            employeeLabel={labelForEmployee(employees, exportJob.sheet.employeeId)}
+            contractLabel={labelForContract(contracts, exportJob.sheet.contractId)}
+            clientName={exportJob.sheet.clientName}
+            hourlyRate={exportJob.sheet.hourlyRate}
+            captureRef={exportCaptureRef}
+          />
+        </div>
+      ) : null}
 
       <Overlay isVisible={creating} onClose={closeCreateModal}>
-        <View layout="off-center-m" style={{ height: '100%' }}>
+        <View layout="off-center-s" style={{ height: '100%' }}>
           <View data-region="content" style={{ width: 'min(28rem, calc(100vw - 2rem))' }}>
             <View surface="primary" roundness="m" inset="l" gap="m">
               <View gap="xs">
@@ -206,9 +394,13 @@ export default function TimesheetsProductHome () {
                 onChange={(e) => setHolidayLocale(e.target.value)}
               />
 
-              {periodAlreadyExists && (
-                <Text variant="small" color="secondary" text="timesheets.periodExistsHint" />
-              )}
+              <TimesheetPartyFields
+                employeeId={employeeId}
+                contractId={contractId}
+                onEmployeeChange={setEmployeeId}
+                onContractChange={setContractId}
+                disabled={generating}
+              />
 
               <View layout="row" gap="s" justifyContent="flex-end" style={{ flexWrap: 'wrap' }}>
                 <Button
@@ -223,17 +415,13 @@ export default function TimesheetsProductHome () {
                   disabled={generating || !selected}
                   onClick={handleGenerate}
                 >
-                  {generating
-                    ? t('timesheets.loading')
-                    : periodAlreadyExists
-                      ? t('timesheets.openExisting')
-                      : t('timesheets.generate')}
+                  {generating ? t('timesheets.loading') : t('timesheets.generate')}
                 </Button>
               </View>
             </View>
           </View>
         </View>
       </Overlay>
-    </Page>
+    </>
   )
 }

package/src/delete.action.js

@@ -0,0 +1,5 @@
+export const metadata = {
+  id: '@ossy/timesheets/actions/delete',
+  access: 'workspace',
+  label: 'timesheets.delete',
+}

package/src/delete.task.js

@@ -0,0 +1,42 @@
+import { ResourcesEvents, mutateResource, viewResource } from '@ossy/resources/server'
+import { TimesheetsSchema } from './schema-ids.js'
+
+export const metadata = { id: '@ossy/timesheets/tasks/delete' }
+
+/**
+ * Delete a timesheet. Payload: `{ timesheetId }`
+ */
+export async function run ({ payload, req, log }) {
+  const workspaceId = req?.workspaceId
+
+  if (!workspaceId) {
+    throw Object.assign(new Error('workspaceId is required'), { status: 400 })
+  }
+
+  const timesheetId = payload?.timesheetId
+
+  if (!timesheetId) {
+    throw Object.assign(new Error('timesheetId is required'), { status: 400 })
+  }
+
+  const resource = await viewResource(timesheetId)
+
+  if (!resource || resource.type !== TimesheetsSchema.timesheet) {
+    throw Object.assign(new Error('timesheet not found'), { status: 404 })
+  }
+
+  if (resource.belongsTo && resource.belongsTo !== workspaceId) {
+    throw Object.assign(new Error('timesheet not found'), { status: 404 })
+  }
+
+  log?.info(`[timesheets/tasks/delete] Deleting timesheet ${timesheetId}`)
+
+  await mutateResource(
+    timesheetId,
+    ResourcesEvents.Deleted({
+      createdBy: req?.userId ?? 'system',
+    }),
+  )
+
+  return { id: timesheetId, deleted: true }
+}

package/src/download-timesheet-csv.js

@@ -1,8 +1,14 @@
 import { formatDateKey } from './build-prefilled-lines.js'
 
+function csvCell (value) {
+  const text = String(value ?? '')
+  if (/[",\n]/.test(text)) return `"${text.replace(/"/g, '""')}"`
+  return text
+}
+
 /**
  * Build a CSV string for a timesheet and trigger a browser download.
- * @param {{ periodStart?: number, periodEnd?: number, status?: string, lines?: Array<{ date: number, hours: number }> }} timesheet
+ * @param {{ periodStart?: number, periodEnd?: number, status?: string, lines?: Array<{ date: number, hours: number }>, clientName?: string, hourlyRate?: number }} timesheet
  * @param {string} [filename]
  */
 export function downloadTimesheetCsv (timesheet, filename) {
@@ -12,6 +18,19 @@ export function downloadTimesheetCsv (timesheet, filename) {
   if (timesheet?.periodStart != null && timesheet?.periodEnd != null) {
     headerRows.push(`# period,${formatDateKey(timesheet.periodStart)},${formatDateKey(timesheet.periodEnd)}`)
     headerRows.push(`# status,${timesheet.status ?? ''}`)
+    const employeeId = timesheet.employeeId?.resourceId ?? timesheet.employeeId
+    const contractId = timesheet.contractId?.resourceId ?? timesheet.contractId
+    if (employeeId) headerRows.push(`# employee,${csvCell(employeeId)}`)
+    if (timesheet.clientName) headerRows.push(`# client,${csvCell(timesheet.clientName)}`)
+    if (contractId) headerRows.push(`# contract,${csvCell(contractId)}`)
+    if (timesheet.hourlyRate != null && timesheet.hourlyRate !== '') {
+      const rate = Number(timesheet.hourlyRate)
+      if (Number.isFinite(rate)) {
+        const totalHours = lines.reduce((sum, line) => sum + (Number(line.hours) || 0), 0)
+        headerRows.push(`# hourlyRate,${rate}`)
+        headerRows.push(`# totalCost,${totalHours * rate}`)
+      }
+    }
   }
 
   const rows = [

package/src/en.translations.json

@@ -35,9 +35,15 @@
   "timesheets.createDescription": "Choose a month and holiday calendar to generate a prefilled timesheet.",
   "timesheets.period": "Period",
   "timesheets.holidayLocale": "Holiday calendar",
+  "timesheets.employee": "Assigned to",
+  "timesheets.employeeNone": "Unassigned",
+  "timesheets.contract": "Contract",
+  "timesheets.contractNone": "No contract",
+  "@ossy/timesheets/schema/timesheet.employeeId.label": "Assigned to",
+  "@ossy/timesheets/schema/timesheet.employeeId.description": "Optional. Who this timesheet is assigned to.",
+  "@ossy/timesheets/schema/timesheet.contractId.label": "Contract",
+  "@ossy/timesheets/schema/timesheet.contractId.description": "Optional. The contract this timesheet belongs to.",
   "timesheets.generate": "Generate",
-  "timesheets.openExisting": "Open",
-  "timesheets.periodExistsHint": "A timesheet already exists for this period — Open loads it.",
   "timesheets.cancel": "Cancel",
   "timesheets.save": "Save",
   "timesheets.saving": "Saving…",
@@ -52,13 +58,26 @@
   "timesheets.listTitle": "Your timesheets",
   "timesheets.listEmpty": "No timesheets yet. Click New to generate one for a month.",
   "timesheets.open": "Open",
+  "timesheets.view": "View",
+  "timesheets.rowActions": "Timesheet actions",
+  "timesheets.delete": "Delete",
+  "timesheets.deleteTitle": "Delete timesheet?",
+  "timesheets.deleteText": "This timesheet will be removed. This cannot be undone.",
   "timesheets.backToList": "← All timesheets",
+  "timesheets.closePanel": "Close",
   "timesheets.saved": "Timesheet saved.",
   "timesheets.unsaved": "Unsaved changes",
   "timesheets.statusLabel": "Status: {status}",
   "timesheets.status.draft": "Draft",
   "timesheets.status.saved": "Saved",
   "timesheets.totalHours": "Total: {hours} h",
+  "timesheets.meta.status": "Status",
+  "timesheets.meta.hoursValue": "{hours} h",
+  "timesheets.meta.client": "Client",
+  "timesheets.meta.hourlyRate": "Hourly rate",
+  "timesheets.meta.totalCost": "Total cost",
+  "timesheets.meta.perHour": "/h",
+  "timesheets.meta.dash": "—",
   "timesheets.weekday.mon": "Mon",
   "timesheets.weekday.tue": "Tue",
   "timesheets.weekday.wed": "Wed",
@@ -70,5 +89,6 @@
   "timesheets.errorNotFound": "Timesheet not found.",
   "timesheets.errorGenerate": "Could not generate timesheet.",
   "timesheets.errorSave": "Could not save timesheet.",
-  "timesheets.errorExport": "Could not export timesheet."
+  "timesheets.errorExport": "Could not export timesheet.",
+  "timesheets.errorDelete": "Could not delete timesheet."
 }