@things-factory/organization 10.1.226 → 10.1.227

package/dist-client/pages/employee-profile/employee-profile-files.d.ts

@@ -0,0 +1,23 @@
+export type ProfileFormat = 'XLSX' | 'PDF' | 'HTML';
+export type ProfileFile = {
+    fileName: string;
+    mimeType: string;
+    content: string;
+};
+/** Whose profiles: the chosen employees, or the caller's own. */
+export type ProfileSubject = {
+    employeeIds: string[];
+} | {
+    own: true;
+};
+export declare function profileFile(subject: ProfileSubject, format: ProfileFormat, language?: string): Promise<ProfileFile>;
+/** Hand a file the server made to the browser to save. */
+export declare function saveProfileFile({ fileName, mimeType, content }: ProfileFile): void;
+/** The HTML page of a preview, as text. */
+export declare function textOf({ content }: ProfileFile): string;
+export type Language = {
+    code: string;
+    display: string;
+};
+/** The reader's language among those the application runs - by its language part when the region differs. */
+export declare function readerLanguageOf(languages: Language[], reader?: string): string;

package/dist-client/pages/employee-profile/employee-profile-files.js

@@ -0,0 +1,50 @@
+import gql from 'graphql-tag';
+import { client } from '@operato/graphql';
+import { i18next } from '@operato/i18n';
+const CHOSEN = gql `
+  query ($employeeIds: [String!]!, $format: EmployeeProfileFormat!, $language: String) {
+    employeeProfileDocument(employeeIds: $employeeIds, format: $format, language: $language) {
+      fileName
+      mimeType
+      content
+    }
+  }
+`;
+const OWN = gql `
+  query ($format: EmployeeProfileFormat!, $language: String) {
+    myEmployeeProfileDocument(format: $format, language: $language) {
+      fileName
+      mimeType
+      content
+    }
+  }
+`;
+export async function profileFile(subject, format, language) {
+    const own = 'own' in subject;
+    const response = await client.query({
+        query: own ? OWN : CHOSEN,
+        variables: { ...(own ? {} : { employeeIds: subject.employeeIds }), format, language: language || null },
+        fetchPolicy: 'no-cache'
+    });
+    const file = own ? response.data?.myEmployeeProfileDocument : response.data?.employeeProfileDocument;
+    if (!file)
+        throw response.errors?.[0] ?? new Error('no document');
+    return file;
+}
+const bytesOf = (content) => Uint8Array.from(atob(content), char => char.charCodeAt(0));
+/** Hand a file the server made to the browser to save. */
+export function saveProfileFile({ fileName, mimeType, content }) {
+    const url = URL.createObjectURL(new Blob([bytesOf(content)], { type: mimeType }));
+    const link = Object.assign(document.createElement('a'), { href: url, download: fileName });
+    link.click();
+    setTimeout(() => URL.revokeObjectURL(url), 1000);
+}
+/** The HTML page of a preview, as text. */
+export function textOf({ content }) {
+    return new TextDecoder().decode(bytesOf(content));
+}
+/** The reader's language among those the application runs - by its language part when the region differs. */
+export function readerLanguageOf(languages, reader = i18next.language ?? '') {
+    return languages.find(one => one.code === reader)?.code ?? languages.find(one => one.code.split('-')[0] === reader.split('-')[0])?.code ?? languages[0]?.code ?? '';
+}
+//# sourceMappingURL=employee-profile-files.js.map

