@things-factory/announcement 10.1.248 → 10.1.249

package/dist-client/pages/announcement-editor.js

@@ -0,0 +1,523 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
+import '@operato/input/ox-input-file.js';
+import '@operato/list-state/ox-page-state.js';
+import '../components/audience-picker.js';
+import { css, html, nothing } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
+import { i18next, localize } from '@operato/i18n';
+import { OxPrompt } from '@operato/popup/ox-prompt.js';
+import { notify } from '@operato/layout';
+import { navigate, PageView } from '@operato/shell';
+import { renderMarkdown } from '@things-factory/ai-assistant/dist-client/index.js';
+import { ButtonStyles, DocumentPageStyles, FormFieldStyles } from '@operato/styles';
+import { chooser } from '../components/audience-picker.js';
+import { announcementApi } from '../utils/announcement-api.js';
+import { CATEGORIES, categoryWord, IMPORTANCES, importanceWord, reasonOf, statusWord, t } from '../utils/announcement-words.js';
+const blank = () => ({
+    title: '',
+    body: '',
+    category: 'GENERAL',
+    importance: 'NORMAL',
+    startsAt: '',
+    endsAt: '',
+    pinned: false,
+    requiresAcknowledgement: false,
+    acknowledgeBy: '',
+    popup: false,
+    sendEmail: false,
+    links: [],
+    audiences: []
+});
+/** `datetime-local` speaks the reader's own clock. */
+const pad = (n) => String(n).padStart(2, '0');
+function localOf(value, dateOnly = false) {
+    if (!value)
+        return '';
+    const d = new Date(value);
+    const day = `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+    return dateOnly ? day : `${day}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
+}
+const isoOf = (local, endOfDay = false) => (local ? new Date(endOfDay && local.length === 10 ? `${local}T23:59:59` : local).toISOString() : null);
+function formOf(one) {
+    return {
+        title: one.title,
+        body: one.body ?? '',
+        category: one.category,
+        importance: one.importance,
+        startsAt: localOf(one.startsAt),
+        endsAt: localOf(one.endsAt),
+        pinned: one.pinned,
+        requiresAcknowledgement: one.requiresAcknowledgement,
+        acknowledgeBy: localOf(one.acknowledgeBy, true),
+        popup: one.popup,
+        sendEmail: !!one.sendEmail,
+        links: (one.links ?? []).map(link => ({ ...link })),
+        audiences: (one.audiences ?? []).map(({ scope, targetId, targetName }) => ({ scope, targetId, targetName }))
+    };
+}
+/**
+ * 공지 작성 — what it says, to whom, when, and what it asks of its readers (ADR-0163 decisions 2-5). A new one is kept as
+ * a draft until it is published; one already out is changed into a new version, and its writer may tell everyone again.
+ * `?from=<id>` starts a new one as a copy.
+ */
+let AnnouncementEditor = class AnnouncementEditor extends localize(i18next)(PageView) {
+    constructor() {
+        super(...arguments);
+        this.announcement = null;
+        this.form = blank();
+        this.files = [];
+        this.added = [];
+        this.removed = [];
+        this.notifyAgain = false;
+        this.preview = false;
+        this.loading = false;
+        this.error = null;
+        this.busy = false;
+    }
+    static { this.styles = [
+        FormFieldStyles,
+        ButtonStyles,
+        DocumentPageStyles,
+        css `
+      .form {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+        gap: var(--spacing-medium, 8px) var(--spacing-large, 12px);
+      }
+      .form .wide {
+        grid-column: 1 / -1;
+      }
+      label {
+        display: flex;
+        flex-direction: column;
+        gap: 2px;
+      }
+      label.check {
+        flex-direction: row;
+        align-items: center;
+        gap: var(--spacing-small, 4px);
+      }
+      textarea.body {
+        display: block;
+        width: 100%;
+        box-sizing: border-box;
+        min-height: 240px;
+        font-family: inherit;
+      }
+      /* Writing or its preview - the segmented switch of the card library (ai-dashboard), right above the body. */
+      .tabs {
+        display: inline-flex;
+        gap: 4px;
+        padding: 3px;
+        margin-bottom: var(--spacing-small, 4px);
+        border-radius: 10px;
+        background: var(--ui-panel-2, var(--md-sys-color-surface-container));
+      }
+      .tabs button {
+        padding: 4px 14px;
+        border: 0;
+        border-radius: 8px;
+        background: transparent;
+        box-shadow: none;
+        color: var(--ui-muted, var(--md-sys-color-on-surface-variant));
+        font: inherit;
+        font-weight: 600;
+        cursor: pointer;
+      }
+      .tabs button[aria-selected='true'] {
+        background: var(--ui-panel, var(--md-sys-color-surface-container-lowest));
+        color: var(--ui-ink, var(--md-sys-color-on-surface));
+        box-shadow: 0 1px 3px rgb(0 0 0 / 12%);
+      }
+      .preview.markdown :is(ul, ol) {
+        padding-inline-start: 1.4em;
+      }
+      .preview {
+        min-height: 240px;
+        padding: var(--spacing-medium, 8px);
+        border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));
+        border-radius: var(--border-radius, 4px);
+      }
+      .hint {
+        font-size: var(--ui-t-small, 12px);
+        color: var(--ui-muted, var(--md-sys-color-on-surface-variant));
+      }
+      ul.files,
+      ul.links {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing-small, 4px);
+      }
+      ul.files li,
+      ul.links li {
+        display: flex;
+        align-items: center;
+        gap: var(--spacing-small, 4px);
+      }
+      ul.links input {
+        flex: 1;
+      }
+      ul.links input.label {
+        flex: 0 1 200px;
+      }
+      .removed {
+        text-decoration: line-through;
+        color: var(--ui-muted, var(--md-sys-color-on-surface-variant));
+      }
+      .add-link {
+        align-self: flex-start;
+      }
+      li button,
+      .add-link {
+        border: 0;
+        background: none;
+        cursor: pointer;
+        color: var(--md-sys-color-primary);
+        display: inline-flex;
+        align-items: center;
+        gap: 2px;
+        font: inherit;
+        padding: 0;
+      }
+      li button md-icon,
+      .add-link md-icon {
+        --md-icon-size: 18px;
+      }
+    `
+    ]; }
+    get out() {
+        return this.announcement?.status === 'PUBLISHED';
+    }
+    get context() {
+        const one = this.announcement;
+        const actions = [];
+        const draft = !one || one.status === 'DRAFT';
+        if (!this.busy && !this.error && (!one || one.editable)) {
+            if (draft && one)
+                actions.push({ title: t('announcement.button.delete'), icon: 'delete', action: () => this.deleteDraft() });
+            actions.push({ title: draft ? t('announcement.button.save-draft') : t('announcement.button.save'), icon: 'save', action: () => this.save(false) });
+            if (draft) {
+                const later = !!this.form.startsAt && new Date(this.form.startsAt).getTime() > Date.now();
+                actions.push({ title: later ? t('announcement.button.schedule') : t('announcement.button.publish'), icon: 'campaign', emphasis: { raised: true }, action: () => this.save(true) });
+            }
+        }
+        return {
+            title: one ? `${t('announcement.title.edit')} · ${one.title}` : t('announcement.title.new'),
+            ...(one ? { description: statusWord(one.status) } : {}),
+            frame: 'document',
+            /* Opened from 공지사항 or 공지 관리; the menu marks 공지사항. */
+            menu: 'announcement-list',
+            actions
+        };
+    }
+    async pageUpdated(changes, lifecycle) {
+        if (!this.active || !(changes.active || changes.params))
+            return;
+        const { id, from } = lifecycle?.params ?? {};
+        if (id) {
+            if (id !== this.announcement?.id)
+                await this.load(id, false);
+        }
+        else if (from) {
+            await this.load(from, true);
+        }
+        else {
+            this.announcement = null;
+            this.form = blank();
+            this.files = [];
+            this.reset();
+            this.updateContext();
+        }
+    }
+    reset() {
+        this.added = [];
+        this.removed = [];
+        this.notifyAgain = false;
+        this.preview = false;
+    }
+    async load(id, asCopy) {
+        this.loading = true;
+        this.error = null;
+        try {
+            const one = await announcementApi.one(id);
+            if (!one)
+                throw new Error(t('announcement.refusal.unknown-announcement'));
+            this.announcement = asCopy ? null : one;
+            this.form = asCopy ? { ...formOf(one), startsAt: '', endsAt: '' } : formOf(one);
+            this.files = asCopy ? [] : (one.attachments ?? []);
+            this.reset();
+        }
+        catch (error) {
+            this.error = error;
+        }
+        finally {
+            this.loading = false;
+            this.updateContext();
+        }
+    }
+    render() {
+        const form = this.form;
+        const set = (patch) => {
+            this.form = { ...form, ...patch };
+            this.updateContext();
+        };
+        const editable = !this.busy && (!this.announcement || !!this.announcement.editable);
+        return html `<ox-page-state .loading=${this.loading} .error=${this.error} @retry=${() => this.announcement && this.load(this.announcement.id, false)}>
+      <div class="page">
+        <section class="page-section">
+          <header class="page-section-header"><h3>${t('announcement.text.section-what')}</h3></header>
+          <div class="form">
+            <label class="wide"
+              >${t('announcement.field.title')}
+              <input .value=${form.title} maxlength="200" ?disabled=${!editable} @input=${(e) => set({ title: e.target.value })}
+            /></label>
+            <label
+              >${t('announcement.field.category')}
+              ${chooser(CATEGORIES.map(code => ({ value: code, display: categoryWord(code) })), form.category, value => set({ category: value }), '—', t('announcement.field.category'))}
+            </label>
+            <label
+              >${t('announcement.field.importance')}
+              ${chooser(IMPORTANCES.map(code => ({ value: code, display: importanceWord(code) })), form.importance, 
+        /* An urgent one pops up unless its writer says not to. */
+        value => set({ importance: value, ...(value === 'URGENT' ? { popup: true } : {}) }), '—', t('announcement.field.importance'))}
+            </label>
+            <div class="wide">
+              <div class="tabs" role="tablist">
+                <button role="tab" aria-selected=${String(!this.preview)} @click=${() => (this.preview = false)}>${t('announcement.text.write')}</button>
+                <button role="tab" aria-selected=${String(this.preview)} @click=${() => (this.preview = true)}>${t('announcement.text.preview')}</button>
+              </div>
+              ${this.preview
+            ? html `<div class="preview markdown">${unsafeHTML(renderMarkdown(form.body))}</div>`
+            : html `<textarea class="body" .value=${form.body} ?disabled=${!editable} placeholder=${t('announcement.text.body-placeholder')} @input=${(e) => set({ body: e.target.value })}></textarea>
+                    <span class="hint">${t('announcement.text.markdown-hint')}</span>`}
+            </div>
+          </div>
+        </section>
+
+        <section class="page-section">
+          <header class="page-section-header"><h3>${t('announcement.field.audience')}</h3></header>
+          <announcement-audience-picker .value=${form.audiences} ?disabled=${!editable} @change=${(e) => set({ audiences: e.detail })}></announcement-audience-picker>
+        </section>
+
+        <section class="page-section">
+          <header class="page-section-header"><h3>${t('announcement.text.section-when')}</h3></header>
+          <div class="form">
+            <label
+              >${t('announcement.field.starts-at')}
+              <input type="datetime-local" .value=${form.startsAt} ?disabled=${!editable || this.out} @input=${(e) => set({ startsAt: e.target.value })} />
+              <span class="hint">${t('announcement.text.starts-at-hint')}</span>
+            </label>
+            <label
+              >${t('announcement.field.ends-at')}
+              <input type="datetime-local" .value=${form.endsAt} ?disabled=${!editable} @input=${(e) => set({ endsAt: e.target.value })} />
+              <span class="hint">${t('announcement.text.ends-at-hint')}</span>
+            </label>
+            <label class="check wide"><input type="checkbox" .checked=${form.pinned} ?disabled=${!editable} @change=${(e) => set({ pinned: e.target.checked })} />${t('announcement.text.pinned-label')}</label>
+            <label class="check wide"
+              ><input
+                type="checkbox"
+                .checked=${form.requiresAcknowledgement}
+                ?disabled=${!editable}
+                @change=${(e) => set({ requiresAcknowledgement: e.target.checked, ...(e.target.checked ? { popup: true } : { acknowledgeBy: '' }) })}
+              />${t('announcement.text.acknowledge-label')}</label
+            >
+            ${form.requiresAcknowledgement
+            ? html `<label
+                  >${t('announcement.field.acknowledge-by')}
+                  <input type="date" .value=${form.acknowledgeBy} ?disabled=${!editable} @input=${(e) => set({ acknowledgeBy: e.target.value })}
+                /></label>`
+            : nothing}
+            <label class="check wide"><input type="checkbox" .checked=${form.popup} ?disabled=${!editable} @change=${(e) => set({ popup: e.target.checked })} />${t('announcement.text.popup-label')}</label>
+            <label class="check wide"
+              ><input type="checkbox" .checked=${form.sendEmail} ?disabled=${!editable} @change=${(e) => set({ sendEmail: e.target.checked })} />${t('announcement.text.email-label')}</label
+            >
+            ${form.sendEmail ? html `<span class="hint wide">${t('announcement.text.email-hint')}</span>` : nothing}
+          </div>
+        </section>
+
+        <section class="page-section">
+          <header class="page-section-header"><h3>${t('announcement.field.attachments')}</h3></header>
+          <ul class="files">
+            ${this.files.map(file => html `<li class=${this.removed.includes(file.id) ? 'removed' : ''}>
+                <md-icon>attach_file</md-icon>${file.name}
+                ${editable
+            ? this.removed.includes(file.id)
+                ? html `<button @click=${() => (this.removed = this.removed.filter(id => id !== file.id))}><md-icon>undo</md-icon></button>`
+                : html `<button aria-label=${t('announcement.button.remove')} @click=${() => (this.removed = [...this.removed, file.id])}><md-icon>close</md-icon></button>`
+            : nothing}
+              </li>`)}
+            ${this.added.map((file, index) => html `<li>
+                <md-icon>upload_file</md-icon>${file.name}
+                <button aria-label=${t('announcement.button.remove')} @click=${() => (this.added = this.added.filter((_, i) => i !== index))}><md-icon>close</md-icon></button>
+              </li>`)}
+          </ul>
+          ${editable ? html `<ox-input-file quiet hide-filelist multiple icon="attach_file" .progress=${this.progress} @change=${(e) => this.pick(e)}></ox-input-file>` : nothing}
+        </section>
+
+        <section class="page-section">
+          <header class="page-section-header"><h3>${t('announcement.field.links')}</h3></header>
+          <ul class="links">
+            ${form.links.map((link, index) => html `<li>
+                <input
+                  class="label"
+                  .value=${link.label}
+                  maxlength="100"
+                  placeholder=${t('announcement.text.link-label')}
+                  ?disabled=${!editable}
+                  @input=${(e) => set({ links: form.links.map((one, i) => (i === index ? { ...one, label: e.target.value } : one)) })}
+                />
+                <input
+                  .value=${link.url}
+                  placeholder=${t('announcement.text.link-url')}
+                  ?disabled=${!editable}
+                  @input=${(e) => set({ links: form.links.map((one, i) => (i === index ? { ...one, url: e.target.value } : one)) })}
+                />
+                ${editable ? html `<button aria-label=${t('announcement.button.remove')} @click=${() => set({ links: form.links.filter((_, i) => i !== index) })}><md-icon>close</md-icon></button>` : nothing}
+              </li>`)}
+          </ul>
+          ${editable && form.links.length < 10
+            ? html `<button class="add-link" @click=${() => set({ links: [...form.links, { label: '', url: '' }] })}><md-icon>add_link</md-icon>${t('announcement.button.add-link')}</button>
+                <span class="hint">${t('announcement.text.link-hint')}</span>`
+            : nothing}
+        </section>
+
+        ${this.out
+            ? html `<section class="page-section">
+              <label class="check"><input type="checkbox" .checked=${this.notifyAgain} @change=${(e) => (this.notifyAgain = e.target.checked)} />${t('announcement.text.notify-again')}</label>
+              <span class="hint">${t('announcement.text.new-version', { version: (this.announcement?.version ?? 1) + 1 })}</span>
+            </section>`
+            : nothing}
+      </div>
+    </ox-page-state>`;
+    }
+    pick(e) {
+        const picked = [...(e.detail ?? [])];
+        /* The picker's own reset says `change` again, with nothing - that one is let go. */
+        if (!picked.length)
+            return;
+        e.target.reset?.();
+        this.added = [...this.added, ...picked];
+    }
+    input() {
+        const form = this.form;
+        return {
+            title: form.title,
+            body: form.body,
+            category: form.category,
+            importance: form.importance,
+            startsAt: isoOf(form.startsAt),
+            endsAt: isoOf(form.endsAt),
+            pinned: form.pinned,
+            requiresAcknowledgement: form.requiresAcknowledgement,
+            acknowledgeBy: form.requiresAcknowledgement ? isoOf(form.acknowledgeBy, true) : null,
+            popup: form.popup,
+            sendEmail: form.sendEmail,
+            links: form.links.filter(link => link.label.trim() || link.url.trim()),
+            audiences: form.audiences.map(({ scope, targetId, targetName }) => ({ scope, targetId, targetName: targetName ?? undefined }))
+        };
+    }
+    /** Keeps it, then sends it out when asked - a draft that cannot go out stays kept with the reason told. */
+    async save(publish) {
+        this.busy = true;
+        this.updateContext();
+        const uploading = (fraction) => (this.progress = fraction);
+        try {
+            let id = this.announcement?.id;
+            if (id)
+                await announcementApi.update(id, this.input(), this.added, this.removed, this.notifyAgain, uploading);
+            else
+                id = (await announcementApi.create(this.input(), this.added, uploading)).id;
+            if (publish) {
+                const sent = await announcementApi.publish(id);
+                notify({ message: sent.status === 'SCHEDULED' ? t('announcement.text.scheduled-done') : t('announcement.text.published-done') });
+                navigate(`announcement-view?id=${id}`);
+                return;
+            }
+            notify({ message: t('announcement.text.saved') });
+            if (this.announcement?.id === id)
+                await this.load(id, false);
+            else
+                navigate(`announcement-editor?id=${id}`);
+        }
+        catch (error) {
+            notify({ level: 'error', message: reasonOf(error) });
+        }
+        finally {
+            this.progress = undefined;
+            this.busy = false;
+            this.updateContext();
+        }
+    }
+    async deleteDraft() {
+        const sure = await OxPrompt.open({
+            title: t('announcement.button.delete'),
+            text: t('announcement.text.delete-confirm', { title: this.announcement.title }),
+            confirmButton: { text: t('announcement.button.delete') },
+            cancelButton: { text: t('announcement.button.cancel') }
+        });
+        if (!sure)
+            return;
+        try {
+            await announcementApi.remove(this.announcement.id);
+            notify({ message: t('announcement.text.deleted') });
+            navigate('announcement-manage-list');
+        }
+        catch (error) {
+            notify({ level: 'error', message: reasonOf(error) });
+        }
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AnnouncementEditor.prototype, "announcement", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AnnouncementEditor.prototype, "form", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], AnnouncementEditor.prototype, "files", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], AnnouncementEditor.prototype, "added", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], AnnouncementEditor.prototype, "removed", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AnnouncementEditor.prototype, "notifyAgain", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AnnouncementEditor.prototype, "preview", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Number)
+], AnnouncementEditor.prototype, "progress", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AnnouncementEditor.prototype, "loading", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AnnouncementEditor.prototype, "error", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], AnnouncementEditor.prototype, "busy", void 0);
+AnnouncementEditor = __decorate([
+    customElement('announcement-editor')
+], AnnouncementEditor);
+export { AnnouncementEditor };
+//# sourceMappingURL=announcement-editor.js.map

