eztech-core-components 1.0.0

package/store/user.js

@@ -0,0 +1,215 @@
+import Vue from 'vue'
+import { cloneDeep } from 'lodash'
+export const state = () => ({
+  token: null,
+  user: null,
+  tokenName: null,
+  hideProfile: false,
+  projectId: null,
+  notificationCount: 0,
+  notificationList: [],
+  isLocked: false,
+  loginProps: null
+})
+
+export const getters = {
+  user (state) {
+    return state.user
+  },
+  token (state) {
+    return state.token
+  },
+  tokenName (state) {
+    return state.tokenName
+  },
+  hideProfile (state) {
+    return state.hideProfile
+  },
+  projectId (state) {
+    return state.projectId
+  },
+  notificationCount (state) { return state.notificationCount },
+  notificationList (state) { return state.notificationList },
+  isLocked (state) { return state.isLocked },
+  loginProps (state) { return state.loginProps }
+}
+
+export const mutations = {
+  SET_USER (state, user) {
+    state.user = user
+  },
+  SET_TOKEN (state, token) {
+    state.token = token
+  },
+  SET_TOKEN_NAME (state, tokenName) {
+    state.tokenName = tokenName
+  },
+  SET_HIDE_PROFILE (state, value) {
+    state.hideProfile = value
+  },
+  SET_REQUIRED_PASSWORD (state, val) {
+    state.user.required_password = val
+  },
+  SET_NOTIFICATION_COUNT (state, val) {
+    state.notificationCount = val
+  },
+  SET_NOTIFICATION_LIST (state, val) {
+    state.notificationList = val
+  },
+  SET_PROJECT_ID (state, val) {
+    state.projectId = val
+  },
+  SET_LOCKED (state, val) {
+    state.isLocked = val
+  },
+  SET_LOGIN_PROPS (state, val) {
+    state.loginProps = val
+  }
+}
+
+export const actions = {
+  async init ({ dispatch, commit }, { query, $cookies }) {
+    const tokenName = process.env.TOKEN_NAME || null
+    const projectId = process.env.PROJECT_ID
+    const loginProps = process.env.LOGIN_PROPS
+    // const token = query[tokenName] || $cookies.get(tokenName)
+    // if (token) {
+    //   commit('SET_TOKEN', token)
+    // }
+    commit('SET_LOGIN_PROPS', loginProps)
+    commit('SET_TOKEN_NAME', tokenName)
+    commit('SET_PROJECT_ID', projectId)
+    const hideProfile = $cookies.get('HIDE_PROFILE')
+    if (hideProfile) {
+      commit('SET_HIDE_PROFILE', true)
+    }
+    await dispatch('refresh_user')
+  },
+  async refresh_user ({ commit }) {
+    const data = (await this.$axios.get('auth/user')).data
+    commit('SET_USER', data.user)
+    commit('SET_LOCKED', data.isLocked || false)
+  },
+  async set_notification_read ({ commit, state }, { id }) {
+    await this.$axios.post(`notification/read/${state.projectId}/service_notifications`, {
+      _id: id
+    })
+    const list = cloneDeep(state.notificationList)
+    if (id === 'all') {
+      list.forEach((r) => {
+        r.is_read = true
+      })
+      commit('SET_NOTIFICATION_COUNT', 0)
+    } else {
+      const item = list.find(c => c._id === id)
+      if (item) {
+        item.is_read = true
+      }
+      commit('SET_NOTIFICATION_COUNT', Math.max(0, state.notificationCount - 1))
+    }
+    commit('SET_NOTIFICATION_LIST', list)
+  },
+  async set_notification_count ({ commit, state }) {
+    const { count } = (await this.$axios.get(`notification/count/${state.projectId}/service_notifications`, {
+      params: { is_read: false }
+    })).data
+    commit('SET_NOTIFICATION_COUNT', count)
+    return count
+  },
+  async set_notification_list_refresh ({ commit, state }) {
+    commit('SET_NOTIFICATION_LIST', [])
+    const { data } = await this.$axios.get(`notification/list/${state.projectId}/service_notifications`, {
+      params: {
+        offset: 0,
+        pageSize: 20
+      }
+    })
+    commit('SET_NOTIFICATION_LIST', data)
+    return data
+  },
+  async set_notification_list ({ commit, state }) {
+    const { data } = await this.$axios.get(`notification/list/${state.projectId}/service_notifications`, {
+      params: {
+        offset: state.notificationList.length,
+        pageSize: 20
+      }
+    })
+    const list = [...state.notificationList]
+    for (const r of data) {
+      if (!list.some(c => c._id === r._id)) {
+        list.push(r)
+      }
+    }
+    commit('SET_NOTIFICATION_LIST', list)
+  },
+  set_user ({ commit }, user) {
+    commit('SET_USER', user)
+  },
+  set_required_password ({ commit }, val) {
+    commit('SET_REQUIRED_PASSWORD', val)
+  },
+  set_hide_profile ({ commit }, value) {
+    // const tokenOptions = { maxAge: 60 * 60 * 24 * 7, path: '/' }
+    if (value) {
+      // this.$cookies.set('HIDE_PROFILE', '1', tokenOptions)
+      this.$axios.post('config/set/settings', {
+        name: 'HIDE_PROFILE',
+        value: '1'
+      }).catch((_) => {})
+    } else {
+      this.$axios.delete('config/remove/settings/HIDE_PROFILE').catch((_) => {})
+      // this.$cookies.remove('HIDE_PROFILE', { path: '/' })
+    }
+    commit('SET_HIDE_PROFILE', value)
+  },
+  set_token ({ commit, getters }, token) {
+    // const tokenOptions = { maxAge: 60 * 60 * 24 * 7, path: '/' }
+    // this.$cookies.set(getters.tokenName, token, tokenOptions)
+    commit('SET_TOKEN', token)
+    if (process.client) {
+      localStorage.setItem('forensic_checkLogin', Date.now())
+    }
+  },
+  remove_token ({ commit, getters }) {
+    this.$cookies.remove(getters.tokenName, { path: '/' })
+    commit('SET_TOKEN', null)
+    if (process.client) {
+      localStorage.setItem('forensic_checkLogin', Date.now())
+    }
+  },
+  set_locked ({ commit }, val) {
+    commit('SET_LOCKED', val)
+  },
+  // async idle ({ commit }) {
+  //   try {
+  //     commit('SET_LOCKED', true)
+  //     this.$cookies.set('idle_email', getters.user?.email, { path: '/' })
+  //     await this.$axios.post('auth/logout')
+  //     dispatch('set_user')
+  //     dispatch('remove_token')
+  //   } catch (err) {
+  //     Vue.prototype.$showError(err)
+  //   }
+  // },
+  async logout_locked ({ dispatch }) {
+    try {
+      await this.$axios.post('auth/logout')
+      dispatch('remove_token')
+      location.reload()
+    } catch (err) {
+      Vue.prototype.$showError(err)
+    }
+  },
+  async logout ({ dispatch, getters }) {
+    try {
+      // console.log('Vue', Vue)
+      await Vue.prototype.$showConfirm('Та системээс гарах уу?')
+      this.$cookies.remove('idle_email', { path: '/' })
+      await this.$axios.post('auth/logout')
+      dispatch('remove_token')
+      location.reload()
+    } catch (err) {
+      Vue.prototype.$showError(err)
+    }
+  }
+}

