@things-factory/board-ui 10.1.41 → 10.1.42

package/dist-client/viewparts/board-basic-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"board-basic-info.js","sourceRoot":"","sources":["../../client/viewparts/board-basic-info.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/textfield/filled-text-field.js'\nimport '@material/web/select/outlined-select'\nimport '@material/web/button/elevated-button.js'\nimport '@material/web/chips/chip-set.js'\nimport '@material/web/chips/assist-chip.js'\nimport '@material/web/chips/filter-chip.js'\nimport '@material/web/radio/radio.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { i18next } from '@operato/i18n'\nimport { client } from '@operato/graphql'\nimport { navigate, AppController } from '@operato/shell'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { hasPrivilege } from '@things-factory/auth-base/dist-client'\n\nimport { styles as MDTypeScaleStyles } from '@material/web/typography/md-typescale-styles'\nimport { notify } from '../utils/notify-helper.js'\n\n@customElement('board-basic-info')\nexport class BoardInfo extends LitElement {\n  static styles = [\n    MDTypeScaleStyles,\n    css`\n      :host {\n        position: relative;\n        display: block;\n        background-color: var(--md-sys-color-surface);\n        color: var(--md-sys-color-on-surface);\n\n        --md-filled-field-top-space: 12px;\n        --md-filled-field-bottom-space: 12px;\n        --md-filled-field-leading-space: 12px;\n        --md-filled-field-trailing-space: 12px;\n\n        --md-outlined-field-top-space: 12px;\n        --md-outlined-field-bottom-space: 12px;\n        --md-outlined-field-leading-space: 12px;\n        --md-outlined-field-trailing-space: 12px;\n      }\n\n      /*\n       * 썸네일은 **일정한 자리**를 차지해야 한다.\n       *\n       * 이전에는 max-width: 100% 만 있어서, 원본이 패널보다 작은 보드는 원본 크기로 그려졌다.\n       * 그래서 보드마다 이미지 폭이 달라지고 오른쪽에 빈 공간이 남았다(꽉 찬 보드도 있고\n       * 절반만 차는 보드도 있었다).\n       *\n       * width: 100% + aspect-ratio 로 자리를 고정하고, 이미지는 그 안에서 **가운데** 놓는다.\n       * 남는 여백은 흰색이 아니라 표면 토큰으로 채운다.\n       *\n       * contain 이 아니라 scale-down 인 이유: contain 은 작은 이미지를 자리에 맞게 **확대**해서\n       * 흐려진다. scale-down 은 큰 이미지는 줄이고 작은 이미지는 원본 크기를 지키며, 어느 쪽이든\n       * object-position 기본값(50% 50%)으로 가운데 놓인다.\n       */\n      img {\n        display: block;\n        width: 100%;\n        aspect-ratio: 16 / 9;\n        object-fit: scale-down;\n        object-position: center;\n        background-color: var(--md-sys-color-surface-container-low);\n        /* rgba(0,0,0,.1) 은 다크에서 보이지 않는다 */\n        border-bottom: 1px solid var(--md-sys-color-outline-variant);\n      }\n\n      form {\n        display: grid;\n        grid-template-columns: repeat(12, 1fr);\n        grid-gap: 10px 0;\n        grid-auto-rows: minmax(24px, auto);\n        padding: var(--spacing-large);\n        align-items: center;\n      }\n\n      md-outlined-select,\n      md-filled-text-field {\n        flex: 1;\n        padding: 4px 0;\n        min-width: unset;\n      }\n\n      md-chip-set {\n        flex: 1;\n        display: flex;\n        gap: 4px;\n      }\n\n      fieldset {\n        display: contents;\n      }\n\n      legend {\n        grid-column: span 12;\n        padding: var(--legend-padding);\n        color: var(--md-sys-color-on-surface);\n        text-transform: capitalize;\n      }\n\n      fieldset:not(:first-of-type) > legend {\n        border-top: 1px solid gray;\n      }\n\n      label {\n        text-transform: capitalize;\n      }\n\n      md-icon[dim] {\n        font-variation-settings: 'FILL' 1;\n        --md-icon-size: 14px;\n        color: var(--md-sys-color-outline-variant);\n      }\n\n      [name] {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      [danger] {\n        --md-assist-chip-elevated-container-color: var(--md-sys-color-error);\n        --md-assist-chip-label-text-color: var(--md-sys-color-on-error);\n        --md-assist-chip-leading-icon-color: var(--md-sys-color-on-error);\n      }\n\n      [fullwidth] {\n        grid-column: span 12 / auto;\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n      }\n\n      [oneline] {\n        grid-column: span 12 / auto;\n        display: flex;\n        flex-direction: row;\n        gap: 4px;\n        align-items: center;\n      }\n\n      [oneline] md-filled-text-field,\n      [oneline] select {\n        flex: 1;\n      }\n\n      [right] {\n        margin-left: auto;\n      }\n\n      @media screen and (max-width: 460px) {\n        :host {\n          width: 100vw;\n        }\n      }\n    `\n  ]\n\n  @property({ type: String }) boardId?: string\n  @property({ type: String }) groupId?: string\n\n  @state() board: any\n  @state() boardGroupList: any[] = []\n  @state() playGroupList: any[] = []\n  @state() showTarget: boolean = false\n  @state() enableModeller?: boolean = false\n\n  private _appCtrl = new AppController(this)\n\n  @state() targetDomains: { id: string; name: string; subdomain: string }[] = []\n  @state() targetGroups: { id: string; name: string }[] = []\n  @state() targetSubdomain?: string\n  @state() targetGroupId?: string\n\n  private original: any\n\n  render() {\n    const board = this.board || { name: '', description: '', playGroups: [] }\n    const boardGroupList = this.boardGroupList || []\n    const playGroupList = (this.playGroupList || []).map(group => {\n      return {\n        ...group,\n        checked: false\n      }\n    })\n    ;(board.playGroups || []).map(group => {\n      const playGroup = playGroupList.find(g => g.id == group.id)\n      if (playGroup) {\n        playGroup.checked = true\n      }\n    })\n\n    return html`\n      ${board.thumbnail ? html` <img src=${board.thumbnail} /> ` : html``}\n\n      <form class=\"md-typescale-body-medium\">\n        <fieldset>\n          <legend class=\"md-typescale-label-large-prominent\">${i18next.t('label.information')}</legend>\n          <div oneline>\n            <md-filled-text-field\n              label=${String(i18next.t('label.name'))}\n              type=\"text\"\n              .value=${board.name}\n              @change=${e => (this.board = { ...this.board, name: e.target.value })}\n              ?disabled=${!this.enableModeller}\n            ></md-filled-text-field>\n\n            ${this.enableModeller\n              ? html`\n                  <md-icon\n                    @click=${() => {\n                      this.showTarget = !this.showTarget\n                    }}\n                    tail\n                    >${this.showTarget ? 'arrow_drop_up' : 'arrow_drop_down'}</md-icon\n                  >\n                `\n              : nothing}\n          </div>\n          ${this.showTarget\n            ? html`\n                <div fullwidth target>\n                  <label class=\"md-typescale-label-meium-prominent\">${i18next.t('label.board-copy')}</label>\n                  <div oneline>\n                    <md-outlined-select\n                      label=${String(i18next.t('label.domain'))}\n                      @change=${e => {\n                        this.targetSubdomain = e.target.value\n                        this.getGroupsByDomain(this.targetSubdomain)\n                      }}\n                      .value=${this.targetSubdomain || ''}\n                      ?disabled=${!this.enableModeller}\n                    >\n                      <md-select-option aria-label=\"blank\"></md-select-option>\n                      ${this.targetDomains.map(\n                        domain => html`\n                          <md-select-option\n                            value=${domain.subdomain}\n                            ?selected=${domain.subdomain == this.targetSubdomain}\n                          >\n                            <div slot=\"headline\">${domain.name}</div>\n                          </md-select-option>\n                        `\n                      )}\n                    </md-outlined-select>\n\n                    <md-outlined-select\n                      label=${String(i18next.t('label.group'))}\n                      @change=${e => (this.targetGroupId = e.target.value)}\n                      .value=${this.targetGroupId || ''}\n                      ?disabled=${!this.enableModeller}\n                    >\n                      <md-select-option aria-label=\"blank\"></md-select-option>\n                      ${this.targetGroups.map(\n                        group => html`\n                          <md-select-option value=${group.id} ?selected=${group.id == this.targetGroupId}>\n                            <div slot=\"headline\">${group.name}</div>\n                          </md-select-option>\n                        `\n                      )}\n                    </md-outlined-select>\n                  </div>\n\n                  <md-chip-set oneline>\n                    <md-assist-chip\n                      elevated\n                      label=${String(i18next.t('button.copy'))}\n                      ?disabled=${!this.enableModeller ||\n                      !this.original?.name ||\n                      !this.board.name ||\n                      !this.targetSubdomain ||\n                      (this.original.name == this.board.name && this._appCtrl.domain?.subdomain == this.targetSubdomain)}\n                      @click=${this.cloneBoard.bind(this)}\n                      right\n                    >\n                      <md-icon slot=\"icon\">content_copy</md-icon>\n                    </md-assist-chip>\n\n                    <md-assist-chip\n                      elevated\n                      label=${String(i18next.t('button.export'))}\n                      @click=${this.exportBoard.bind(this)}\n                    >\n                      <md-icon slot=\"icon\">download</md-icon>\n                    </md-assist-chip>\n                  </md-chip-set>\n                </div>\n              `\n            : nothing}\n\n          <md-filled-text-field\n            oneline\n            label=${String(i18next.t('label.description'))}\n            .value=${board.description}\n            @change=${e => (this.board = { ...this.board, description: e.target.value })}\n            ?disabled=${!this.enableModeller}\n          ></md-filled-text-field>\n\n          <div oneline>\n            <label>${i18next.t('label.board-type')}</label>\n            <div role=\"radiogroup\" aria-labelledby=\"board-type\" right>\n              <md-radio\n                id=\"board-type-main\"\n                name=\"board-type\"\n                value=\"main\"\n                ?checked=${board.type === 'main'}\n                @change=${e => (this.board = { ...this.board, type: e.target.value })}\n                ?disabled=${!this.enableModeller}\n              ></md-radio>\n              <label for=\"board-type-main\">${i18next.t('label.board-type-main')}</label>\n\n              <md-radio\n                id=\"board-type-sub\"\n                name=\"board-type\"\n                value=\"sub\"\n                ?checked=${board.type === 'sub'}\n                @change=${e => (this.board = { ...this.board, type: e.target.value })}\n                ?disabled=${!this.enableModeller}\n              ></md-radio>\n              <label for=\"board-type-sub\">${i18next.t('label.board-type-sub')}</label>\n\n              <md-radio\n                id=\"board-type-popup\"\n                name=\"board-type\"\n                value=\"popup\"\n                ?checked=${board.type === 'popup'}\n                @change=${e => (this.board = { ...this.board, type: e.target.value })}\n                ?disabled=${!this.enableModeller}\n              ></md-radio>\n              <label for=\"board-type-popup\">${i18next.t('label.board-type-popup')}</label>\n            </div>\n          </div>\n\n          <md-outlined-select\n            oneline\n            label=${String(i18next.t('label.group'))}\n            @change=${e => (this.board = { ...this.board, groupId: e.target.value })}\n            .value=${this.groupId || ''}\n            .displayText=${boardGroupList?.find(item => item.id == this.groupId)?.name}\n            ?disabled=${!this.enableModeller}\n          >\n            <md-select-option aria-label=\"blank\"></md-select-option>\n            ${boardGroupList.map(\n              item => html`\n                <md-select-option value=${item.id} ?selected=${item.id == this.groupId}>\n                  <div slot=\"headline\">${item.name}</div>\n                </md-select-option>\n              `\n            )}\n          </md-outlined-select>\n\n          <md-chip-set oneline>\n            <md-assist-chip\n              danger\n              elevated\n              ?disabled=${!this.enableModeller}\n              label=${String(i18next.t('button.delete'))}\n              @click=${this.deleteBoard.bind(this)}\n            >\n              <md-icon slot=\"icon\">delete_outline</md-icon>\n            </md-assist-chip>\n\n            <md-assist-chip\n              elevated\n              ?disabled=${!this.enableModeller}\n              label=${String(i18next.t('button.save'))}\n              @click=${this.updateBoard.bind(this)}\n              right\n            >\n              <md-icon slot=\"icon\">save</md-icon>\n            </md-assist-chip>\n            <md-assist-chip\n              elevated\n              ?disabled=${!this.enableModeller}\n              label=${String(i18next.t('button.edit'))}\n              @click=${() => navigate(`${'board-modeller/' + this.boardId}`)}\n            >\n              <md-icon slot=\"icon\">drive_file_rename_outline</md-icon>\n            </md-assist-chip>\n          </md-chip-set>\n        </fieldset>\n\n        <fieldset>\n          <legend class=\"md-typescale-label-large-prominent\">${i18next.t('label.status')}</legend>\n          <div oneline>\n            <label class=\"md-typescale-label-meium\">${i18next.t('label.creator')}</label>\n            <md-icon dim>person</md-icon>\n            <div name title=${(board.creator && board.creator.name) || 'anonymous'}>\n              ${(board.creator && board.creator.name) || 'anonymous'}\n            </div>\n            <md-icon dim right>schedule</md-icon> ${new Date(board.createdAt).toLocaleString()}\n          </div>\n\n          <div oneline>\n            <label class=\"md-typescale-label-meium\">${i18next.t('label.updater')}</label>\n            <md-icon dim>person</md-icon>\n            <div name title=${(board.updater && board.updater.name) || 'anonymouse'}>\n              ${(board.updater && board.updater.name) || 'anonymouse'}\n            </div>\n            <md-icon dim right>schedule</md-icon> ${new Date(board.updatedAt).toLocaleString()}\n          </div>\n\n          <div oneline>\n            <label class=\"md-typescale-label-meium\">${i18next.t('label.state')}</label>\n            <md-icon dim>signpost</md-icon> ${(board.state || '').toUpperCase()}\n            <md-icon dim>pin</md-icon> ${board.version}\n            <md-chip-set>\n              <md-assist-chip\n                elevated\n                label=${String(i18next.t('button.release'))}\n                ?disabled=${!this.enableModeller || !this.isReleasable}\n                @click=${this.releaseBoard.bind(this)}\n                right\n              >\n                <md-icon slot=\"icon\">new_releases</md-icon>\n              </md-assist-chip>\n            </md-chip-set>\n          </div>\n        </fieldset>\n\n        <fieldset>\n          <legend class=\"md-typescale-label-large-prominent\">${i18next.t('label.play-group')}</legend>\n          <md-chip-set oneline>\n            ${playGroupList.map(\n              item => html`\n                <md-filter-chip\n                  label=${item.name}\n                  ?selected=${item.checked}\n                  @click=${e => {\n                    e.target.selected ? this.joinPlayGroup(item) : this.leavePlayGroup(item)\n                  }}\n                ></md-filter-chip>\n              `\n            )}\n          </md-chip-set>\n        </fieldset>\n      </form>\n    `\n  }\n\n  async firstUpdated() {\n    this.targetSubdomain = this.targetSubdomain ?? this._appCtrl.domain?.subdomain\n    this.enableModeller = await hasPrivilege({ privilege: 'mutation', category: 'board' })\n\n    this.refresh()\n  }\n\n  async refresh() {\n    const response = (\n      await client.query({\n        query: gql`\n          query FetchBoardById($id: String!) {\n            board(id: $id) {\n              id\n              name\n              description\n              model\n              group {\n                id\n                name\n              }\n              playGroups {\n                id\n                name\n              }\n              thumbnail\n              createdAt\n              creator {\n                id\n                name\n              }\n              type\n              state\n              version\n              updatedAt\n              updater {\n                id\n                name\n              }\n            }\n\n            groups {\n              items {\n                id\n                name\n                description\n              }\n            }\n\n            playGroups {\n              items {\n                id\n                name\n                description\n              }\n              total\n            }\n\n            domainsWithPrivilege(privilege: \"mutation\", category: \"board\") {\n              name\n              subdomain\n            }\n          }\n        `,\n        variables: { id: this.boardId }\n      })\n    ).data\n\n    this.board = response.board\n    this.boardGroupList = response.groups.items\n    this.playGroupList = response.playGroups.items\n\n    this.original = { ...this.board }\n\n    this.groupId = this.board.group?.id\n\n    this.targetDomains = response.domainsWithPrivilege\n    this.targetGroups = response.groups.items\n    this.targetGroupId = this.groupId\n  }\n\n  async getGroupsByDomain(subdomain?: string) {\n    this.targetGroups = []\n    this.targetGroupId = ''\n\n    if (!subdomain) {\n      return\n    }\n\n    const response2 = (\n      await client.query({\n        query: gql`\n          query {\n            groups {\n              items {\n                id\n                name\n                description\n              }\n            }\n          }\n        `,\n        variables: { id: this.boardId },\n        context: {\n          headers: {\n            'x-things-factory-domain': subdomain\n          }\n        }\n      })\n    ).data\n\n    this.targetGroups = response2.groups.items\n  }\n\n  get isReleasable() {\n    if (!this.board || this.board.state == 'released') {\n      return false\n    }\n\n    const { name, description, groupId } = this.board\n\n    return (\n      this.original &&\n      this.original.name == name &&\n      this.original.description == description &&\n      this.original.groupId == groupId\n    )\n  }\n\n  async cloneBoard() {\n    if (!this.original.name || (this.board.name == this.original.name && this._appCtrl.domain?.subdomain == this.targetSubdomain)) {\n      notify('error', i18next.t('error.name must be unique from the original board', { name: this.original.name }))\n      return\n    }\n\n    const { id, name, description } = this.board\n\n    this.dispatchEvent(\n      new CustomEvent('clone-board', {\n        detail: {\n          id,\n          name,\n          description,\n          targetSubdomain: this.targetSubdomain,\n          targetGroupId: this.targetGroupId\n        },\n        bubbles: true,\n        composed: true\n      })\n    )\n\n    this.close()\n  }\n\n  async exportBoard() {\n    const board = { ...this.board, model: JSON.parse(this.board.model) }\n\n    const json = JSON.stringify(board, null, 2)\n    const blob = new Blob([json], { type: 'application/json;charset=utf-8' })\n\n    const blobUrl = URL.createObjectURL(blob)\n\n    const link = document.createElement('a')\n    link.href = blobUrl\n    link.download = `${board.name}.json`\n\n    document.body.appendChild(link)\n    link.click()\n    document.body.removeChild(link)\n\n    URL.revokeObjectURL(blobUrl)\n  }\n\n  async releaseBoard() {\n    const { id } = this.board\n\n    // 릴리즈 코멘트(선택) 입력 — OxPrompt.prompt(모달, native prompt 대체). 취소 시 릴리즈 중단.\n    const comment = await OxPrompt.prompt({\n      type: 'question',\n      title: String(i18next.t('button.release')),\n      text: String(i18next.t('text.release comment optional')),\n      multiline: true,\n      confirmButton: { text: String(i18next.t('button.release')) },\n      cancelButton: { text: String(i18next.t('button.cancel')) }\n    })\n    if (comment === null) return\n\n    this.dispatchEvent(\n      new CustomEvent('release-board', {\n        detail: {\n          id,\n          comment: comment.trim() || null\n        },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  async updateBoard() {\n    const { id, name, description, groupId, type } = this.board\n    /* model 정보를 제외하고 업데이트 */\n\n    this.dispatchEvent(\n      new CustomEvent('update-board', {\n        detail: { id, name, description, groupId, type },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  async deleteBoard() {\n    if (\n      await OxPrompt.open({\n        title: i18next.t('text.are_you_sure'),\n        text: i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }),\n        confirmButton: { text: i18next.t('button.confirm') },\n        cancelButton: { text: i18next.t('button.cancel') }\n      })\n    ) {\n      this.dispatchEvent(\n        new CustomEvent('delete-board', {\n          detail: this.board,\n          bubbles: true,\n          composed: true\n        })\n      )\n\n      this.close()\n    }\n  }\n\n  async joinPlayGroup(group) {\n    this.dispatchEvent(\n      new CustomEvent('join-playgroup', {\n        detail: {\n          board: this.board,\n          playGroup: group\n        },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  async leavePlayGroup(group) {\n    this.dispatchEvent(\n      new CustomEvent('leave-playgroup', {\n        detail: {\n          board: this.board,\n          playGroup: group\n        },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  close() {\n    history.back()\n  }\n}\n"]}
+{"version":3,"file":"board-basic-info.js","sourceRoot":"","sources":["../../client/viewparts/board-basic-info.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/iconbutton/icon-button.js'\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/outlined-button.js'\nimport '@material/web/button/text-button.js'\nimport '@material/web/chips/chip-set.js'\nimport '@material/web/chips/filter-chip.js'\nimport '@material/web/menu/menu.js'\nimport '@material/web/menu/menu-item.js'\nimport '@material/web/divider/divider.js'\nimport '@operato/input/ox-input-select-buttons.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { i18next } from '@operato/i18n'\nimport { client } from '@operato/graphql'\nimport { navigate, AppController } from '@operato/shell'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { CommonPopupStyles } from '@operato/styles'\nimport { hasPrivilege } from '@things-factory/auth-base/dist-client'\n\nimport { notify } from '../utils/notify-helper.js'\nimport { timeAgo } from '../utils/board-meta.js'\nimport { InfoFormStyles } from './info-dialog-styles.js'\n\n/**\n * The basic tab of the board dialog.\n *\n * ## The shape, and why\n *\n * Three kinds of thing used to share one scrolling form: fields that wait for Save, actions that\n * happen the moment you touch them (release, join a play group), and a copy-to-domain panel hidden\n * behind a caret next to the name. The Save button sat in the middle of all that and scrolled out\n * of view on a short screen.\n *\n * Now the dialog reads top to bottom as: what this is (a status band), what you can change (the\n * form, committed by Save), where it plays (membership chips, which apply at once and say so), and\n * a footer that never scrolls away: the primary Save, the way into the modeller, and everything\n * else - duplicate, export, release, delete - behind one \"more\" menu so the footer stays two\n * buttons wide. Duplicate opens its own small panel with its own Copy and Cancel.\n *\n * ## Colour\n *\n * The accent (board's earth brown) is spent on three things only: the filled Save, the selected\n * segment, and the pressed play-group chip. Everything else is the neutral scale - the status band\n * is a low surface, the draft pill a warm secondary container, released a soft tertiary green -\n * so the one thing you are meant to press is the one thing in colour.\n */\n@customElement('board-basic-info')\nexport class BoardInfo extends LitElement {\n  static styles = [\n    CommonPopupStyles,\n    InfoFormStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n        min-height: 0;\n        padding: 0;\n        gap: 0;\n        background: var(--info-dialog-surface, var(--md-sys-color-surface-container-lowest, var(--md-sys-color-surface)));\n      }\n\n      /* What this is: state, version, freshness, home group - one quiet line under the tabs. */\n      .what {\n        flex: none;\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 6px 10px;\n        margin: var(--spacing-medium, 8px) var(--popup-padding) 0;\n        padding: 7px 10px;\n        border-radius: var(--md-sys-shape-corner-small, 6px);\n        background: var(--md-sys-color-surface-container-low);\n        color: var(--md-sys-color-on-surface-variant);\n        font-size: var(--popup-font-size-small);\n      }\n\n      .what [pill] {\n        padding: 1px 8px;\n        border-radius: 999px;\n        font-size: 0.66rem;\n        font-weight: 600;\n        letter-spacing: 0.06em;\n        text-transform: uppercase;\n        color: var(--md-sys-color-on-secondary-container);\n        background: var(--md-sys-color-secondary-container);\n      }\n\n      .what [pill][released] {\n        color: var(--md-sys-color-on-tertiary-container);\n        background: var(--md-sys-color-tertiary-container);\n      }\n\n      .what [dot]::before {\n        content: '·';\n        margin-right: 10px;\n        color: var(--md-sys-color-outline);\n      }\n\n      .what b {\n        font-weight: 500;\n        color: var(--md-sys-color-on-surface);\n      }\n\n      [body] {\n        flex: 1;\n        min-height: 0;\n        overflow-y: auto;\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-medium, 8px);\n        padding: var(--spacing-medium, 8px) var(--popup-padding) var(--popup-padding);\n      }\n\n      .fields .row {\n        display: flex;\n        gap: var(--spacing-medium, 8px);\n      }\n\n      .fields .row > label {\n        flex: 1;\n        min-width: 0;\n      }\n\n      /* A choice of three reads faster as a segmented row than as three radios with labels. */\n      ox-input-select-buttons {\n        --md-filter-chip-container-height: 30px;\n        --md-filter-chip-label-text-size: 0.76rem;\n      }\n\n      .chips {\n        --md-filter-chip-container-height: 28px;\n        --md-filter-chip-label-text-size: 0.74rem;\n        --md-filter-chip-outline-color: var(--md-sys-color-outline-variant);\n        --md-filter-chip-label-text-color: var(--md-sys-color-on-surface-variant);\n        --md-filter-chip-selected-container-color: var(--md-sys-color-primary-container);\n        --md-filter-chip-selected-label-text-color: var(--md-sys-color-on-primary-container);\n        --md-filter-chip-selected-leading-icon-color: var(--md-sys-color-on-primary-container);\n      }\n\n      /* The duplicate panel is a small task inside the dialog: inset, with its own commit. */\n      [duplicate] {\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-medium, 8px);\n        padding: var(--spacing-medium, 8px) var(--spacing-medium, 8px) var(--spacing-small, 4px);\n        border: 1px solid var(--md-sys-color-outline-variant);\n        border-radius: var(--md-sys-shape-corner-small, 6px);\n        background: var(--md-sys-color-surface-container-low);\n      }\n\n      [duplicate] .section {\n        margin-top: 0;\n      }\n\n      [duplicate] .buttons {\n        border-top: 0;\n        padding-top: 0;\n      }\n\n      /* The footer stays put while the body scrolls. */\n      [footer] {\n        flex: none;\n        padding: var(--spacing-medium, 8px) var(--popup-padding);\n        border-top: 1px solid var(--md-sys-color-outline-variant);\n        background: var(--info-dialog-surface, var(--md-sys-color-surface-container-lowest, var(--md-sys-color-surface)));\n      }\n\n      [footer] .buttons {\n        border-top: 0;\n        padding-top: 0;\n        margin-top: 0;\n        align-items: center;\n      }\n\n      [footer] [more] {\n        position: relative;\n      }\n\n      md-menu {\n        min-width: 220px;\n        --md-menu-container-color: var(--md-sys-color-surface-container-lowest, #fff);\n        --md-menu-container-shape: 10px;\n        --md-menu-item-one-line-container-height: 40px;\n        --md-menu-item-two-line-container-height: 52px;\n        --md-menu-item-label-text-size: 0.84rem;\n        --md-menu-item-supporting-text-size: 0.72rem;\n        --md-menu-item-leading-space: 14px;\n        --md-menu-item-trailing-space: 14px;\n      }\n\n      md-menu-item[cap] [slot='headline'] {\n        text-transform: capitalize;\n      }\n\n      md-menu-item md-icon[slot='start'] {\n        --md-icon-size: 18px;\n      }\n\n      md-menu-item[danger] {\n        --md-menu-item-label-text-color: var(--md-sys-color-error);\n        --md-menu-item-leading-icon-color: var(--md-sys-color-error);\n      }\n\n      md-icon-button {\n        --md-icon-button-icon-color: var(--md-sys-color-on-surface-variant);\n      }\n\n      @media (pointer: coarse) {\n        [footer] {\n          padding: 0;\n        }\n\n        [footer] .buttons {\n          margin: 0;\n          border-top: 0;\n        }\n\n        [footer] [more] {\n          flex: 0 0 auto;\n        }\n      }\n    `\n  ]\n\n  @property({ type: String }) boardId?: string\n  @property({ type: String }) groupId?: string\n\n  @state() board: any\n  @state() boardGroupList: any[] = []\n  @state() playGroupList: any[] = []\n  @state() duplicating: boolean = false\n  @state() enableModeller?: boolean = false\n\n  private _appCtrl = new AppController(this)\n\n  @state() targetDomains: { id: string; name: string; subdomain: string }[] = []\n  @state() targetGroups: { id: string; name: string }[] = []\n  @state() targetSubdomain?: string\n  @state() targetGroupId?: string\n\n  @query('md-menu') private menu!: any\n\n  private original: any\n\n  render() {\n    const board = this.board || { name: '', description: '', playGroups: [] }\n    const boardGroupList = this.boardGroupList || []\n    const memberOf = new Set((board.playGroups || []).map(group => group.id))\n    const editable = !!this.enableModeller\n\n    return html`\n      ${this.renderWhat(board, boardGroupList)}\n\n      <div body>\n        <div class=\"fields\">\n          <label>\n            ${i18next.t('label.name')}\n            <input\n              type=\"text\"\n              .value=${board.name || ''}\n              @change=${e => (this.board = { ...this.board, name: e.target.value })}\n              ?disabled=${!editable}\n            />\n          </label>\n\n          <label>\n            ${i18next.t('label.description')}\n            <input\n              type=\"text\"\n              .value=${board.description || ''}\n              @change=${e => (this.board = { ...this.board, description: e.target.value })}\n              ?disabled=${!editable}\n            />\n          </label>\n\n          <div class=\"row\">\n            <label>\n              ${i18next.t('label.board-type')}\n              <ox-input-select-buttons\n                .value=${board.type || 'main'}\n                .options=${[\n                  { display: i18next.t('label.board-type-main'), value: 'main' },\n                  { display: i18next.t('label.board-type-sub'), value: 'sub' },\n                  { display: i18next.t('label.board-type-popup'), value: 'popup' }\n                ]}\n                @change=${(e: CustomEvent) => e.detail && (this.board = { ...this.board, type: e.detail })}\n                ?disabled=${!editable}\n              ></ox-input-select-buttons>\n            </label>\n\n            <label>\n              ${i18next.t('label.group')}\n              <select\n                .value=${this.board?.groupId || ''}\n                @change=${e => (this.board = { ...this.board, groupId: e.target.value })}\n                ?disabled=${!editable}\n              >\n                <option value=\"\"></option>\n                ${boardGroupList.map(\n                  item => html`<option value=${item.id} ?selected=${item.id == this.board?.groupId}>${item.name}</option>`\n                )}\n              </select>\n            </label>\n          </div>\n        </div>\n\n        ${this.duplicating ? this.renderDuplicate(board) : nothing}\n\n        <div class=\"section\">${i18next.t('text.plays in', { defaultValue: 'Plays in' })}</div>\n        <div class=\"note\">\n          ${i18next.t('text.play-group membership applies at once', {\n            defaultValue: 'Tap a play group to add or remove this board. This applies right away.'\n          })}\n        </div>\n        <md-chip-set class=\"chips\">\n          ${(this.playGroupList || []).map(\n            item => html`\n              <md-filter-chip\n                label=${item.name}\n                ?selected=${memberOf.has(item.id)}\n                @click=${e => {\n                  e.target.selected ? this.joinPlayGroup(item) : this.leavePlayGroup(item)\n                }}\n              ></md-filter-chip>\n            `\n          )}\n        </md-chip-set>\n      </div>\n\n      <div footer>\n        <div class=\"buttons\">\n          <span more>\n            <md-icon-button id=\"more-anchor\" ?disabled=${!editable} @click=${() => (this.menu.open = !this.menu.open)}>\n              <md-icon>more_vert</md-icon>\n            </md-icon-button>\n            <md-menu anchor=\"more-anchor\" positioning=\"popover\" anchor-corner=\"start-start\" menu-corner=\"end-start\">\n              <md-menu-item @click=${() => (this.duplicating = true)}>\n                <md-icon slot=\"start\">content_copy</md-icon>\n                <div slot=\"headline\">${i18next.t('button.duplicate', { defaultValue: 'Duplicate…' })}</div>\n              </md-menu-item>\n              <md-menu-item @click=${this.exportBoard.bind(this)}>\n                <md-icon slot=\"start\">download</md-icon>\n                <div slot=\"headline\">${i18next.t('button.export-json', { defaultValue: 'Export as JSON' })}</div>\n              </md-menu-item>\n              <md-menu-item cap ?disabled=${!this.isReleasable} @click=${this.releaseBoard.bind(this)}>\n                <md-icon slot=\"start\">new_releases</md-icon>\n                <div slot=\"headline\">${i18next.t('button.release')}</div>\n                ${this.isReleasable || board.state === 'released'\n                  ? nothing\n                  : html`<div slot=\"supporting-text\">\n                      ${i18next.t('text.save before release', { defaultValue: 'Save your changes first' })}\n                    </div>`}\n              </md-menu-item>\n              <md-divider></md-divider>\n              <md-menu-item cap danger @click=${this.deleteBoard.bind(this)}>\n                <md-icon slot=\"start\">delete_outline</md-icon>\n                <div slot=\"headline\">${i18next.t('button.delete')}</div>\n              </md-menu-item>\n            </md-menu>\n          </span>\n          <div filler></div>\n          <md-outlined-button ?disabled=${!editable} @click=${() => navigate(`board-modeller/${this.boardId}`)}>\n            <md-icon slot=\"icon\">design_services</md-icon>${i18next.t('button.open-modeller', {\n              defaultValue: 'Open in modeller'\n            })}\n          </md-outlined-button>\n          <md-filled-button cap ?disabled=${!editable || !this.isDirty} @click=${this.updateBoard.bind(this)}>\n            <md-icon slot=\"icon\">save</md-icon>${i18next.t('button.save')}\n          </md-filled-button>\n        </div>\n      </div>\n    `\n  }\n\n  private renderWhat(board: any, boardGroupList: any[]) {\n    if (!this.board) {\n      return nothing\n    }\n\n    const released = board.state === 'released'\n    const group = boardGroupList.find(item => item.id == this.original?.groupId)\n    const updater = board.updater?.name || board.creator?.name || ''\n    const ago = timeAgo(board.updatedAt || board.createdAt)\n\n    return html`\n      <div class=\"what\">\n        <span pill ?released=${released}>\n          ${released\n            ? i18next.t('label.released', { defaultValue: 'released' })\n            : i18next.t('label.draft', { defaultValue: 'draft' })}\n        </span>\n        <span>v${board.version ?? 0}</span>\n        ${group ? html`<span dot><b>${group.name}</b></span>` : nothing}\n        ${updater\n          ? html`<span dot>${i18next.t('text.updated by', { defaultValue: 'updated by' })} <b>${updater}</b> ${ago}</span>`\n          : ago\n            ? html`<span dot>${i18next.t('text.updated', { defaultValue: 'updated' })} ${ago}</span>`\n            : nothing}\n      </div>\n    `\n  }\n\n  private renderDuplicate(board: any) {\n    const sameAsSource =\n      this.original?.name == board.name && this._appCtrl.domain?.subdomain == this.targetSubdomain\n\n    return html`\n      <div duplicate>\n        <div class=\"section\">${i18next.t('text.duplicate', { defaultValue: 'Duplicate' })}</div>\n        <div class=\"note\">\n          ${i18next.t('text.duplicate hint', {\n            defaultValue: 'Copies this board into a domain and group. Give it a new name when copying within this domain.'\n          })}\n        </div>\n        <div class=\"fields\">\n          <div class=\"row\">\n            <label>\n              ${i18next.t('label.domain')}\n              <select\n                @change=${e => {\n                  this.targetSubdomain = e.target.value\n                  this.getGroupsByDomain(this.targetSubdomain)\n                }}\n                .value=${this.targetSubdomain || ''}\n              >\n                <option value=\"\"></option>\n                ${this.targetDomains.map(\n                  domain =>\n                    html`<option value=${domain.subdomain} ?selected=${domain.subdomain == this.targetSubdomain}>\n                      ${domain.name}\n                    </option>`\n                )}\n              </select>\n            </label>\n            <label>\n              ${i18next.t('label.group')}\n              <select @change=${e => (this.targetGroupId = e.target.value)} .value=${this.targetGroupId || ''}>\n                <option value=\"\"></option>\n                ${this.targetGroups.map(\n                  group => html`<option value=${group.id} ?selected=${group.id == this.targetGroupId}>${group.name}</option>`\n                )}\n              </select>\n            </label>\n          </div>\n        </div>\n        <div class=\"buttons\">\n          <div filler></div>\n          <md-text-button cap @click=${() => (this.duplicating = false)}>${i18next.t('button.cancel')}</md-text-button>\n          <md-filled-button\n            cap\n            ?disabled=${!this.original?.name || !board.name || !this.targetSubdomain || sameAsSource}\n            @click=${this.cloneBoard.bind(this)}\n          >\n            <md-icon slot=\"icon\">content_copy</md-icon>${i18next.t('button.copy')}\n          </md-filled-button>\n        </div>\n      </div>\n    `\n  }\n\n  async firstUpdated() {\n    this.targetSubdomain = this.targetSubdomain ?? this._appCtrl.domain?.subdomain\n    this.enableModeller = await hasPrivilege({ privilege: 'mutation', category: 'board' })\n\n    this.refresh()\n  }\n\n  async refresh() {\n    const response = (\n      await client.query({\n        query: gql`\n          query FetchBoardById($id: String!) {\n            board(id: $id) {\n              id\n              name\n              description\n              model\n              group {\n                id\n                name\n              }\n              playGroups {\n                id\n                name\n              }\n              thumbnail\n              createdAt\n              creator {\n                id\n                name\n              }\n              type\n              state\n              version\n              updatedAt\n              updater {\n                id\n                name\n              }\n            }\n\n            groups {\n              items {\n                id\n                name\n                description\n              }\n            }\n\n            playGroups {\n              items {\n                id\n                name\n                description\n              }\n              total\n            }\n\n            domainsWithPrivilege(privilege: \"mutation\", category: \"board\") {\n              name\n              subdomain\n            }\n          }\n        `,\n        variables: { id: this.boardId }\n      })\n    ).data\n\n    const board = response.board\n    this.groupId = board.group?.id\n\n    this.board = { ...board, groupId: this.groupId }\n    this.original = { ...this.board }\n\n    this.boardGroupList = response.groups.items\n    this.playGroupList = response.playGroups.items\n\n    this.targetDomains = response.domainsWithPrivilege\n    this.targetGroups = response.groups.items\n    this.targetGroupId = this.groupId\n  }\n\n  async getGroupsByDomain(subdomain?: string) {\n    this.targetGroups = []\n    this.targetGroupId = ''\n\n    if (!subdomain) {\n      return\n    }\n\n    const response2 = (\n      await client.query({\n        query: gql`\n          query {\n            groups {\n              items {\n                id\n                name\n                description\n              }\n            }\n          }\n        `,\n        variables: { id: this.boardId },\n        context: {\n          headers: {\n            'x-things-factory-domain': subdomain\n          }\n        }\n      })\n    ).data\n\n    this.targetGroups = response2.groups.items\n  }\n\n  /** Something in the form differs from what the server has. */\n  get isDirty() {\n    if (!this.board || !this.original) {\n      return false\n    }\n\n    const { name, description, groupId, type } = this.board\n\n    return (\n      this.original.name != name ||\n      (this.original.description || '') != (description || '') ||\n      (this.original.groupId || '') != (groupId || '') ||\n      this.original.type != type\n    )\n  }\n\n  get isReleasable() {\n    if (!this.board || this.board.state == 'released') {\n      return false\n    }\n\n    return !this.isDirty\n  }\n\n  async cloneBoard() {\n    if (!this.original.name || (this.board.name == this.original.name && this._appCtrl.domain?.subdomain == this.targetSubdomain)) {\n      notify('error', i18next.t('error.name must be unique from the original board', { name: this.original.name }))\n      return\n    }\n\n    const { id, name, description } = this.board\n\n    this.dispatchEvent(\n      new CustomEvent('clone-board', {\n        detail: {\n          id,\n          name,\n          description,\n          targetSubdomain: this.targetSubdomain,\n          targetGroupId: this.targetGroupId\n        },\n        bubbles: true,\n        composed: true\n      })\n    )\n\n    this.close()\n  }\n\n  async exportBoard() {\n    const board = { ...this.board, model: JSON.parse(this.board.model) }\n\n    const json = JSON.stringify(board, null, 2)\n    const blob = new Blob([json], { type: 'application/json;charset=utf-8' })\n\n    const blobUrl = URL.createObjectURL(blob)\n\n    const link = document.createElement('a')\n    link.href = blobUrl\n    link.download = `${board.name}.json`\n\n    document.body.appendChild(link)\n    link.click()\n    document.body.removeChild(link)\n\n    URL.revokeObjectURL(blobUrl)\n  }\n\n  async releaseBoard() {\n    const { id } = this.board\n\n    // 릴리즈 코멘트(선택) 입력 — OxPrompt.prompt(모달, native prompt 대체). 취소 시 릴리즈 중단.\n    const comment = await OxPrompt.prompt({\n      type: 'question',\n      title: String(i18next.t('button.release')),\n      text: String(i18next.t('text.release comment optional')),\n      multiline: true,\n      confirmButton: { text: String(i18next.t('button.release')) },\n      cancelButton: { text: String(i18next.t('button.cancel')) }\n    })\n    if (comment === null) return\n\n    this.dispatchEvent(\n      new CustomEvent('release-board', {\n        detail: {\n          id,\n          comment: comment.trim() || null\n        },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  async updateBoard() {\n    const { id, name, description, groupId, type } = this.board\n    /* model 정보를 제외하고 업데이트 */\n\n    this.dispatchEvent(\n      new CustomEvent('update-board', {\n        detail: { id, name, description, groupId, type },\n        bubbles: true,\n        composed: true\n      })\n    )\n\n    /* The form is what the server now has; Save goes quiet until the next edit. */\n    this.original = { ...this.board }\n    this.requestUpdate()\n  }\n\n  async deleteBoard() {\n    if (\n      await OxPrompt.open({\n        title: i18next.t('text.are_you_sure'),\n        text: i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }),\n        confirmButton: { text: i18next.t('button.confirm') },\n        cancelButton: { text: i18next.t('button.cancel') }\n      })\n    ) {\n      this.dispatchEvent(\n        new CustomEvent('delete-board', {\n          detail: this.board,\n          bubbles: true,\n          composed: true\n        })\n      )\n\n      this.close()\n    }\n  }\n\n  async joinPlayGroup(group) {\n    this.dispatchEvent(\n      new CustomEvent('join-playgroup', {\n        detail: {\n          board: this.board,\n          playGroup: group\n        },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  async leavePlayGroup(group) {\n    this.dispatchEvent(\n      new CustomEvent('leave-playgroup', {\n        detail: {\n          board: this.board,\n          playGroup: group\n        },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  close() {\n    history.back()\n  }\n}\n"]}

