@things-factory/meta-ui 7.0.1-alpha.65 → 7.0.1-alpha.66

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/meta-ui",
-  "version": "7.0.1-alpha.65",
+  "version": "7.0.1-alpha.66",
   "main": "dist-server/index.js",
   "browser": "dist-client/index.js",
   "things-factory": true,
@@ -43,11 +43,11 @@
     "@things-factory/env": "^7.0.1-alpha.55",
     "@things-factory/id-rule-base": "^7.0.1-alpha.64",
     "@things-factory/menu-base": "^7.0.1-alpha.64",
-    "@things-factory/personalization": "^7.0.1-alpha.64",
+    "@things-factory/personalization": "^7.0.1-alpha.66",
     "@things-factory/resource-base": "^7.0.1-alpha.64",
     "@things-factory/shell": "^7.0.1-alpha.64",
-    "@things-factory/worklist": "^7.0.1-alpha.64",
+    "@things-factory/worklist": "^7.0.1-alpha.66",
     "moment-timezone": "^0.5.45"
   },
-  "gitHead": "eee4a68c489db9afcb2af74fc87a5a8670d37e22"
+  "gitHead": "28d4da7e711b1c5419783fa1ce8b0e9ac280d42a"
 }

package/server/service/index.ts

@@ -1,12 +1,10 @@
 /* EXPORT ENTITY TYPES */
-export * from './grid-personalize/grid-personalize'
 export * from './button-role/button-role'
 export * from './menu-button-auth/menu-button-auth'
 export * from './work-code-detail/work-code-detail'
 export * from './work-code/work-code'
 
 /* IMPORT ENTITIES AND RESOLVERS */
-import { entities as GridPersonalizeEntities, resolvers as GridPersonalizeResolvers } from './grid-personalize'
 import { entities as ButtonRoleEntities, resolvers as ButtonRoleResolvers } from './button-role'
 import { entities as MenuButtonAuthEntities, resolvers as MenuButtonAuthResolvers } from './menu-button-auth'
 import { resolvers as SetTranslationResolvers } from './set-translations'
