@things-factory/ops-master 10.1.35 → 10.1.36

package/dist-client/pages/master/applied-when-dialog.d.ts

@@ -0,0 +1,45 @@
+import { LitElement } from 'lit';
+import { ASSIGNMENT_FIELDS } from './assignment-fields.js';
+/**
+ * **언제부터 그러한가를 묻는 자리.**
+ *
+ * ── 왜 날짜 칸 하나가 아닌가 ───────────────────────────────────────────────
+ * 그리드에 날짜 열을 하나 더하면 사람은 그것을 **또 하나의 값**으로 읽는다. 이 셋(자리 배정 · 근무조
+ * 선언 · 부모 관계)은 값이 아니라 **언제부터 그렇게 볼 것인가**를 함께 정하는 일이고, 과거를 적으면
+ * **지연 기록인지 정정인지**까지 갈라야 한다. 그래서 저장 직전에 한 번 묻는다.
+ *
+ * ```
+ * 바뀌기 전 → 바뀐 뒤
+ * 적용 시작        기본값 「지금부터」
+ * 과거 시각이면     지연 기록인가 이미 적은 것의 정정인가
+ * 미래 시각이면     지금 값은 그대로이고 변경이 예약된다고 알린다
+ * ```
+ *
+ * ⚠ **기록 시각은 안 묻는다.** 사람이 넣으면 「언제 알았나」를 사람이 정하게 된다 — 서버가 붙인다.
+ */
+export interface AppliedAnswer {
+    at?: string;
+    kind?: 'change' | 'correction';
+    until?: string;
+}
+export interface AssignmentChange {
+    rowName: string;
+    field: string;
+    before: string;
+    after: string;
+}
+export declare class AppliedWhenDialog extends LitElement {
+    static styles: import("lit").CSSResult;
+    changes: AssignmentChange[];
+    onAnswer?: (answer: AppliedAnswer) => void;
+    onCancel?: () => void;
+    private at;
+    private kind;
+    private until;
+    /** 안 적으면 지금부터다 — 그 기본값이 곧 「지금부터」라는 주장이다. */
+    private get when();
+    private get past();
+    private get future();
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { ASSIGNMENT_FIELDS };

package/dist-client/pages/master/applied-when-dialog.js

@@ -0,0 +1,139 @@
+import { __decorate, __metadata } from "tslib";
+import { LitElement, css, html } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { i18next } from '@operato/i18n';
+import { ASSIGNMENT_FIELDS } from './assignment-fields.js';
+let AppliedWhenDialog = class AppliedWhenDialog extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.changes = [];
+        this.at = '';
+        this.kind = 'change';
+        this.until = '';
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+      padding: var(--spacing-medium, 12px);
+    }
+    .what {
+      display: grid;
+      grid-template-columns: auto 1fr;
+      gap: var(--spacing-tiny, 4px) var(--spacing-small, 8px);
+      margin-bottom: var(--spacing-medium, 12px);
+    }
+    .what span {
+      color: var(--md-sys-color-on-surface-variant);
+    }
+    .note {
+      color: var(--md-sys-color-on-surface-variant);
+      margin-top: var(--spacing-small, 8px);
+    }
+    .buttons {
+      display: flex;
+      justify-content: flex-end;
+      gap: var(--spacing-small, 8px);
+      margin-top: var(--spacing-medium, 12px);
+    }
+  `; }
+    /** 안 적으면 지금부터다 — 그 기본값이 곧 「지금부터」라는 주장이다. */
+    get when() {
+        return this.at ? new Date(this.at).getTime() : Date.now();
+    }
+    get past() {
+        return this.when < Date.now() - 60000;
+    }
+    get future() {
+        return this.when > Date.now() + 60000;
+    }
+    render() {
+        return html `
+      <div class="what">
+        ${this.changes.map(one => html `
+            <span>${one.rowName} · ${labelOf(one.field)}</span>
+            <div>${one.before || i18next.t('text.none')} → <b>${one.after || i18next.t('text.none')}</b></div>
+          `)}
+      </div>
+
+      <label>
+        ${i18next.t('label.applied-from')}
+        <input
+          type="datetime-local"
+          .value=${this.at}
+          @change=${(e) => (this.at = e.target.value)}
+          placeholder=${i18next.t('text.from-now')}
+        />
+      </label>
+
+      ${this.past
+            ? html `
+            <div>
+              <label>
+                <input type="radio" name="kind" ?checked=${this.kind === 'change'} @change=${() => (this.kind = 'change')} />
+                ${i18next.t('label.late-record')}
+              </label>
+              <label>
+                <input type="radio" name="kind" ?checked=${this.kind === 'correction'} @change=${() => (this.kind = 'correction')} />
+                ${i18next.t('label.correct-what-was-recorded')}
+              </label>
+              ${this.kind === 'correction'
+                ? html `
+                    <label>
+                      ${i18next.t('label.applied-until')}
+                      <input type="datetime-local" .value=${this.until} @change=${(e) => (this.until = e.target.value)} />
+                    </label>
+                  `
+                : ''}
+            </div>
+          `
+            : ''}
+      ${this.future ? html `<div class="note">${i18next.t('text.change-is-scheduled')}</div>` : ''}
+
+      <div class="buttons">
+        <button @click=${() => this.onCancel?.()}>${i18next.t('button.cancel')}</button>
+        <button
+          @click=${() => this.onAnswer?.({
+            ...(this.at ? { at: new Date(this.at).toISOString() } : {}),
+            ...(this.past ? { kind: this.kind } : {}),
+            ...(this.past && this.kind === 'correction' && this.until ? { until: new Date(this.until).toISOString() } : {})
+        })}
+        >
+          ${i18next.t('button.save')}
+        </button>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], AppliedWhenDialog.prototype, "changes", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Function)
+], AppliedWhenDialog.prototype, "onAnswer", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Function)
+], AppliedWhenDialog.prototype, "onCancel", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AppliedWhenDialog.prototype, "at", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], AppliedWhenDialog.prototype, "kind", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AppliedWhenDialog.prototype, "until", void 0);
+AppliedWhenDialog = __decorate([
+    customElement('applied-when-dialog')
+], AppliedWhenDialog);
+export { AppliedWhenDialog };
+function labelOf(field) {
+    return i18next.t(`field.${field}`, { defaultValue: field });
+}
+export { ASSIGNMENT_FIELDS };
+//# sourceMappingURL=applied-when-dialog.js.map