package/dist-client/viewparts/board-info-link.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
+import '@material/web/icon/icon.js';
+import '@material/web/button/outlined-button.js';
 import './link-builder.js';
-import './board-template-builder.js';
 export declare class BoardInfoLink extends LitElement {
     static styles: import("lit").CSSResult[];
     board?: {
@@ -8,5 +9,8 @@ export declare class BoardInfoLink extends LitElement {
         name: string;
         description: string;
     };
+    private linkBuilder;
+    private copied;
     render(): import("lit-html").TemplateResult<1>;
+    private copyLink;
 }

package/dist-client/viewparts/board-info-link.js

@@ -1,56 +1,114 @@
 import { __decorate, __metadata } from "tslib";
 import { css, html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { i18next } from '@operato/i18n';
+import { CommonPopupStyles } from '@operato/styles';
+import { InfoFormStyles } from './info-dialog-styles.js';
+import '@material/web/icon/icon.js';
+import '@material/web/button/outlined-button.js';
 import './link-builder.js';
-import './board-template-builder.js';
 let BoardInfoLink = class BoardInfoLink extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.copied = false;
+    }
     static { this.styles = [
+        CommonPopupStyles,
+        InfoFormStyles,
         css `
       :host {
         display: flex;
         flex-direction: column;
-        background-color: var(--md-sys-color-surface);
-        position: relative;
-        text-align: center;
-        color: var(--label-color, var(--md-sys-color-on-surface));
-        font: var(--label-font);
+        height: 100%;
+        min-height: 0;
+        padding: 0;
+        gap: 0;
+        box-sizing: border-box;
+        color: var(--md-sys-color-on-surface);
+        background: var(--info-dialog-surface, var(--md-sys-color-surface-container-lowest, var(--md-sys-color-surface)));
+      }
 
+      [body] {
+        flex: 1;
+        min-height: 0;
         overflow-y: auto;
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing-large, 16px);
+        padding: var(--spacing-large, 16px);
       }
 
       link-builder {
-        flex: 1;
-        text-align: start;
+        padding: 0;
       }
 
-      board-template-builder {
-        flex: 1;
-        text-align: start;
+      /* Same fixed footer as the basic tab: the two commits of this tab, always in reach. */
+      [footer] {
+        flex: none;
+        padding: var(--spacing-medium, 8px) var(--popup-padding);
+        border-top: 1px solid var(--md-sys-color-outline-variant);
+      }
+
+      [footer] .buttons {
+        border-top: 0;
+        padding-top: 0;
+        margin-top: 0;
+        align-items: center;
       }
 
-      @media screen and (max-width: 460px) {
-        :host {
-          width: 100vw;
+      @media (pointer: coarse) {
+        [footer] {
+          padding: 0;
+        }
+
+        [footer] .buttons {
+          margin: 0;
+          border-top: 0;
         }
       }
     `
     ]; }
     render() {
         return html `
-      <link-builder
-        command="headless-full"
-        target-id=${this.board?.id || ''}
-        target-name=${this.board?.name || ''}
-      ></link-builder>
+      <div body>
+        <link-builder
+          command="headless-full"
+          target-id=${this.board?.id || ''}
+          target-name=${this.board?.name || ''}
+        ></link-builder>
 
-      <board-template-builder .board=${this.board}> </board-template-builder>
+      </div>
+
+      <div footer>
+        <div class="buttons">
+          <md-outlined-button @click=${this.copyLink.bind(this)}>
+            <md-icon slot="icon">${this.copied ? 'check' : 'link'}</md-icon>
+            ${this.copied
+            ? i18next.t('text.link copied', { defaultValue: 'Link copied' })
+            : i18next.t('button.copy-link', { defaultValue: 'Copy headless link' })}
+          </md-outlined-button>
+          </div>
+      </div>
     `;
     }
+    async copyLink() {
+        await this.linkBuilder?.copyLink();
+        this.copied = true;
+        setTimeout(() => (this.copied = false), 2000);
+    }
 };
 __decorate([
     property({ type: Object }),
     __metadata("design:type", Object)
 ], BoardInfoLink.prototype, "board", void 0);