package/dist-client/pages/employee-profile/employee-profile-files.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"employee-profile-files.js","sourceRoot":"","sources":["../../../client/pages/employee-profile/employee-profile-files.ts"],"names":[],"mappings":"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","sourcesContent":["import gql from 'graphql-tag'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\n\n/*\n * The profile documents the screens ask the server for (ADR-0169 decisions 6 · 9): the chosen people's - read under\n * `employee-profile` - or one's own, as Excel, PDF or the HTML page the preview shows. One way for the list, the\n * preview and one's own page.\n */\n\nexport type ProfileFormat = 'XLSX' | 'PDF' | 'HTML'\n\nexport type ProfileFile = { fileName: string; mimeType: string; content: string }\n\n/** Whose profiles: the chosen employees, or the caller's own. */\nexport type ProfileSubject = { employeeIds: string[] } | { own: true }\n\nconst CHOSEN = gql`\n  query ($employeeIds: [String!]!, $format: EmployeeProfileFormat!, $language: String) {\n    employeeProfileDocument(employeeIds: $employeeIds, format: $format, language: $language) {\n      fileName\n      mimeType\n      content\n    }\n  }\n`\n\nconst OWN = gql`\n  query ($format: EmployeeProfileFormat!, $language: String) {\n    myEmployeeProfileDocument(format: $format, language: $language) {\n      fileName\n      mimeType\n      content\n    }\n  }\n`\n\nexport async function profileFile(subject: ProfileSubject, format: ProfileFormat, language?: string): Promise<ProfileFile> {\n  const own = 'own' in subject\n  const response = await client.query({\n    query: own ? OWN : CHOSEN,\n    variables: { ...(own ? {} : { employeeIds: subject.employeeIds }), format, language: language || null },\n    fetchPolicy: 'no-cache'\n  })\n  const file = own ? response.data?.myEmployeeProfileDocument : response.data?.employeeProfileDocument\n  if (!file) throw response.errors?.[0] ?? new Error('no document')\n  return file\n}\n\nconst bytesOf = (content: string) => Uint8Array.from(atob(content), char => char.charCodeAt(0))\n\n/** Hand a file the server made to the browser to save. */\nexport function saveProfileFile({ fileName, mimeType, content }: ProfileFile) {\n  const url = URL.createObjectURL(new Blob([bytesOf(content)], { type: mimeType }))\n  const link = Object.assign(document.createElement('a'), { href: url, download: fileName })\n  link.click()\n  setTimeout(() => URL.revokeObjectURL(url), 1000)\n}\n\n/** The HTML page of a preview, as text. */\nexport function textOf({ content }: ProfileFile): string {\n  return new TextDecoder().decode(bytesOf(content))\n}\n\nexport type Language = { code: string; display: string }\n\n/** The reader's language among those the application runs - by its language part when the region differs. */\nexport function readerLanguageOf(languages: Language[], reader = i18next.language ?? ''): string {\n  return languages.find(one => one.code === reader)?.code ?? languages.find(one => one.code.split('-')[0] === reader.split('-')[0])?.code ?? languages[0]?.code ?? ''\n}\n"]}

package/dist-client/pages/employee-profile/employee-profile-form.d.ts