package/dist-client/pages/master/applied-when-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applied-when-dialog.js","sourceRoot":"","sources":["../../../client/pages/master/applied-when-dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { i18next } from '@operato/i18n'\n\nimport { ASSIGNMENT_FIELDS } from './assignment-fields.js'\n\n/**\n * **언제부터 그러한가를 묻는 자리.**\n *\n * ── 왜 날짜 칸 하나가 아닌가 ───────────────────────────────────────────────\n * 그리드에 날짜 열을 하나 더하면 사람은 그것을 **또 하나의 값**으로 읽는다. 이 셋(자리 배정 · 근무조\n * 선언 · 부모 관계)은 값이 아니라 **언제부터 그렇게 볼 것인가**를 함께 정하는 일이고, 과거를 적으면\n * **지연 기록인지 정정인지**까지 갈라야 한다. 그래서 저장 직전에 한 번 묻는다.\n *\n * ```\n * 바뀌기 전 → 바뀐 뒤\n * 적용 시작        기본값 「지금부터」\n * 과거 시각이면     지연 기록인가 이미 적은 것의 정정인가\n * 미래 시각이면     지금 값은 그대로이고 변경이 예약된다고 알린다\n * ```\n *\n * ⚠ **기록 시각은 안 묻는다.** 사람이 넣으면 「언제 알았나」를 사람이 정하게 된다 — 서버가 붙인다.\n */\nexport interface AppliedAnswer {\n  at?: string\n  kind?: 'change' | 'correction'\n  until?: string\n}\n\nexport interface AssignmentChange {\n  rowName: string\n  field: string\n  before: string\n  after: string\n}\n\n@customElement('applied-when-dialog')\nexport class AppliedWhenDialog extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      padding: var(--spacing-medium, 12px);\n    }\n    .what {\n      display: grid;\n      grid-template-columns: auto 1fr;\n      gap: var(--spacing-tiny, 4px) var(--spacing-small, 8px);\n      margin-bottom: var(--spacing-medium, 12px);\n    }\n    .what span {\n      color: var(--md-sys-color-on-surface-variant);\n    }\n    .note {\n      color: var(--md-sys-color-on-surface-variant);\n      margin-top: var(--spacing-small, 8px);\n    }\n    .buttons {\n      display: flex;\n      justify-content: flex-end;\n      gap: var(--spacing-small, 8px);\n      margin-top: var(--spacing-medium, 12px);\n    }\n  `\n\n  @property({ type: Array }) changes: AssignmentChange[] = []\n  @property({ type: Object }) onAnswer?: (answer: AppliedAnswer) => void\n  @property({ type: Object }) onCancel?: () => void\n\n  @state() private at = ''\n  @state() private kind: 'change' | 'correction' = 'change'\n  @state() private until = ''\n\n  /** 안 적으면 지금부터다 — 그 기본값이 곧 「지금부터」라는 주장이다. */\n  private get when(): number {\n    return this.at ? new Date(this.at).getTime() : Date.now()\n  }\n\n  private get past(): boolean {\n    return this.when < Date.now() - 60000\n  }\n\n  private get future(): boolean {\n    return this.when > Date.now() + 60000\n  }\n\n  render() {\n    return html`\n      <div class=\"what\">\n        ${this.changes.map(\n          one => html`\n            <span>${one.rowName} · ${labelOf(one.field)}</span>\n            <div>${one.before || i18next.t('text.none')} → <b>${one.after || i18next.t('text.none')}</b></div>\n          `\n        )}\n      </div>\n\n      <label>\n        ${i18next.t('label.applied-from')}\n        <input\n          type=\"datetime-local\"\n          .value=${this.at}\n          @change=${(e: Event) => (this.at = (e.target as HTMLInputElement).value)}\n          placeholder=${i18next.t('text.from-now')}\n        />\n      </label>\n\n      ${this.past\n        ? html`\n            <div>\n              <label>\n                <input type=\"radio\" name=\"kind\" ?checked=${this.kind === 'change'} @change=${() => (this.kind = 'change')} />\n                ${i18next.t('label.late-record')}\n              </label>\n              <label>\n                <input type=\"radio\" name=\"kind\" ?checked=${this.kind === 'correction'} @change=${() => (this.kind = 'correction')} />\n                ${i18next.t('label.correct-what-was-recorded')}\n              </label>\n              ${this.kind === 'correction'\n                ? html`\n                    <label>\n                      ${i18next.t('label.applied-until')}\n                      <input type=\"datetime-local\" .value=${this.until} @change=${(e: Event) => (this.until = (e.target as HTMLInputElement).value)} />\n                    </label>\n                  `\n                : ''}\n            </div>\n          `\n        : ''}\n      ${this.future ? html`<div class=\"note\">${i18next.t('text.change-is-scheduled')}</div>` : ''}\n\n      <div class=\"buttons\">\n        <button @click=${() => this.onCancel?.()}>${i18next.t('button.cancel')}</button>\n        <button\n          @click=${() =>\n            this.onAnswer?.({\n              ...(this.at ? { at: new Date(this.at).toISOString() } : {}),\n              ...(this.past ? { kind: this.kind } : {}),\n              ...(this.past && this.kind === 'correction' && this.until ? { until: new Date(this.until).toISOString() } : {})\n            })}\n        >\n          ${i18next.t('button.save')}\n        </button>\n      </div>\n    `\n  }\n}\n\nfunction labelOf(field: string): string {\n  return i18next.t(`field.${field}`, { defaultValue: field })\n}\n\nexport { ASSIGNMENT_FIELDS }\n"]}

