@things-factory/organization 10.1.223 → 10.1.227

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

@@ -0,0 +1,179 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
+import '@operato/input/ox-select.js';
+import '@operato/popup/ox-popup-list.js';
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { i18next, localize } from '@operato/i18n';
+import { notify, openPopup } from '@operato/layout';
+import { ButtonStyles, ScrollbarStyles } from '@operato/styles';
+import { profileFile, saveProfileFile, textOf } from './employee-profile-files';
+/**
+ * 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.
+ */
+let EmployeeProfilePreview = class EmployeeProfilePreview extends localize(i18next)(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.languages = [];
+        this.language = '';
+        this.page = '';
+        this.busy = false;
+    }
+    static { this.styles = [
+        ButtonStyles,
+        ScrollbarStyles,
+        css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        min-height: 0;
+        background: var(--ui-bg, var(--md-sys-color-surface));
+      }
+      .bar {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: var(--spacing-medium, 8px);
+        padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);
+        border-bottom: 1px solid var(--ui-line, var(--md-sys-color-outline-variant));
+        font-size: var(--ui-t-small, 11.5px);
+        color: var(--ui-muted, var(--md-sys-color-on-surface-variant));
+      }
+      .bar .spacer {
+        flex: 1;
+      }
+      ox-select {
+        min-width: 140px;
+      }
+      /* The frame grows to its pages and this box scrolls them - with the house scrollbar, not the frame's own. */
+      .frame {
+        position: relative;
+        flex: 1;
+        min-height: 0;
+        overflow: auto;
+        background: #e9edf1;
+      }
+      iframe {
+        display: block;
+        width: 100%;
+        border: 0;
+        overflow: hidden;
+      }
+      .loading {
+        position: absolute;
+        inset: 0;
+        display: grid;
+        place-items: center;
+        background: rgba(233, 237, 241, 0.6);
+        font-size: var(--ui-t-body, 13px);
+      }
+    `
+    ]; }
+    firstUpdated() {
+        this.show();
+    }
+    async show() {
+        this.busy = true;
+        try {
+            this.page = textOf(await profileFile(this.subject, 'HTML', this.language));
+        }
+        catch (error) {
+            notify({ level: 'error', message: error?.message ?? String(error) });
+        }
+        finally {
+            this.busy = false;
+        }
+    }
+    async download(format) {
+        this.busy = true;
+        try {
+            saveProfileFile(await profileFile(this.subject, format, this.language));
+        }
+        catch (error) {
+            notify({ level: 'error', message: error?.message ?? String(error) });
+        }
+        finally {
+            this.busy = false;
+        }
+    }
+    /** As tall as its pages - read from its document, which is ours (same origin, no script). */
+    fit(frame) {
+        const height = frame.contentDocument?.documentElement?.scrollHeight;
+        if (height)
+            frame.style.height = `${height}px`;
+    }
+    render() {
+        const shown = this.languages.find(one => one.code === this.language)?.display ?? this.language;
+        return html `
+      <div class="bar">
+        ${this.languages.length > 1
+            ? html `<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) => {
+                const next = String(e.detail || this.language);
+                if (next === this.language)
+                    return;
+                this.language = next;
+                this.show();
+            }}
+              >
+                <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>`
+            : nothing}
+        <span class="spacer"></span>
+        <button ?disabled=${this.busy} @click=${() => this.download('PDF')}><md-icon>picture_as_pdf</md-icon>${i18next.t('button.employee-profile-download-pdf')}</button>
+        <button raised ?disabled=${this.busy} @click=${() => this.download('XLSX')}><md-icon>download</md-icon>${i18next.t('button.employee-profile-download')}</button>
+      </div>
+      <div class="frame">
+        <!-- No script runs in the frame; an empty sandbox also kept the page from drawing in the app's browser. -->
+        <iframe
+          title=${i18next.t('title.employee-profile-preview')}
+          sandbox="allow-same-origin"
+          scrolling="no"
+          .srcdoc=${this.page}
+          @load=${(e) => this.fit(e.target)}
+        ></iframe>
+        ${this.busy ? html `<div class="loading">${i18next.t('text.loading')}</div>` : nothing}
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Object)
+], EmployeeProfilePreview.prototype, "subject", void 0);
+__decorate([
+    property({ attribute: false }),
+    __metadata("design:type", Array)
+], EmployeeProfilePreview.prototype, "languages", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], EmployeeProfilePreview.prototype, "language", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], EmployeeProfilePreview.prototype, "page", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], EmployeeProfilePreview.prototype, "busy", void 0);
+EmployeeProfilePreview = __decorate([
+    customElement('employee-profile-preview')
+], EmployeeProfilePreview);
+export { EmployeeProfilePreview };
+/** Open the preview of `subject`'s profiles in `language`. */
+export function openProfilePreview(subject, languages, language) {
+    return openPopup(html `<employee-profile-preview .subject=${subject} .languages=${languages} .language=${language}></employee-profile-preview>`, {
+        backdrop: true,
+        size: 'large',
+        title: i18next.t('title.employee-profile-preview')
+    });
+}
+//# sourceMappingURL=employee-profile-preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"employee-profile-preview.js","sourceRoot":"","sources":["../../../client/pages/employee-profile/employee-profile-preview.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/input/ox-select.js'\nimport '@operato/popup/ox-popup-list.js'\n\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { notify, openPopup } from '@operato/layout'\nimport { ButtonStyles, ScrollbarStyles } from '@operato/styles'\n\nimport { profileFile, saveProfileFile, textOf, type Language, type ProfileFormat, type ProfileSubject } from './employee-profile-files'\n\n/**\n * The profiles as they will be handed in, before they are (ADR-0169 decision 9): the server's pages of A4 in a frame,\n * the language of the document's own words to change, and the two downloads in the same language. Opened from the list\n * for the people chosen and from one's own page for oneself.\n */\n@customElement('employee-profile-preview')\nexport class EmployeeProfilePreview extends localize(i18next)(LitElement) {\n  static styles = [\n    ButtonStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n        min-height: 0;\n        background: var(--ui-bg, var(--md-sys-color-surface));\n      }\n      .bar {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: var(--spacing-medium, 8px);\n        padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n        border-bottom: 1px solid var(--ui-line, var(--md-sys-color-outline-variant));\n        font-size: var(--ui-t-small, 11.5px);\n        color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n      }\n      .bar .spacer {\n        flex: 1;\n      }\n      ox-select {\n        min-width: 140px;\n      }\n      /* The frame grows to its pages and this box scrolls them - with the house scrollbar, not the frame's own. */\n      .frame {\n        position: relative;\n        flex: 1;\n        min-height: 0;\n        overflow: auto;\n        background: #e9edf1;\n      }\n      iframe {\n        display: block;\n        width: 100%;\n        border: 0;\n        overflow: hidden;\n      }\n      .loading {\n        position: absolute;\n        inset: 0;\n        display: grid;\n        place-items: center;\n        background: rgba(233, 237, 241, 0.6);\n        font-size: var(--ui-t-body, 13px);\n      }\n    `\n  ]\n\n  @property({ attribute: false }) subject!: ProfileSubject\n  @property({ attribute: false }) languages: Language[] = []\n  @property() language = ''\n\n  @state() private page = ''\n  @state() private busy = false\n\n  firstUpdated() {\n    this.show()\n  }\n\n  private async show() {\n    this.busy = true\n    try {\n      this.page = textOf(await profileFile(this.subject, 'HTML', this.language))\n    } catch (error: any) {\n      notify({ level: 'error', message: error?.message ?? String(error) })\n    } finally {\n      this.busy = false\n    }\n  }\n\n  private async download(format: ProfileFormat) {\n    this.busy = true\n    try {\n      saveProfileFile(await profileFile(this.subject, format, this.language))\n    } catch (error: any) {\n      notify({ level: 'error', message: error?.message ?? String(error) })\n    } finally {\n      this.busy = false\n    }\n  }\n\n  /** As tall as its pages - read from its document, which is ours (same origin, no script). */\n  private fit(frame: HTMLIFrameElement) {\n    const height = frame.contentDocument?.documentElement?.scrollHeight\n    if (height) frame.style.height = `${height}px`\n  }\n\n  render() {\n    const shown = this.languages.find(one => one.code === this.language)?.display ?? this.language\n    return html`\n      <div class=\"bar\">\n        ${this.languages.length > 1\n          ? html`<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) => {\n                  const next = String(e.detail || this.language)\n                  if (next === this.language) return\n                  this.language = next\n                  this.show()\n                }}\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          : nothing}\n        <span class=\"spacer\"></span>\n        <button ?disabled=${this.busy} @click=${() => this.download('PDF')}><md-icon>picture_as_pdf</md-icon>${i18next.t('button.employee-profile-download-pdf')}</button>\n        <button raised ?disabled=${this.busy} @click=${() => this.download('XLSX')}><md-icon>download</md-icon>${i18next.t('button.employee-profile-download')}</button>\n      </div>\n      <div class=\"frame\">\n        <!-- No script runs in the frame; an empty sandbox also kept the page from drawing in the app's browser. -->\n        <iframe\n          title=${i18next.t('title.employee-profile-preview')}\n          sandbox=\"allow-same-origin\"\n          scrolling=\"no\"\n          .srcdoc=${this.page}\n          @load=${(e: Event) => this.fit(e.target as HTMLIFrameElement)}\n        ></iframe>\n        ${this.busy ? html`<div class=\"loading\">${i18next.t('text.loading')}</div>` : nothing}\n      </div>\n    `\n  }\n}\n\n/** Open the preview of `subject`'s profiles in `language`. */\nexport function openProfilePreview(subject: ProfileSubject, languages: Language[], language: string) {\n  return openPopup(html`<employee-profile-preview .subject=${subject} .languages=${languages} .language=${language}></employee-profile-preview>`, {\n    backdrop: true,\n    size: 'large',\n    title: i18next.t('title.employee-profile-preview')\n  })\n}\n"]}

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

