@things-factory/organization 10.1.223 → 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

@@ -0,0 +1,63 @@
+/** 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 = {
+    name: string;
+    /** The translation key of its label. */
+    label: string;
+    /** `month` for a period's ends (YYYY-MM), `date` for a day, `textarea` for what was done, text otherwise. */
+    input?: 'month' | 'date' | 'textarea';
+};
+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[];
+};
+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[];
+} & 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 section's fields only; a row going on has no end. */
+export declare function profileInputOf(form: ProfileForm): {
+    summary: string;
+    skills: string[];
+    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

@@ -0,0 +1,132 @@
+/*
+ * What the profile screen edits (ADR-0169 decision 2): the four sections of rows, each with its fields and the input a
+ * field takes. Pure, so the shape the screen sends is read by the tests against what the server keeps.
+ */
+const label = (name) => `label.employee-profile-${name}`;
+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') },
+            { name: 'degree', label: label('degree') },
+            { name: 'startedOn', label: label('started-on'), input: 'month' },
+            { name: 'endedOn', label: label('ended-on'), input: 'month' }
+        ]
+    },
+    {
+        key: 'certificates',
+        title: label('certificates'),
+        icon: 'workspace_premium',
+        headline: ['name', 'issuer'],
+        fields: [
+            { name: 'name', label: label('certificate') },
+            { name: 'issuer', label: label('issuer') },
+            { name: 'acquiredOn', label: label('acquired-on'), input: 'date' }
+        ]
+    },
+    {
+        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' },
+            { name: 'position', label: label('position') },
+            { name: 'startedOn', label: label('started-on'), input: 'month' },
+            { name: 'endedOn', label: label('ended-on'), input: 'month' },
+            { name: 'duties', label: label('duties'), input: 'textarea' }
+        ]
+    },
+    {
+        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: 'duties', label: label('duties'), input: 'textarea' }
+        ]
+    }
+];
+/** 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 = (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 ?? [])],
+        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 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: 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

@@ -0,0 +1 @@
+{"version":3,"file":"employee-profile-form.js","sourceRoot":"","sources":["../../../client/pages/employee-profile/employee-profile-form.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAeH,MAAM,KAAK,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,0BAA0B,IAAI,EAAE,CAAA;AAchE,MAAM,CAAC,MAAM,gBAAgB,GAAqB;IAChD;QACE,GAAG,EAAE,YAAY;QACjB,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC;QAC1B,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC;QACvC,MAAM,EAAE;YACN,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE;YAC1C,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;YACxC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE;YAC1C,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE;YACjE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE;SAC9D;KACF;IACD;QACE,GAAG,EAAE,cAAc;QACnB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC;QAC5B,IAAI,EAAE,mBAAmB;QACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;QAC5B,MAAM,EAAE;YACN,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE;YAC7C,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE;YAC1C,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE;SACnE;KACF;IACD;QACE,GAAG,EAAE,SAAS;QACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,IAAI,EAAE,cAAc;QACpB,QAAQ,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,UAAU,CAAC;QAC/C,OAAO,EAAE,IAAI;QACb,MAAM,EAAE;YACN,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;YAC5C,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,kBAAkB,EAAE;YACjD,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE;YAC9C,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE;YACjE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE;YAC7D,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE;SAC9D;KACF;IACD;QACE,GAAG,EAAE,UAAU;QACf,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC;QACxB,IAAI,EAAE,eAAe;QACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC;QACpC,OAAO,EAAE,IAAI;QACb,MAAM,EAAE;YACN,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;YACzC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE;YAC1C,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;YACtC,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,EAAE;YACtD,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE;YACjE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE;YAC7D,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE;SAC9D;KACF;CACF,CAAA;AAED,mHAAmH;AACnH,MAAM,UAAU,SAAS,CAAC,IAAc,EAAE,IAAY;IACpD,MAAM,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,CAAA;IACtB,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC;QAC/D,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,GAAG,CAAC,WAAW,EAAE,CAAC;YAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAC3F,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAID,yCAAyC;AACzC,MAAM,UAAU,QAAQ,CAAC,OAAuB;IAC9C,OAAO,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAC9H,CAAC;AAED,0FAA0F;AAC1F,MAAM,UAAU,aAAa,CAAC,OAAY;IACxC,MAAM,IAAI,GAAG,CAAC,OAAuB,EAAE,EAAE,CACtC,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,CAAW,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACpD,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QACzF,0CAA0C;QAC1C,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,IAAI,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KACvF,CAAC,CAAC,CAAA;IACL,MAAM,SAAS,GAAG,CAAC,GAAsB,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,KAAK,GAAG,CAAE,CAAA;IACpG,OAAO;QACL,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,EAAE;QAC/B,MAAM,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,EAAE,CAAC,CAAC;QACpC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QACzC,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QAC7C,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QACnC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;KACtC,CAAA;AACH,CAAC;AAED,8HAA8H;AAC9H,MAAM,UAAU,cAAc,CAAC,IAAiB;IAC9C,MAAM,IAAI,GAAG,CAAC,OAAuB,EAAE,EAAE,CACvC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;QAC1B,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;QACjG,OAAO,OAAO,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;IACzE,CAAC,CAAC,CAAA;IACJ,MAAM,SAAS,GAAG,CAAC,GAAsB,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,KAAK,GAAG,CAAE,CAAA;IACpG,OAAO;QACL,OAAO,EAAE,IAAI,CAAC,OAAO;QACrB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QACzC,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QAC7C,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QACnC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;KACtC,CAAA;AACH,CAAC;AAED,uEAAuE;AACvE,MAAM,UAAU,UAAU,CAAC,OAAuB,EAAE,GAAe;IACjE,OAAO,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;AAC3F,CAAC;AAED,sFAAsF;AACtF,MAAM,UAAU,aAAa,CAAC,GAAe,EAAE,OAAe;IAC5D,MAAM,GAAG,GAAG,CAAC,GAAY,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;IAC5D,IAAI,GAAG,CAAC,UAAU,KAAK,SAAS,IAAI,GAAG,CAAC,SAAS,KAAK,SAAS;QAAE,OAAO,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;IAC3F,IAAI,CAAC,GAAG,CAAC,SAAS,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO;QAAE,OAAO,EAAE,CAAA;IAC7D,OAAO,GAAG,GAAG,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAA;AACrF,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,CAAU,CAAA;AAI1F,MAAM,UAAU,cAAc,CAAC,IAAiB;IAC9C,MAAM,GAAG,GAAG,CAAC,GAAqB,EAAE,EAAE,CAAC,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IACzG,MAAM,OAAO,GAAG,kBAAkB,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;IAC3D,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,kBAAkB,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,EAAE,OAAO,EAAE,CAAA;AAC3H,CAAC","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

@@ -0,0 +1,52 @@
+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
+ * 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;
+        search: {
+            handler: (search: string) => void;
+            value: string;
+        };
+        actions: ({
+            title: string;
+            icon: string;
+            action: () => void;
+            emphasis?: undefined;
+        } | {
+            title: string;
+            icon: string;
+            emphasis: {
+                raised: boolean;
+            };
+            action: () => Promise<void>;
+        })[];
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    pageInitialized(): Promise<void>;
+    /** Every active employee at once - a company's people, not a ledger - narrowed here by the search words. */
+    fetchHandler({ search }: FetchOption): Promise<{
+        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

@@ -0,0 +1,206 @@
+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 { css, html } from 'lit';
+import { customElement, query, state } from 'lit/decorators.js';
+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, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
+import { isMobileDevice } from '@operato/utils';
+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 '';
+    const day = new Date(value);
+    const pad = (n) => String(n).padStart(2, '0');
+    return `${day.getFullYear()}-${pad(day.getMonth() + 1)}-${pad(day.getDate())}`;
+};
+/**
+ * 인력 프로필 — every active employee and when their profile was last written; the rows picked are downloaded as one
+ * 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) {
+    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'),
+            search: {
+                handler: (search) => {
+                    this.grist.searchText = search;
+                },
+                value: this.grist?.searchText || ''
+            },
+            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)}
+    >
+      ${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,
+            header,
+            width,
+            sortable: true,
+            ...extra,
+            record: { editable: false, ...extra.record }
+        });
+        this.gristConfig = {
+            rows: { appendable: false, selectable: { multiple: true } },
+            pagination: { infinite: true },
+            emptyNote: { title: i18next.t('text.employee-profile-empty') },
+            list: { fields: ['name', 'departmentName'], details: ['jobPosition', 'profileUpdatedAt'] },
+            columns: [
+                { type: 'gutter', gutterName: 'sequence' },
+                { type: 'gutter', gutterName: 'row-selector', multiple: true },
+                text('name', i18next.t('field.name'), 120),
+                text('departmentName', i18next.t('label.department'), 160),
+                text('jobPosition', i18next.t('label.job-position'), 100),
+                text('jobResponsibility', i18next.t('label.job-responsibility'), 100),
+                text('profileUpdatedAt', i18next.t('label.employee-profile-updated-at'), 120)
+            ]
+        };
+    }
+    /** Every active employee at once - a company's people, not a ledger - narrowed here by the search words. */
+    async fetchHandler({ search }) {
+        const response = await client.query({
+            query: gql `
+        query {
+          employeeProfiles {
+            employeeId
+            controlNo
+            name
+            departmentName
+            jobPosition
+            jobResponsibility
+            hiredOn
+            profile {
+              summary
+              skills
+              educations { school major degree startedOn endedOn }
+              certificates { name issuer acquiredOn }
+              careers { company department position startedOn endedOn duties }
+              projects { name client startedOn endedOn role duties technologies }
+              updatedAt
+            }
+          }
+        }
+      `,
+            fetchPolicy: 'network-only'
+        });
+        if (response.errors?.length)
+            throw response;
+        const words = (search ?? '').trim().toLowerCase();
+        const records = response.data.employeeProfiles
+            .map(one => ({ ...one, id: one.employeeId, profileUpdatedAt: dayOf(one.profile?.updatedAt) }))
+            .filter(one => !words || [one.name, one.departmentName, one.jobPosition, one.jobResponsibility].some(value => value?.toLowerCase().includes(words)));
+        return { total: records.length, records };
+    }
+    /** The ids of the rows picked - or nothing, having said so. */
+    picked() {
+        const picked = this.grist?.selected ?? [];
+        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) });
+        }
+    }
+};
+__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)
+], EmployeeProfileListPage.prototype, "grist", void 0);
+EmployeeProfileListPage = __decorate([
+    customElement('employee-profile-list-page')
+], EmployeeProfileListPage);
+export { EmployeeProfileListPage };
+//# sourceMappingURL=employee-profile-list-page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"employee-profile-list-page.js","sourceRoot":"","sources":["../../../client/pages/employee-profile/employee-profile-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist/ox-grist.js'\nimport '@operato/input/ox-select.js'\nimport '@operato/popup/ox-popup-list.js'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\n\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport { PageView } from '@operato/shell'\nimport { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\nimport { getLanguages } from '@things-factory/auth-base/dist-client'\n\nimport { profileFile, readerLanguageOf, saveProfileFile, type Language, type ProfileFormat } from './employee-profile-files'\nimport { openProfilePreview } from './employee-profile-preview'\n\nconst dayOf = (value?: string | null) => {\n  if (!value) return ''\n  const day = new Date(value)\n  const pad = (n: number) => String(n).padStart(2, '0')\n  return `${day.getFullYear()}-${pad(day.getMonth() + 1)}-${pad(day.getDate())}`\n}\n\n/**\n * 인력 프로필 — every active employee and when their profile was last written; the rows picked are downloaded as one\n * document to attach to a quotation - Excel or PDF, laid out once on the server (ADR-0169 decision 5). Read under\n * `employee-profile`: the basics and the profile, nothing else of the employee record.\n */\n@customElement('employee-profile-list-page')\nexport class EmployeeProfileListPage extends localize(i18next)(PageView) {\n  static styles = [\n    WorkSurfacePageStyles,\n    CommonGristStyles,\n    CommonHeaderStyles,\n    ScrollbarStyles,\n    css`\n      .filters {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: var(--spacing-medium, 8px);\n        font-size: var(--ui-t-small, 11.5px);\n        color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n      }\n      ox-select {\n        min-width: 140px;\n      }\n    `\n  ]\n\n  @state() gristConfig: any\n  /** The languages the application runs, and the one the document's own words are printed in - the reader's at first. */\n  @state() languages: Language[] = []\n  @state() language = ''\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    return {\n      title: i18next.t('title.employee-profile-list'),\n      search: {\n        handler: (search: string) => {\n          this.grist.searchText = search\n        },\n        value: this.grist?.searchText || ''\n      },\n      actions: [\n        { title: i18next.t('button.employee-profile-preview'), icon: 'preview', action: () => this.preview() },\n        { title: i18next.t('button.employee-profile-download-pdf'), icon: 'picture_as_pdf', action: () => this.download('PDF') },\n        { title: i18next.t('button.employee-profile-download'), icon: 'download', emphasis: { raised: true }, action: () => this.download('XLSX') }\n      ]\n    }\n  }\n\n  render() {\n    const shown = this.languages.find(one => one.code === this.language)?.display ?? this.language\n    return html`<ox-grist\n      class=\"page-fill\"\n      .mode=${isMobileDevice() ? 'CARD' : 'GRID'}\n      .config=${this.gristConfig}\n      .fetchHandler=${this.fetchHandler.bind(this)}\n    >\n      ${this.languages.length > 1\n        ? html`<div slot=\"headroom\" class=\"header\">\n            <div class=\"filters\">\n              <span>${i18next.t('label.employee-profile-document-language')}</span>\n              <ox-select\n                .value=${this.language}\n                aria-label=${i18next.t('label.employee-profile-document-language')}\n                @change=${(e: CustomEvent) => (this.language = String(e.detail || this.language))}\n              >\n                <span slot=\"label\">${shown}</span>\n                <ox-popup-list align-left nowrap with-search>${this.languages.map(one => html`<div option value=${one.code}>${one.display}</div>`)}</ox-popup-list>\n              </ox-select>\n            </div>\n          </div>`\n        : ''}\n    </ox-grist>`\n  }\n\n  async pageInitialized() {\n    /* The reader's language first - matched to a code the application runs, by its language part when the region differs. */\n    this.languages = ((await getLanguages()) ?? []) as Language[]\n    this.language = readerLanguageOf(this.languages)\n\n    const text = (name: string, header: string, width: number, extra: any = {}) => ({\n      type: 'string',\n      name,\n      header,\n      width,\n      sortable: true,\n      ...extra,\n      record: { editable: false, ...extra.record }\n    })\n    this.gristConfig = {\n      rows: { appendable: false, selectable: { multiple: true } },\n      pagination: { infinite: true },\n      emptyNote: { title: i18next.t('text.employee-profile-empty') },\n      list: { fields: ['name', 'departmentName'], details: ['jobPosition', 'profileUpdatedAt'] },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        text('name', i18next.t('field.name'), 120),\n        text('departmentName', i18next.t('label.department'), 160),\n        text('jobPosition', i18next.t('label.job-position'), 100),\n        text('jobResponsibility', i18next.t('label.job-responsibility'), 100),\n        text('profileUpdatedAt', i18next.t('label.employee-profile-updated-at'), 120)\n      ]\n    }\n  }\n\n  /** Every active employee at once - a company's people, not a ledger - narrowed here by the search words. */\n  async fetchHandler({ search }: FetchOption) {\n    const response = await client.query({\n      query: gql`\n        query {\n          employeeProfiles {\n            employeeId\n            controlNo\n            name\n            departmentName\n            jobPosition\n            jobResponsibility\n            hiredOn\n            profile {\n              summary\n              skills\n              educations { school major degree startedOn endedOn }\n              certificates { name issuer acquiredOn }\n              careers { company department position startedOn endedOn duties }\n              projects { name client startedOn endedOn role duties technologies }\n              updatedAt\n            }\n          }\n        }\n      `,\n      fetchPolicy: 'network-only'\n    })\n    if (response.errors?.length) throw response\n\n    const words = (search ?? '').trim().toLowerCase()\n    const records = (response.data.employeeProfiles as any[])\n      .map(one => ({ ...one, id: one.employeeId, profileUpdatedAt: dayOf(one.profile?.updatedAt) }))\n      .filter(one => !words || [one.name, one.departmentName, one.jobPosition, one.jobResponsibility].some(value => value?.toLowerCase().includes(words)))\n    return { total: records.length, records }\n  }\n\n  /** The ids of the rows picked - or nothing, having said so. */\n  private picked(): string[] | null {\n    const picked = this.grist?.selected ?? []\n    if (picked.length) return picked.map((one: any) => one.employeeId)\n    notify({ level: 'warn', message: i18next.t('text.employee-profile-select-rows-first') })\n    return null\n  }\n\n  private preview() {\n    const employeeIds = this.picked()\n    if (employeeIds) openProfilePreview({ employeeIds }, this.languages, this.language)\n  }\n\n  private async download(format: ProfileFormat) {\n    const employeeIds = this.picked()\n    if (!employeeIds) return\n    try {\n      saveProfileFile(await profileFile({ employeeIds }, format, this.language))\n    } catch (error: any) {\n      notify({ level: 'error', message: error?.message ?? String(error) })\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,28 @@
+import '@material/web/icon/icon.js';
+import '@operato/input/ox-select.js';
+import '@operato/popup/ox-popup-list.js';
+import { LitElement } from 'lit';
+import { type Language, type ProfileSubject } from './employee-profile-files';
+declare const EmployeeProfilePreview_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+/**
+ * The profiles as they will be handed in, before they are (ADR-0169 decision 9): the server's pages of A4 in a frame,
+ * the language of the document's own words to change, and the two downloads in the same language. Opened from the list
+ * for the people chosen and from one's own page for oneself.
+ */
+export declare class EmployeeProfilePreview extends EmployeeProfilePreview_base {
+    static styles: import("lit").CSSResult[];
+    subject: ProfileSubject;
+    languages: Language[];
+    language: string;
+    private page;
+    private busy;
+    firstUpdated(): void;
+    private show;
+    private download;
+    /** As tall as its pages - read from its document, which is ours (same origin, no script). */
+    private fit;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/** Open the preview of `subject`'s profiles in `language`. */
+export declare function openProfilePreview(subject: ProfileSubject, languages: Language[], language: string): import("@operato/layout").PopupHandle<unknown>;
+export {};