package/dist-client/pages/master/assignment-fields.d.ts

@@ -0,0 +1,28 @@
+/**
+ * **이력을 받는 칸 셋** — 화면이 저장 직전에 「언제부터」를 묻는 대상.
+ *
+ * 서버의 `ASSIGNMENT_FIELDS` 와 같은 목록이다. 화면이 서버를 import 하지 않으므로(그러면 빌드가
+ * 옮겨 간다) 여기 한 벌을 둔다 — **갈라지면 안 묻고 보내는 칸이 생긴다.**
+ */
+export declare const ASSIGNMENT_FIELDS: {
+    axis: string;
+    field: string;
+}[];
+/** 이 축에서 이력을 받는 칸들. */
+export declare function assignmentFieldsOf(axis: string): string[];
+export interface AssignmentChange {
+    rowName: string;
+    field: string;
+    before: string;
+    after: string;
+}
+/**
+ * 보내려는 변경 중 **이력을 받는 칸을 건드린 것**만 고른다.
+ *
+ * ⚠ **새로 만드는 행은 안 묻는다.** 그 행은 그 순간 생긴 것이고 「언제부터」는 그 순간이다.
+ * 물으면 존재하기 전의 자리를 적을 수 있게 된다.
+ *
+ * ⚠ **같은 값을 다시 보낸 것도 안 묻는다.** 그리드는 한 칸만 고쳐도 행 전체를 보낸다 — 안 바뀐
+ * 칸까지 물으면 사람이 매번 날짜를 보게 되고, 그러면 아무도 안 읽는다.
+ */
+export declare function assignmentChangesIn(axis: string, patches: readonly Record<string, unknown>[], before: (id: string) => Record<string, unknown> | undefined): AssignmentChange[];

