@things-factory/meta-ui 5.0.14 → 5.0.15

package/client/utils/meta-util.js

@@ -1,773 +0,0 @@
-import gql from 'graphql-tag'
-
-import { client } from '@operato/graphql'
-import { openPopup } from '@operato/layout'
-import { getCodeByName } from '@things-factory/code-base'
-import { CustomAlert, store } from '@things-factory/shell'
-import { gqlBuilder, isMobileDevice } from '@things-factory/utils'
-
-import { TermsUtil } from './terms-util'
-
-// 동적 라우팅 정보
-let META_ROUTES = []
-// 동적 메뉴 정보
-let META_MENUS = []
-
-/**
- * @license
- * Copyright © HatioLab Inc. All rights reserved.
- * @author Shortstop <shortstop@hatiolab.com>
- * @description 메타 UI에서 필요한 유틸리티 함수 정의
- */
-export class MetaUtil {
-  /**
-   * @description 현재 디바이스가 모바일 장비인지 체크
-   **************************************
-   * @returns {Boolean} 모바일 장비 여부
-   */
-  static isMobileDevice() {
-    return isMobileDevice()
-  }
-
-  /**
-   * @description 현재 로케일 정보 리턴
-   **************************************
-   * @returns {String} 현재 브라우저의 로케일 정보
-   */
-  static currentLocale() {
-    // TODO 수정 필요 ....
-    let localeCookie = document.cookie
-    localeCookie = localeCookie.replace('i18next=', '')
-    return localeCookie
-  }
-
-  /**
-   * @description 현재 액티브 된 화면의 라우팅 정보
-   **************************************
-   * @returns {String} 현재 액티브 된 화면의 라우팅 정보
-   */
-  static currentRouting() {
-    return store.getState().route.page
-  }
-
-  /**
-   * @description 공통 코드 리턴
-   **************************************
-   * @param {String} codeName 공통 코드 명
-   * @returns {Array} 코드 리스트
-   */
-  static async codeItems(codeName) {
-    return await getCodeByName(codeName)
-  }
-
-  /**
-   * @description selector를 위한 공통 코드 조회
-   **************************************
-   * @param {String} codeName 공통 코드 명
-   * @returns {Array} 코드 리스트
-   */
-  static async getCodeSelectorData(codeName) {
-    let codeItems = await MetaUtil.codeItems(codeName)
-    let codeSelectors = codeItems.map(c => {
-      return {
-        value: c.name,
-        display: c.description
-      }
-    })
-    codeSelectors.unshift({ value: '', display: '' })
-    return codeSelectors
-  }
-
-  /**
-   * @description 오픈하고자 하는 엘리먼트를 받아 팝업 오픈
-   *************************************************
-   * @param {String} popupTitle 팝업 타이틀
-   * @param {String} popupSize 'large', 'medium', 'small'
-   * @param {String} element 팝업에 표시할 엘리먼트
-   * @param {Boolean} backdrop 백드롭 여부
-   */
-  static openPopupByElement(popupTitle, popupSize, element, backdrop) {
-    openPopup(element, {
-      backdrop: true,
-      size: popupSize,
-      title: popupTitle,
-      backdrop: backdrop
-    })
-  }
-
-  /**
-   * @description tagname, routing으로 커스텀 엘리먼트 생성
-   ****************************************************
-   * @param {String} tagname 팝업에 포함할 태그 명
-   * @param {String} routing 라우팅
-   * @returns {Object} 커스텀 엘리먼트
-   */
-  static createCustomElement(tagname, routing) {
-    var template = document.createElement('template')
-    template.innerHTML = `<${tagname} route_name='${routing}'></${tagname}>`
-    var elements = template.content.childNodes
-    var element = elements[0]
-    template.content.removeChild(element)
-    return element
-  }
-
-  /**
-   * @description store의 정보 추출
-   ****************************************************
-   * @param {String} accessor1 스토어 액세서 1, 빈 값 가능
-   * @param {String} accessor2 스토어 액세서 2, 빈 값 가능
-   * @param {String} accessor3 스토어 액세서 3, 빈 값 가능
-   * @returns {Object} store 정보
-   */
-  static getStore(accessor1, accessor2, accessor3) {
-    let store = store.getState()
-
-    if (accessor1 && accessor2 && accessor3) {
-      return store[accessor1][accessor2][accessor3]
-    } else if (accessor1 && accessor2) {
-      return store[accessor1][accessor2]
-    } else if (accessor1) {
-      return store[accessor1]
-    } else {
-      return store
-    }
-  }
-
-  /**
-   * @description 커스텀 이벤트 전파
-   *************************************
-   * @param {String} eventName 이벤트 이름
-   * @param {Object} eventDetail 이벤트 상세 정보
-   */
-  static fireCustomEvent(eventName, eventDetail) {
-    document.dispatchEvent(
-      new CustomEvent(eventName, {
-        detail: eventDetail
-      })
-    )
-  }
-
-  /**
-   * @description 토스트 메시지 표시
-   *************************************
-   * @param {String} type 토스트 타입
-   * @param {String} message 메시지
-   */
-  static showToast(type, message) {
-    document.dispatchEvent(
-      new CustomEvent('notify', {
-        detail: { type, message }
-      })
-    )
-  }
-
-  /**
-   * @description Alert 메시지 창 표시
-   *************************************
-   * @param {String} titleCode Alert 제목 표시를 위한 용어 이름, 예) title.confirm
-   * @param {String} textCode Alert 텍스트 표시를 위한 용어 이름 예) text.are_you_sure
-   * @param {String} type Alert 창 유형 - info, error, warning ...
-   * @param {String} confirmButtonCode 확인 버튼 표시를 위한 용어 이름 예) confirm
-   * @param {String} cancelButtonCode 취소 버튼 표시를 위한 용어 이름 예) cancel
-   * @returns {Object}
-   */
-  static async showAlertPopup(titleCode, textCode, type, confirmButtonCode, cancelButtonCode) {
-    let alert = { title: TermsUtil.t(titleCode), text: TermsUtil.t(textCode) }
-
-    if (type) {
-      alert['type'] = type
-    }
-
-    if (confirmButtonCode) {
-      alert['confirmButton'] = TermsUtil.tButton(confirmButtonCode)
-    }
-
-    if (cancelButtonCode) {
-      alert['cancelButton'] = TermsUtil.tButton(cancelButtonCode)
-    }
-
-    return await CustomAlert(alert)
-  }
-
-  /**
-   * @description 메뉴 틀에 맞게 재 배치
-   **************************************
-   * @param {Array} menuData 메뉴 정보에서 조회한 메뉴 리스트
-   * @returns {Array} 메뉴 바 틀에 맞게 재 배치된 메뉴 & 라우팅 정보
-   */
-  static arrangeMenuRoutes(menuData) {
-    // 1. routes
-    let routes = []
-
-    /**
-     * 메뉴 데이터 예)
-     * name : 메뉴 명 (DynamicMenu)
-     * category : 태그 명 (dynamic-menu)
-     * routing : 라우팅 (dynamic_menu)
-     * detailFormId : 페이지 위치 (./pages/menu/dynamic-menu)
-     */
-    // 2. 서버에서 조회한 메뉴 정보 중에 메인 메뉴를 추출
-    let mainMenus = menuData
-      .map(item => {
-        if (item.menuType == 'GROUP' || item.menuType == 'MENU') {
-          let title = TermsUtil.tMenu(item.name)
-          let mainMenu = { id: item.id, parent: true, name: title, icon: item.iconPath }
-
-          if (item.menuType == 'GROUP') {
-            mainMenu['type'] = 'group'
-          } else {
-            mainMenu['menus'] = []
-          }
-          return mainMenu
-        } else {
-          return { id: '0' }
-        }
-      })
-      .filter(i => i.id != '0')
-
-    // 3. 메인 메뉴 하위에 서브 메뉴를 추가
-    menuData.forEach(item => {
-      if (item.menuType == 'SCREEN') {
-        let parentMenu = mainMenus.find(main => main.id == item.parent.id)
-        if (parentMenu) {
-          let title = TermsUtil.tMenu(item.name)
-          let tagName = item.category
-
-          // 좌측 메뉴에 표시되도록 메뉴 트리 구성
-          parentMenu.menus.push({
-            id: item.id,
-            name: title,
-            path: item.routing,
-            icon: item.iconPath
-          })
-
-          // 애플리케이션 모듈인 경우에만 라우팅 정보에 추가하고 다른 모듈의 화면이라면 라우팅 정보에서 제외
-          let template = item.detailFormId
-          routes.push({
-            id: item.id,
-            parent: false,
-            parent_id: parentMenu.id,
-            title: title,
-            tagname: tagName,
-            page: item.routing,
-            template: item.detailFormId,
-            routing_type: item.routingType
-          })
-        }
-      }
-    })
-
-    // 4. 변수 설정
-    META_ROUTES = Object.assign([], routes)
-    META_MENUS = Object.assign([], mainMenus)
-
-    // 5. 메뉴 데이터 리턴
-    return { menus: mainMenus, routes: routes }
-  }
-
-  /**
-   * @description 현재 사용자의 권한에 맞는 메뉴 정보 요청
-   **************************************
-   * @returns {Array} 메뉴 바에 표시될 메뉴 리스트
-   */
-  static async myDynamicMenus() {
-    if (META_ROUTES.length == 0) {
-      let menuItems = await MetaUtil.searchMyDynamicMenus()
-      return menuItems != null ? MetaUtil.arrangeMenuRoutes(menuItems) : null
-    } else {
-      return { menus: META_MENUS, routes: META_ROUTES }
-    }
-  }
-
-  /**
-   * @description 현재 사용자의 권한에 맞는 메뉴 정보 요청
-   **************************************
-   * @returns {Array} 메뉴 바에 표시될 메뉴 리스트
-   */
-  static async searchMyDynamicMenus() {
-    let filters = [
-      {
-        name: 'hiddenFlag',
-        operator: 'noteq',
-        value: true
-      },
-      {
-        name: 'menuType',
-        operator: 'in',
-        value: ['MENU', 'GROUP', 'SCREEN']
-      }
-    ]
-    let sortings = [{ name: 'menuType' }, { name: 'rank' }]
-    let selectFields = `
-      id
-      parent {
-        id
-        name
-      }
-      name
-      description
-      menuType
-      category
-      routingType
-      routing
-      detailFormId
-      iconPath
-    `
-    let data = await MetaUtil.searchByPagination('menus', filters, sortings, 0, 0, selectFields)
-    return data.records
-  }
-
-  /**
-   * @description 메뉴 ID 정보로 메뉴 메타 정보 조회
-   **********************************************
-   * @param {String} menuId
-   * @returns {Object} 메뉴 메타 정보
-   */
-  static async findMenuMeta(menuId) {
-    let menu = await MetaUtil.findOne('menu', menuId, 'template')
-    if (!menu) {
-      throw new Error(TermsUtil.tText('menu_not_found'))
-    }
-
-    if (!menu.template) {
-      throw new Error(TermsUtil.tText('menu_template_not_found'))
-    }
-
-    return JSON.parse(menu.template)
-  }
-
-  /**
-   * @description 메뉴 라우팅 정보로 메뉴 메타 정보 조회
-   **********************************************
-   * @param {String} menuRouting
-   * @returns {Object} 메뉴 메타 정보
-   */
-  static async findMenuMetaByRouting(menuRouting) {
-    let filters = [{ name: 'routing', operator: 'eq', value: menuRouting }]
-    let selectFields = 'template'
-    let data = await MetaUtil.searchByPagination('menus', filters, null, 0, 0, selectFields)
-
-    if (!data && data.length == 0) {
-      throw new Error(TermsUtil.tText('menu_not_found'))
-    } else {
-      let menu = data.records[0]
-      if (!menu.template) {
-        throw new Error(TermsUtil.tText('menu_template_not_found'))
-      }
-
-      return JSON.parse(menu.template)
-    }
-  }
-
-  /**
-   * 최종 애플리케이션 모듈 정보 리턴
-   * @returns
-   */
-  static getApplicationModuleInfo() {
-    let modules = store.getState().app.modules
-    return modules[modules.length - 1]
-  }
-
-  /**
-   * @description 응답이 처리된 후 Graphql Error 메시지 표시
-   *************************************************
-   * @param {Object} response 응답
-   */
-  static async showGraphqlErrorResponse(response) {
-    if (response.errors && response.errors.length > 0) {
-      let error = response.errors[0]
-      let errContent = error.message
-      let errTitle = error.message
-
-      if (error.extensions) {
-        let errExt = error.extensions
-        errTitle = errExt.code
-      }
-
-      await MetaUtil.showAlertPopup(errTitle, errContent, 'error', 'confirm')
-    }
-  }
-
-  /**
-   * @description Graphql 실행 시 Exception 표시
-   *************************************************
-   * @param {Object} exception 에러
-   */
-  static async showGraphqlException(exception) {
-    if (exception) {
-      if (exception.networkError && exception.networkError.result) {
-        await MetaUtil.showGraphqlErrorResponse(exception.networkError.result)
-      } else {
-        await MetaUtil.showAlertPopup('Graphql Error', exception.message, 'error', 'confirm')
-      }
-    }
-  }
-
-  /**
-   * @description 데이터 리스트 페이지네이션 조회
-   ******************************************
-   * @param {String} queryFunc 쿼리 함수
-   * @param {Array} filters 조회 조건
-   * @param {Array} sortings 소팅 조건
-   * @param {Number} page 현재 페이지
-   * @param {Number} limit 페이지 당 표시할 레코드 건수
-   * @param {String} selectFields 조회할 필드 리스트
-   * @returns {Array} 조회 결과 { records : [{,...}], total : 100 }
-   */
-  static async searchByPagination(queryFunc, filters, sortings, page, limit, selectFields) {
-    try {
-      const response = await client.query({
-        query: gql`
-          query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
-            ${queryFunc}(filters: $filters, pagination: $pagination, sortings: $sortings) {
-              items {
-                ${selectFields}
-              }
-              total
-            }
-          }
-        `,
-        variables: { filters, sortings, pagination: { page, limit } }
-      })
-
-      if (!response.errors) {
-        return {
-          records: response.data[queryFunc].items,
-          total: response.data[queryFunc].total
-        }
-      } else {
-        MetaUtil.showGraphqlError(response)
-      }
-    } catch (e) {
-      MetaUtil.showGraphqlException(e)
-    }
-
-    return null
-  }
-
-  /**
-   * @description 레코드의 id를 이용해 데이터 조회
-   *********************************************
-   * @param {String} queryFunc 조회할 query 함수명
-   * @param {String} id 레코드 ID
-   * @param {String} selectFields 조회할 필드 리스트
-   * @return {Object} 조회한 레코드
-   */
-  static async findOne(queryFunc, id, selectFields) {
-    try {
-      let response = await client.query({
-        query: gql`
-          query ($id: String!) {
-            ${queryFunc}(id: $id) {
-              ${selectFields}
-            }
-          }
-        `,
-        variables: { id: id }
-      })
-
-      if (!response.errors) {
-        return response.data[queryFunc] || {}
-      } else {
-        MetaUtil.showGraphqlError(response)
-      }
-    } catch (e) {
-      MetaUtil.showGraphqlException(e)
-    }
-
-    return null
-  }
-
-  /**
-   * @description 그리스트의 선택된 레코드 삭제 처리
-   **************************************
-   * @param {Object} grist 그리스트
-   * @param {Object} mutationFunc 삭제 처리할 함수
-   * @returns
-   */
-  static async deleteListByGristSelected(grist, mutationFunc) {
-    const ids = grist.selected.map(record => record.id)
-
-    if (ids && ids.length > 0) {
-      const anwer = await MetaUtil.showAlertPopup('button.delete', 'text.are_you_sure', 'question', 'delete', 'cancel')
-      if (anwer.value) {
-        let result = await MetaUtil.deleteListByIds(ids, mutationFunc)
-        if (result) {
-          grist.fetch()
-        }
-      }
-    } else {
-      await MetaUtil.showAlertPopup('text.nothing_selected', 'text.there_is_nothing_to_delete', 'info', 'confirm')
-    }
-  }
-
-  /**
-   * @description ID 배열로 레코드 삭제 처리
-   **************************************
-   * @param {Object} grist 그리스트
-   * @param {Object} mutationFunc 삭제 처리할 함수
-   * @returns
-   */
-  static async deleteListByIds(ids, mutationFunc) {
-    try {
-      const response = await client.query({
-        query: gql`
-          mutation {
-            ${mutationFunc}(${gqlBuilder.buildArgs({ ids })})
-          }
-        `
-      })
-
-      if (!response.errors) {
-        MetaUtil.showToast('info', TermsUtil.tText('Success to Delete'))
-        return true
-      } else {
-        MetaUtil.showGraphqlError(response)
-      }
-    } catch (e) {
-      MetaUtil.showGraphqlException(e)
-    }
-
-    return false
-  }
-
-  /**
-   * @description 그리스트에서 변경, 추가된 여러 데이터를 한 꺼번에 업데이트
-   ***************************************************
-   * @param {Object} grist 그리스트
-   * @param {String} mutationFunc updateMultiple을 위한 서버 측 mutation 함수 명
-   * @returns 업데이트 성공 여부
-   */
-  static async updateMultipleData(grist, mutationFunc) {
-    let cudRecords = grist.dirtyRecords
-
-    if (!cudRecords || cudRecords.length == 0) {
-      MetaUtil.showAlertPopup('text.nothing_selected', 'text.there_is_nothing_to_delete', 'info', 'confirm')
-    } else {
-      let patches = MetaUtil.patchForUpdateMultiple(cudRecords)
-      let result = await MetaUtil.updateMultiple(mutationFunc, patches)
-      if (result) {
-        grist.fetch()
-      }
-    }
-  }
-
-  /**
-   * @description 변경, 추가된 여러 데이터를 한 꺼번에 업데이트
-   ***************************************************
-   * @param {String} mutationFunc updateMultiple을 위한 서버 측 mutation 함수 명
-   * @param {Array} patches 변경, 추가된 여러 데이터
-   * @returns 업데이트 성공 여부
-   */
-  static async updateMultiple(mutationFunc, patches) {
-    try {
-      const response = await client.query({
-        query: gql`
-          mutation {
-            ${mutationFunc}(${gqlBuilder.buildArgs({
-          patches
-        })}) {
-              id
-            }
-          }
-        `,
-        context: {
-          hasUpload: true
-        }
-      })
-
-      if (!response.errors) {
-        MetaUtil.showToast('info', TermsUtil.tText('Success to Save'))
-        return true
-      } else {
-        MetaUtil.showGraphqlError(response)
-      }
-    } catch (e) {
-      MetaUtil.showGraphqlException(e)
-    }
-
-    return false
-  }
-
-  /**
-   * @description 그리스트에서 변경, 추가된 내용 추출
-   ********************************************
-   * @param {Array} cudRecords
-   * @returns 그리스트에서 변경, 추가된 데이터 리스트
-   */
-  static patchForUpdateMultiple(cudRecords) {
-    return cudRecords.map(record => {
-      let patchField = record.id ? { id: record.id } : {}
-      const dirtyFields = record.__dirtyfields__
-
-      for (let key in dirtyFields) {
-        patchField[key] = dirtyFields[key].after
-      }
-
-      patchField.cuFlag = record.__dirty__
-      return patchField
-    })
-  }
-
-  /**
-   * @description 페이지네이션 기본 페이지 수 [20, 30, 50, 100]
-   ********************************************
-   * @returns {Object} 페이지네이션 기본 페이지 수
-   */
-  static getGristPaginationDefaultConfig() {
-    return { pages: [20, 30, 50, 100] }
-  }
-
-  /**
-   * @description 페이지네이션 페이지 수 [50, 100, 500, 1000]
-   ********************************************
-   * @returns {Object} 페이지네이션 기본 페이지 수
-   */
-  static getGristPagination50Config() {
-    return { pages: [50, 100, 500, 1000] }
-  }
-
-  /**
-   * @description 페이지네이션 페이지 수 [100, 500, 1000, 50000]
-   ********************************************
-   * @returns {Object} 페이지네이션 기본 페이지 수
-   */
-  static getGristPagination100Config() {
-    return { pages: [100, 500, 1000, 50000] }
-  }
-
-  /**
-   * @description 페이지네이션 페이지 수 [1000, 5000, 10000, 100000]
-   ********************************************
-   * @returns {Object} 페이지네이션 기본 페이지 수
-   */
-  static getGristPaginationMaxConfig() {
-    return { pages: [1000, 5000, 10000, 100000] }
-  }
-
-  /**
-   * @description 그리스트 기본 gutter 설정 리턴
-   ********************************************
-   * @returns {Object} 그리스트 기본 gutter 설정
-   */
-  static getGristGuttersDefaultConfig(multiple) {
-    return [
-      { type: 'gutter', gutterName: 'dirty' },
-      { type: 'gutter', gutterName: 'sequence' },
-      { type: 'gutter', gutterName: 'row-selector', multiple: multiple }
-    ]
-  }
-
-  /**
-   * @description 그리스트 선택 모드 설정
-   ****************************************
-   * @returns {Object} 그리스트 선택 모드 설정
-   */
-  static getGristSelectableConfig(multiple) {
-    return { selectable: { multiple: multiple } }
-  }
-
-  /**
-   * @description 그리스트 기본 컬럼 설정
-   ***********************************
-   * @param {String} type
-   * @param {String} name
-   * @param {String} align
-   * @param {Boolean} editable
-   * @param {Boolean} sortable
-   * @param {Number} width
-   * @returns {Object} 그리스트 기본 컬럼 설정
-   */
-  static getGristColumnConfig(type, name, align, editable, sortable, width) {
-    return {
-      type: type,
-      name: name,
-      header: TermsUtil.tLabel(name),
-      record: {
-        align: align,
-        editable: editable
-      },
-      sortable: sortable,
-      width: width
-    }
-  }
-
-  /**
-   * @description 그리스트 컬럼 설정
-   ***********************************
-   * @param {String} type
-   * @param {String} name
-   * @param {String} displayName
-   * @param {String} align
-   * @param {Boolean} editable
-   * @param {Boolean} sortable
-   * @param {Number} width
-   * @returns {Object} 그리스트 기본 컬럼 설정
-   */
-  static getGristColumnConfig2(type, name, displayName, align, editable, sortable, width) {
-    return {
-      type: type,
-      name: name,
-      header: TermsUtil.tLabel(displayName),
-      record: {
-        align: align,
-        editable: editable
-      },
-      sortable: sortable,
-      width: width
-    }
-  }
-
-  /**
-   * @description 그리스트 Selector 컬럼 설정
-   ***********************************
-   * @param {String} name
-   * @param {String} displayName
-   * @param {String} align
-   * @param {Boolean} sortable
-   * @param {Number} width
-   * @param {Boolean} mandatory
-   * @param {Array} optionValues
-   * @returns {Object} 그리스트 기본 컬럼 설정
-   */
-  static getGristSelectorColumnConfig(name, displayName, align, sortable, width, mandatory, optionValues) {
-    return {
-      type: 'select',
-      name: name,
-      header: TermsUtil.tLabel(displayName),
-      record: {
-        align: align,
-        editable: true,
-        mandatory: mandatory,
-        options: optionValues
-      },
-      sortable: sortable,
-      width: width
-    }
-  }
-
-  /**
-   * @description 그리스트 검색 필드 설정
-   ************************************
-   * @param {String} name
-   * @param {String} type
-   * @param {String} label
-   * @param {String} operator
-   * @param {Array} optionValues
-   * @returns {Object} 그리스트 검색 필드 설정
-   */
-  static getGristSearchColumnConfig(name, type, label, operator, optionValues) {
-    let column = {
-      name: name,
-      type: type,
-      label: TermsUtil.tLabel(label),
-      operator: operator
-    }
-
-    if (optionValues) {
-      column.options = optionValues
-    }
-
-    return column
-  }
-}