@neutron.co.id/operasional-interfaces 1.14.9 → 1.15.0

package/build/@office/models/personalia/attendance/AttendanceSupervisor.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { GraphUtil, NeonSingle, useSingle } from '@neon.id/context'
-import { NeonField, NeonForm } from '@neon.id/form'
+import { NeonCheck, NeonField, NeonForm } from '@neon.id/form'
 import { NeonButton, NeonDivider, useToastStore } from '@neon.id/interfaces'
 import { OfficeRelation, OfficeTab, OfficeTabs } from '@neon.id/office'
 import { computed, ref, watch } from 'vue'
@@ -136,10 +136,13 @@ async function generateAttendance() {
         submitStaffId: values.value.submitStaffId,
         type: values.value.type,
         decideStaffId: values.value.decideStaffId,
+        delegateStaffIds: values.value.delegateStaffIds,
+        monitoringStaffIds: values.value.monitoringStaffIds,
         notes: values.value.notes,
         submittedAt: values.value.submittedAt,
         startedAt: values.value.startedAt,
         endedAt: values.value.endedAt,
+        delegateNotes: values.value.delegateNotes,
       },
     })
     .toPromise()
@@ -153,6 +156,13 @@ async function generate() {
   await getNotified()
   await syncOne()
 }
+
+// set default values
+// const default = {
+//   delegateStaffIds: staffId,
+//   delegateStaffs: staff.value,
+//   isDelegateStaff: false,
+// } satisfies Schema.attendance
 </script>
 
 <template>