package/dist-client/pages/master/assignment-fields.js

@@ -0,0 +1,55 @@
+/**
+ * **이력을 받는 칸 셋** — 화면이 저장 직전에 「언제부터」를 묻는 대상.
+ *
+ * 서버의 `ASSIGNMENT_FIELDS` 와 같은 목록이다. 화면이 서버를 import 하지 않으므로(그러면 빌드가
+ * 옮겨 간다) 여기 한 벌을 둔다 — **갈라지면 안 묻고 보내는 칸이 생긴다.**
+ */
+export const ASSIGNMENT_FIELDS = [
+    { axis: 'equipment', field: 'homeLocation' },
+    { axis: 'operationalLocation', field: 'workShiftNames' },
+    { axis: 'operationalLocation', field: 'parentId' }
+];
+/** 이 축에서 이력을 받는 칸들. */
+export function assignmentFieldsOf(axis) {
+    return ASSIGNMENT_FIELDS.filter(one => one.axis === axis).map(one => one.field);
+}
+/**
+ * 보내려는 변경 중 **이력을 받는 칸을 건드린 것**만 고른다.
+ *
+ * ⚠ **새로 만드는 행은 안 묻는다.** 그 행은 그 순간 생긴 것이고 「언제부터」는 그 순간이다.
+ * 물으면 존재하기 전의 자리를 적을 수 있게 된다.
+ *
+ * ⚠ **같은 값을 다시 보낸 것도 안 묻는다.** 그리드는 한 칸만 고쳐도 행 전체를 보낸다 — 안 바뀐
+ * 칸까지 물으면 사람이 매번 날짜를 보게 되고, 그러면 아무도 안 읽는다.
+ */
+export function assignmentChangesIn(axis, patches, before) {
+    const fields = assignmentFieldsOf(axis);
+    if (!fields.length) {
+        return [];
+    }
+    const changes = [];
+    for (const patch of patches) {
+        if (String(patch.cuFlag ?? '').toUpperCase() !== 'M') {
+            continue;
+        }
+        const was = before(String(patch.id)) ?? {};
+        for (const field of fields) {
+            if (!(field in patch)) {
+                continue;
+            }
+            const after = show(patch[field]);
+            const had = show(was[field]);
+            if (after !== had) {
+                changes.push({ rowName: String(patch.name ?? was.name ?? patch.id), field, before: had, after });
+            }
+        }
+    }
+    return changes;
+}
+function show(value) {
+    if (value === null || value === undefined || value === '') {
+        return '';
+    }
+    return Array.isArray(value) ? value.map(String).join(', ') : String(value);
+}
+//# sourceMappingURL=assignment-fields.js.map