@@ -1,3 +1,4 @@
+/** A row as the screen edits it - the fields, and `ongoing` for a job or project still going on (never sent). */
 export type ProfileRow = Record<string, string>;
 export type ProfileSectionKey = 'educations' | 'certificates' | 'careers' | 'projects';
 export type ProfileField = {
@@ -7,25 +8,56 @@ export type ProfileField = {
     /** `month` for a period's ends (YYYY-MM), `date` for a day, `textarea` for what was done, text otherwise. */
     input?: 'month' | 'date' | 'textarea';
 };
-export declare const PROFILE_SECTIONS: {
+export type ProfileSection = {
     key: ProfileSectionKey;
     title: string;
+    /** The icon the section is shown with. */
+    icon: string;
+    /** The fields a row's one-line headline is made of, in order. */
+    headline: string[];
+    /** Whether a row may still be going on - a job held now, a project under way. */
+    ongoing?: boolean;
     fields: ProfileField[];
-}[];
-/** The skills as written in one line - split at commas and line ends, blanks dropped. */
-export declare function skillsOf(text: string): string[];
+};
+export declare const PROFILE_SECTIONS: ProfileSection[];
+/** Skills as typed - split at commas and line ends, blanks and repeats dropped, added after those already held. */
+export declare function addSkills(held: string[], text: string): string[];
 export type ProfileForm = {
     summary: string;
-    skills: string;
+    skills: string[];
 } & Record<ProfileSectionKey, ProfileRow[]>;
+/** An empty row of a section, to add. */
+export declare function blankRow(section: ProfileSection): ProfileRow;
 /** The held profile as the form edits it - a profile not yet written is an empty form. */
 export declare function profileFormOf(profile: any): ProfileForm;
-/** The form as `saveMyEmployeeProfile` takes it - the whole profile. */
+/** The form as `saveMyEmployeeProfile` takes it - the whole profile, the section's fields only; a row going on has no end. */
 export declare function profileInputOf(form: ProfileForm): {
     summary: string;
     skills: string[];
-    educations: ProfileRow[];
-    certificates: ProfileRow[];
-    careers: ProfileRow[];
-    projects: ProfileRow[];
+    educations: {
+        [k: string]: string;
+    }[];
+    certificates: {
+        [k: string]: string;
+    }[];
+    careers: {
+        [k: string]: string;
+    }[];
+    projects: {
+        [k: string]: string;
+    }[];
+};
+/** A row in one line: the headline fields that are written, joined. */
+export declare function headlineOf(section: ProfileSection, row: ProfileRow): string;
+/** 「2023.03 ~ 2024.08」, 「2024.01 ~ 현재」 - a row's period as the document prints it. */
+export declare function periodLabelOf(row: ProfileRow, ongoing: string): string;
+/**
+ * What a profile a quotation can stand on has: a summary, skills, education and projects. Past jobs and certificates
+ * count when written but are not asked of everyone - a first job has none.
+ */
+export declare const PROFILE_ESSENTIALS: readonly ["summary", "skills", "educations", "projects"];
+export type ProfileEssential = (typeof PROFILE_ESSENTIALS)[number];
+export declare function completenessOf(form: ProfileForm): {
+    percent: number;
+    missing: ProfileEssential[];
 };

package/dist-client/pages/employee-profile/employee-profile-form.js

@@ -7,6 +7,8 @@ export const PROFILE_SECTIONS = [
     {
         key: 'educations',
         title: label('educations'),
+        icon: 'school',
+        headline: ['school', 'major', 'degree'],
         fields: [
             { name: 'school', label: label('school') },
             { name: 'major', label: label('major') },
@@ -18,6 +20,8 @@ export const PROFILE_SECTIONS = [
     {
         key: 'certificates',
         title: label('certificates'),
+        icon: 'workspace_premium',
+        headline: ['name', 'issuer'],
         fields: [
             { name: 'name', label: label('certificate') },
             { name: 'issuer', label: label('issuer') },
@@ -27,6 +31,9 @@ export const PROFILE_SECTIONS = [
     {
         key: 'careers',
         title: label('careers'),
+        icon: 'work_history',
+        headline: ['company', 'department', 'position'],
+        ongoing: true,
         fields: [
             { name: 'company', label: label('company') },
             { name: 'department', label: 'label.department' },
@@ -39,48 +46,87 @@ export const PROFILE_SECTIONS = [
     {
         key: 'projects',
         title: label('projects'),
+        icon: 'rocket_launch',
+        headline: ['name', 'client', 'role'],
+        ongoing: true,
         fields: [
             { name: 'name', label: label('project') },
             { name: 'client', label: label('client') },
             { name: 'role', label: label('role') },
+            { name: 'technologies', label: label('technologies') },
             { name: 'startedOn', label: label('started-on'), input: 'month' },
             { name: 'endedOn', label: label('ended-on'), input: 'month' },
-            { name: 'technologies', label: label('technologies') },
             { name: 'duties', label: label('duties'), input: 'textarea' }
         ]
     }
 ];
-/** The skills as written in one line - split at commas and line ends, blanks dropped. */
-export function skillsOf(text) {
-    return text
-        .split(/[,\n]/)
-        .map(one => one.trim())
-        .filter(Boolean);
+/** Skills as typed - split at commas and line ends, blanks and repeats dropped, added after those already held. */
+export function addSkills(held, text) {
+    const next = [...held];
+    for (const one of text.split(/[,\n]/).map(word => word.trim())) {
+        if (one && !next.some(skill => skill.toLowerCase() === one.toLowerCase()))
+            next.push(one);
+    }
+    return next;
+}
+/** An empty row of a section, to add. */
+export function blankRow(section) {
+    return Object.fromEntries([...section.fields.map(field => [field.name, '']), ...(section.ongoing ? [['ongoing', '']] : [])]);
 }
 /** The held profile as the form edits it - a profile not yet written is an empty form. */
 export function profileFormOf(profile) {
-    const rows = (key) => {
-        const fields = PROFILE_SECTIONS.find(section => section.key === key).fields;
-        return (profile?.[key] ?? []).map(row => Object.fromEntries(fields.map(field => [field.name, row?.[field.name] ?? ''])));
-    };
+    const rows = (section) => (profile?.[section.key] ?? []).map(row => ({
+        ...Object.fromEntries(section.fields.map(field => [field.name, row?.[field.name] ?? ''])),
+        /* Begun and not ended: still going on. */
+        ...(section.ongoing ? { ongoing: row?.startedOn && !row?.endedOn ? 'true' : '' } : {})
+    }));
+    const sectionOf = (key) => PROFILE_SECTIONS.find(section => section.key === key);
     return {
         summary: profile?.summary ?? '',
-        skills: (profile?.skills ?? []).join(', '),
-        educations: rows('educations'),
-        certificates: rows('certificates'),
-        careers: rows('careers'),
-        projects: rows('projects')
+        skills: [...(profile?.skills ?? [])],
+        educations: rows(sectionOf('educations')),
+        certificates: rows(sectionOf('certificates')),
+        careers: rows(sectionOf('careers')),
+        projects: rows(sectionOf('projects'))
     };
 }
-/** The form as `saveMyEmployeeProfile` takes it - the whole profile. */
+/** The form as `saveMyEmployeeProfile` takes it - the whole profile, the section's fields only; a row going on has no end. */
 export function profileInputOf(form) {
+    const rows = (section) => form[section.key].map(row => {
+        const kept = Object.fromEntries(section.fields.map(field => [field.name, row[field.name] ?? '']));
+        return section.ongoing && row.ongoing ? { ...kept, endedOn: '' } : kept;
+    });
+    const sectionOf = (key) => PROFILE_SECTIONS.find(section => section.key === key);
     return {
         summary: form.summary,
-        skills: skillsOf(form.skills),
-        educations: form.educations,
-        certificates: form.certificates,
-        careers: form.careers,
-        projects: form.projects
+        skills: form.skills,
+        educations: rows(sectionOf('educations')),
+        certificates: rows(sectionOf('certificates')),
+        careers: rows(sectionOf('careers')),
+        projects: rows(sectionOf('projects'))
     };
 }
+/** A row in one line: the headline fields that are written, joined. */
+export function headlineOf(section, row) {
+    return section.headline.map(name => (row[name] ?? '').trim()).filter(Boolean).join(' · ');
+}
+/** 「2023.03 ~ 2024.08」, 「2024.01 ~ 현재」 - a row's period as the document prints it. */
+export function periodLabelOf(row, ongoing) {
+    const dot = (day) => (day ?? '').replace(/-/g, '.');
+    if (row.acquiredOn !== undefined && row.startedOn === undefined)
+        return dot(row.acquiredOn);
+    if (!row.startedOn && !row.endedOn && !row.ongoing)
+        return '';
+    return `${dot(row.startedOn)} ~ ${row.ongoing ? ongoing : dot(row.endedOn)}`.trim();
+}
+/**
+ * What a profile a quotation can stand on has: a summary, skills, education and projects. Past jobs and certificates
+ * count when written but are not asked of everyone - a first job has none.
+ */
+export const PROFILE_ESSENTIALS = ['summary', 'skills', 'educations', 'projects'];
+export function completenessOf(form) {
+    const has = (key) => (key === 'summary' ? !!form.summary.trim() : form[key].length > 0);
+    const missing = PROFILE_ESSENTIALS.filter(key => !has(key));
+    return { percent: Math.round(((PROFILE_ESSENTIALS.length - missing.length) / PROFILE_ESSENTIALS.length) * 100), missing };
+}
 //# sourceMappingURL=employee-profile-form.js.map

package/dist-client/pages/employee-profile/employee-profile-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"employee-profile-form.js","sourceRoot":"","sources":["../../../client/pages/employee-profile/employee-profile-form.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * What the profile screen edits (ADR-0169 decision 2): the four sections of rows, each with its fields and the input a\n * field takes. Pure, so the shape the screen sends is read by the tests against what the server keeps.\n */\n\nexport type ProfileRow = Record<string, string>\n\nexport type ProfileSectionKey = 'educations' | 'certificates' | 'careers' | 'projects'\n\nexport type ProfileField = {\n  name: string\n  /** The translation key of its label. */\n  label: string\n  /** `month` for a period's ends (YYYY-MM), `date` for a day, `textarea` for what was done, text otherwise. */\n  input?: 'month' | 'date' | 'textarea'\n}\n\nconst label = (name: string) => `label.employee-profile-${name}`\n\nexport const PROFILE_SECTIONS: { key: ProfileSectionKey; title: string; fields: ProfileField[] }[] = [\n  {\n    key: 'educations',\n    title: label('educations'),\n    fields: [\n      { name: 'school', label: label('school') },\n      { name: 'major', label: label('major') },\n      { name: 'degree', label: label('degree') },\n      { name: 'startedOn', label: label('started-on'), input: 'month' },\n      { name: 'endedOn', label: label('ended-on'), input: 'month' }\n    ]\n  },\n  {\n    key: 'certificates',\n    title: label('certificates'),\n    fields: [\n      { name: 'name', label: label('certificate') },\n      { name: 'issuer', label: label('issuer') },\n      { name: 'acquiredOn', label: label('acquired-on'), input: 'date' }\n    ]\n  },\n  {\n    key: 'careers',\n    title: label('careers'),\n    fields: [\n      { name: 'company', label: label('company') },\n      { name: 'department', label: 'label.department' },\n      { name: 'position', label: label('position') },\n      { name: 'startedOn', label: label('started-on'), input: 'month' },\n      { name: 'endedOn', label: label('ended-on'), input: 'month' },\n      { name: 'duties', label: label('duties'), input: 'textarea' }\n    ]\n  },\n  {\n    key: 'projects',\n    title: label('projects'),\n    fields: [\n      { name: 'name', label: label('project') },\n      { name: 'client', label: label('client') },\n      { name: 'role', label: label('role') },\n      { name: 'startedOn', label: label('started-on'), input: 'month' },\n      { name: 'endedOn', label: label('ended-on'), input: 'month' },\n      { name: 'technologies', label: label('technologies') },\n      { name: 'duties', label: label('duties'), input: 'textarea' }\n    ]\n  }\n]\n\n/** The skills as written in one line - split at commas and line ends, blanks dropped. */\nexport function skillsOf(text: string): string[] {\n  return text\n    .split(/[,\\n]/)\n    .map(one => one.trim())\n    .filter(Boolean)\n}\n\nexport type ProfileForm = { summary: string; skills: string } & Record<ProfileSectionKey, ProfileRow[]>\n\n/** The held profile as the form edits it - a profile not yet written is an empty form. */\nexport function profileFormOf(profile: any): ProfileForm {\n  const rows = (key: ProfileSectionKey) => {\n    const fields = PROFILE_SECTIONS.find(section => section.key === key)!.fields\n    return ((profile?.[key] ?? []) as any[]).map(row => Object.fromEntries(fields.map(field => [field.name, row?.[field.name] ?? ''])))\n  }\n  return {\n    summary: profile?.summary ?? '',\n    skills: (profile?.skills ?? []).join(', '),\n    educations: rows('educations'),\n    certificates: rows('certificates'),\n    careers: rows('careers'),\n    projects: rows('projects')\n  }\n}\n\n/** The form as `saveMyEmployeeProfile` takes it - the whole profile. */\nexport function profileInputOf(form: ProfileForm) {\n  return {\n    summary: form.summary,\n    skills: skillsOf(form.skills),\n    educations: form.educations,\n    certificates: form.certificates,\n    careers: form.careers,\n    projects: form.projects\n  }\n}\n"]}
+{"version":3,"file":"employee-profile-form.js","sourceRoot":"","sources":["../../../client/pages/employee-profile/employee-profile-form.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * What the profile screen edits (ADR-0169 decision 2): the four sections of rows, each with its fields and the input a\n * field takes. Pure, so the shape the screen sends is read by the tests against what the server keeps.\n */\n\n/** A row as the screen edits it - the fields, and `ongoing` for a job or project still going on (never sent). */\nexport type ProfileRow = Record<string, string>\n\nexport type ProfileSectionKey = 'educations' | 'certificates' | 'careers' | 'projects'\n\nexport type ProfileField = {\n  name: string\n  /** The translation key of its label. */\n  label: string\n  /** `month` for a period's ends (YYYY-MM), `date` for a day, `textarea` for what was done, text otherwise. */\n  input?: 'month' | 'date' | 'textarea'\n}\n\nconst label = (name: string) => `label.employee-profile-${name}`\n\nexport type ProfileSection = {\n  key: ProfileSectionKey\n  title: string\n  /** The icon the section is shown with. */\n  icon: string\n  /** The fields a row's one-line headline is made of, in order. */\n  headline: string[]\n  /** Whether a row may still be going on - a job held now, a project under way. */\n  ongoing?: boolean\n  fields: ProfileField[]\n}\n\nexport const PROFILE_SECTIONS: ProfileSection[] = [\n  {\n    key: 'educations',\n    title: label('educations'),\n    icon: 'school',\n    headline: ['school', 'major', 'degree'],\n    fields: [\n      { name: 'school', label: label('school') },\n      { name: 'major', label: label('major') },\n      { name: 'degree', label: label('degree') },\n      { name: 'startedOn', label: label('started-on'), input: 'month' },\n      { name: 'endedOn', label: label('ended-on'), input: 'month' }\n    ]\n  },\n  {\n    key: 'certificates',\n    title: label('certificates'),\n    icon: 'workspace_premium',\n    headline: ['name', 'issuer'],\n    fields: [\n      { name: 'name', label: label('certificate') },\n      { name: 'issuer', label: label('issuer') },\n      { name: 'acquiredOn', label: label('acquired-on'), input: 'date' }\n    ]\n  },\n  {\n    key: 'careers',\n    title: label('careers'),\n    icon: 'work_history',\n    headline: ['company', 'department', 'position'],\n    ongoing: true,\n    fields: [\n      { name: 'company', label: label('company') },\n      { name: 'department', label: 'label.department' },\n      { name: 'position', label: label('position') },\n      { name: 'startedOn', label: label('started-on'), input: 'month' },\n      { name: 'endedOn', label: label('ended-on'), input: 'month' },\n      { name: 'duties', label: label('duties'), input: 'textarea' }\n    ]\n  },\n  {\n    key: 'projects',\n    title: label('projects'),\n    icon: 'rocket_launch',\n    headline: ['name', 'client', 'role'],\n    ongoing: true,\n    fields: [\n      { name: 'name', label: label('project') },\n      { name: 'client', label: label('client') },\n      { name: 'role', label: label('role') },\n      { name: 'technologies', label: label('technologies') },\n      { name: 'startedOn', label: label('started-on'), input: 'month' },\n      { name: 'endedOn', label: label('ended-on'), input: 'month' },\n      { name: 'duties', label: label('duties'), input: 'textarea' }\n    ]\n  }\n]\n\n/** Skills as typed - split at commas and line ends, blanks and repeats dropped, added after those already held. */\nexport function addSkills(held: string[], text: string): string[] {\n  const next = [...held]\n  for (const one of text.split(/[,\\n]/).map(word => word.trim())) {\n    if (one && !next.some(skill => skill.toLowerCase() === one.toLowerCase())) next.push(one)\n  }\n  return next\n}\n\nexport type ProfileForm = { summary: string; skills: string[] } & Record<ProfileSectionKey, ProfileRow[]>\n\n/** An empty row of a section, to add. */\nexport function blankRow(section: ProfileSection): ProfileRow {\n  return Object.fromEntries([...section.fields.map(field => [field.name, '']), ...(section.ongoing ? [['ongoing', '']] : [])])\n}\n\n/** The held profile as the form edits it - a profile not yet written is an empty form. */\nexport function profileFormOf(profile: any): ProfileForm {\n  const rows = (section: ProfileSection) =>\n    ((profile?.[section.key] ?? []) as any[]).map(row => ({\n      ...Object.fromEntries(section.fields.map(field => [field.name, row?.[field.name] ?? ''])),\n      /* Begun and not ended: still going on. */\n      ...(section.ongoing ? { ongoing: row?.startedOn && !row?.endedOn ? 'true' : '' } : {})\n    }))\n  const sectionOf = (key: ProfileSectionKey) => PROFILE_SECTIONS.find(section => section.key === key)!\n  return {\n    summary: profile?.summary ?? '',\n    skills: [...(profile?.skills ?? [])],\n    educations: rows(sectionOf('educations')),\n    certificates: rows(sectionOf('certificates')),\n    careers: rows(sectionOf('careers')),\n    projects: rows(sectionOf('projects'))\n  }\n}\n\n/** The form as `saveMyEmployeeProfile` takes it - the whole profile, the section's fields only; a row going on has no end. */\nexport function profileInputOf(form: ProfileForm) {\n  const rows = (section: ProfileSection) =>\n    form[section.key].map(row => {\n      const kept = Object.fromEntries(section.fields.map(field => [field.name, row[field.name] ?? '']))\n      return section.ongoing && row.ongoing ? { ...kept, endedOn: '' } : kept\n    })\n  const sectionOf = (key: ProfileSectionKey) => PROFILE_SECTIONS.find(section => section.key === key)!\n  return {\n    summary: form.summary,\n    skills: form.skills,\n    educations: rows(sectionOf('educations')),\n    certificates: rows(sectionOf('certificates')),\n    careers: rows(sectionOf('careers')),\n    projects: rows(sectionOf('projects'))\n  }\n}\n\n/** A row in one line: the headline fields that are written, joined. */\nexport function headlineOf(section: ProfileSection, row: ProfileRow): string {\n  return section.headline.map(name => (row[name] ?? '').trim()).filter(Boolean).join(' · ')\n}\n\n/** 「2023.03 ~ 2024.08」, 「2024.01 ~ 현재」 - a row's period as the document prints it. */\nexport function periodLabelOf(row: ProfileRow, ongoing: string): string {\n  const dot = (day?: string) => (day ?? '').replace(/-/g, '.')\n  if (row.acquiredOn !== undefined && row.startedOn === undefined) return dot(row.acquiredOn)\n  if (!row.startedOn && !row.endedOn && !row.ongoing) return ''\n  return `${dot(row.startedOn)} ~ ${row.ongoing ? ongoing : dot(row.endedOn)}`.trim()\n}\n\n/**\n * What a profile a quotation can stand on has: a summary, skills, education and projects. Past jobs and certificates\n * count when written but are not asked of everyone - a first job has none.\n */\nexport const PROFILE_ESSENTIALS = ['summary', 'skills', 'educations', 'projects'] as const\n\nexport type ProfileEssential = (typeof PROFILE_ESSENTIALS)[number]\n\nexport function completenessOf(form: ProfileForm): { percent: number; missing: ProfileEssential[] } {\n  const has = (key: ProfileEssential) => (key === 'summary' ? !!form.summary.trim() : form[key].length > 0)\n  const missing = PROFILE_ESSENTIALS.filter(key => !has(key))\n  return { percent: Math.round(((PROFILE_ESSENTIALS.length - missing.length) / PROFILE_ESSENTIALS.length) * 100), missing }\n}\n"]}

package/dist-client/pages/employee-profile/employee-profile-list-page.d.ts

@@ -1,15 +1,21 @@
 import '@operato/data-grist/ox-grist.js';
+import '@operato/input/ox-select.js';
+import '@operato/popup/ox-popup-list.js';
 import { FetchOption } from '@operato/data-grist';
 import { PageView } from '@operato/shell';
+import { type Language } from './employee-profile-files';
 declare const EmployeeProfileListPage_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
 /**
  * 인력 프로필 — every active employee and when their profile was last written; the rows picked are downloaded as one
- * workbook, a sheet a person, to attach to a quotation (ADR-0169 decision 5). Read under `employee-profile`: the
- * basics and the profile, nothing else of the employee record.
+ * document to attach to a quotation - Excel or PDF, laid out once on the server (ADR-0169 decision 5). Read under
+ * `employee-profile`: the basics and the profile, nothing else of the employee record.
  */
 export declare class EmployeeProfileListPage extends EmployeeProfileListPage_base {
     static styles: import("lit").CSSResult[];
     gristConfig: any;
+    /** The languages the application runs, and the one the document's own words are printed in - the reader's at first. */
+    languages: Language[];
+    language: string;
     private grist;
     get context(): {
         title: string;
@@ -17,14 +23,19 @@ export declare class EmployeeProfileListPage extends EmployeeProfileListPage_bas
             handler: (search: string) => void;
             value: string;
         };
-        actions: {
+        actions: ({
+            title: string;
+            icon: string;
+            action: () => void;
+            emphasis?: undefined;
+        } | {
             title: string;
             icon: string;
             emphasis: {
                 raised: boolean;
             };
-            action: () => void;
-        }[];
+            action: () => Promise<void>;
+        })[];
     };
     render(): import("lit-html").TemplateResult<1>;
     pageInitialized(): Promise<void>;
@@ -33,6 +44,9 @@ export declare class EmployeeProfileListPage extends EmployeeProfileListPage_bas
         total: number;
         records: any[];
     }>;
+    /** The ids of the rows picked - or nothing, having said so. */
+    private picked;
+    private preview;
     private download;
 }
 export {};

package/dist-client/pages/employee-profile/employee-profile-list-page.js

@@ -1,50 +1,20 @@
 import { __decorate, __metadata } from "tslib";
 import '@operato/data-grist/ox-grist.js';
+import '@operato/input/ox-select.js';
+import '@operato/popup/ox-popup-list.js';
 import gql from 'graphql-tag';
-import { html } from 'lit';
+import { css, html } from 'lit';
 import { customElement, query, state } from 'lit/decorators.js';
-import * as XLSX from 'xlsx';
 import { DataGrist } from '@operato/data-grist';
 import { client } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
 import { notify } from '@operato/layout';
 import { PageView } from '@operato/shell';
-import { CommonGristStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
+import { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
 import { isMobileDevice } from '@operato/utils';
-import { profileFileName, profileWorkbook } from './employee-profile-workbook';
-/** The sheet's words in the reader's language. */
-function sheetWords() {
-    const t = (key) => i18next.t(key);
-    const p = (name) => t(`label.employee-profile-${name}`);
-    return {
-        name: t('field.name'),
-        department: t('label.department'),
-        jobPosition: t('label.job-position'),
-        jobResponsibility: t('label.job-responsibility'),
-        hiredOn: t('label.hired-on'),
-        summary: p('summary'),
-        skills: p('skills'),
-        educations: p('educations'),
-        certificates: p('certificates'),
-        careers: p('careers'),
-        projects: p('projects'),
-        school: p('school'),
-        major: p('major'),
-        degree: p('degree'),
-        period: p('period'),
-        certificate: p('certificate'),
-        issuer: p('issuer'),
-        acquiredOn: p('acquired-on'),
-        company: p('company'),
-        position: p('position'),
-        duties: p('duties'),
-        project: p('project'),
-        client: p('client'),
-        role: p('role'),
-        technologies: p('technologies')
-    };
-}
-/** A profile's last change as a day of the reader's calendar. */
+import { getLanguages } from '@things-factory/auth-base/dist-client';
+import { profileFile, readerLanguageOf, saveProfileFile } from './employee-profile-files';
+import { openProfilePreview } from './employee-profile-preview';
 const dayOf = (value) => {
     if (!value)
         return '';
@@ -54,11 +24,35 @@ const dayOf = (value) => {
 };
 /**
  * 인력 프로필 — every active employee and when their profile was last written; the rows picked are downloaded as one
- * workbook, a sheet a person, to attach to a quotation (ADR-0169 decision 5). Read under `employee-profile`: the
- * basics and the profile, nothing else of the employee record.
+ * document to attach to a quotation - Excel or PDF, laid out once on the server (ADR-0169 decision 5). Read under
+ * `employee-profile`: the basics and the profile, nothing else of the employee record.
  */
 let EmployeeProfileListPage = class EmployeeProfileListPage extends localize(i18next)(PageView) {
-    static { this.styles = [WorkSurfacePageStyles, CommonGristStyles, ScrollbarStyles]; }
+    constructor() {
+        super(...arguments);
+        /** The languages the application runs, and the one the document's own words are printed in - the reader's at first. */
+        this.languages = [];
+        this.language = '';
+    }
+    static { this.styles = [
+        WorkSurfacePageStyles,
+        CommonGristStyles,
+        CommonHeaderStyles,
+        ScrollbarStyles,
+        css `
+      .filters {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: var(--spacing-medium, 8px);
+        font-size: var(--ui-t-small, 11.5px);
+        color: var(--ui-muted, var(--md-sys-color-on-surface-variant));
+      }
+      ox-select {
+        min-width: 140px;
+      }
+    `
+    ]; }
     get context() {
         return {
             title: i18next.t('title.employee-profile-list'),
@@ -68,18 +62,42 @@ let EmployeeProfileListPage = class EmployeeProfileListPage extends localize(i18
                 },
                 value: this.grist?.searchText || ''
             },
-            actions: [{ title: i18next.t('button.employee-profile-download'), icon: 'download', emphasis: { raised: true }, action: () => this.download() }]
+            actions: [
+                { title: i18next.t('button.employee-profile-preview'), icon: 'preview', action: () => this.preview() },
+                { title: i18next.t('button.employee-profile-download-pdf'), icon: 'picture_as_pdf', action: () => this.download('PDF') },
+                { title: i18next.t('button.employee-profile-download'), icon: 'download', emphasis: { raised: true }, action: () => this.download('XLSX') }
+            ]
         };
     }
     render() {
+        const shown = this.languages.find(one => one.code === this.language)?.display ?? this.language;
         return html `<ox-grist
       class="page-fill"
       .mode=${isMobileDevice() ? 'CARD' : 'GRID'}
       .config=${this.gristConfig}
       .fetchHandler=${this.fetchHandler.bind(this)}
-    ></ox-grist>`;
+    >
+      ${this.languages.length > 1
+            ? html `<div slot="headroom" class="header">
+            <div class="filters">
+              <span>${i18next.t('label.employee-profile-document-language')}</span>
+              <ox-select
+                .value=${this.language}
+                aria-label=${i18next.t('label.employee-profile-document-language')}
+                @change=${(e) => (this.language = String(e.detail || this.language))}
+              >
+                <span slot="label">${shown}</span>
+                <ox-popup-list align-left nowrap with-search>${this.languages.map(one => html `<div option value=${one.code}>${one.display}</div>`)}</ox-popup-list>
+              </ox-select>
+            </div>
+          </div>`
+            : ''}
+    </ox-grist>`;
     }
     async pageInitialized() {
+        /* The reader's language first - matched to a code the application runs, by its language part when the region differs. */
+        this.languages = ((await getLanguages()) ?? []);
+        this.language = readerLanguageOf(this.languages);
         const text = (name, header, width, extra = {}) => ({
             type: 'string',
             name,
@@ -140,19 +158,43 @@ let EmployeeProfileListPage = class EmployeeProfileListPage extends localize(i18
             .filter(one => !words || [one.name, one.departmentName, one.jobPosition, one.jobResponsibility].some(value => value?.toLowerCase().includes(words)));
         return { total: records.length, records };
     }
-    download() {
+    /** The ids of the rows picked - or nothing, having said so. */
+    picked() {
         const picked = this.grist?.selected ?? [];
-        if (!picked.length) {
-            notify({ level: 'warn', message: i18next.t('text.employee-profile-select-rows-first') });
+        if (picked.length)
+            return picked.map((one) => one.employeeId);
+        notify({ level: 'warn', message: i18next.t('text.employee-profile-select-rows-first') });
+        return null;
+    }
+    preview() {
+        const employeeIds = this.picked();
+        if (employeeIds)
+            openProfilePreview({ employeeIds }, this.languages, this.language);
+    }
+    async download(format) {
+        const employeeIds = this.picked();
+        if (!employeeIds)
             return;
+        try {
+            saveProfileFile(await profileFile({ employeeIds }, format, this.language));
+        }
+        catch (error) {
+            notify({ level: 'error', message: error?.message ?? String(error) });
         }
-        XLSX.writeFile(profileWorkbook(picked, sheetWords()), profileFileName(i18next.t('text.employee-profile-file')));
     }
 };
 __decorate([
     state(),
     __metadata("design:type", Object)
 ], EmployeeProfileListPage.prototype, "gristConfig", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], EmployeeProfileListPage.prototype, "languages", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], EmployeeProfileListPage.prototype, "language", void 0);
 __decorate([
     query('ox-grist'),
     __metadata("design:type", DataGrist)