+__decorate([
+    query('link-builder'),
+    __metadata("design:type", Object)
+], BoardInfoLink.prototype, "linkBuilder", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], BoardInfoLink.prototype, "copied", void 0);
 BoardInfoLink = __decorate([
     customElement('board-info-link')
 ], BoardInfoLink);

package/dist-client/viewparts/board-info-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"board-info-link.js","sourceRoot":"","sources":["../../client/viewparts/board-info-link.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAElE,OAAO,mBAAmB,CAAA;AAC1B,OAAO,6BAA6B,CAAA;AAG7B,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;aACpC,WAAM,GAAG;QACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4BF;KACF,AA9BY,CA8BZ;IAID,MAAM;QACJ,OAAO,IAAI,CAAA;;;oBAGK,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE;sBAClB,IAAI,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE;;;uCAGL,IAAI,CAAC,KAAK;KAC5C,CAAA;IACH,CAAC;;AAZ2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;4CAA0D;AAjC1E,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CA8CzB","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport './link-builder.js'\nimport './board-template-builder.js'\n\n@customElement('board-info-link')\nexport class BoardInfoLink extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        background-color: var(--md-sys-color-surface);\n        position: relative;\n        text-align: center;\n        color: var(--label-color, var(--md-sys-color-on-surface));\n        font: var(--label-font);\n\n        overflow-y: auto;\n      }\n\n      link-builder {\n        flex: 1;\n        text-align: start;\n      }\n\n      board-template-builder {\n        flex: 1;\n        text-align: start;\n      }\n\n      @media screen and (max-width: 460px) {\n        :host {\n          width: 100vw;\n        }\n      }\n    `\n  ]\n\n  @property({ type: Object }) board?: { id: string; name: string; description: string }\n\n  render() {\n    return html`\n      <link-builder\n        command=\"headless-full\"\n        target-id=${this.board?.id || ''}\n        target-name=${this.board?.name || ''}\n      ></link-builder>\n\n      <board-template-builder .board=${this.board}> </board-template-builder>\n    `\n  }\n}\n"]}
+{"version":3,"file":"board-info-link.js","sourceRoot":"","sources":["../../client/viewparts/board-info-link.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,4BAA4B,CAAA;AACnC,OAAO,yCAAyC,CAAA;AAEhD,OAAO,mBAAmB,CAAA;AAGnB,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QA8DY,WAAM,GAAG,KAAK,CAAA;IA+BjC,CAAC;aA5FQ,WAAM,GAAG;QACd,iBAAiB;QACjB,cAAc;QACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmDF;KACF,AAvDY,CAuDZ;IAQD,MAAM;QACJ,OAAO,IAAI,CAAA;;;;sBAIO,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE;wBAClB,IAAI,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE;;;;;;;uCAOP,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;mCAC5B,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;cACnD,IAAI,CAAC,MAAM;YACX,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,EAAE,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC;YAChE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,EAAE,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC;;;;KAIhF,CAAA;IACH,CAAC;IAEO,KAAK,CAAC,QAAQ;QACpB,MAAM,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,CAAA;QAClC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;QAClB,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,IAAI,CAAC,CAAA;IAC/C,CAAC;;AAlC2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;4CAA0D;AAEtD;IAA9B,KAAK,CAAC,cAAc,CAAC;;kDAA0B;AAE/B;IAAhB,KAAK,EAAE;;6CAAuB;AA9DpB,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CA6FzB","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { i18next } from '@operato/i18n'\nimport { CommonPopupStyles } from '@operato/styles'\nimport { InfoFormStyles } from './info-dialog-styles.js'\nimport '@material/web/icon/icon.js'\nimport '@material/web/button/outlined-button.js'\n\nimport './link-builder.js'\n\n@customElement('board-info-link')\nexport class BoardInfoLink extends LitElement {\n  static styles = [\n    CommonPopupStyles,\n    InfoFormStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n        min-height: 0;\n        padding: 0;\n        gap: 0;\n        box-sizing: border-box;\n        color: var(--md-sys-color-on-surface);\n        background: var(--info-dialog-surface, var(--md-sys-color-surface-container-lowest, var(--md-sys-color-surface)));\n      }\n\n      [body] {\n        flex: 1;\n        min-height: 0;\n        overflow-y: auto;\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-large, 16px);\n        padding: var(--spacing-large, 16px);\n      }\n\n      link-builder {\n        padding: 0;\n      }\n\n      /* Same fixed footer as the basic tab: the two commits of this tab, always in reach. */\n      [footer] {\n        flex: none;\n        padding: var(--spacing-medium, 8px) var(--popup-padding);\n        border-top: 1px solid var(--md-sys-color-outline-variant);\n      }\n\n      [footer] .buttons {\n        border-top: 0;\n        padding-top: 0;\n        margin-top: 0;\n        align-items: center;\n      }\n\n      @media (pointer: coarse) {\n        [footer] {\n          padding: 0;\n        }\n\n        [footer] .buttons {\n          margin: 0;\n          border-top: 0;\n        }\n      }\n    `\n  ]\n\n  @property({ type: Object }) board?: { id: string; name: string; description: string }\n\n  @query('link-builder') private linkBuilder!: any\n\n  @state() private copied = false\n\n  render() {\n    return html`\n      <div body>\n        <link-builder\n          command=\"headless-full\"\n          target-id=${this.board?.id || ''}\n          target-name=${this.board?.name || ''}\n        ></link-builder>\n\n      </div>\n\n      <div footer>\n        <div class=\"buttons\">\n          <md-outlined-button @click=${this.copyLink.bind(this)}>\n            <md-icon slot=\"icon\">${this.copied ? 'check' : 'link'}</md-icon>\n            ${this.copied\n              ? i18next.t('text.link copied', { defaultValue: 'Link copied' })\n              : i18next.t('button.copy-link', { defaultValue: 'Copy headless link' })}\n          </md-outlined-button>\n          </div>\n      </div>\n    `\n  }\n\n  private async copyLink() {\n    await this.linkBuilder?.copyLink()\n    this.copied = true\n    setTimeout(() => (this.copied = false), 2000)\n  }\n}\n"]}

