@neutron.co.id/operasional-interfaces 1.14.0 → 1.14.2

package/build/@office/models/personalia/staff/StaffAccess.vue

@@ -0,0 +1,195 @@
+<script setup lang="ts">
+import { NeonSingle, usePermit, useSingle } from '@neon.id/context'
+import { NeonField, NeonForm } from '@neon.id/form'
+import {
+  OfficeCollectionRelated,
+  OfficeRelation,
+  OfficeTab,
+  OfficeTabs,
+} from '@neon.id/office'
+import { Query } from '@neon.id/query'
+import { watch, computed } from 'vue'
+import { PromiseUtil } from '@neon.id/utils/promise'
+import type {
+  TPersonaliaStaffModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+
+const {
+  fields,
+  id,
+  initialValues,
+  values,
+  isLoading,
+  isChanged,
+  isReady,
+  isMain,
+  isNew,
+  saveOne,
+  discardChanges,
+} = useSingle<Schema.Staff, TPersonaliaStaffModel>()
+
+watch(isNew, setDefaultValues, { immediate: true })
+
+async function setDefaultValues() {
+  if (!isNew.value) return
+  await PromiseUtil.wait(500)
+
+  const defaultValues = {
+    status: 'notActive',
+  } satisfies Schema.Staff
+
+  values.value.status = defaultValues.status
+}
+
+const queryBelajar = computed(() => {
+  let filter
+
+  if (!values.value.userId) {
+    filter = Query.define({
+      filter: {
+        handle: 'xxx',
+        operator: 'eq',
+        value: 'yyy',
+      },
+    })
+  } else {
+    filter = Query.define({
+      filter: {
+        handle: 'userId',
+        operator: 'eq',
+        value: values.value.userId,
+      },
+    })
+  }
+  return filter
+})
+</script>
+
+<template>
+  <NeonSingle class="neu-staff-single">
+    <OfficeTabs :use-url="isMain">
+      <OfficeTab handle="info" icon="circle-info" title="Info">
+        <NeonForm
+          handle="info"
+          :initial-values="initialValues"
+          :is-loading="isLoading"
+          :is-changed="isChanged"
+          use-unsaved
+          @cancel="discardChanges"
+          @submit="saveOne"
+        >
+          <div class="grid gap-4 sm:grid-cols-[3fr_1fr]">
+            <NeonField v-model="values.name" v-bind="fields.name" is-disabled />
+            <NeonField v-model="values.nik" v-bind="fields.nik" is-disabled />
+          </div>
+
+          <div class="grid gap-4 sm:grid-cols-2">
+            <NeonField
+              v-model="values.birthPlace"
+              v-bind="fields.birthPlace"
+              is-disabled
+            />
+            <NeonField
+              v-model="values.birthDate"
+              v-bind="fields.birthDate"
+              is-disabled
+            />
+          </div>
+
+          <NeonField
+            v-model="values.status"
+            v-bind="fields.status"
+            is-disabled
+          />
+
+          <NeonField v-model="values.image" v-bind="fields.image" is-disabled />
+
+          <NeonField v-model="values.note" v-bind="fields.note" is-disabled />
+        </NeonForm>
+      </OfficeTab>
+
+      <!-- CABANG -->
+      <OfficeTab handle="branch" icon="circle-info" title="Cabang">
+        <NeonForm
+          handle="branch"
+          :initial-values="initialValues"
+          :is-loading="isLoading"
+          :is-changed="isChanged"
+          use-unsaved
+          @cancel="discardChanges"
+          @submit="saveOne"
+        >
+          <OfficeRelation v-model="values" :field="fields.branch" is-disabled />
+
+          <OfficeRelation
+            v-model="values"
+            :field="fields.branches"
+            is-disabled
+          />
+        </NeonForm>
+      </OfficeTab>
+
+      <!-- KELUAR MASUK -->
+      <OfficeTab handle="checkIn" icon="fingerprint" title="Presensi">
+        <OfficeCollectionRelated
+          definition="neu:tempat:checkIn"
+          title="Presensi"
+          description="Presensi."
+          :exclude="['create', 'delete', 'destroy', 'duplicate']"
+          :query="
+            Query.define({
+              filter: {
+                handle: 'staffId',
+                operator: 'eq',
+                value: id,
+              },
+            })
+          "
+        />
+      </OfficeTab>
+
+      <OfficeTab
+        v-slot="{ isTouched }"
+        handle="learning"
+        icon="bolt"
+        title="Belajar"
+        :is-hidden="!values.userId || isNew"
+      >
+        <OfficeCollectionRelated
+          definition="neo:belajar:learning"
+          title="Belajar"
+          description="Progres Belajar."
+          :query="queryBelajar"
+          :peeks="['modal']"
+          :is-ready="isReady && isTouched"
+          :excludes="['duplicate', 'create', 'delete', 'destroy', 'click']"
+        />
+      </OfficeTab>
+
+      <OfficeTab
+        v-slot="{ isTouched }"
+        handle="quiz"
+        icon="bolt"
+        title="Quiz"
+        :is-hidden="!values.userId || isNew"
+      >
+        <OfficeCollectionRelated
+          definition="neo:uji:quizContext"
+          title="Quiz"
+          description="Quiz."
+          :query="queryBelajar"
+          :peeks="['modal']"
+          :is-ready="isReady && isTouched"
+          :excludes="['duplicate', 'create', 'delete', 'destroy', 'click']"
+        />
+      </OfficeTab>
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+
+<style scoped>
+.neu-staff-single {
+  @apply block;
+}
+</style>

package/build/@office/models/personalia/staff/StaffCollection/StaffCollection.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta } from '@storybook/vue3';
+import StaffCollection from './StaffCollection.vue';
+declare const _default: Meta<typeof StaffCollection>;
+export default _default;
+export declare const Main: import("@storybook/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, {}, {}>;
+export declare const InsideContent: import("@storybook/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, {}, {}>;
+export declare const $DefaultView: any;

package/build/@office/models/personalia/staff/StaffCollection/StaffCollection.stories.mjs

@@ -0,0 +1,36 @@
+import { StoryUtil } from "@neon.id/story/helpers";
+import { StaffModel } from "@neutron.co.id/personalia-models";
+import { StaffCollectionView } from "@neutron.co.id/operasional-modules";
+import { decorateCollection, viewCollection, wrapCollection } from "@mock";
+import StaffCollection from "./StaffCollection.vue";
+export default {
+  title: "Office/Staff/Collection",
+  tags: [],
+  component: StaffCollection,
+  parameters: StoryUtil.parameters({
+    description: "`StaffCollection`",
+    layout: "fullscreen",
+    controls: { exclude: ["colors"] },
+    backgrounds: { default: "light" }
+  })
+};
+export const Main = StoryUtil.story({
+  description: "Main.",
+  decorators: decorateCollection({
+    model: StaffModel
+  })
+});
+export const InsideContent = StoryUtil.story({
+  description: "Inside content.",
+  render: wrapCollection(StaffCollection),
+  decorators: decorateCollection({
+    model: StaffModel
+  })
+});
+export const $DefaultView = viewCollection({
+  description: "Default view.",
+  component: StaffCollectionView,
+  props: {
+    overrides: {}
+  }
+});

package/build/@office/models/personalia/staff/StaffCollection/StaffCollection.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { NeonCollection, useCollection } from '@neon.id/context'
+import { OfficeCollectionTable } from '@neon.id/office'
+import type {
+  Schema,
+  TPersonaliaStaffModel,
+} from '@neutron.co.id/personalia-models'
+
+defineOptions({
+  name: 'StaffCollection',
+})
+
+const { resource } = useCollection<Schema.Staff, TPersonaliaStaffModel>()
+</script>
+
+<template>
+  <NeonCollection class="neu-staff-collection">
+    <OfficeCollectionTable />
+  </NeonCollection>
+</template>
+
+<style scoped></style>

package/build/@office/models/personalia/staff/StaffCollection/index.d.ts

@@ -0,0 +1 @@
+export { default as StaffCollection } from './StaffCollection.vue';

package/build/@office/models/personalia/staff/StaffCollection/index.mjs

@@ -0,0 +1 @@
+export { default as StaffCollection } from "./StaffCollection.vue";

package/build/@office/models/personalia/staff/StaffIdentity.vue

@@ -0,0 +1,253 @@
+<script setup lang="ts">
+import { GraphUtil, useSingle } from '@neon.id/context'
+import { NeonFormWrapper } from '@neon.id/form'
+import { computed, ref } from 'vue'
+import { useClientHandle } from '@urql/vue'
+import { models } from '@neutron.co.id/personalia-models'
+import { OperasionalIdentitas } from '../../../common'
+import type {
+  TPersonaliaStaffModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+
+const { values, saveOne, executeOne, syncOne } = useSingle<
+  Schema.Staff,
+  TPersonaliaStaffModel
+>()
+
+const StaffModel = models.StaffModel
+const { client } = useClientHandle()
+const errors = ref({})
+
+const conflict = ref()
+const profile = computed(() => getProfile(values.value))
+
+async function onChoose(userId: string) {
+  const resp = await client
+    .query(
+      GraphUtil.getMany<Schema.Staff>(StaffModel, {
+        id: 1,
+        flag: 1,
+        display: 1,
+
+        name: 1,
+        birthDate: 1,
+        branch: { id: 1, name: 1 },
+      }),
+      {
+        filter: { userId },
+        limit: 1,
+        logs: ['error'],
+      },
+      { requestPolicy: 'network-only' },
+    )
+    .toPromise()
+
+  const wrapper = resp.data?.[StaffModel.plural]
+  const items = wrapper?.items || []
+
+  const staff = items[0]
+  const profile = getProfile(staff)
+  conflict.value = profile
+}
+
+async function onRegister(payload: any) {
+  const resp = await executeOne('registerUser', payload)
+
+  const wrapper = resp.data.executeStaff
+  const info = wrapper.info
+  const output = wrapper.output
+
+  if (info.status === 'error') {
+    errors.value = info.messages
+    return
+  }
+
+  return output?.userId
+}
+
+async function onConnect(userId: string) {
+  values.value.userId = userId
+  await saveOne()
+}
+
+async function onDisconnect(payload: any) {
+  await executeOne('updateUser', payload)
+
+  values.value.userId = null
+  await saveOne()
+}
+
+async function onDelegate(payload: any) {
+  await executeOne('updateUser', payload)
+  await syncOne()
+}
+
+function getProfile(staff: Schema.Staff) {
+  if (!staff) return
+  const user = staff.user
+
+  const branches = staff.branches?.map((s) => s.name).join(', ')
+
+  return {
+    name: staff.name,
+    image: user?.image,
+    detail: [branches].filter(Boolean),
+  }
+}
+</script>
+
+<template>
+  <NeonFormWrapper>
+    <OperasionalIdentitas
+      :user="values.user"
+      :profile="profile"
+      :conflict="conflict"
+      :roles="[
+        { id: 'a6c43f08a59b4292e3d1357b', name: 'Admin Office' },
+        { id: '641044c878ae4f8388b1d280', name: 'Admin Operasional' },
+        // { id: '64101f7078ae4f8388b1d1e8', name: 'Cabang Operasional' },
+        { id: '641d357c78ae4f8388b1dbaf', name: 'Manager Cabang' },
+        { id: '641d35b178ae4f8388b1dbd4', name: 'SDM Cabang' },
+        { id: '6309c3c2e64a1324b8663dab', name: 'Karyawan' },
+        { id: '646a42976af710fe3618af9a', name: 'Pengawas Pengajuan' },
+        { id: '646a43106af710fe3618afca', name: 'Pengambil Keputusan' },
+        { id: '654a0b3fb487f9f1087347aa', name: 'Poin' },
+        { id: '654ad81bb487f9f1087347e7', name: 'Pengelola Poin' },
+        { id: '6555a130fdd768dbbb18d717', name: 'Intelijen' },
+        // OPERASIONAL
+        {
+          id: '64a686ba3fe0bb481faa0f8b',
+          name: 'Pengelola SDM',
+        },
+        {
+          id: '64a687823fe0bb481faa0fba',
+          name: 'Penanggungjawab Cabang',
+        },
+        {
+          id: '64a687b93fe0bb481faa0fd6',
+          name: 'Pengawas SDM',
+        },
+        // {
+        //   id: '64a687ed3fe0bb481faa0ff2',
+        //   name: 'Pengelola Absensi',
+        // },
+        // END OPERASIONAL
+        { id: '64e6e0669103ea42a4f7d4d0', name: 'Cabang KBM' },
+        { id: '658f68314dec264ead160077', name: 'Cabang Tanya' },
+        { id: '658f68884dec264ead160078', name: 'Cabang Rasionalisasi' },
+        // { id: '63e1734b78ae4f8388b1b313', name: 'Cabang Pendidikan' },
+        // Keuangan
+        // { id: '6309c39fe64a1324b8663da7', name: 'Konsumen' },
+        { id: '6454a30dd760fc7b529d4c23', name: 'Karyawan FO Cabang' },
+        { id: '6454a343d760fc7b529d4c64', name: 'Karyawan Kasir Cabang' },
+        { id: '6454a368d760fc7b529d4c8e', name: 'karyawan Keuangan Cabang' },
+        { id: '6454a387d760fc7b529d4cb1', name: 'Kasir Cabang' },
+        {
+          id: '6454a3cbd760fc7b529d4d01',
+          name: 'Pengawas Pengeluaran Lain Cabang',
+        },
+        {
+          id: '6454a3f3d760fc7b529d4d2a',
+          name: 'Pengawas Mutasi Lain Cabang',
+        },
+        {
+          id: '6454a414d760fc7b529d4d69',
+          name: 'Pengawas Hapus Tagihan Cabang',
+        },
+        {
+          id: '6454a439d760fc7b529d4d9e',
+          name: 'Pengawas Mutasi Tagihan Cabang',
+        },
+        {
+          id: '6454a39dd760fc7b529d4cd7',
+          name: 'Pengawas Pengembalian Tagihan Cabang',
+        },
+        {
+          id: '6454a40ad760fc7b529d4d4d',
+          name: 'Pengawas Pemasukan Tagihan Cabang',
+        },
+        {
+          id: '6454a441d760fc7b529d4db4',
+          name: 'Pengawas Pengurangan Tagihan Cabang',
+        },
+        {
+          id: '6454a486d760fc7b529d4dee',
+          name: 'Pengawas Penambahan Tagihan Cabang',
+        },
+        {
+          id: '6454a529d760fc7b529d4e1f',
+          name: 'Pengawas Pengeluaran Komponen Cabang',
+        },
+        {
+          id: '6454a557d760fc7b529d4e44',
+          name: 'Pengawas Pendapatan Lain Cabang',
+        },
+        // PEMASARAN
+        {
+          id: '6454a6c2d760fc7b529d4f4f',
+          name: 'Karyawan Marketing Cabang',
+        },
+        {
+          id: '652ce8e6b487f9f108733873',
+          name: 'Cabang FO',
+        },
+        {
+          id: '652ceb48b487f9f108733896',
+          name: 'Cabang Pemasaran',
+        },
+        {
+          id: '652ceb79b487f9f1087338bc',
+          name: 'Pengelola Penyebaran',
+        },
+        {
+          id: '652ceba2b487f9f1087338d9',
+          name: 'Pengelola Publikasi',
+        },
+        // INVENTORI
+        {
+          id: '64e7f2089103ea42a4f7d512',
+          name: 'Cabang Inventori',
+        },
+        {
+          id: '64e7f3629103ea42a4f7d535',
+          name: 'Cabang Outlet',
+        },
+        {
+          id: '64e7f3c39103ea42a4f7d552',
+          name: 'Pengadaan Inventori',
+        },
+        {
+          id: '64e7f4309103ea42a4f7d579',
+          name: 'Pengawasan Pengadaan Inventori',
+        },
+        {
+          id: '64e7f46d9103ea42a4f7d596',
+          name: 'Cabang Pengadaan',
+        },
+        {
+          id: '64e817419103ea42a4f7d5bd',
+          name: 'Pengelola Resep',
+        },
+        {
+          id: '64e9aa869103ea42a4f7d6a9',
+          name: 'Pengawas Inventori',
+        },
+        // Sentral
+        {
+          id: '650917b39103ea42a4f7e189',
+          name: 'Pengelola Export',
+        },
+      ]"
+      :errors="errors"
+      :on-choose="onChoose"
+      :on-register="onRegister"
+      :on-connect="onConnect"
+      :on-disconnect="onDisconnect"
+      :on-delegate="onDelegate"
+      @no-conflict="conflict = undefined"
+    />
+  </NeonFormWrapper>
+</template>
+
+<style scoped></style>