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

package/build/@office/common/providers/operasional/operasional.store.mjs

@@ -1,13 +1,25 @@
 import { defineStore } from "pinia";
-import { ref } from "vue";
+import { ref, computed } from "vue";
 export const useOperasionalStore = defineStore("neu:operasional", () => {
   const isLoading = ref(false);
   const staff = ref(null);
   const accesses = ref([]);
+  const supervisedStaffIds = computed(() => {
+    if (Array.isArray(accesses.value)) {
+      return accesses.value.reduce(
+        (ids, access) => {
+          return ids.concat(access.supervisedStaffIds || []);
+        },
+        []
+      );
+    }
+    return [];
+  });
   return {
     isLoading,
     staff,
     accesses,
+    supervisedStaffIds,
     setStaff,
     getStaff,
     getAllStoreValue
@@ -18,9 +30,14 @@ export const useOperasionalStore = defineStore("neu:operasional", () => {
   function getStaff() {
     return staff.value;
   }
+  function getAccesses() {
+    return accesses.value;
+  }
   function getAllStoreValue() {
     return {
-      staff: getStaff()
+      staff: getStaff(),
+      supervisedStaffIds: getAccesses(),
+      accesses: getAccesses()
     };
   }
 });

package/build/@office/config.mjs

@@ -38,7 +38,7 @@ export const config = OfficeInterfaces.define({
         // Progress Access
         "ProgressAccessCollection",
         "ProgressAccessSingle",
-        "ProgressSupervisor",
+        "ProgressAccessSupervisor",
         // Responsibility
         "ResponsibilityCollection",
         "ResponsibilitySingle",

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

@@ -43,21 +43,13 @@ function transformItem(item: any) {
   return {
     ...item,
     eventColor:
-      item.type === 'dayOff'
-        ? '#FAE3DF'
-        : item.type === 'sick'
-          ? '#D7E4EE'
-          : item.type === 'permission'
-            ? '#FAEDCC'
-            : item.type === 'leave'
-              ? '#DEECDC'
-              : item.type === 'homeEarly'
-                ? '#EEF2FF'
-                : item.type === 'comeLate'
-                  ? '#F1F5FF'
-                  : item.type === 'homeEarly'
-                    ? '#FDF2F8'
-                    : 'base',
+      item.status === 'rejected'
+        ? 'danger'
+        : item.status === 'notApproved'
+          ? 'warning'
+          : item.status === 'approved'
+            ? 'success'
+            : 'base',
   }
 }
 

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

@@ -1,17 +1,24 @@
 <script setup lang="ts">
-import { NeonSingle, useSingle } from '@neon.id/context'
+import { GraphUtil, NeonSingle, useSingle } from '@neon.id/context'
 import { NeonField, NeonForm } from '@neon.id/form'
-import { NeonAlert, NeonButton, NeonDivider } from '@neon.id/interfaces'
+import {
+  NeonAlert,
+  NeonButton,
+  NeonDivider,
+  useToastStore,
+} from '@neon.id/interfaces'
 import { OfficeRelation, OfficeTab, OfficeTabs } from '@neon.id/office'
 import { Query } from '@neon.id/query'
 import { computed, ref, watch } from 'vue'
 import { PromiseUtil } from '@neon.id/utils/promise'
-import type {
-  TPersonaliaAttendanceModel,
-  Schema,
+import {
+  AttendanceModel,
+  type TPersonaliaAttendanceModel,
+  type Schema,
 } from '@neutron.co.id/personalia-models'
 import { DateUtil } from '../../../common/utils/util.date'
 import { NeonTime, useOperasional } from '../../../common'
+import { useClientHandle } from '@urql/vue'
 
 const {
   fields,
@@ -30,6 +37,9 @@ const {
 } = useSingle<Schema.Attendance, TPersonaliaAttendanceModel>()
 
 const key = ref(0)
+const responseState = ref()
+const toast = useToastStore()
+
 const diff = computed(() => {
   return DateUtil.day(values.value.endedAt).diff(values.value.startedAt)
 })
@@ -129,6 +139,50 @@ const staffOptions = computed(() => {
     ],
   }
 })
+
+//Generate Attendance
+const { client } = useClientHandle()
+
+function getNotified() {
+  if (responseState.value === 'attendanceGenerated') {
+    toast.push({
+      id: 'generate:attendance',
+      content: 'Successfully generated attendance.',
+      color: 'success',
+    })
+  }
+}
+
+async function generateAttendance() {
+  const responseGenerateAttendance = await client
+    .mutation(GraphUtil.executeOne(AttendanceModel, {}), {
+      action: 'generateAttendance',
+      input: {
+        attendanceId: values.value.id,
+        // Attendance input.
+        status: values.value.status,
+        submitStaffId: values.value.submitStaffId,
+        type: values.value.type,
+        decideStaffId: values.value.decideStaffId,
+        notes: values.value.notes,
+        submittedAt: values.value.submittedAt,
+        startedAt: values.value.startedAt,
+        endedAt: values.value.endedAt,
+      },
+    })
+    .toPromise()
+
+  const wrapper = responseGenerateAttendance.data?.executeAttendance
+  responseState.value = wrapper?.info?.state
+}
+
+console.log('decideStaffId', values.value.decideStaffId)
+
+async function generate() {
+  await generateAttendance()
+  await getNotified()
+  await syncOne()
+}
 </script>
 
 <template>
@@ -151,7 +205,6 @@ const staffOptions = computed(() => {
             description="Untuk hari ini kamu sudah ada absensi yang diajukan, silahkan cari absensi yang telah diajukan dan ajukan kembali untuk pergantiannya."
             color="#F7CF6D"
           />
-
           <div v-if="!isNew && conflictAtt == false" class="flex flex-wrap">
             <div class="mt-2">
               <NeonField>
@@ -189,7 +242,6 @@ const staffOptions = computed(() => {
               </NeonField>
             </div>
           </div>
-
           <OfficeRelation
             v-model="values"
             :field="fields.submitStaff"
@@ -215,6 +267,40 @@ const staffOptions = computed(() => {
             "
             @update:model-value="onStartedAtUpdate"
           />
+          <NeonDivider
+            is-dashed
+            label="Tanggal ini digunakan hanya untuk Generate Absensi"
+            class="divider"
+          />
+          <NeonFields md="grid-cols-3">
+            <NeonField
+              v-model="values.startedAt"
+              v-bind="fields.startedAt"
+              :is-disabled="
+                values.status == 'approved' || values.isGenerate === true
+              "
+            />
+            <NeonField
+              v-model="values.endedAt"
+              v-bind="fields.endedAt"
+              :is-disabled="
+                values.status == 'approved' || values.isGenerate === true
+              "
+            />
+            <NeonButton
+              icon-left="bolt"
+              label="Generate"
+              color="success"
+              class="mt-12"
+              size="xs"
+              :is-loading="isLoading"
+              :is-disabled="
+                values.status !== 'approved' || values.isGenerate === true
+              "
+              is-rounded
+              @click="generate"
+            />
+          </NeonFields>
 
           <NeonField
             v-model="values.type"

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

@@ -1,16 +1,18 @@
 <script setup lang="ts">
-import { NeonSingle, useSingle } from '@neon.id/context'
+import { GraphUtil, NeonSingle, useSingle } from '@neon.id/context'
 import { NeonField, NeonForm } from '@neon.id/form'
-import { NeonButton, NeonDivider } from '@neon.id/interfaces'
+import { NeonButton, NeonDivider, useToastStore } from '@neon.id/interfaces'
 import { OfficeRelation, OfficeTab, OfficeTabs } from '@neon.id/office'
 import { computed, ref, watch } from 'vue'
 import { PromiseUtil } from '@neon.id/utils/promise'
-import type {
-  TPersonaliaAttendanceModel,
-  Schema,
+import {
+  AttendanceModel,
+  type TPersonaliaAttendanceModel,
+  type Schema,
 } from '@neutron.co.id/personalia-models'
 import { DateUtil } from '../../../common/utils'
 import { NeonTime, useOperasional } from '../../../common'
+import { useClientHandle } from '@urql/vue'
 
 const {
   fields,
@@ -75,7 +77,8 @@ function onStartedAtUpdate(date: any) {
 }
 
 // OTHER
-
+const responseState = ref()
+const toast = useToastStore()
 const { staff } = useOperasional()
 const staffId = staff.value?.id || ''
 
@@ -108,6 +111,48 @@ const rejectedAbsensi = async () => {
   await executeOne('rejectedAttendance', { attendanceId: id.value })
   await syncOne()
 }
+
+//Generate Attendance
+const { client } = useClientHandle()
+
+function getNotified() {
+  if (responseState.value === 'attendanceGenerated') {
+    toast.push({
+      id: 'generate:attendance',
+      content: 'Successfully generated attendance.',
+      color: 'success',
+    })
+  }
+}
+
+async function generateAttendance() {
+  const responseGenerateAttendance = await client
+    .mutation(GraphUtil.executeOne(AttendanceModel, {}), {
+      action: 'generateAttendance',
+      input: {
+        attendanceId: values.value.id,
+        // Attendance input.
+        status: values.value.status,
+        submitStaffId: values.value.submitStaffId,
+        type: values.value.type,
+        decideStaffId: values.value.decideStaffId,
+        notes: values.value.notes,
+        submittedAt: values.value.submittedAt,
+        startedAt: values.value.startedAt,
+        endedAt: values.value.endedAt,
+      },
+    })
+    .toPromise()
+
+  const wrapper = responseGenerateAttendance.data?.executeAttendance
+  responseState.value = wrapper?.info?.state
+}
+
+async function generate() {
+  await generateAttendance()
+  await getNotified()
+  await syncOne()
+}
 </script>
 
 <template>
@@ -196,6 +241,35 @@ const rejectedAbsensi = async () => {
             "
             @update:model-value="onStartedAtUpdate"
           />
+          <NeonDivider
+            label="Tanggal ini digunakan hanya untuk Generate Absensi"
+            class="divider"
+          />
+          <NeonFields md="grid-cols-3">
+            <NeonField
+              v-model="values.startedAt"
+              v-bind="fields.startedAt"
+              :is-disabled="values.isGenerate === true"
+            />
+            <NeonField
+              v-model="values.endedAt"
+              v-bind="fields.endedAt"
+              :is-disabled="values.isGenerate === true"
+            />
+            <NeonButton
+              icon-left="bolt"
+              label="Generate"
+              color="success"
+              class="mt-12"
+              size="xs"
+              :is-loading="isLoading"
+              :is-disabled="
+                values.status !== 'approved' || values.isGenerate === true
+              "
+              is-rounded
+              @click="generate"
+            />
+          </NeonFields>
 
           <NeonField
             v-model="values.type"

package/build/@office/models/personalia/progressAccess/ProgressAccessSupervisor.vue

@@ -32,16 +32,8 @@ const {
           @cancel="discardChanges"
           @submit="saveOne"
         >
-          <OfficeRelation
-            v-model="values"
-            :field="fields.superviseStaff"
-            is-disabled
-          />
-          <OfficeRelation
-            v-model="values"
-            :field="fields.supervisedStaffs"
-            is-disabled
-          />
+          <OfficeRelation v-model="values" :field="fields.superviseStaff" />
+          <OfficeRelation v-model="values" :field="fields.supervisedStaffs" />
         </NeonForm>
       </OfficeTab>
     </OfficeTabs>