mirror of
https://github.com/Sea-Haven-Industries/shoc-frontend-new.git
synced 2026-09-30 09:13:11 +00:00
50b97a96d0
Add the Completion Docs page under Data Management: a searchable template table, a read-only detail panel, add and edit with a live document preview, and delete behind a confirmation that counts the open work orders still using the template and links to them. Add, edit and delete are hidden for users whose role lacks the matching template permission. The preview shares the work-order completion document's page frame, header, safety bullets and procedure heading so the two stay identical.
42 lines
962 B
TypeScript
42 lines
962 B
TypeScript
import { Text } from "@/components/ui/text";
|
|
|
|
function initials(name: string): string {
|
|
return name
|
|
.trim()
|
|
.split(/\s+/)
|
|
.map((part) => part[0] ?? "")
|
|
.join("")
|
|
.slice(0, 2)
|
|
.toUpperCase();
|
|
}
|
|
|
|
export function CompletionTemplateCreatedBy({ name }: { name: string | null }) {
|
|
if (name === null) {
|
|
return (
|
|
<Text variant="caption" tone="muted" sx={{ fontSize: 13 }}>
|
|
—
|
|
</Text>
|
|
);
|
|
}
|
|
return (
|
|
<span className="flex items-center gap-2">
|
|
<span
|
|
aria-hidden
|
|
className="flex shrink-0 items-center justify-center rounded-full"
|
|
style={{
|
|
width: 22,
|
|
height: 22,
|
|
fontSize: 9,
|
|
fontWeight: 600,
|
|
background: "var(--color-bg-muted)",
|
|
color: "var(--color-primary)",
|
|
}}
|
|
>
|
|
{initials(name)}
|
|
</span>
|
|
<Text variant="caption" sx={{ fontSize: 13 }}>
|
|
{name}
|
|
</Text>
|
|
</span>
|
|
);
|
|
}
|