package/dist-client/viewparts/board-info-template.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+import '@material/web/icon/icon.js';
+import '@material/web/button/filled-button.js';
+import '@material/web/button/outlined-button.js';
+import './board-template-builder.js';
+export declare class BoardInfoTemplate extends LitElement {
+    static styles: import("lit").CSSResult[];
+    board?: {
+        id: string;
+        name: string;
+        description: string;
+    };
+    private templateBuilder;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist-client/viewparts/board-info-template.js

@@ -0,0 +1,97 @@
+import { __decorate, __metadata } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { i18next } from '@operato/i18n';
+import { CommonPopupStyles } from '@operato/styles';
+import { InfoFormStyles } from './info-dialog-styles.js';
+import '@material/web/icon/icon.js';
+import '@material/web/button/filled-button.js';
+import '@material/web/button/outlined-button.js';
+import './board-template-builder.js';
+let BoardInfoTemplate = class BoardInfoTemplate extends LitElement {
+    static { this.styles = [
+        CommonPopupStyles,
+        InfoFormStyles,
+        css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        min-height: 0;
+        padding: 0;
+        gap: 0;
+        box-sizing: border-box;
+        color: var(--md-sys-color-on-surface);
+        background: var(--info-dialog-surface, var(--md-sys-color-surface-container-lowest, var(--md-sys-color-surface)));
+      }
+
+      [body] {
+        flex: 1;
+        min-height: 0;
+        overflow-y: auto;
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing-large, 16px);
+        padding: var(--spacing-large, 16px);
+      }
+
+      board-template-builder {
+        padding: 0;
+      }
+
+      /* Same fixed footer as the basic tab: the two commits of this tab, always in reach. */
+      [footer] {
+        flex: none;
+        padding: var(--spacing-medium, 8px) var(--popup-padding);
+        border-top: 1px solid var(--md-sys-color-outline-variant);
+      }
+
+      [footer] .buttons {
+        border-top: 0;
+        padding-top: 0;
+        margin-top: 0;
+        align-items: center;
+      }
+
+      @media (pointer: coarse) {
+        [footer] {
+          padding: 0;
+        }
+
+        [footer] .buttons {
+          margin: 0;
+          border-top: 0;
+        }
+      }
+    `
+    ]; }
+    render() {
+        return html `
+      <div body>
+        <board-template-builder .board=${this.board}></board-template-builder>
+      </div>
+
+      <div footer>
+        <div class="buttons">
+          <div filler></div>
+          <md-filled-button cap @click=${() => this.templateBuilder?.registerBoardAsTemplate()}>
+            <md-icon slot="icon">bookmark_add</md-icon>${i18next.t('text.register-template')}
+          </md-filled-button>
+        </div>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], BoardInfoTemplate.prototype, "board", void 0);
+__decorate([
+    query('board-template-builder'),
+    __metadata("design:type", Object)
+], BoardInfoTemplate.prototype, "templateBuilder", void 0);
+BoardInfoTemplate = __decorate([
+    customElement('board-info-template')
+], BoardInfoTemplate);
+export { BoardInfoTemplate };
+//# sourceMappingURL=board-info-template.js.map