package/dist-client/pages/master/assignment-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assignment-fields.js","sourceRoot":"","sources":["../../../client/pages/master/assignment-fields.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAsC;IAClE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE;IAC5C,EAAE,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACxD,EAAE,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;CACnD,CAAA;AAED,uBAAuB;AACvB,MAAM,UAAU,kBAAkB,CAAC,IAAY;IAC7C,OAAO,iBAAiB,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;AACjF,CAAC;AASD;;;;;;;;GAQG;AACH,MAAM,UAAU,mBAAmB,CACjC,IAAY,EACZ,OAA2C,EAC3C,MAA2D;IAE3D,MAAM,MAAM,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAA;IAEvC,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACnB,OAAO,EAAE,CAAA;IACX,CAAC;IAED,MAAM,OAAO,GAAuB,EAAE,CAAA;IAEtC,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;QAC5B,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,KAAK,GAAG,EAAE,CAAC;YACrD,SAAQ;QACV,CAAC;QAED,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAA;QAE1C,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;YAC3B,IAAI,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,EAAE,CAAC;gBACtB,SAAQ;YACV,CAAC;YAED,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;YAChC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAA;YAE5B,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;gBAClB,OAAO,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,IAAI,GAAG,CAAC,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAA;YAClG,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,SAAS,IAAI,CAAC,KAAc;IAC1B,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;QAC1D,OAAO,EAAE,CAAA;IACX,CAAC;IAED,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;AAC5E,CAAC","sourcesContent":["/**\n * **이력을 받는 칸 셋** — 화면이 저장 직전에 「언제부터」를 묻는 대상.\n *\n * 서버의 `ASSIGNMENT_FIELDS` 와 같은 목록이다. 화면이 서버를 import 하지 않으므로(그러면 빌드가\n * 옮겨 간다) 여기 한 벌을 둔다 — **갈라지면 안 묻고 보내는 칸이 생긴다.**\n */\nexport const ASSIGNMENT_FIELDS: { axis: string; field: string }[] = [\n  { axis: 'equipment', field: 'homeLocation' },\n  { axis: 'operationalLocation', field: 'workShiftNames' },\n  { axis: 'operationalLocation', field: 'parentId' }\n]\n\n/** 이 축에서 이력을 받는 칸들. */\nexport function assignmentFieldsOf(axis: string): string[] {\n  return ASSIGNMENT_FIELDS.filter(one => one.axis === axis).map(one => one.field)\n}\n\nexport interface AssignmentChange {\n  rowName: string\n  field: string\n  before: string\n  after: string\n}\n\n/**\n * 보내려는 변경 중 **이력을 받는 칸을 건드린 것**만 고른다.\n *\n * ⚠ **새로 만드는 행은 안 묻는다.** 그 행은 그 순간 생긴 것이고 「언제부터」는 그 순간이다.\n * 물으면 존재하기 전의 자리를 적을 수 있게 된다.\n *\n * ⚠ **같은 값을 다시 보낸 것도 안 묻는다.** 그리드는 한 칸만 고쳐도 행 전체를 보낸다 — 안 바뀐\n * 칸까지 물으면 사람이 매번 날짜를 보게 되고, 그러면 아무도 안 읽는다.\n */\nexport function assignmentChangesIn(\n  axis: string,\n  patches: readonly Record<string, unknown>[],\n  before: (id: string) => Record<string, unknown> | undefined\n): AssignmentChange[] {\n  const fields = assignmentFieldsOf(axis)\n\n  if (!fields.length) {\n    return []\n  }\n\n  const changes: AssignmentChange[] = []\n\n  for (const patch of patches) {\n    if (String(patch.cuFlag ?? '').toUpperCase() !== 'M') {\n      continue\n    }\n\n    const was = before(String(patch.id)) ?? {}\n\n    for (const field of fields) {\n      if (!(field in patch)) {\n        continue\n      }\n\n      const after = show(patch[field])\n      const had = show(was[field])\n\n      if (after !== had) {\n        changes.push({ rowName: String(patch.name ?? was.name ?? patch.id), field, before: had, after })\n      }\n    }\n  }\n\n  return changes\n}\n\nfunction show(value: unknown): string {\n  if (value === null || value === undefined || value === '') {\n    return ''\n  }\n\n  return Array.isArray(value) ? value.map(String).join(', ') : String(value)\n}\n"]}

package/dist-client/pages/master/equipment.js