package/utils/component-helper.js

@@ -0,0 +1,336 @@
+import { getFormBoolean } from './data-helper'
+
+export const getFormComponent = ({
+  col_field, col_type, col_readonly,
+  col_multiple, col_length, ref_table,
+  ref_column, trigger_fields, enum_values,
+  col_default, is_file_secret
+}, {
+  isInline = false,
+  formReadonly = false,
+  isXyp = false,
+  table_name,
+  level_code,
+  projectId,
+  serviceName,
+  rootApiId
+}) => {
+  let name = 'ElInput'
+  let props = { disabled: formReadonly || getFormBoolean(col_readonly) }
+  if (col_field.endsWith('duration_justified')) {
+    name = 'CoreDurationJustified'
+  } else if (col_field === 'app_password') {
+    name = 'CoreAppPassword'
+  } else if (table_name === 'archive_inquiry_requests' && col_field === 'request_reg_number') {
+    name = 'ArchiveRequestRegNumber'
+  } else if (col_field === 'deceased_forensic_id') {
+    name = 'DeceasedForensicNum'
+  } else if (col_field === 'deceased_info_num') {
+    name = 'DeceasedInfoNum'
+  } else if (['firearm_gun', 'firearm_air_gun', 'firearm_special_tool'].includes(table_name) && col_field === 'body_number') {
+    name = 'FirearmBodyNumber'
+    props = { ...props, table_name }
+  } else if (table_name === 'reg_org_emps' && col_field === 'username') {
+    name = 'PoliceCode'
+  } else if (table_name === 'reg_resolutions' && col_field === 'crime_place_id') {
+    name = 'RegCrimePlace'
+    props = { ...props, rootApiId }
+  } else if (table_name?.startsWith('doc_') && col_field?.includes('national') && col_type === 'string') {
+    props = { ...props, type: 'textarea', maxlength: col_length || 255, showWordLimit: true, style: 'font-family: Mongolian Baiti; font-size: 20px; writing-mode: vertical-lr; line-height: 1.15' }
+  } else if (['doc_controls', 'doc_requests', 'doc_request_receives'].includes(table_name) && col_field === 'reg_num') {
+    name = 'DocRegNum'
+    props.table_type = table_name
+  } else if (table_name === 'doc_controls' && col_field === 'doc_num') {
+    name = 'DocIndexNum'
+  } else if (col_type === 'json') {
+    name = 'CoreJson'
+  } else if (col_default === 'increment') {
+    props = { ...props, disabled: true, placeHolder: 'Системээс олгоно..' }
+  } else if (col_field === 'crime_num') {
+    name = 'CustomCrimeNum'
+    props = { ...props, clearable: true, maxlength: col_length || 255 }
+  } else if (col_field === 'crime_description') {
+    name = 'CustomCrimeDescription'
+    props = { ...props, type: 'textarea', clearable: true, maxlength: col_length || 255, showWordLimit: true }
+  } else if (col_field.startsWith('moment')) {
+    name = 'MomentAddCode'
+    props = { ...props }
+  } else if (enum_values) {
+    name = 'CoreSelectEnum'
+    props = { ...props, col_multiple, col_type, enum_values }
+  } else if (col_field === 'text_select_fields') {
+    name = 'ConfigSelectColumns'
+  } else if (['file', 'image'].includes(col_type) && col_multiple) {
+    name = 'CoreFiles'
+    let fileType = col_type
+    if (col_field.includes('pdf')) {
+      fileType = 'pdf'
+    }
+    props = {
+      ...props,
+      col_multiple,
+      fileType,
+      table_name,
+      projectId,
+      serviceName,
+      rootApiId,
+      isFileSecret: is_file_secret
+    }
+  } else if (['icon', 'file', 'image', 'profileImage'].includes(col_type)) {
+    name = 'CoreUploadImage'
+    props = {
+      ...props,
+      col_multiple,
+      fileType: col_type,
+      isInline,
+      isFileSecret: is_file_secret,
+      rootApiId
+    }
+  } else if (['boolean'].includes(col_type)) {
+    name = 'CoreSwitch'
+  } else if (['string'].includes(col_type) && col_multiple) {
+    props = { ...props, clearable: true, maxlength: col_length || 255 }
+    name = 'CoreMultipleInput'
+  } else if (['string'].includes(col_type)) {
+    props = { ...props, clearable: true, maxlength: col_length || 255 }
+    if (col_field === 'register_num' && (isXyp || table_name === 'hrm_employees')) {
+      name = 'CoreInputSearch'
+    } else if (col_length > 255) {
+      // autosize: { minRows: parseInt(col_length / 255) }
+      props = { ...props, type: 'textarea', showWordLimit: true }
+    }
+  } else if (['email', 'password'].includes(col_type)) {
+    props = { clearable: true, type: col_type }
+  } else if (['number', 'decimal'].includes(col_type)) {
+    if (col_field === 'age') {
+      name = 'CoreAgeMonth'
+    } else if (isInline) {
+      name = 'CoreInlineNumber'
+      props = { ...props }
+    } else {
+      name = 'CoreInputNumber'
+      const extraProps = {}
+      if (col_field?.includes('full_percent')) {
+        extraProps.min = 0
+        extraProps.max = 100
+      }
+      props = { ...props, clearable: true, controlsPosition: 'right', ...extraProps }
+      if (col_type === 'decimal') {
+        props.precision = 1
+      } else {
+        props.precision = 0
+      }
+    }
+  } else if (['date'].includes(col_type)) {
+    // if (col_field.endsWith('start_date')) {
+    //   name = 'CoreDateRange'
+    // } else {
+    //   name = 'CoreDate'
+    // }
+    if (col_field.endsWith('end_date')) {
+      props = { ...props, col_field }
+    } else if (col_field.endsWith('_month')) {
+      props = { ...props, type: 'month', format: 'yyyy-MM', valueFormat: 'yyyy-MM' }
+    }
+    name = 'CoreDate'
+  } else if (['datetime'].includes(col_type)) {
+    name = 'CoreDatetime'
+  } else if (col_field === 'reg_request_description') {
+    name = 'RegRequestDescription'
+  } else if (col_field.startsWith('html_')) {
+    name = 'CoreVueEditor'
+    if (col_field.includes('mini')) {
+      props = { ...props, isSimple: true, height: 350 }
+    }
+  } else if (['manyToOne', 'table'].includes(col_type)) {
+    // if (ref_table === 'hrm_employees') {
+    //   name = 'CustomEmployeeSelect'
+    // } else
+    if (ref_table === 'hrm_users' && ['archive_classification_item', 'archive_classification_list'].includes(table_name)) {
+      name = 'DocUserSelect'
+      props = { ...props }
+    } else if (ref_table === 'hrm_organizations' && table_name === 'archive_classification_item') {
+      name = 'DocOrgSelect'
+      props = { ...props, org_type: 'unit' }
+    } else if (ref_table === 'hrm_organizations' && table_name.startsWith('police_departments')) {
+      name = 'DocOrgSelect'
+      props = { ...props, org_type: 'police' }
+    } else if (ref_table === 'hrm_organizations' && table_name.startsWith('doc_')) {
+      name = 'DocOrgSelect'
+      if (['doc_indexes', 'doc_categories', 'doc_headers'].includes(table_name) && col_field === 'organization_id') {
+        trigger_fields = 'category_id:1:number:eq'
+        if (level_code === 'LEVEL2') {
+          trigger_fields += ',_id:auth_self_organization_id:number:in'
+        } else if (level_code === 'LEVEL3') {
+          trigger_fields += ',_id:auth_child_organization_id:number:in'
+        } else {
+          trigger_fields += ',root_id.short_name:ШШЕГ:string:eq'
+        }
+      }
+    } else if (ref_table === 'hrm_users' && table_name.startsWith('doc_')) {
+      name = 'DocUserSelect'
+      props = { ...props, tname: table_name, fname: col_field }
+    } else if (col_field === 'child_position_id') {
+      name = 'CoreCascaderChildPosition'
+    } else if (col_field === 'child_organization_id') {
+      name = 'CoreCascaderChildOrg'
+    } else if (col_field === 'crime_place_reg_type_id') {
+      name = 'CoreSelect'
+    } else if (['reg_org_emps', 'reg_external_experts'].includes(ref_table)) {
+      name = 'CoreSelectOrgEmp'
+    } else if (col_field === 'resolution_org_id') {
+      name = 'CoreCascader'
+    } else if (ref_table === 'ref_reg_types') {
+      name = 'CoreSelectGroup'
+    } else if (ref_table === 'hrm_users') {
+      name = 'CustomUserSelect'
+    } else if (['organization_id', 'parent_id'].some(c => col_field.includes(c)) && !['other_organization_id', 'rest_organization_id'].some(c => col_field.includes(c))) {
+      name = 'CoreSelectTree'
+    } else {
+      name = 'CoreSelect'
+    }
+    const customProps = {}
+    // if (col_field === 'status_id') {
+    //   customProps.disabled = true
+    // }
+    props = { ...props, col_field, table_name: ref_table, ref_column, col_multiple, trigger_fields, ...customProps }
+  }
+  return { name, props }
+}
+export const getFormColSpan = ({ col_field, col_type, col_length, col_multiple }, form_col, table_name) => {
+  let colSpan = 1
+  if (table_name?.startsWith('doc_') && col_field?.includes('national')) {
+    colSpan = 1
+  } else if (['icon', 'file', 'image'].includes(col_type) || col_multiple) {
+    colSpan = Math.min(2, form_col)
+  } else if (['html_'].some(c => col_field.startsWith(c))) {
+    colSpan = 99
+  } else if (col_type === 'string' && col_length >= 150) {
+    colSpan = Math.min(2, form_col)
+  } else if (col_type === 'email') {
+    colSpan = Math.min(2, form_col)
+  } else if (['organization_id', 'position_id'].includes(col_field)) {
+    colSpan = Math.min(2, form_col)
+  } else if (col_type === 'bigString') {
+    colSpan = 99
+  }
+  return colSpan
+}
+export const getFormRowSpan = ({ col_field, col_type, col_length }, form_col) => {
+  let rowSpan = 1
+  if (col_type === 'profileImage') {
+    rowSpan = 4
+  } else if (col_type === 'string' && col_length >= 300) {
+    rowSpan = 2
+  } else if (['html_'].some(c => col_field.startsWith(c))) {
+    rowSpan = Number(form_col || 1)
+  }
+  return rowSpan
+}
+export const getFormWidth = ({ col_field, col_type, col_length }, form_col) => {
+  let colCount = Number(form_col || 1)
+  if (['html_'].some(c => col_field.startsWith(c))) {
+    colCount = 1
+  } else if (col_type === 'string' && col_length >= 150) {
+    colCount = form_col / 2
+  }
+  if (colCount === 1) {
+    return '100%'
+  }
+  return `${100 / colCount}%`
+}
+export const getColAlign = ({ col_type, col_multiple, children }) => {
+  if (children?.length > 1) {
+    return 'center'
+  } else if (['number', 'pkid', 'decimal'].includes(col_type)) {
+    return 'right'
+  } else if (['boolean', 'datetime', 'date'].includes(col_type)) {
+    return 'center'
+  } else if (['image', 'profileImage'].includes(col_type) && !col_multiple) {
+    return 'center'
+  }
+  return 'left'
+}
+export const getColWidth = ({ col_type, col_multiple, col_length, col_key, col_field }, fill_field, isInline = false) => {
+  const valWidth = {}
+  const isGroup = col_key === 'is_group'
+  if (isGroup) {
+    valWidth.width = '35px'
+  } else if (fill_field?.split(',').includes(col_key)) {
+    valWidth['min-width'] = '150px'
+    valWidth.width = 'auto'
+  } else if (['manyToOne'].includes(col_type)) {
+    if (col_multiple) {
+      valWidth.width = '180px'
+    } else {
+      // console.log('-)
+    }
+    // console.log(col_type, col_multiple, col_length, col_key)
+  } else if (['datetime'].includes(col_type)) {
+    valWidth.width = isInline ? '160px' : '90px'
+  } else if (['date'].includes(col_type)) {
+    valWidth.width = isInline ? '150px' : '90px'
+  } else if (['number', 'decimal'].includes(col_type)) {
+    if (isInline) {
+      if (col_key?.includes('price')) {
+        valWidth.width = '110px'
+      } else {
+        valWidth.width = '70px'
+      }
+    } else {
+      valWidth.width = '110px'
+    }
+  } else if (['boolean'].includes(col_type)) {
+    valWidth.width = '90px'
+  } else if (['pkid'].includes(col_type)) {
+    valWidth.width = '60px'
+  } else if (['email'].includes(col_type)) {
+    valWidth.width = '200px'
+  } else if (['image', 'profileImage'].includes(col_type) && !getFormBoolean(col_multiple)) {
+    valWidth.width = '65px'
+  } else if (col_length) {
+    const len = Number(col_length)
+    if (len < 30) {
+      valWidth.align = 'center'
+      valWidth.width = '120px'
+    } else if (len < 50) {
+      valWidth.width = '110px'
+    } else if (len < 140) {
+      valWidth.width = '130px'
+    } else if (len < 160) {
+      valWidth.width = '150px'
+    } else if (len < 200) {
+      valWidth.width = '160px'
+    } else {
+      valWidth.width = '220px'
+    }
+  }
+  if (Object.keys(valWidth).length === 0) {
+    return {
+      width: '120px'
+    }
+  }
+  // console.log('col_field', col_field, col_type, col_key, valWidth)
+  return valWidth
+}
+export const isHidden = ({ col_field, col_hidden }, subColumn) => {
+  if (['oid', 'xyp_log_id', 'created_user_id'].includes(col_field)) {
+    return true
+  }
+  if (getFormBoolean(col_hidden)) {
+    return true
+  }
+  if (subColumn) {
+    if (col_field === subColumn.col_field) {
+      return true
+    } else if (subColumn.trigger_fields && !subColumn.trigger_fields.includes('extract')) {
+      for (const triggerField of subColumn.trigger_fields.split(',')) {
+        const triggerValues = triggerField.split(':')
+        if (triggerValues.length > 1 && triggerValues[1].startsWith('#') && triggerValues[1].slice(1) === col_field) {
+          return true
+        }
+      }
+    }
+  }
+  return false
+}