package/dist-client/viewparts/board-info-template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"board-info-template.js","sourceRoot":"","sources":["../../client/viewparts/board-info-template.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,4BAA4B,CAAA;AACnC,OAAO,uCAAuC,CAAA;AAC9C,OAAO,yCAAyC,CAAA;AAEhD,OAAO,6BAA6B,CAAA;AAG7B,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;aACxC,WAAM,GAAG;QACd,iBAAiB;QACjB,cAAc;QACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmDF;KACF,AAvDY,CAuDZ;IAMD,MAAM;QACJ,OAAO,IAAI,CAAA;;yCAE0B,IAAI,CAAC,KAAK;;;;;;yCAMV,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,uBAAuB,EAAE;yDACrC,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC;;;;KAIvF,CAAA;IACH,CAAC;;AAnB2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDAA0D;AAE5C;IAAxC,KAAK,CAAC,wBAAwB,CAAC;;0DAA8B;AA5DnD,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CA8E7B","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { i18next } from '@operato/i18n'\nimport { CommonPopupStyles } from '@operato/styles'\nimport { InfoFormStyles } from './info-dialog-styles.js'\nimport '@material/web/icon/icon.js'\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/outlined-button.js'\n\nimport './board-template-builder.js'\n\n@customElement('board-info-template')\nexport class BoardInfoTemplate extends LitElement {\n  static styles = [\n    CommonPopupStyles,\n    InfoFormStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n        min-height: 0;\n        padding: 0;\n        gap: 0;\n        box-sizing: border-box;\n        color: var(--md-sys-color-on-surface);\n        background: var(--info-dialog-surface, var(--md-sys-color-surface-container-lowest, var(--md-sys-color-surface)));\n      }\n\n      [body] {\n        flex: 1;\n        min-height: 0;\n        overflow-y: auto;\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-large, 16px);\n        padding: var(--spacing-large, 16px);\n      }\n\n      board-template-builder {\n        padding: 0;\n      }\n\n      /* Same fixed footer as the basic tab: the two commits of this tab, always in reach. */\n      [footer] {\n        flex: none;\n        padding: var(--spacing-medium, 8px) var(--popup-padding);\n        border-top: 1px solid var(--md-sys-color-outline-variant);\n      }\n\n      [footer] .buttons {\n        border-top: 0;\n        padding-top: 0;\n        margin-top: 0;\n        align-items: center;\n      }\n\n      @media (pointer: coarse) {\n        [footer] {\n          padding: 0;\n        }\n\n        [footer] .buttons {\n          margin: 0;\n          border-top: 0;\n        }\n      }\n    `\n  ]\n\n  @property({ type: Object }) board?: { id: string; name: string; description: string }\n\n  @query('board-template-builder') private templateBuilder!: any\n\n  render() {\n    return html`\n      <div body>\n        <board-template-builder .board=${this.board}></board-template-builder>\n      </div>\n\n      <div footer>\n        <div class=\"buttons\">\n          <div filler></div>\n          <md-filled-button cap @click=${() => this.templateBuilder?.registerBoardAsTemplate()}>\n            <md-icon slot=\"icon\">bookmark_add</md-icon>${i18next.t('text.register-template')}\n          </md-filled-button>\n        </div>\n      </div>\n    `\n  }\n}\n"]}