@@ -13,6 +13,7 @@ let OpsMasterEquipment = class OpsMasterEquipment extends MasterPageBase {
     get spec() {
         return {
             key: 'equipment',
+            axis: 'equipment',
             title: 'equipment',
             help: 'ops-master/equipment',
             query: 'equipmentList',

package/dist-client/pages/master/equipment.js.map

@@ -1 +1 @@
-{"version":3,"file":"equipment.js","sourceRoot":"","sources":["../../../client/pages/master/equipment.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAc,MAAM,uBAAuB,CAAA;AAEvF;;;;;;;GAOG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,cAAc;IACpD,IAAc,IAAI;QAChB,OAAO;YACL,GAAG,EAAE,WAAW;YAChB,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,sBAAsB;YAC5B,KAAK,EAAE,eAAe;YACtB,QAAQ,EAAE,yBAAyB;YACnC,OAAO,EAAE;gBACP,GAAG,QAAQ;gBACX,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;gBACtE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;gBACnE;oBACE,IAAI,EAAE,cAAc;oBACpB,KAAK,EAAE,eAAe;oBACtB,IAAI,EAAE,WAAW;oBACjB,SAAS,EAAE,EAAE,SAAS,EAAE,sBAAsB,EAAE;oBAChD,KAAK,EAAE,GAAG;iBACX;gBACD;;;;;;;;;;;;;;;mBAeG;gBACH,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE;gBAC1F,GAAG,SAAS;aACb;SACF,CAAA;IACH,CAAC;CACF,CAAA;AAxCY,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAwC9B","sourcesContent":["import { customElement } from 'lit/decorators.js'\n\nimport { EFFECTIVE, IDENTITY, MasterPageBase, MasterSpec } from './master-page-base.js'\n\n/**\n * 실제로 돌아가는 설비 하나하나. 실적과 정지 기록이 이것에 붙는다.\n *\n * 근무 캘린더를 정해야 계획 조업 시간이 생기고, 그것이 없으면 가동률이 「모름」이 된다.\n *\n * 화면 골격과 저장은 MasterPageBase 가 갖는다. 이 파일은 **이 화면이 무엇을 보이나**만 말한다 —\n * 자기 인터페이스가 필요해지면 여기서 render 를 덮어쓴다.\n */\n@customElement('ops-master-equipment')\nexport class OpsMasterEquipment extends MasterPageBase {\n  protected get spec(): MasterSpec {\n    return {\n      key: 'equipment',\n      title: 'equipment',\n      help: 'ops-master/equipment',\n      query: 'equipmentList',\n      mutation: 'updateMultipleEquipment',\n      columns: [\n        ...IDENTITY,\n        { name: 'kind', label: 'equipment-class', type: 'string', width: 200 },\n        { name: 'identity', label: 'identity', type: 'string', width: 200 },\n        {\n          name: 'homeLocation',\n          label: 'home-location',\n          type: 'reference',\n          reference: { queryName: 'operationalLocations' },\n          width: 140\n        },\n        /*\n         * ── 손으로 칠 수 있는 값이 아니다 ─────────────────────────────────\n         *\n         * `type: 'json'` 은 글자를 그대로 받아 `JSON.parse` 하고, 실패하면 **오류 없이 `null`**\n         * 로 둔다(`data-grid-body.js`). 그래서 이 칸을 고치려면 사람이 이런 것을 손으로 쳐야\n         * 했고, 오타 하나에 그 설비의 계획 가동 시간이 조용히 사라졌다.\n         *\n         *   [{\"id\":\"A조\",\"fromDayOffset\":0,\"fromTime\":\"06:00\",\"toDayOffset\":0,\"toTime\":\"14:00\"}]\n         *\n         * 그리고 **정상은 이 칸이 비는 것**이다. 근무조는 자리가 선언하고 설비가 물려받는다\n         * (`OperationalLocation.workShiftNames`). 이 칸은 「이 설비만 따로 이렇게 가동한다」는\n         * 예외를 적는 자리다 — 예외가 없는 설비에 값이 있으면 화면이 거짓말을 한다.\n         *\n         * 읽기 전용으로 둔다. 값이 있으면 보이고, 고치는 길은 예외를 제대로 세울 때 만든다.\n         * 지금 상태로 열어 두는 것은 고칠 수 있는 척하면서 자료를 잃는 것이다.\n         */\n        { name: 'workCalendar', label: 'work-calendar', type: 'json', width: 200, readonly: true },\n        ...EFFECTIVE\n      ]\n    }\n  }\n}\n"]}
+{"version":3,"file":"equipment.js","sourceRoot":"","sources":["../../../client/pages/master/equipment.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAc,MAAM,uBAAuB,CAAA;AAEvF;;;;;;;GAOG;AAEI,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,cAAc;IACpD,IAAc,IAAI;QAChB,OAAO;YACL,GAAG,EAAE,WAAW;YAChB,IAAI,EAAE,WAAW;YACjB,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,sBAAsB;YAC5B,KAAK,EAAE,eAAe;YACtB,QAAQ,EAAE,yBAAyB;YACnC,OAAO,EAAE;gBACP,GAAG,QAAQ;gBACX,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;gBACtE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;gBACnE;oBACE,IAAI,EAAE,cAAc;oBACpB,KAAK,EAAE,eAAe;oBACtB,IAAI,EAAE,WAAW;oBACjB,SAAS,EAAE,EAAE,SAAS,EAAE,sBAAsB,EAAE;oBAChD,KAAK,EAAE,GAAG;iBACX;gBACD;;;;;;;;;;;;;;;mBAeG;gBACH,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE;gBAC1F,GAAG,SAAS;aACb;SACF,CAAA;IACH,CAAC;CACF,CAAA;AAzCY,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAyC9B","sourcesContent":["import { customElement } from 'lit/decorators.js'\n\nimport { EFFECTIVE, IDENTITY, MasterPageBase, MasterSpec } from './master-page-base.js'\n\n/**\n * 실제로 돌아가는 설비 하나하나. 실적과 정지 기록이 이것에 붙는다.\n *\n * 근무 캘린더를 정해야 계획 조업 시간이 생기고, 그것이 없으면 가동률이 「모름」이 된다.\n *\n * 화면 골격과 저장은 MasterPageBase 가 갖는다. 이 파일은 **이 화면이 무엇을 보이나**만 말한다 —\n * 자기 인터페이스가 필요해지면 여기서 render 를 덮어쓴다.\n */\n@customElement('ops-master-equipment')\nexport class OpsMasterEquipment extends MasterPageBase {\n  protected get spec(): MasterSpec {\n    return {\n      key: 'equipment',\n      axis: 'equipment',\n      title: 'equipment',\n      help: 'ops-master/equipment',\n      query: 'equipmentList',\n      mutation: 'updateMultipleEquipment',\n      columns: [\n        ...IDENTITY,\n        { name: 'kind', label: 'equipment-class', type: 'string', width: 200 },\n        { name: 'identity', label: 'identity', type: 'string', width: 200 },\n        {\n          name: 'homeLocation',\n          label: 'home-location',\n          type: 'reference',\n          reference: { queryName: 'operationalLocations' },\n          width: 140\n        },\n        /*\n         * ── 손으로 칠 수 있는 값이 아니다 ─────────────────────────────────\n         *\n         * `type: 'json'` 은 글자를 그대로 받아 `JSON.parse` 하고, 실패하면 **오류 없이 `null`**\n         * 로 둔다(`data-grid-body.js`). 그래서 이 칸을 고치려면 사람이 이런 것을 손으로 쳐야\n         * 했고, 오타 하나에 그 설비의 계획 가동 시간이 조용히 사라졌다.\n         *\n         *   [{\"id\":\"A조\",\"fromDayOffset\":0,\"fromTime\":\"06:00\",\"toDayOffset\":0,\"toTime\":\"14:00\"}]\n         *\n         * 그리고 **정상은 이 칸이 비는 것**이다. 근무조는 자리가 선언하고 설비가 물려받는다\n         * (`OperationalLocation.workShiftNames`). 이 칸은 「이 설비만 따로 이렇게 가동한다」는\n         * 예외를 적는 자리다 — 예외가 없는 설비에 값이 있으면 화면이 거짓말을 한다.\n         *\n         * 읽기 전용으로 둔다. 값이 있으면 보이고, 고치는 길은 예외를 제대로 세울 때 만든다.\n         * 지금 상태로 열어 두는 것은 고칠 수 있는 척하면서 자료를 잃는 것이다.\n         */\n        { name: 'workCalendar', label: 'work-calendar', type: 'json', width: 200, readonly: true },\n        ...EFFECTIVE\n      ]\n    }\n  }\n}\n"]}

package/dist-client/pages/master/master-page-base.d.ts

@@ -3,6 +3,9 @@ import '@operato/data-grist/ox-grist.js';
 import { DataGrist, FetchOption } from '@operato/data-grist';
 import type { ReferenceOptions } from './grist-reference.js';
 import { PageView } from '@operato/shell';
+import { AssignmentChange } from './assignment-fields.js';
+import { AppliedAnswer } from './applied-when-dialog.js';
+import './applied-when-dialog.js';
 /**
  * 마스터 화면이 함께 쓰는 것 — **코드 재사용은 여기서, 화면은 각자.**
  *
@@ -94,6 +97,13 @@ export interface MasterColumn {
 export interface MasterSpec {
     /** 컬럼 설정을 사람마다 따로 저장하는 키. 화면마다 달라야 한다. */
     key: string;
+    /**
+     * 이 화면이 다루는 마스터 축.
+     *
+     * **배정·선언 칸이 있는 축만 「언제부터」를 묻는다**(§`assignment-fields`). 안 적으면 안 묻는다 —
+     * 그 축에는 이력을 받는 칸이 없다는 뜻이다.
+     */
+    axis?: string;
     /** 제목 문구 키. `title.<이것>`. */
     title: string;
     /**
@@ -352,6 +362,10 @@ export declare abstract class MasterPageBase extends MasterPageBase_base {
     private headerIndex;
     /** 이 이름들이 이미 있나 — 있으면 그 `id`. 없는 이름은 지도에 없다. */
     private idsByName;
+    /** 마지막으로 읽은 줄들. 「바뀌기 전 → 바뀐 뒤」를 보여 주는 데 쓴다. */
+    protected lastRead?: Map<string, any>;
+    /** 「언제부터」를 묻는다. 사람이 그만두면 `undefined` 이고, 그때는 **아무것도 안 보낸다.** */
+    protected askAppliedWhen(changes: AssignmentChange[]): Promise<AppliedAnswer | undefined>;
     protected save(): Promise<void>;
 }
 export {};

package/dist-client/pages/master/master-page-base.js

@@ -7,12 +7,14 @@ import { property, query, state } from 'lit/decorators.js';
 import { DataGrist, getEditor } from '@operato/data-grist';
 import { client } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
-import { notify } from '@operato/layout';
+import { notify, openPopup } from '@operato/layout';
 import { p13n } from '@operato/p13n';
 import { PageView } from '@operato/shell';
 import { CommonGristStyles, CommonHeaderStyles, ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles';
 import { isMobileDevice } from '@operato/utils';
 import { patchesFor, readImportRows } from './import-rows.js';
+import { assignmentChangesIn } from './assignment-fields.js';
+import './applied-when-dialog.js';
 /** 열두 축이 공통으로 갖는 유효 기간 — ISA-95. */
 export const EFFECTIVE = [
     { name: 'effectiveStart', label: 'effective-start', type: 'date', width: 150 },
@@ -380,6 +382,8 @@ export class MasterPageBase extends p13n(localize(i18next)(PageView)) {
         });
         const payload = response.data?.[this.spec.query];
         const records = (payload?.items ?? []).map((item) => this.spreadJson(item));
+        /* 바뀌기 전 값을 보여 주려면 읽은 것을 들고 있어야 한다 — 그리드는 바뀐 것만 돌려준다. */
+        this.lastRead = new Map(records.map((one) => [String(one.id), one]));
         return { total: payload?.total ?? 0, records };
     }
     /**
@@ -554,6 +558,22 @@ export class MasterPageBase extends p13n(localize(i18next)(PageView)) {
         });
         return new Map((response.data?.[this.spec.query]?.items ?? []).map((item) => [item.name, item.id]));
     }
+    /** 「언제부터」를 묻는다. 사람이 그만두면 `undefined` 이고, 그때는 **아무것도 안 보낸다.** */
+    askAppliedWhen(changes) {
+        return new Promise(resolve => {
+            const popup = openPopup(html `<applied-when-dialog
+          .changes=${changes}
+          .onAnswer=${(answer) => {
+                popup?.close?.();
+                resolve(answer);
+            }}
+          .onCancel=${() => {
+                popup?.close?.();
+                resolve(undefined);
+            }}
+        ></applied-when-dialog>`, { backdrop: true, size: 'medium', title: i18next.t('title.when-does-this-apply') });
+        });
+    }
     async save() {
         const patches = this.grist.dirtyRecords;
         if (!patches?.length) {
@@ -566,6 +586,22 @@ export class MasterPageBase extends p13n(localize(i18next)(PageView)) {
             notify({ message: packed.problems.join('\n'), level: 'error' });
             return;
         }
+        /*
+         * ── 배정과 선언은 「언제부터」를 묻고 보낸다 ─────────────────────────────
+         *
+         * 자리 배정 · 근무조 선언 · 부모 관계는 가동률 분모를 정한다. 그래서 값만 바꾸는 것이 아니라
+         * **언제부터 그렇게 볼 것인가**를 함께 정해야 하고, 과거를 적으면 지연 기록인지 정정인지까지
+         * 갈라야 한다(§`applied-when-dialog`).
+         *
+         * 안 물어도 저장은 된다 — 그때는 「지금부터」라는 주장이 된다. 다만 **묻지 않으면 사람이 그것을
+         * 주장한 줄 모른다.**
+         */
+        const assignments = assignmentChangesIn(this.spec.axis ?? '', packed.patches, id => this.lastRead?.get(id));
+        const applied = assignments.length ? await this.askAppliedWhen(assignments) : undefined;
+        /* 그만두었으면 아무것도 안 보낸다 — 절반만 저장되면 화면과 저장된 것이 달라진다. */
+        if (assignments.length && !applied) {
+            return;
+        }
         const response = await client.mutate({
             /*
              * **타입 이름은 `Object` 다.**
@@ -576,14 +612,14 @@ export class MasterPageBase extends p13n(localize(i18next)(PageView)) {
              * 않았다 — 이 앱의 클라이언트는 서버가 거절해도 던지지 않는다.
              */
             mutation: gql `
-        mutation ($patches: [Object!]!) {
-          ${this.spec.mutation}(patches: $patches) {
+        mutation ($patches: [Object!]!, $applied: Object) {
+          ${this.spec.mutation}(patches: $patches, applied: $applied) {
             id
             name
           }
         }
       `,
-            variables: { patches: packed.patches }
+            variables: { patches: packed.patches, applied }
         });
         /*
          * 이 클라이언트는 서버가 거절해도 던지지 않는다 — 오류는 `response.errors` 에 담겨 온다.