@@ -0,0 +1,56 @@
+import '@material/web/icon/icon.js';
+import '@operato/list-state/ox-empty-note.js';
+import '@operato/list-state/ox-page-state.js';
+import { PageView } from '@operato/shell';
+import { type ProfileForm } from './employee-profile-form';
+declare const MyEmployeeProfilePage_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+/**
+ * 내 프로필 — the employee writes their own career profile: a summary, skills, and the rows of education,
+ * certificates, past jobs and projects; sales attaches it to quotations (ADR-0169 decisions 2 · 5). Saved whole.
+ *
+ * The page is built to be filled in: who it is about and how complete it is stand at the top, each missing essential a
+ * click away; each row is a card whose headline reads like the document's line; a section with nothing yet says what
+ * it is for; and the document itself is one click away (PDF), as sales will hand it in. An account not linked to an
+ * employee record has no profile to write, and is told so before anything is typed.
+ */
+export declare class MyEmployeeProfilePage extends MyEmployeeProfilePage_base {
+    static styles: import("lit").CSSResult[];
+    form: ProfileForm;
+    /** Who the profile is about - the employee record's basics. */
+    me: any;
+    /** Whether the account is linked to an employee record - unknown until read. */
+    linked: boolean | null;
+    loading: boolean;
+    error: unknown;
+    busy: boolean;
+    updatedAt: string | null;
+    /** The form as last read or saved - what is written differs from it until saved. */
+    private saved;
+    private get dirty();
+    get context(): {
+        title: string;
+        frame: string;
+        actions: {
+            title: string;
+            icon: string;
+            emphasis: {
+                raised: boolean;
+            };
+            action: () => Promise<boolean>;
+        }[];
+    };
+    pageUpdated(changes: any): Promise<void>;
+    private load;
+    private hold;
+    private save;
+    /** The document as sales will hand it in - what is written is saved first, so the preview shows it. */
+    private preview;
+    private goTo;
+    render(): import("lit-html").TemplateResult<1>;
+    private renderHero;
+    private renderSummary;
+    private renderSkills;
+    private renderSection;
+    private renderEntry;
+}
+export {};