package/dist-client/pages/announcement-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"announcement-editor.js","sourceRoot":"","sources":["../../client/pages/announcement-editor.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/input/ox-input-file.js'\nimport '@operato/list-state/ox-page-state.js'\nimport '../components/audience-picker.js'\n\nimport { css, html, nothing } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { notify } from '@operato/layout'\nimport { navigate, PageView } from '@operato/shell'\nimport { renderMarkdown } from '@things-factory/ai-assistant/dist-client/index.js'\nimport { ButtonStyles, DocumentPageStyles, FormFieldStyles } from '@operato/styles'\n\nimport { chooser } from '../components/audience-picker.js'\nimport { announcementApi, type AnnouncementInput, type AnnouncementItem, type AnnouncementLink, type Audience, type FileRow } from '../utils/announcement-api.js'\nimport { CATEGORIES, categoryWord, IMPORTANCES, importanceWord, reasonOf, statusWord, t } from '../utils/announcement-words.js'\n\ntype Form = {\n  title: string\n  body: string\n  category: string\n  importance: string\n  startsAt: string\n  endsAt: string\n  pinned: boolean\n  requiresAcknowledgement: boolean\n  acknowledgeBy: string\n  popup: boolean\n  sendEmail: boolean\n  links: AnnouncementLink[]\n  audiences: Audience[]\n}\n\nconst blank = (): Form => ({\n  title: '',\n  body: '',\n  category: 'GENERAL',\n  importance: 'NORMAL',\n  startsAt: '',\n  endsAt: '',\n  pinned: false,\n  requiresAcknowledgement: false,\n  acknowledgeBy: '',\n  popup: false,\n  sendEmail: false,\n  links: [],\n  audiences: []\n})\n\n/** `datetime-local` speaks the reader's own clock. */\nconst pad = (n: number) => String(n).padStart(2, '0')\nfunction localOf(value?: string | null, dateOnly = false): string {\n  if (!value) return ''\n  const d = new Date(value)\n  const day = `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`\n  return dateOnly ? day : `${day}T${pad(d.getHours())}:${pad(d.getMinutes())}`\n}\nconst isoOf = (local: string, endOfDay = false) => (local ? new Date(endOfDay && local.length === 10 ? `${local}T23:59:59` : local).toISOString() : null)\n\nfunction formOf(one: AnnouncementItem): Form {\n  return {\n    title: one.title,\n    body: one.body ?? '',\n    category: one.category,\n    importance: one.importance,\n    startsAt: localOf(one.startsAt),\n    endsAt: localOf(one.endsAt),\n    pinned: one.pinned,\n    requiresAcknowledgement: one.requiresAcknowledgement,\n    acknowledgeBy: localOf(one.acknowledgeBy, true),\n    popup: one.popup,\n    sendEmail: !!one.sendEmail,\n    links: (one.links ?? []).map(link => ({ ...link })),\n    audiences: (one.audiences ?? []).map(({ scope, targetId, targetName }) => ({ scope, targetId, targetName }))\n  }\n}\n\n/**\n * 공지 작성 — what it says, to whom, when, and what it asks of its readers (ADR-0163 decisions 2-5). A new one is kept as\n * a draft until it is published; one already out is changed into a new version, and its writer may tell everyone again.\n * `?from=<id>` starts a new one as a copy.\n */\n@customElement('announcement-editor')\nexport class AnnouncementEditor extends localize(i18next)(PageView) {\n  static styles = [\n    FormFieldStyles,\n    ButtonStyles,\n    DocumentPageStyles,\n    css`\n      .form {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n        gap: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n      }\n      .form .wide {\n        grid-column: 1 / -1;\n      }\n      label {\n        display: flex;\n        flex-direction: column;\n        gap: 2px;\n      }\n      label.check {\n        flex-direction: row;\n        align-items: center;\n        gap: var(--spacing-small, 4px);\n      }\n      textarea.body {\n        display: block;\n        width: 100%;\n        box-sizing: border-box;\n        min-height: 240px;\n        font-family: inherit;\n      }\n      /* Writing or its preview - the segmented switch of the card library (ai-dashboard), right above the body. */\n      .tabs {\n        display: inline-flex;\n        gap: 4px;\n        padding: 3px;\n        margin-bottom: var(--spacing-small, 4px);\n        border-radius: 10px;\n        background: var(--ui-panel-2, var(--md-sys-color-surface-container));\n      }\n      .tabs button {\n        padding: 4px 14px;\n        border: 0;\n        border-radius: 8px;\n        background: transparent;\n        box-shadow: none;\n        color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n        font: inherit;\n        font-weight: 600;\n        cursor: pointer;\n      }\n      .tabs button[aria-selected='true'] {\n        background: var(--ui-panel, var(--md-sys-color-surface-container-lowest));\n        color: var(--ui-ink, var(--md-sys-color-on-surface));\n        box-shadow: 0 1px 3px rgb(0 0 0 / 12%);\n      }\n      .preview.markdown :is(ul, ol) {\n        padding-inline-start: 1.4em;\n      }\n      .preview {\n        min-height: 240px;\n        padding: var(--spacing-medium, 8px);\n        border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n        border-radius: var(--border-radius, 4px);\n      }\n      .hint {\n        font-size: var(--ui-t-small, 12px);\n        color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n      }\n      ul.files,\n      ul.links {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-small, 4px);\n      }\n      ul.files li,\n      ul.links li {\n        display: flex;\n        align-items: center;\n        gap: var(--spacing-small, 4px);\n      }\n      ul.links input {\n        flex: 1;\n      }\n      ul.links input.label {\n        flex: 0 1 200px;\n      }\n      .removed {\n        text-decoration: line-through;\n        color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n      }\n      .add-link {\n        align-self: flex-start;\n      }\n      li button,\n      .add-link {\n        border: 0;\n        background: none;\n        cursor: pointer;\n        color: var(--md-sys-color-primary);\n        display: inline-flex;\n        align-items: center;\n        gap: 2px;\n        font: inherit;\n        padding: 0;\n      }\n      li button md-icon,\n      .add-link md-icon {\n        --md-icon-size: 18px;\n      }\n    `\n  ]\n\n  @state() announcement: AnnouncementItem | null = null\n  @state() form: Form = blank()\n  @state() files: FileRow[] = []\n  @state() added: File[] = []\n  @state() removed: string[] = []\n  @state() notifyAgain = false\n  @state() preview = false\n  @state() progress?: number\n  @state() loading = false\n  @state() error: unknown = null\n  @state() busy = false\n\n  get out() {\n    return this.announcement?.status === 'PUBLISHED'\n  }\n\n  get context() {\n    const one = this.announcement\n    const actions: any[] = []\n    const draft = !one || one.status === 'DRAFT'\n    if (!this.busy && !this.error && (!one || one.editable)) {\n      if (draft && one) actions.push({ title: t('announcement.button.delete'), icon: 'delete', action: () => this.deleteDraft() })\n      actions.push({ title: draft ? t('announcement.button.save-draft') : t('announcement.button.save'), icon: 'save', action: () => this.save(false) })\n      if (draft) {\n        const later = !!this.form.startsAt && new Date(this.form.startsAt).getTime() > Date.now()\n        actions.push({ title: later ? t('announcement.button.schedule') : t('announcement.button.publish'), icon: 'campaign', emphasis: { raised: true }, action: () => this.save(true) })\n      }\n    }\n    return {\n      title: one ? `${t('announcement.title.edit')} · ${one.title}` : t('announcement.title.new'),\n      ...(one ? { description: statusWord(one.status) } : {}),\n      frame: 'document',\n      /* Opened from 공지사항 or 공지 관리; the menu marks 공지사항. */\n      menu: 'announcement-list',\n      actions\n    }\n  }\n\n  async pageUpdated(changes: any, lifecycle: any) {\n    if (!this.active || !(changes.active || changes.params)) return\n    const { id, from } = lifecycle?.params ?? {}\n    if (id) {\n      if (id !== this.announcement?.id) await this.load(id, false)\n    } else if (from) {\n      await this.load(from, true)\n    } else {\n      this.announcement = null\n      this.form = blank()\n      this.files = []\n      this.reset()\n      this.updateContext()\n    }\n  }\n\n  private reset() {\n    this.added = []\n    this.removed = []\n    this.notifyAgain = false\n    this.preview = false\n  }\n\n  private async load(id: string, asCopy: boolean) {\n    this.loading = true\n    this.error = null\n    try {\n      const one = await announcementApi.one(id)\n      if (!one) throw new Error(t('announcement.refusal.unknown-announcement'))\n      this.announcement = asCopy ? null : one\n      this.form = asCopy ? { ...formOf(one), startsAt: '', endsAt: '' } : formOf(one)\n      this.files = asCopy ? [] : (one.attachments ?? [])\n      this.reset()\n    } catch (error) {\n      this.error = error\n    } finally {\n      this.loading = false\n      this.updateContext()\n    }\n  }\n\n  render() {\n    const form = this.form\n    const set = (patch: Partial<Form>) => {\n      this.form = { ...form, ...patch }\n      this.updateContext()\n    }\n    const editable = !this.busy && (!this.announcement || !!this.announcement.editable)\n    return html`<ox-page-state .loading=${this.loading} .error=${this.error} @retry=${() => this.announcement && this.load(this.announcement.id, false)}>\n      <div class=\"page\">\n        <section class=\"page-section\">\n          <header class=\"page-section-header\"><h3>${t('announcement.text.section-what')}</h3></header>\n          <div class=\"form\">\n            <label class=\"wide\"\n              >${t('announcement.field.title')}\n              <input .value=${form.title} maxlength=\"200\" ?disabled=${!editable} @input=${(e: any) => set({ title: e.target.value })}\n            /></label>\n            <label\n              >${t('announcement.field.category')}\n              ${chooser(\n                CATEGORIES.map(code => ({ value: code, display: categoryWord(code) })),\n                form.category,\n                value => set({ category: value }),\n                '—',\n                t('announcement.field.category')\n              )}\n            </label>\n            <label\n              >${t('announcement.field.importance')}\n              ${chooser(\n                IMPORTANCES.map(code => ({ value: code, display: importanceWord(code) })),\n                form.importance,\n                /* An urgent one pops up unless its writer says not to. */\n                value => set({ importance: value, ...(value === 'URGENT' ? { popup: true } : {}) }),\n                '—',\n                t('announcement.field.importance')\n              )}\n            </label>\n            <div class=\"wide\">\n              <div class=\"tabs\" role=\"tablist\">\n                <button role=\"tab\" aria-selected=${String(!this.preview)} @click=${() => (this.preview = false)}>${t('announcement.text.write')}</button>\n                <button role=\"tab\" aria-selected=${String(this.preview)} @click=${() => (this.preview = true)}>${t('announcement.text.preview')}</button>\n              </div>\n              ${this.preview\n                ? html`<div class=\"preview markdown\">${unsafeHTML(renderMarkdown(form.body))}</div>`\n                : html`<textarea class=\"body\" .value=${form.body} ?disabled=${!editable} placeholder=${t('announcement.text.body-placeholder')} @input=${(e: any) => set({ body: e.target.value })}></textarea>\n                    <span class=\"hint\">${t('announcement.text.markdown-hint')}</span>`}\n            </div>\n          </div>\n        </section>\n\n        <section class=\"page-section\">\n          <header class=\"page-section-header\"><h3>${t('announcement.field.audience')}</h3></header>\n          <announcement-audience-picker .value=${form.audiences} ?disabled=${!editable} @change=${(e: CustomEvent) => set({ audiences: e.detail })}></announcement-audience-picker>\n        </section>\n\n        <section class=\"page-section\">\n          <header class=\"page-section-header\"><h3>${t('announcement.text.section-when')}</h3></header>\n          <div class=\"form\">\n            <label\n              >${t('announcement.field.starts-at')}\n              <input type=\"datetime-local\" .value=${form.startsAt} ?disabled=${!editable || this.out} @input=${(e: any) => set({ startsAt: e.target.value })} />\n              <span class=\"hint\">${t('announcement.text.starts-at-hint')}</span>\n            </label>\n            <label\n              >${t('announcement.field.ends-at')}\n              <input type=\"datetime-local\" .value=${form.endsAt} ?disabled=${!editable} @input=${(e: any) => set({ endsAt: e.target.value })} />\n              <span class=\"hint\">${t('announcement.text.ends-at-hint')}</span>\n            </label>\n            <label class=\"check wide\"><input type=\"checkbox\" .checked=${form.pinned} ?disabled=${!editable} @change=${(e: any) => set({ pinned: e.target.checked })} />${t('announcement.text.pinned-label')}</label>\n            <label class=\"check wide\"\n              ><input\n                type=\"checkbox\"\n                .checked=${form.requiresAcknowledgement}\n                ?disabled=${!editable}\n                @change=${(e: any) => set({ requiresAcknowledgement: e.target.checked, ...(e.target.checked ? { popup: true } : { acknowledgeBy: '' }) })}\n              />${t('announcement.text.acknowledge-label')}</label\n            >\n            ${form.requiresAcknowledgement\n              ? html`<label\n                  >${t('announcement.field.acknowledge-by')}\n                  <input type=\"date\" .value=${form.acknowledgeBy} ?disabled=${!editable} @input=${(e: any) => set({ acknowledgeBy: e.target.value })}\n                /></label>`\n              : nothing}\n            <label class=\"check wide\"><input type=\"checkbox\" .checked=${form.popup} ?disabled=${!editable} @change=${(e: any) => set({ popup: e.target.checked })} />${t('announcement.text.popup-label')}</label>\n            <label class=\"check wide\"\n              ><input type=\"checkbox\" .checked=${form.sendEmail} ?disabled=${!editable} @change=${(e: any) => set({ sendEmail: e.target.checked })} />${t('announcement.text.email-label')}</label\n            >\n            ${form.sendEmail ? html`<span class=\"hint wide\">${t('announcement.text.email-hint')}</span>` : nothing}\n          </div>\n        </section>\n\n        <section class=\"page-section\">\n          <header class=\"page-section-header\"><h3>${t('announcement.field.attachments')}</h3></header>\n          <ul class=\"files\">\n            ${this.files.map(\n              file => html`<li class=${this.removed.includes(file.id) ? 'removed' : ''}>\n                <md-icon>attach_file</md-icon>${file.name}\n                ${editable\n                  ? this.removed.includes(file.id)\n                    ? html`<button @click=${() => (this.removed = this.removed.filter(id => id !== file.id))}><md-icon>undo</md-icon></button>`\n                    : html`<button aria-label=${t('announcement.button.remove')} @click=${() => (this.removed = [...this.removed, file.id])}><md-icon>close</md-icon></button>`\n                  : nothing}\n              </li>`\n            )}\n            ${this.added.map(\n              (file, index) => html`<li>\n                <md-icon>upload_file</md-icon>${file.name}\n                <button aria-label=${t('announcement.button.remove')} @click=${() => (this.added = this.added.filter((_, i) => i !== index))}><md-icon>close</md-icon></button>\n              </li>`\n            )}\n          </ul>\n          ${editable ? html`<ox-input-file quiet hide-filelist multiple icon=\"attach_file\" .progress=${this.progress} @change=${(e: CustomEvent) => this.pick(e)}></ox-input-file>` : nothing}\n        </section>\n\n        <section class=\"page-section\">\n          <header class=\"page-section-header\"><h3>${t('announcement.field.links')}</h3></header>\n          <ul class=\"links\">\n            ${form.links.map(\n              (link, index) => html`<li>\n                <input\n                  class=\"label\"\n                  .value=${link.label}\n                  maxlength=\"100\"\n                  placeholder=${t('announcement.text.link-label')}\n                  ?disabled=${!editable}\n                  @input=${(e: any) => set({ links: form.links.map((one, i) => (i === index ? { ...one, label: e.target.value } : one)) })}\n                />\n                <input\n                  .value=${link.url}\n                  placeholder=${t('announcement.text.link-url')}\n                  ?disabled=${!editable}\n                  @input=${(e: any) => set({ links: form.links.map((one, i) => (i === index ? { ...one, url: e.target.value } : one)) })}\n                />\n                ${editable ? html`<button aria-label=${t('announcement.button.remove')} @click=${() => set({ links: form.links.filter((_, i) => i !== index) })}><md-icon>close</md-icon></button>` : nothing}\n              </li>`\n            )}\n          </ul>\n          ${editable && form.links.length < 10\n            ? html`<button class=\"add-link\" @click=${() => set({ links: [...form.links, { label: '', url: '' }] })}><md-icon>add_link</md-icon>${t('announcement.button.add-link')}</button>\n                <span class=\"hint\">${t('announcement.text.link-hint')}</span>`\n            : nothing}\n        </section>\n\n        ${this.out\n          ? html`<section class=\"page-section\">\n              <label class=\"check\"><input type=\"checkbox\" .checked=${this.notifyAgain} @change=${(e: any) => (this.notifyAgain = e.target.checked)} />${t('announcement.text.notify-again')}</label>\n              <span class=\"hint\">${t('announcement.text.new-version', { version: (this.announcement?.version ?? 1) + 1 })}</span>\n            </section>`\n          : nothing}\n      </div>\n    </ox-page-state>`\n  }\n\n  private pick(e: CustomEvent) {\n    const picked = [...((e.detail as File[]) ?? [])]\n    /* The picker's own reset says `change` again, with nothing - that one is let go. */\n    if (!picked.length) return\n    ;(e.target as any).reset?.()\n    this.added = [...this.added, ...picked]\n  }\n\n  private input(): AnnouncementInput {\n    const form = this.form\n    return {\n      title: form.title,\n      body: form.body,\n      category: form.category,\n      importance: form.importance,\n      startsAt: isoOf(form.startsAt),\n      endsAt: isoOf(form.endsAt),\n      pinned: form.pinned,\n      requiresAcknowledgement: form.requiresAcknowledgement,\n      acknowledgeBy: form.requiresAcknowledgement ? isoOf(form.acknowledgeBy, true) : null,\n      popup: form.popup,\n      sendEmail: form.sendEmail,\n      links: form.links.filter(link => link.label.trim() || link.url.trim()),\n      audiences: form.audiences.map(({ scope, targetId, targetName }) => ({ scope, targetId, targetName: targetName ?? undefined }))\n    }\n  }\n\n  /** Keeps it, then sends it out when asked - a draft that cannot go out stays kept with the reason told. */\n  private async save(publish: boolean) {\n    this.busy = true\n    this.updateContext()\n    const uploading = (fraction: number) => (this.progress = fraction)\n    try {\n      let id = this.announcement?.id\n      if (id) await announcementApi.update(id, this.input(), this.added, this.removed, this.notifyAgain, uploading)\n      else id = (await announcementApi.create(this.input(), this.added, uploading)).id\n      if (publish) {\n        const sent = await announcementApi.publish(id)\n        notify({ message: sent.status === 'SCHEDULED' ? t('announcement.text.scheduled-done') : t('announcement.text.published-done') })\n        navigate(`announcement-view?id=${id}`)\n        return\n      }\n      notify({ message: t('announcement.text.saved') })\n      if (this.announcement?.id === id) await this.load(id, false)\n      else navigate(`announcement-editor?id=${id}`)\n    } catch (error) {\n      notify({ level: 'error', message: reasonOf(error) })\n    } finally {\n      this.progress = undefined\n      this.busy = false\n      this.updateContext()\n    }\n  }\n\n  private async deleteDraft() {\n    const sure = await OxPrompt.open({\n      title: t('announcement.button.delete'),\n      text: t('announcement.text.delete-confirm', { title: this.announcement!.title }),\n      confirmButton: { text: t('announcement.button.delete') },\n      cancelButton: { text: t('announcement.button.cancel') }\n    })\n    if (!sure) return\n    try {\n      await announcementApi.remove(this.announcement!.id)\n      notify({ message: t('announcement.text.deleted') })\n      navigate('announcement-manage-list')\n    } catch (error) {\n      notify({ level: 'error', message: reasonOf(error) })\n    }\n  }\n}\n"]}