@@ -18,7 +16,6 @@ import { subscribers as EntityEventSubscriber } from './entity-event-subscriber'
 
 export const entities = [
   /* ENTITIES */
-  ...GridPersonalizeEntities,
   ...ButtonRoleEntities,
   ...MenuButtonAuthEntities,
   ...WorkCodeDetailEntities,
@@ -28,7 +25,6 @@ export const entities = [
 export const schema = {
   resolverClasses: [
     /* RESOLVER CLASSES */
-    ...GridPersonalizeResolvers,
     ...ButtonRoleResolvers,
     ...MenuButtonAuthResolvers,
     ...SetTranslationResolvers,

package/translations/en.json

@@ -34,7 +34,6 @@
   "title.dynamic_menu": "Dynamic Menu",
   "title.entity": "Entity",
   "title.entity-column": "Entity Columns",
-  "title.grid-column-personalize": "Grid Column Personalize",
   "title.menu_group": "Menu Group",
   "title.system_settings": "System Settings",
   "title.terminology": "Terminology",

package/translations/ko.json

@@ -34,7 +34,6 @@
   "title.dynamic_menu": "동적 메뉴",
   "title.entity": "엔티티 정의",
   "title.entity-column": "엔티티 컬럼 정의",
-  "title.grid-column-personalize": "그리드 컬럼 개인화",
   "title.menu_group": "메뉴 그룹",
   "title.system_settings": "시스템 설정",
   "title.terminology": "용어 정의",

package/translations/ms.json

@@ -34,7 +34,6 @@
   "title.dynamic_menu": "Dynamic Menu",
   "title.entity": "Entity",
   "title.entity-column": "Entity Columns",
-  "title.grid-column-personalize": "Grid Column Personalize",
   "title.menu_group": "Menu Group",
   "title.system_settings": "System Settings",
   "title.terminology": "Terminology",

package/translations/zh.json

@@ -34,7 +34,6 @@
   "title.dynamic_menu": "Dynamic Menu",
   "title.entity": "Entity",
   "title.entity-column": "Entity Columns",
-  "title.grid-column-personalize": "Grid Column Personalize",
   "title.menu_group": "Menu Group",
   "title.system_settings": "System Settings",
   "title.terminology": "Terminology",

package/client/pages/personalize/personal-column-selector.ts

@@ -1,259 +0,0 @@
-import '@material/web/icon/icon.js'
-
-import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit'
-import { customElement, property, query } from 'lit/decorators.js'
-
-import { i18next, localize } from '@operato/i18n'
-import { client } from '@operato/graphql'
-import { DataGrist } from '@operato/data-grist'
-import { ScrollbarStyles, CommonGristStyles, ButtonContainerStyles } from '@operato/styles'
-
-import { TermsUtil } from './../../utils/terms-util'
-import { MetaApi } from '../../utils/meta-api'
-import { ServiceUtil } from '../../utils/service-util'
-import { UiUtil } from '../../utils/ui-util'
-
-/**
- * @license
- * Copyright © HatioLab Inc. All rights reserved.
- * @author Yang <wryang@hatiolab.com>
- * @description 사용자 그리드 컬럼 개인화 팝업
- */
-
-@customElement('personal-column-selector')
-export class PersonalColumnSelector extends localize(i18next)(LitElement) {
-  /**
-   * @description 스타일 정의
-   ***********************************
-   * @returns {Object} 화면의 스타일 정의
-   */
-  static styles = [
-    ScrollbarStyles,
-    CommonGristStyles,
-    ButtonContainerStyles,
-    css`
-      :host {
-        display: flex;
-        flex-direction: column;
-        overflow-x: auto;
-      }
-
-      .container {
-        flex: 1;
-        display: grid;
-        overflow: hidden;
-      }
-
-      .container_detail {
-        background-color: var(--main-section-background-color);
-        display: flex;
-        flex-direction: column;
-        flex: 1;
-        overflow-y: auto;
-      }
-
-      h2 {
-        padding: var(--subtitle-padding);
-        font: var(--subtitle-font);
-        color: var(--subtitle-text-color);
-        border-bottom: var(--subtitle-border-bottom);
-      }
-
-      .container_detail h2 {
-        margin: var(--grist-title-margin);
-        border: var(--grist-title-border);
-        font: var(--grist-title-font);
-        color: var(--secondary-color);
-      }
-
-      .container_detail h2 md-icon {
-        --md-icon-size: var(--grist-title-icon-size);
-        vertical-align: middle;
-        margin: var(--grist-title-icon-margin);
-        color: var(--grist-title-icon-color);
-      }
-
-      h2 {
-        padding-bottom: var(--grist-title-with-grid-padding);
-      }
-
-      ox-grist {
-        overflow-y: auto;
-        flex: 1;
-      }
-
-      ox-filters-form {
-        flex: 1;
-      }
-    `
-  ]
-
-  /**
-   * @description 선택된 그리드
-   */
-  @property({ type: Object }) configGrist: any
-
-  /**
-   * @description 메뉴 ID
-   */
-  @property({ type: String }) menuId!: string
-
-  @query('ox-grist') private grist!: DataGrist
-
-  private gridConfig: any
-
-  /**
-   * @description 라이프 사이클
-   ***************************
-   */
-  async connectedCallback() {
-    // 메뉴 그룹 그리드 설정
-    this.gridConfig = {
-      rows: { selectable: false, appendable: false },
-      pagination: { infinite: true },
-      columns: [
-        ...MetaApi.getGristGuttersConfig(false, false),
-        MetaApi.getGristColumnConfig('integer', 'rank', 'center', true, false, 80),
-        MetaApi.getGristColumnConfig('string', 'name', 'left', false, false, 180),
-        MetaApi.getGristColumnConfig2('string', 'header', 'display', 'left', false, false, 180),
-        MetaApi.getGristColumnConfig('boolean', 'hidden', 'center', true, false, 60)
-      ]
-    }
-
-    await super.connectedCallback()
-  }
-
-  /**
-   * @description 라이프 사이클
-   ***************************
-   */
-  render() {
-    return html` <div id="container" class="container">
-      <div class="container_detail">
-        <ox-grist
-          id="ox-grist"
-          .config=${this.gridConfig}
-          .mode=${'GRID'}
-          auto-fetch
-          .fetchHandler=${this.fetchColumns.bind(this)}
-        >
-        </ox-grist>
-
-        <div class="button-container" style="margin-left:unset">
-          <button @click=${this.reset.bind(this)}><md-icon>restart_alt</md-icon>${TermsUtil.tButton('reset')}</button>
-          <div filler></div>
-          <button @click=${this.save.bind(this)}><md-icon>save</md-icon>${TermsUtil.tButton('save')}</button>
-          <button danger @click=${this.delete.bind(this)}>
-            <md-icon>delete</md-icon>${TermsUtil.tButton('delete')}
-          </button>
-        </div>
-      </div>
-    </div>`
-  }
-
-  /**
-   * @description 컬럼 조회
-   ***************************
-   * @returns
-   */
-  async fetchColumns() {
-    // 팝업 오프너에서 받아온 그리스트의 설정으로 보여준다
-    let cols = this.configGrist.config.columns
-    let filterCols = cols.filter(x => x.type != 'gutter' && x.name != 'id' && x.unusable !== true)
-    let rank = 0
-
-    let items = filterCols.map(x => {
-      rank = rank + 10
-      x.rank = rank
-      return x
-    })
-
-    return { total: 0, records: items }
-  }
-
-  /**
-   * @description 개인화 데이터 삭제
-   ***************************
-   * @returns
-   */
-  async delete(e: MouseEvent) {
-    let personal = await MetaApi.getMyMenuGridPersnal(this.menuId)
-    let { id = undefined } = personal
-
-    if (id) {
-      let result = await ServiceUtil.deleteListByIds([id], 'deleteGridPersonalizes')
-      if (result == true) {
-        history.back()
-      }
-    } else {
-      await MetaApi.showToast('info', 'there_is_nothing_to_delete')
-    }
-  }
-
-  /**
-   * @description 개인화 그리드 초기화
-   ************************************************
-   */
-  async reset(e: MouseEvent) {
-    await this.grist.fetch()
-  }
-
-  /**
-   * @description 컬럼 변경 사항 저장
-   ************************************************
-   */
-  async save(e: MouseEvent) {
-    // 변경 체크
-    MetaApi.patchesForUpdateMultiple(this.grist)
-
-    // 기존 데이터 조회
-    const { template = {} } = (await MetaApi.getMyMenuGridPersnal(this.menuId)) || {}
-
-    let tempName = 'master'
-    if (this.configGrist.configName) {
-      tempName = this.configGrist.configName
-    }
-
-    // 기존 데이터 삭제
-    if (template[tempName]) {
-      delete template[tempName]
-    }
-
-    // 그리드 설정 데이터 숨김 필드 제외 후 정렬
-    let records = this.grist.dirtyData.records
-    let data = records.filter(x => x.hidden == false)
-    data.sort((a, b) => {
-      return a.rank - b.rank
-    })
-    template[tempName] = data.map(x => {
-      return x.name
-    })
-
-    try {
-      const response = await client.query({
-        query: gql`
-          mutation ($menuId: String!, $template: Object!) {
-            saveMyGridpersonalize(menuId: $menuId, template: $template) {
-              id
-            }
-          }
-        `,
-        variables: {
-          menuId: this.menuId,
-          template
-        }
-      })
-
-      if (!response.errors) {
-        UiUtil.showToast('info', TermsUtil.tText('success to save'))
-      } else {
-        ServiceUtil.showGraphqlErrorResponse(response)
-      }
-    } catch (e) {
-      ServiceUtil.showGraphqlException(e)
-    }
-
-    history.back()
-  }
-}

package/server/service/grid-personalize/grid-personalize-mutation.ts

@@ -1,142 +0,0 @@
-import { Resolver, Mutation, Arg, Ctx, Directive } from 'type-graphql'
-import { In } from 'typeorm'
-import { GridPersonalize } from './grid-personalize'
-import { NewGridPersonalize, GridPersonalizePatch } from './grid-personalize-type'
-import { ScalarObject } from '@things-factory/shell'
-
-@Resolver(GridPersonalize)
-export class GridPersonalizeMutation {
-  @Directive('@transaction')
-  @Mutation(returns => GridPersonalize, { description: 'To create new Gridpersonalize' })
-  async createGridpersonalize(
-    @Arg('gridpersonalize') gridPersonalize: NewGridPersonalize,
-    @Ctx() context: any
-  ): Promise<GridPersonalize> {
-    const { domain, user, tx } = context.state
-
-    return await tx.getRepository(GridPersonalize).save({
-      ...gridPersonalize,
-      domain,
-      creator: user,
-      updater: user
-    })
-  }
-
-  @Directive('@transaction')
-  @Mutation(returns => GridPersonalize, { description: 'To create or update my Gridpersonalize' })
-  async saveMyGridpersonalize(
-    @Arg('menuId') menuId: string,
-    @Arg('template', type => ScalarObject) template: { [key: string]: string[] },
-    @Ctx() context: any
-  ): Promise<GridPersonalize> {
-    const { domain, user, tx } = context.state
-
-    if (!menuId) {
-      throw 'menuId required.'
-    }
-
-    const gridpersonalize = await tx.getRepository(GridPersonalize).findOne({
-      where: { domain: { id: domain.id }, menu: { id: menuId }, user: { id: user.id } }
-    })
-
-    return await tx.getRepository(GridPersonalize).save({
-      ...gridpersonalize,
-      domain,
-      menu: { id: menuId },
-      user,
-      template,
-      creator: user,
-      updater: user
-    })
-  }
-
-  @Directive('@transaction')
-  @Mutation(returns => GridPersonalize, { description: 'To modify Gridpersonalize information' })
-  async updateGridPersonalize(
-    @Arg('id') id: string,
-    @Arg('patch') patch: GridPersonalizePatch,
-    @Ctx() context: any
-  ): Promise<GridPersonalize> {
-    const { domain, user, tx } = context.state
-
-    const repository = tx.getRepository(GridPersonalize)
-    const gridpersonalize = await repository.findOne({ where: { domain, id } })
-
-    return await repository.save({
-      ...gridpersonalize,
-      ...patch,
-      updater: user
-    })
-  }
-
-  @Directive('@transaction')
-  @Mutation(returns => [GridPersonalize], { description: "To modify multiple Gridpersonalizes' information" })
-  async updateMultipleGridpersonalize(
-    @Arg('patches', type => [GridPersonalizePatch]) patches: GridPersonalizePatch[],
-    @Ctx() context: any
-  ): Promise<GridPersonalize[]> {
-    const { domain, user, tx } = context.state
-
-    let results = []
-    const _createRecords = patches.filter((patch: any) => patch.cuFlag.toUpperCase() === '+')
-    const _updateRecords = patches.filter((patch: any) => patch.cuFlag.toUpperCase() === 'M')
-    const gridpersonalizeRepo = tx.getRepository(GridPersonalize)
-
-    if (_createRecords.length > 0) {
-      for (let i = 0; i < _createRecords.length; i++) {
-        const newRecord = _createRecords[i]
-
-        const result = await gridpersonalizeRepo.save({
-          ...newRecord,
-          user,
-          domain,
-          creator: user,
-          updater: user
-        })
-
-        results.push({ ...result, cuFlag: '+' })
-      }
-    }
-
-    if (_updateRecords.length > 0) {
-      for (let i = 0; i < _updateRecords.length; i++) {
-        const updRecord = _updateRecords[i]
-        const gridpersonalize = await gridpersonalizeRepo.findOne({
-          where: { domain: { id: domain.id }, id: updRecord.id }
-        })
-
-        const result = await gridpersonalizeRepo.save({
-          ...gridpersonalize,
-          ...updRecord,
-          updater: user
-        })
-
-        results.push({ ...result, cuFlag: 'M' })
-      }
-    }
-
-    return results
-  }
-
-  @Directive('@transaction')
-  @Mutation(returns => Boolean, { description: 'To delete Gridpersonalize' })
-  async deleteGridPersonalize(@Arg('id') id: string, @Ctx() context: any): Promise<boolean> {
-    const { domain, tx } = context.state
-
-    await tx.getRepository(GridPersonalize).delete({ domain, id })
-    return true
-  }
-
-  @Directive('@transaction')
-  @Mutation(returns => Boolean, { description: 'To delete multiple gridpersonalizes' })
-  async deleteGridPersonalizes(@Arg('ids', type => [String]) ids: string[], @Ctx() context: any): Promise<boolean> {
-    const { domain, tx } = context.state
-
-    await tx.getRepository(GridPersonalize).delete({
-      domain,
-      id: In(ids)
-    })
-
-    return true
-  }
-}

package/server/service/grid-personalize/grid-personalize-query.ts

@@ -1,60 +0,0 @@
-import { Resolver, Query, FieldResolver, Root, Args, Arg, Ctx, Directive } from 'type-graphql'
-import { Domain, ListParam, convertListParams, getRepository } from '@things-factory/shell'
-import { User } from '@things-factory/auth-base'
-import { Menu } from '@things-factory/menu-base'
-import { GridPersonalize } from './grid-personalize'
-import { GridPersonalizeList } from './grid-personalize-type'
-
-@Resolver(GridPersonalize)
-export class GridPersonalizeQuery {
-  @Query(returns => GridPersonalize, { nullable: true, description: `To fetch a Gridpersonalize` })
-  async gridPersonalize(@Arg('id') id: string, @Ctx() context: any): Promise<GridPersonalize | null> {
-    const { domain } = context.state
-    return await getRepository(GridPersonalize).findOne({
-      where: { domain: { id: domain.id }, id }
-    })
-  }
-
-  @Query(returns => GridPersonalize, { nullable: true, description: `To fetch a User's own Gridpersonalize` })
-  async myGridPersonalize(@Arg('menuId') menuId: string, @Ctx() context: any): Promise<GridPersonalize | null> {
-    const { domain, user } = context.state
-    return await getRepository(GridPersonalize).findOne({
-      where: { domain: { id: domain.id }, menu: { id: menuId }, user: { id: user.id } }
-    })
-  }
-
-  @Query(returns => GridPersonalizeList, { description: 'To fetch multiple Gridpersonalizes' })
-  async gridPersonalizes(@Args() params: ListParam, @Ctx() context: any): Promise<GridPersonalizeList> {
-    const { domain } = context.state
-
-    const convertedParams = convertListParams(params, domain.id)
-    const [items, total] = await getRepository(GridPersonalize).findAndCount(convertedParams)
-
-    return { items, total }
-  }
-
-  @FieldResolver(type => Menu)
-  async menu(@Root() gridPersonalize: GridPersonalize): Promise<Menu> {
-    return await getRepository(Menu).findOneBy({ id: gridPersonalize.menuId })
-  }
-
-  @FieldResolver(type => User)
-  async user(@Root() gridPersonalize: GridPersonalize): Promise<User> {
-    return await getRepository(User).findOneBy({ id: gridPersonalize.userId })
-  }
-
-  @FieldResolver(type => Domain)
-  async domain(@Root() gridPersonalize: GridPersonalize): Promise<Domain> {
-    return await getRepository(Domain).findOneBy({ id: gridPersonalize.domainId })
-  }
-
-  @FieldResolver(type => User)
-  async updater(@Root() gridPersonalize: GridPersonalize): Promise<User> {
-    return await getRepository(User).findOneBy({ id: gridPersonalize.updaterId })
-  }
-
-  @FieldResolver(type => User)
-  async creator(@Root() gridPersonalize: GridPersonalize): Promise<User> {
-    return await getRepository(User).findOneBy({ id: gridPersonalize.creatorId })
-  }
-}

package/server/service/grid-personalize/grid-personalize-type.ts

@@ -1,43 +0,0 @@
-import { ObjectType, Field, InputType, Int, ID, Float, registerEnumType } from 'type-graphql'
-import { ObjectRef, ScalarObject } from '@things-factory/shell'
-
-import { GridPersonalize } from './grid-personalize'
-
-@InputType()
-export class NewGridPersonalize {
-  @Field(type => ObjectRef)
-  user: ObjectRef
-
-  @Field(type => ObjectRef)
-  menu: ObjectRef
-
-  @Field(type => ScalarObject, { nullable: false })
-  template: { [key: string]: string[] }
-}
-
-@InputType()
-export class GridPersonalizePatch {
-  @Field(type => ID, { nullable: true })
-  id?: string
-
-  @Field(type => ObjectRef, { nullable: true })
-  user?: ObjectRef
-
-  @Field(type => ObjectRef, { nullable: true })
-  menu?: ObjectRef
-
-  @Field(type => ScalarObject, { nullable: true })
-  template?: { [key: string]: string[] }
-
-  @Field()
-  cuFlag: string
-}
-
-@ObjectType()
-export class GridPersonalizeList {
-  @Field(type => [GridPersonalize])
-  items: GridPersonalize[]
-
-  @Field(type => Int)
-  total: number
-}

package/server/service/grid-personalize/grid-personalize.ts

@@ -1,76 +0,0 @@
-import {
-  CreateDateColumn,
-  UpdateDateColumn,
-  Entity,
-  Index,
-  Column,
-  RelationId,
-  ManyToOne,
-  OneToMany,
-  PrimaryGeneratedColumn
-} from 'typeorm'
-import { ObjectType, Field, Int, ID, Float, registerEnumType } from 'type-graphql'
-
-import { Domain, ScalarObject } from '@things-factory/shell'
-import { User } from '@things-factory/auth-base'
-import { Menu } from '@things-factory/menu-base'
-
-@Entity('grid_personalize')
-@Index(
-  'ix_gridpersonalize_0',
-  (gridPersonalize: GridPersonalize) => [gridPersonalize.domain, gridPersonalize.user, gridPersonalize.menu],
-  { unique: true }
-)
-@ObjectType({ description: 'Entity for GridPersonalize' })
-export class GridPersonalize {
-  @PrimaryGeneratedColumn('uuid')
-  @Field(type => ID)
-  readonly id: string
-
-  @ManyToOne(type => Domain)
-  @Field({ nullable: false })
-  domain: Domain
-
-  @RelationId((gridPersonalize: GridPersonalize) => gridPersonalize.domain)
-  domainId: string
-
-  @ManyToOne(type => User)
-  @Field({ nullable: false })
-  user: User
-
-  @RelationId((gridPersonalize: GridPersonalize) => gridPersonalize.user)
-  userId: string
-
-  @ManyToOne(type => Menu, { createForeignKeyConstraints: false })
-  @Field({ nullable: false })
-  menu: Menu
-
-  @RelationId((gridPersonalize: GridPersonalize) => gridPersonalize.menu)
-  menuId: string
-
-  @Column('simple-json', { nullable: true })
-  @Field(type => ScalarObject, { nullable: true })
-  template?: { [key: string]: string[] }
-
-  @CreateDateColumn()
-  @Field({ nullable: true })
-  createdAt?: Date
-
-  @UpdateDateColumn()
-  @Field({ nullable: true })
-  updatedAt?: Date
-
-  @ManyToOne(type => User, { createForeignKeyConstraints: false, nullable: true })
-  @Field({ nullable: true })
-  creator?: User
-
-  @RelationId((gridPersonalize: GridPersonalize) => gridPersonalize.creator)
-  creatorId?: string
-
-  @ManyToOne(type => User, { createForeignKeyConstraints: false, nullable: true })
-  @Field({ nullable: true })
-  updater?: User
-
-  @RelationId((gridPersonalize: GridPersonalize) => gridPersonalize.updater)
-  updaterId?: string
-}

package/server/service/grid-personalize/index.ts

@@ -1,7 +0,0 @@
-
-import { GridPersonalize } from './grid-personalize'
-import { GridPersonalizeQuery } from './grid-personalize-query'
-import { GridPersonalizeMutation } from './grid-personalize-mutation'
-
-export const entities = [GridPersonalize]
-export const resolvers = [GridPersonalizeQuery, GridPersonalizeMutation]