@things-factory/organization 8.0.5 → 9.0.0-beta.12

package/client/pages/employee/employees-by-department.ts

@@ -1,519 +0,0 @@
-import '@operato/data-tree'
-
-import { CommonButtonStyles, CommonHeaderStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'
-import { PageView, store } from '@operato/shell'
-import { css, html } from 'lit'
-import { customElement, property, query, state } from 'lit/decorators.js'
-import { ScopedElementsMixin } from '@open-wc/scoped-elements'
-import { client } from '@operato/graphql'
-import { i18next, localize } from '@operato/i18n'
-import { DataGrist, FetchOption, GristRecord } from '@operato/data-grist'
-
-import { connect } from 'pwa-helpers/connect-mixin'
-import gql from 'graphql-tag'
-
-import { DepartmentImporter } from '../department/department-importer'
-import { Department } from '../../types/department'
-
-import { EmployeeListPage } from './employee-list-page'
-
-const departmentFragment = gql`
-  fragment SubDepartmentFragment on Department {
-    id
-    controlNo
-    name
-    description
-
-    manager {
-      id
-      name
-      controlNo
-      photo
-      email
-    }
-    active
-    state
-    picture
-
-    updater {
-      id
-      name
-    }
-    updatedAt
-  }
-`
-
-@customElement('employees-by-department')
-export class EmployeesByDepartment extends connect(store)(localize(i18next)(ScopedElementsMixin(PageView))) {
-  static styles = [
-    ScrollbarStyles,
-    CommonGristStyles,
-    CommonHeaderStyles,
-    css`
-      :host {
-        display: flex;
-        flex-direction: row;
-        overflow: auto;
-      }
-
-      ox-tree {
-        flex: 1;
-        overflow: auto;
-      }
-
-      ox-grist {
-        flex: 4;
-      }
-
-      ox-filters-form {
-        flex: 1;
-      }
-    `
-  ]
-
-  static get scopedElements() {
-    return {
-      'department-importer': DepartmentImporter
-    }
-  }
-
-  @query('ox-grist') private grist!: DataGrist
-  @property({ type: Object }) gristConfig: any
-
-  @state() root?: Department
-  @state() selected?: Department
-
-  @query('employee-list-page') employeeListPage!: EmployeeListPage
-
-  get context() {
-    return {
-      title: i18next.t('title.employees-by-department'),
-      actions: []
-    }
-  }
-
-  render() {
-    return html`
-      <ox-tree
-        .data=${this.root}
-        .selected=${this.selected}
-        @select=${this.onSelect.bind(this)}
-        label-property="name"
-      ></ox-tree>
-
-      <ox-grist .config=${this.gristConfig} .fetchHandler=${this.fetchEmployees.bind(this)}>
-        <div slot="headroom" class="header">
-          <div class="filters">
-            <ox-filters-form autofocus></ox-filters-form>
-          </div>
-        </div>
-      </ox-grist>
-    `
-  }
-
-  async pageInitialized(lifecycle: any) {
-    this.gristConfig = {
-      pagination: { pages: [100] },
-      list: {
-        thumbnail: 'profile',
-        fields: ['controlNo', 'name'],
-        details: ['email', 'department', 'hiredOn', 'updatedAt']
-      },
-      columns: [
-        { type: 'gutter', gutterName: 'sequence' },
-        {
-          type: 'string',
-          name: 'controlNo',
-          header: i18next.t('field.control-no'),
-          record: {
-            editable: true
-          },
-          filter: 'search',
-          sortable: true,
-          width: 105
-        },
-        {
-          type: 'string',
-          name: 'name',
-          header: i18next.t('field.name'),
-          record: {
-            editable: true
-          },
-          filter: 'search',
-          sortable: true,
-          width: 100
-        },
-        {
-          type: 'string',
-          name: 'alias',
-          header: i18next.t('label.alias'),
-          record: {
-            editable: true
-          },
-          filter: 'search',
-          sortable: true,
-          width: 110
-        },
-        {
-          type: 'resource-object',
-          name: 'user',
-          header: i18next.t('field.user'),
-          record: {
-            editable: true,
-            options: {
-              title: i18next.t('title.lookup user'),
-              queryName: 'users',
-              basicArgs: { filters: [{ name: 'userType', operator: 'eq', value: 'user' }] },
-              descriptionField: 'email',
-              columns: [
-                { name: 'id', hidden: true },
-                { name: 'name', header: i18next.t('field.name'), filter: 'search' },
-                { name: 'email', header: i18next.t('field.email'), filter: 'search' }
-              ],
-              list: { fields: ['name', 'email'] }
-            }
-          },
-          sortable: true,
-          filter: false,
-          width: 100
-        },
-        {
-          type: 'code',
-          name: 'type',
-          header: i18next.t('field.type'),
-          width: 115,
-          sortable: false,
-          filter: false,
-          record: {
-            editable: true,
-            codeName: 'EMPLOYEE_TYPE'
-          }
-        },
-        {
-          type: 'department-object',
-          name: 'department',
-          header: i18next.t('field.department'),
-          record: {
-            editable: true
-          },
-          sortable: true,
-          filter: false,
-          width: 130
-        },
-        {
-          type: 'resource-object',
-          name: 'supervisor',
-          header: i18next.t('field.supervisor'),
-          record: {
-            editable: true,
-            options: {
-              title: i18next.t('title.employee list'),
-              queryName: 'employees',
-              pagination: { pages: [50, 100, 200] },
-              basicArgs: {
-                filters: [
-                  {
-                    name: 'active',
-                    operator: 'eq',
-                    value: true
-                  }
-                ]
-              },
-              list: { fields: ['controlNo', 'name', 'alias', 'hiredOn'] },
-              columns: [
-                { name: 'id', hidden: true },
-                {
-                  name: 'controlNo',
-                  width: 120,
-                  header: { renderer: () => i18next.t('field.control-no') },
-                  filter: 'search',
-                  sortable: true
-                },
-                {
-                  name: 'name',
-                  width: 120,
-                  header: { renderer: () => i18next.t('field.name') },
-                  filter: 'search',
-                  sortable: true
-                },
-                {
-                  name: 'alias',
-                  width: 150,
-                  header: { renderer: () => i18next.t('label.alias') },
-                  filter: 'search',
-                  sortable: true
-                },
-                {
-                  type: 'code',
-                  name: 'type',
-                  width: 110,
-                  header: { renderer: () => i18next.t('label.type') },
-                  record: {
-                    editable: false,
-                    codeName: 'EMPLOYEE_TYPE'
-                  }
-                },
-                {
-                  type: 'code',
-                  name: 'jobPosition',
-                  width: 110,
-                  header: { renderer: () => i18next.t('label.job-position') },
-                  record: {
-                    editable: false,
-                    codeName: 'JOB_POSITION'
-                  }
-                },
-                {
-                  type: 'code',
-                  name: 'jobResponsibility',
-                  width: 200,
-                  header: { renderer: () => i18next.t('label.job-responsibility') },
-                  record: {
-                    editable: false,
-                    codeName: 'JOB_RESPONSIBILITY'
-                  }
-                },
-                {
-                  type: 'date',
-                  name: 'hiredOn',
-                  header: { renderer: () => i18next.t('field.hired-on') },
-                  width: 100
-                }
-              ],
-              valueField: 'id',
-              nameField: 'name',
-              descriptionField: 'controlNo'
-            }
-          },
-          sortable: true,
-          width: 120
-        },
-        {
-          type: 'string',
-          name: 'email',
-          header: i18next.t('field.email'),
-          width: 200,
-          record: {
-            editable: false,
-            renderer: function (value, column, record, rowIndex, field) {
-              return record.contact ? record.contact.email : ''
-            }
-          },
-          sortable: true
-        },
-        {
-          type: 'string',
-          name: 'phone',
-          header: i18next.t('field.phone'),
-          width: 110,
-          record: {
-            editable: false,
-            renderer: function (value, column, record, rowIndex, field) {
-              return record.contact ? record.contact.phone : ''
-            }
-          },
-          sortable: true
-        },
-        {
-          type: 'code',
-          name: 'jobResponsibility',
-          header: i18next.t('label.job-responsibility'),
-          width: 175,
-          record: {
-            editable: true,
-            codeName: 'JOB_RESPONSIBILITY'
-          }
-        },
-        {
-          type: 'code',
-          name: 'jobPosition',
-          header: i18next.t('label.job-position'),
-          width: 100,
-          record: {
-            editable: true,
-            codeName: 'JOB_POSITION'
-          }
-        },
-        {
-          type: 'date',
-          name: 'hiredOn',
-          header: i18next.t('field.hired-on'),
-          width: 100,
-          record: {
-            editable: true
-          },
-          sortable: true
-        },
-        {
-          type: 'date',
-          name: 'retiredAt',
-          header: i18next.t('label.retired-at'),
-          width: 100,
-          record: {
-            editable: true
-          }
-        },
-        {
-          type: 'checkbox',
-          name: 'active',
-          label: true,
-          header: i18next.t('field.active'),
-          width: 70,
-          record: {
-            align: 'center',
-            editable: true
-          },
-          filter: true,
-          sortable: true
-        },
-        {
-          type: 'string',
-          name: 'note',
-          header: i18next.t('field.note'),
-          width: 200,
-          record: {
-            editable: true
-          },
-          filter: 'search'
-        }
-      ],
-      rows: {
-        selectable: {
-          multiple: false
-        }
-      },
-      sorters: [
-        {
-          name: 'controlNo'
-        }
-      ]
-    }
-
-    this.fetchDepartments()
-  }
-
-  async pageUpdated(changes: any, lifecycle: any) {
-    if (this.active) {
-    }
-  }
-
-  async onSelect(e: CustomEvent) {
-    this.selected = e.detail as Department
-    this.grist.fetch()
-    this.updateContext()
-  }
-
-  async fetchEmployees({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {
-    if (this.selected) {
-      filters.push({
-        name: 'departmentId',
-        operator: 'eq',
-        value: this.selected.id
-      })
-    }
-
-    const response = await client.query({
-      query: gql`
-        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
-          responses: employees(filters: $filters, pagination: $pagination, sortings: $sortings) {
-            items {
-              id
-              controlNo
-              name
-              alias
-              type
-              jobResponsibility
-              jobPosition
-              active
-              email
-              phone
-              user {
-                id
-                name
-              }
-              department {
-                id
-                name
-                description
-              }
-              supervisor {
-                id
-                name
-                controlNo
-              }
-              note
-              hiredOn
-              retiredAt
-              contact {
-                id
-                email
-                phone
-                address
-              }
-              profile {
-                left
-                top
-                zoom
-                picture
-              }
-              updater {
-                id
-                name
-              }
-              updatedAt
-            }
-            total
-          }
-        }
-      `,
-      variables: {
-        filters,
-        pagination: { page, limit },
-        sortings
-      }
-    })
-
-    const records = response.data.responses.items
-    return {
-      total: response.data.responses.total || 0,
-      records
-    }
-  }
-
-  async fetchDepartments() {
-    const response = await client.query({
-      query: gql`
-        query {
-          responses: departmentRoots {
-            ...SubDepartmentFragment
-            children {
-              ...SubDepartmentFragment
-              children {
-                ...SubDepartmentFragment
-                children {
-                  ...SubDepartmentFragment
-                  children {
-                    ...SubDepartmentFragment
-                    children {
-                      ...SubDepartmentFragment
-                      children {
-                        ...SubDepartmentFragment
-                        children {
-                          ...SubDepartmentFragment
-                        }
-                      }
-                    }
-                  }
-                }
-              }
-            }
-          }
-        }
-
-        ${departmentFragment}
-      `
-    })
-
-    this.root = response.data.responses
-  }
-}

package/client/route.ts

@@ -1,27 +0,0 @@
-export default function route(page: string) {
-  switch (page) {
-    case 'employee-list':
-      import('./pages/employee/employee-list-page')
-      return page
-
-    case 'department-tree':
-      import('./pages/department/department-tree-page')
-      return page
-
-    case 'department-list':
-      import('./pages/department/department-list-page')
-      return page
-
-    case 'employees-by-department':
-      import('./pages/employee/employees-by-department')
-      return page
-
-    case 'common-approval-line-templates-page':
-      import('./pages/approval-line/common-approval-line-templates-page')
-      return page
-
-    case 'my-approval-line-templates-page':
-      import('./pages/approval-line/my-approval-line-templates-page')
-      return page
-  }
-}

package/client/tsconfig.json

@@ -1,13 +0,0 @@
-{
-  "extends": "../../tsconfig-base.json",
-  "compilerOptions": {
-    "experimentalDecorators": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "declaration": true,
-    "module": "esnext",
-    "outDir": "../dist-client",
-    "baseUrl": "./"
-  },
-  "include": ["./**/*"]
-}

package/client/types/approval-line.ts

@@ -1,52 +0,0 @@
-import { Domain, User, Role } from '@operato/shell'
-
-import { Employee } from './employee'
-import { Department } from './department'
-import { OrgMemberTarget, OrgMemberTargetType } from './org-member'
-
-export enum ApprovalLineOwnerType {
-  Employee = 'Employee',
-  Common = 'Common'
-}
-
-export class ApprovalLineItem {
-  type?: OrgMemberTargetType
-  value?: string
-  approver?: OrgMemberTarget
-}
-
-export class ApprovalLine {
-  readonly id?: string
-
-  domain?: Domain
-
-  domainId?: string
-
-  name?: string
-
-  description?: string
-
-  model?: ApprovalLineItem[]
-
-  ownerType?: ApprovalLineOwnerType
-
-  ownerValue?: string
-
-  ownerEmployee?: Employee
-
-  ownerDepartment?: Department
-
-  ownerRole?: Role
-
-  createdAt?: Date
-
-  updatedAt?: Date
-
-  creator?: User
-
-  creatorId?: string
-
-  updater?: User
-
-  updaterId?: string
-}

package/client/types/contact.ts

@@ -1,51 +0,0 @@
-import { Domain, User } from '@operato/shell'
-
-export enum ContactField {
-  Name = 'name',
-  JobTitle = 'job-title',
-  Phone = 'phone',
-  Address = 'address',
-  Email = 'email',
-  Birthday = 'birthday',
-  Profile = 'profile',
-  Picture = 'picture',
-  Department = 'department',
-  Company = 'company',
-  Homepage = 'homepage'
-}
-
-export class ContactItem {
-  label?: string
-  type?: ContactField
-  value?: string
-}
-
-export class Profile {
-  left?: number
-  top?: number
-  zoom?: number
-
-  picture?: string
-}
-
-export class Contact {
-  readonly id?: string
-
-  domain?: Domain
-  name?: string
-  company?: string
-  email?: string
-  phone?: string
-  address?: string
-  department?: string
-  note?: string
-  profile?: Profile
-  items?: ContactItem[]
-
-  createdAt?: Date
-  updatedAt?: Date
-  deletedAt?: Date
-
-  creator?: User
-  updater?: User
-}

package/client/types/department.ts

@@ -1,29 +0,0 @@
-import { Domain, User } from '@operato/shell'
-import { Employee } from './employee'
-
-export class Department {
-  readonly id?: string
-
-  domain?: Domain
-
-  controlNo?: string
-  name?: string
-  description?: string
-
-  parent?: Department
-  children?: Department[]
-
-  manager?: Employee
-
-  extension?: string
-  picture?: string
-
-  active?: boolean
-
-  createdAt?: Date
-  updatedAt?: Date
-  deletedAt?: Date
-
-  creator?: User
-  updater?: User
-}