package/dist-client/pages/announcement-list.d.ts

@@ -0,0 +1,54 @@
+import '@material/web/icon/icon.js';
+import '@operato/data-grist/ox-grist.js';
+import '@operato/data-grist/ox-filters-form.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';
+declare const AnnouncementList_base: (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+/**
+ * 공지 — the announcements addressed to the person: the current ones, pinned, urgent and important first, or the past
+ * ones (ADR-0163 decision 5). Those not read yet are bold; a row opens the announcement.
+ */
+export declare class AnnouncementList extends AnnouncementList_base {
+    static styles: import("lit").CSSResult[];
+    gristConfig: any;
+    period: 'current' | 'past';
+    writer: boolean;
+    private grist;
+    private onChanged;
+    get context(): {
+        title: string;
+        search: {
+            handler: (search: string) => void;
+            value: string;
+        };
+        filter: {
+            handler: () => void;
+        };
+        actions: ({
+            title: string;
+            icon: string;
+            action: () => Promise<boolean>;
+            emphasis?: undefined;
+        } | {
+            title: string;
+            icon: string;
+            emphasis: {
+                raised: boolean;
+            };
+            action: () => Promise<boolean>;
+        })[];
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    pageUpdated(changes: any): Promise<void>;
+    pageInitialized(): Promise<void>;
+    private isPast;
+    fetchHandler({ page, limit, filters, search }: FetchOption): Promise<{
+        total: any;
+        records: any;
+    }>;
+}
+export {};