@@ -257,21 +267,73 @@ async function generate() {
               values.status == 'approved' || values.status == 'rejected'
             "
           /> -->
-
           <OfficeRelation
-            v-if="values.type == 'leave'"
+            v-if="
+              values.type == 'leave' ||
+              values.type == 'sick' ||
+              values.type == 'dayOff' ||
+              values.type == 'permission'
+            "
+            v-model="values"
+            :field="fields.monitoringStaffs"
+            :is-disabled="
+              values.status == 'approved' || values.status == 'rejected'
+            "
+          />
+          <OfficeRelation
+            v-if="
+              values.type == 'leave' ||
+              values.type == 'dayOff' ||
+              values.type == 'sick' ||
+              values.type == 'permission'
+            "
             v-model="values"
             :field="fields.delegateStaffs"
             :is-disabled="
               values.status == 'approved' || values.status == 'rejected'
             "
           />
-
+          <!-- <NeonField
+            v-if="
+              values.type == 'leave' ||
+              values.type == 'dayOff' ||
+              values.type == 'sick' ||
+              values.type == 'permission'
+            "
+            v-model="values.isNotes"
+            v-bind="fields.isNotes"
+            :is-hidden="values.isNotes == false"
+            :is-disabled="
+              values.status == 'approved' || values.status == 'rejected'
+            "
+          >
+            <template #input>
+              <NeonCheck
+                v-if="values.isNotes == true"
+                v-model="values.isNotes"
+                label="Catatan"
+                class="mt-2"
+                :is-disabled="
+                  values.status == 'approved' || values.isNotes == true
+                "
+              />
+            </template>
+          </NeonField> -->
           <NeonField
             v-if="isNew || isReady"
             v-model="values.notes"
             v-bind="fields.notes"
           />
+          <NeonField
+            v-if="
+              values.type == 'leave' ||
+              values.type == 'dayOff' ||
+              values.type == 'sick' ||
+              values.type == 'permission'
+            "
+            v-model="values.delegateNotes"
+            v-bind="fields.delegateNotes"
+          />
 
           <NeonDivider v-if="values.type" is-dashed label="Keterangan" />
 

package/build/@office/models/personalia/attendance/index.d.ts

@@ -3,3 +3,4 @@ export * from './AttendanceSingle';
 export { default as AttendanceManager } from './AttendanceManager.vue';
 export { default as AttendanceStaff } from './AttendanceStaff.vue';
 export { default as AttendanceSupervisor } from './AttendanceSupervisor.vue';
+export { default as AttendanceDelegate } from './AttendanceDelegate.vue';

package/build/@office/models/personalia/attendance/index.mjs

@@ -3,3 +3,4 @@ export * from "./AttendanceSingle/index.mjs";
 export { default as AttendanceManager } from "./AttendanceManager.vue";
 export { default as AttendanceStaff } from "./AttendanceStaff.vue";
 export { default as AttendanceSupervisor } from "./AttendanceSupervisor.vue";
+export { default as AttendanceDelegate } from "./AttendanceDelegate.vue";

package/build/@office/models/personalia/attendance/sections/AttendanceNoteTab/AttendanceNoteTab.vue

@@ -0,0 +1,43 @@
+<script setup lang="ts">
+import { CatatPaperPad } from '@neon.id/edukasi-interfaces/catat'
+import { useApp, useSingle } from '@neon.id/context'
+import { OfficeTab } from '@neon.id/office'
+import type { NDefinition } from '@neon.id/types'
+import { computed } from 'vue'
+import type {
+  TPersonaliaAttendanceModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+
+defineOptions({ name: 'AttendanceNoteTab' })
+
+const { appId } = useApp()
+const { isNew, isReady, isLoading, id, values } = useSingle<
+  Schema.Attendance,
+  TPersonaliaAttendanceModel
+>()
+
+const paperObject = computed<NDefinition.ObjectDef>(
+  () => `neu:operasional:attendance:${id.value}:office`,
+)
+</script>
+
+<template>
+  <OfficeTab
+    v-slot="{ isTouched }"
+    :is-hidden="isNew || !isReady || !values.isNotes"
+    handle="catatan"
+    icon="circle-info"
+    title="Catatan"
+  >
+    <CatatPaperPad
+      :application-id="appId"
+      :object="paperObject"
+      :use-pages="false"
+      :is-ready="isReady && isTouched"
+      :is-loading="isLoading"
+    />
+  </OfficeTab>
+</template>
+
+<style scoped></style>

package/build/@office/models/personalia/attendance/sections/AttendanceNoteTab/index.d.ts

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

package/build/@office/models/personalia/attendance/sections/AttendanceNoteTab/index.mjs

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

package/build/@office/models/personalia/attendance/sections/index.d.ts

@@ -0,0 +1 @@
+export * from './AttendanceNoteTab';

package/build/@office/models/personalia/attendance/sections/index.mjs

@@ -0,0 +1 @@
+export * from "./AttendanceNoteTab/index.mjs";

package/build/@office/models/personalia/checkIn/CheckInPresenceCollection.vue

@@ -155,7 +155,6 @@ async function checkInStaff(
 ) {
   const toastId = 'neu:personalia:staff:checkIn'
   let checkInId
-  console.log('bangunan...', qrKey)
 
   try {
     const resp = await client

package/build/@office/models/personalia/checkIn/CheckInScanner.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-// import mitt, { Emitter } from 'mitt'
 import { useIntervalFn, useThrottleFn } from '@vueuse/core'
 import { storeToRefs } from 'pinia'
 import Scanner from 'qr-scanner'
@@ -23,8 +22,6 @@ const frameEl = ref()
 const videoEl = ref()
 const scanner = ref<Scanner>()
 
-// const { height, width } = useElementSize(frameEl)
-
 const state = reactive({
   isScanning: false,
   isInvalid: false,

package/build/@office/models/personalia/checkIn/CheckInSingle/CheckInSingle.vue

@@ -22,7 +22,6 @@ const {
 const { staff } = useOperasional()
 
 onMounted(() => {
-  console.log('idnya?', id.value)
   if (id.value === 'new') {
     values.value.staffId = staff.value?.id
     values.value.staff = {
@@ -64,7 +63,6 @@ onMounted(() => {
           </div>
 
           <OfficeRelation v-model="values" :field="fields.staff" is-disabled />
-
           <NeonField v-model="values.note" v-bind="fields.note" />
         </NeonForm>
       </OfficeTab>

package/build/@office/models/personalia/checkIn/CheckInSupervisor.vue

@@ -29,7 +29,6 @@ const { staff } = useOperasional()
 const isOperasional = computed(() => (route.name as string)?.includes('rapor'))
 
 onMounted(() => {
-  console.log('idnya?', id.value)
   if (id.value === 'new' && isOperasional) {
     values.value.staffId = staff.value?.id
     values.value.staff = {

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

@@ -14,3 +14,5 @@ export * from './submissionType';
 export * from './target';
 export * from './task';
 export * from './shift';
+export * from './shiftType';
+export * from './shiftStaff';

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

@@ -14,3 +14,5 @@ export * from "./submissionType/index.mjs";
 export * from "./target/index.mjs";
 export * from "./task/index.mjs";
 export * from "./shift/index.mjs";
+export * from "./shiftType/index.mjs";
+export * from "./shiftStaff/index.mjs";

package/build/@office/models/personalia/progress/ProgressCollection/ProgressCollection.vue

@@ -44,7 +44,6 @@ const emit = defineEmits<{
 }>()
 
 function onCalendarPeriodUpdate(period: NCalendar.PeriodData) {
-  console.log('calendar', period)
   emit('update:period', period)
 }
 </script>

package/build/@office/models/personalia/shift/ShiftAdministrator.vue

@@ -1,36 +1,128 @@
 <script setup lang="ts">
-import { NeonSingle, useSingle } from '@neon.id/context'
+import { GraphUtil, NeonSingle, useSingle } from '@neon.id/context'
 import { NeonField, NeonFields, NeonForm } from '@neon.id/form'
-import { NeonButton, NeonDivider, NeonCopy } from '@neon.id/interfaces'
+import { useToastStore, NeonAlert, NeonButton } from '@neon.id/interfaces'
 import { OfficeRelation, OfficeTab, OfficeTabs } from '@neon.id/office'
-import { Query } from '@neon.id/query'
-import { useOperasional } from '../../../common/providers/operasional'
-import { computed, watch } from 'vue'
-import { PromiseUtil } from '@neon.id/utils/promise'
-import type {
-  TPersonaliaShiftModel,
-  Schema,
+import {
+  type TPersonaliaShiftModel,
+  type Schema,
+  ShiftModel,
 } from '@neutron.co.id/personalia-models'
+import { computed, ref, watch, watchEffect } from 'vue'
+import { useOperasional } from '../../../common'
+import { useClientHandle } from '@urql/vue'
+import { PromiseUtil } from '@neon.id/utils/promise'
+import { Query } from '@neon.id/query'
+
+import dayjs from 'dayjs'
+import utc from 'dayjs/plugin/utc'
+import timezone from 'dayjs/plugin/timezone'
+
+// import { ShiftStaffWrapper } from './ShiftStaffWrapper'
+defineOptions({ name: 'OfficeSingleSync' })
+
+dayjs.extend(utc)
+dayjs.extend(timezone)
 
 const {
-  fields,
   id,
+  fields,
   initialValues,
   values,
   isLoading,
   isChanged,
-  isReady,
-  isMain,
   isNew,
-  syncOne,
+  isReady,
   saveOne,
   discardChanges,
   executeOne,
+  syncOne,
 } = useSingle<Schema.Shift, TPersonaliaShiftModel>()
 
+const key = ref(0)
 const { staff } = useOperasional()
-</script>
+const { client } = useClientHandle()
+const staffId = staff.value?.id || ''
+
+const branchOptions = computed(() => {
+  return {
+    filter: [
+      {
+        handle: '_id',
+        operator: 'in',
+        value: staff.value?.branchIds,
+      },
+    ],
+  }
+})
+
+const diff = computed(() => {
+  return dayjs
+    .utc(values.value.endedAt)
+    .diff(dayjs.utc(values.value.startedAt), 'day')
+})
+
+watch(isNew, setDefaultValues, { immediate: true })
 
+async function setDefaultValues() {
+  if (!isNew.value) return
+  await PromiseUtil.wait(500)
+
+  const defaultValues = {
+    administratorStaffId: staffId,
+    administratorStaff: staff.value,
+    isGenerate: false,
+  } satisfies Schema.Shift
+
+  values.value.administratorStaffId = defaultValues.administratorStaffId
+  values.value.administratorStaff = defaultValues.administratorStaff
+  values.value.isGenerate = defaultValues.isGenerate
+}
+
+const toast = useToastStore()
+const generateShiftState = ref()
+
+async function getNotified() {
+  if (generateShiftState.value === 'shiftGenerated') {
+    toast.push({
+      id: 'generate:successfully',
+      color: 'success',
+      content: 'Shift berhasil generate.',
+    })
+  } else {
+    toast.push({
+      id: 'generate:conflictShift',
+      color: 'warning',
+      content: 'Shift tidak dapat digenerate karena konflik jadwal.',
+    })
+  }
+}
+
+async function generateShift() {
+  const resp = await client
+    .mutation(GraphUtil.executeOne(ShiftModel, {}), {
+      action: 'generateShift',
+      input: {
+        titleShift: values.value.titleShift,
+        administratorStaffId: values.value.administratorStaffId,
+        branchIds: values.value.branchIds,
+        shiftingStaffIds: values.value.shiftingStaffIds,
+        typeShiftId: values.value.typeShiftId,
+        buildingIds: values.value.buildingIds,
+        totalTime: values.value.totalTime,
+        startedAt: values.value.startedAt,
+        endedAt: values.value.endedAt,
+      },
+    })
+    .toPromise()
+  generateShiftState.value = resp?.data?.executeShift?.info?.state
+}
+
+async function generate() {
+  await generateShift()
+  await getNotified()
+}
+</script>
 
 <template>
   <NeonSingle class="neu-shift-single">
@@ -45,28 +137,149 @@ const { staff } = useOperasional()
           @cancel="discardChanges"
           @submit="saveOne"
         >
+          <OfficeRelation
+            v-model="values"
+            :field="fields.administratorStaff"
+            is-disabled
+          />
           <NeonField v-model="values.titleShift" v-bind="fields.titleShift" />
-
-          <OfficeRelation v-model="values" :field="fields.branch" />
-          <OfficeRelation v-model="values" :field="fields.shiftingStaff" />
-
-          <OfficeRelation v-model="values" :field="fields.building" />
-
+          <OfficeRelation
+            v-model="values"
+            :field="fields.branches"
+            :query="Query.define(branchOptions)"
+          />
+          <OfficeRelation
+            v-model="values"
+            :field="fields.typeShift"
+            :query="
+              Query.define({
+                filter: {
+                  branchIds: { $in: values.branchIds },
+                },
+              })
+            "
+          />
+          <OfficeRelation
+            v-model="values"
+            :field="fields.shiftingStaffs"
+            :query="
+              Query.define({
+                filter: {
+                  branchIds: { $in: values.branchIds },
+                },
+              })
+            "
+          />
           <NeonFields md="grid-cols-2">
-            <NeonField v-model="values.expPresent" v-bind="fields.expPresent" />
-            <NeonField
-              v-model="values.expPresentEnd"
-              v-bind="fields.expPresentEnd"
-            />
+            <NeonField v-model="values.startedAt" v-bind="fields.startedAt" />
+            <NeonField v-model="values.endedAt" v-bind="fields.endedAt" />
           </NeonFields>
           <NeonField
-            v-model="values.expTime"
-            v-bind="fields.expTime"
+            v-if="!isNew"
+            v-model="values.totalTime"
+            v-bind="fields.totalTime"
             is-disabled
           />
-          
+          <!-- <div class="grid gap-2 sm:grid-cols-2">
+            <NeonField
+              v-model="values.startedTime"
+              v-bind="{
+                handle: 'startedTime',
+                name: 'Jam mulai',
+                options: {
+                  note: 'Jam datang shift.',
+                },
+              }"
+              is-disabled
+            >
+              <template #input>
+                <NeonTime v-model="values.startedTime" is-disabled />
+              </template>
+            </NeonField>
+            <NeonField
+              v-model="values.endedTime"
+              v-bind="{
+                handle: 'endedTime',
+                name: 'Jam Selesai',
+                options: {
+                  note: 'Jam selesai shift.',
+                },
+              }"
+              is-disabled
+            >
+              <template #input>
+                <NeonTime v-model="values.endedTime" is-disabled />
+              </template>
+            </NeonField>
+          </div> -->
+          <OfficeRelation
+            v-model="values"
+            :field="fields.building"
+            :query="
+              Query.define({
+                filter: {
+                  branchIds: { $in: values.branchIds },
+                },
+              })
+            "
+          />
+          <NeonField v-model="values.note" v-bind="fields.note" />
+          <NeonButton
+            v-if="!isNew"
+            icon-left="bolt"
+            label="Generate Jadwal Shift"
+            color="success"
+            size="sm"
+            :is-loading="isLoading"
+            is-rounded
+            :is-disabled="values.isGenerate == true"
+            @click="generate"
+          />
         </NeonForm>
       </OfficeTab>
+
+      <OfficeTab
+        v-if="!isNew"
+        v-slot="{ isTouched }"
+        icon="business-time"
+        title="Jadwal Shift"
+        handle="shiftStaff"
+      >
+        <OfficeCollectionRelated
+          scope="shiftStaff"
+          definition="neu:personalia:shiftStaff"
+          title="Jadwal Shift"
+          description="Jadwal shift karyawan."
+          :query="
+            Query.define({
+              filter: [
+                {
+                  shiftingStaffId: { $in: values.shiftingStaffIds },
+                },
+                {
+                  startedAt: { $gte: values.startedAt },
+                  endedAt: { $lte: values.endedAt },
+                },
+              ],
+              limit: 10,
+            })
+          "
+          :columns="[
+            'titleShift',
+            'shiftingStaff',
+            'branches',
+            'typeShift',
+            'startedAt',
+            'hourStartedTime',
+            'hourEndedTime',
+            'attendShift',
+            'backHomeShift',
+            'totalTime',
+          ]"
+          :is-ready="isReady && isTouched"
+          :excludes="['create']"
+        />
+      </OfficeTab>
     </OfficeTabs>
   </NeonSingle>
 </template>

package/build/@office/models/personalia/shift/ShiftCollection/ShiftCollection.vue

@@ -1,73 +1,24 @@
 <script setup lang="ts">
 import { NeonCollection, useCollection } from '@neon.id/context'
-import { OfficeCollectionTable } from '@neon.id/office'
-import type { NCalendar } from '@neon.id/display'
 import {
+  OfficeCollectionTable,
   OfficeCollectionCalendar,
-  OfficeTabs,
-  OfficeTab,
 } from '@neon.id/office'
 import type {
-  TPersonaliaShiftModel,
   Schema,
+  TPersonaliaShiftModel,
 } from '@neutron.co.id/personalia-models'
 
-defineOptions({
-  name: 'ShiftCollection',
-})
-
-const { resource, display, items, userQuery } = useCollection<
-  Schema.Shift,
-  TPersonaliaShiftModel
->()
-const props = defineProps({
-  expPresentField: {
-    type: String,
-    default: 'expPresent',
-  },
-  endedAtField: {
-    type: String,
-    default: 'endedAt',
-  },
-  period: {
-    type: Object as any,
-    default: () => ({
-      expPresent: new Date(),
-      endedAt: new Date(),
-    }),
-  },
-})
+defineOptions({ name: 'ShiftCollection' })
 
-const emit = defineEmits<{
-  (e: 'update:period', period: NCalendar.PeriodData): void
-}>()
-
-function onCalendarPeriodUpdate(period: NCalendar.PeriodData) {
-  console.log('calendar', period)
-  emit('update:period', period)
-}
+const { userQuery } = useCollection<Schema.Shift, TPersonaliaShiftModel>()
 </script>
 
 <template>
-  <OfficeTabs>
-    <OfficeTab handle="shift" icon="circle-info" title="Kehadiran">
-      <NeonCollection class="neu-shift-collection">
-        <OfficeCollectionTable v-if="userQuery.display === 'table'" />
-
-        <OfficeCollectionCalendar
-          v-else-if="userQuery.display === 'calendar' && period.expPresent"
-          :default-all-day="false"
-          :views="['month']"
-          :period="period"
-          @update:period="onCalendarPeriodUpdate"
-        />
-      </NeonCollection>
-    </OfficeTab>
-  </OfficeTabs>
+  <NeonCollection class="neu-shift-collection">
+    <OfficeCollectionTable v-if="userQuery.display === 'table'" />
+    <OfficeCollectionCalendar v-else-if="userQuery.display === 'calendar'" />
+  </NeonCollection>
 </template>
 
-<style scoped>
-.neu-shift-collection {
-  --neon-calendar-min-height: auto;
-}
-</style>
+<style scoped></style>