package/dist-client/viewparts/board-info.d.ts

@@ -2,6 +2,11 @@ import { LitElement } from 'lit';
 import './board-basic-info.js';
 import './board-versions.js';
 import './board-info-link.js';
+import './board-info-template.js';
+/**
+ * The board dialog: basic form, release history, the headless link, and save-as-template, as four tabs
+ * inside one popup card (the card's title bar carries the board's name).
+ */
 export declare class BoardInfo extends LitElement {
     static styles: import("lit").CSSResult[];
     board?: {

package/dist-client/viewparts/board-info.js

@@ -1,97 +1,48 @@
 import { __decorate, __metadata } from "tslib";
-import { css, html, LitElement } from 'lit';
+import { html, LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
+import { i18next } from '@operato/i18n';
 import { ScrollbarStyles } from '@operato/styles';
 import './board-basic-info.js';
 import './board-versions.js';
 import './board-info-link.js';
+import './board-info-template.js';
+import { InfoDialogStyles } from './info-dialog-styles.js';
+/**
+ * The board dialog: basic form, release history, the headless link, and save-as-template, as four tabs
+ * inside one popup card (the card's title bar carries the board's name).
+ */
 let BoardInfo = class BoardInfo extends LitElement {
     constructor() {
         super(...arguments);
         this.tab = 'basic';
     }
-    static { this.styles = [
-        ScrollbarStyles,
-        css `
-      :host {
-        height: 100%;
-        min-width: 360px;
-
-        display: flex;
-        flex-direction: column;
-        position: relative;
-        background-color: var(--md-sys-color-surface);
-      }
-
-      /*
-       * 탭은 **채움이 아니라 밑줄**로 표시한다.
-       *
-       * 이전에는 비활성 탭에 secondary, 활성 탭에 primary 를 배경으로 깔았다. 둘 다 강조 역할이라
-       * 다크 스킴에서 밝은 색이 되어(primary rgb(188 135 91)) 패널 상단에 탄색 블록이 생겼다.
-       * 헤더바·레일과 같은 부류의 오용이다.
-       *
-       * 탭 줄은 표면(surface-container)에 두고, 브랜드는 밑줄과 굵기로만 드러낸다.
-       * 라벨에 primary 를 쓰지 않는 이유: 대비가 팔레트에 따라 무너진다
-       * (operato-board 라이트 3.77, operato-twin 다크 2.61 — 본문 기준 4.5 미달).
-       */
-      [tab] {
-        width: 100%;
-        display: flex;
-        background-color: var(--md-sys-color-surface-container);
-        border-bottom: 1px solid var(--md-sys-color-outline-variant);
-      }
-
-      [tab] > * {
-        flex: 1;
-      }
-
-      [content] {
-        flex: 1;
-        overflow-y: auto;
-      }
-
-      board-versions {
-        height: 100%;
-      }
-
-      span {
-        padding: 6px 4px 4px;
-        font: var(--group-bar-textbutton);
-        background-color: transparent;
-        color: var(--md-sys-color-on-surface-variant);
-        border-bottom: 2px solid transparent;
-        cursor: pointer;
-        text-align: center;
-        text-transform: uppercase;
-      }
-
-      span[active] {
-        color: var(--md-sys-color-on-surface);
-        font: var(--group-bar-textbutton-active);
-        border-bottom-color: var(--md-sys-color-primary);
-      }
-
-      @media screen and (max-width: 460px) {
-        :host {
-          width: 100vw;
-        }
-      }
-    `
-    ]; }
+    static { this.styles = [ScrollbarStyles, InfoDialogStyles]; }
     render() {
         return html `
       <div tab>
-        <span @click=${() => (this.tab = 'basic')} ?active=${this.tab == 'basic'}>basic</span>
-        <span @click=${() => (this.tab = 'versions')} ?active=${this.tab == 'versions'}>versions</span>
-        <span @click=${() => (this.tab = 'link')} ?active=${this.tab == 'link'}>link</span>
+        <span @click=${() => (this.tab = 'basic')} ?active=${this.tab == 'basic'}>
+          ${i18next.t('label.basic', { defaultValue: 'Basic' })}
+        </span>
+        <span @click=${() => (this.tab = 'versions')} ?active=${this.tab == 'versions'}>
+          ${i18next.t('label.versions', { defaultValue: 'Versions' })}
+        </span>
+        <span @click=${() => (this.tab = 'link')} ?active=${this.tab == 'link'}>
+          ${i18next.t('label.link', { defaultValue: 'Link' })}
+        </span>
+        <span @click=${() => (this.tab = 'template')} ?active=${this.tab == 'template'}>
+          ${i18next.t('label.template', { defaultValue: 'Template' })}
+        </span>
       </div>
       <div content>
         ${this.tab == 'basic'
             ? html `<board-basic-info boardId=${ifDefined(this.board?.id)}></board-basic-info>`
             : this.tab == 'versions'
                 ? html `<board-versions boardId=${ifDefined(this.board?.id)}></board-versions>`
-                : html `<board-info-link .board=${this.board}></board-info-link>`}
+                : this.tab == 'link'
+                    ? html `<board-info-link .board=${this.board}></board-info-link>`
+                    : html `<board-info-template .board=${this.board}></board-info-template>`}
       </div>
     `;
     }