@neutron.co.id/operasional-interfaces 1.17.5 → 1.17.7

package/build/@office/config.mjs

@@ -13,6 +13,18 @@ export const config = OfficeInterfaces.define({
         "AttendanceManager",
         "AttendanceSupervisor",
         "AttendanceDelegate",
+        // Attendance Type
+        "AttendanceTypeCollection",
+        "AttendanceTypeSingle",
+        // Leave Quota
+        "LeaveQuotaCollection",
+        "LeaveQuotaSingle",
+        // Leave Staff
+        "LeaveStaffCollection",
+        "LeaveStaffSingle",
+        // Leave Conflict
+        "LeaveConflictCollection",
+        "LeaveConflictSingle",
         // Check In
         "CheckInCollection",
         "CheckInSingle",

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

@@ -197,7 +197,7 @@ const rejectedAbsensi = async () => {
           />
 
           <OfficeRelation
-            v-if="values.type == 'leave'"
+            v-if="values.type === 'leave'"
             v-model="values"
             :field="fields.delegateStaffs"
             :is-disabled="
@@ -215,10 +215,10 @@ const rejectedAbsensi = async () => {
 
           <NeonField
             v-if="
-              values.type == 'dayOff' ||
-              values.type == 'sick' ||
-              values.type == 'permission' ||
-              values.type == 'leave'
+              values.type === 'dayOff' ||
+              values.type === 'sick' ||
+              values.type === 'permission' ||
+              values.type === 'leave'
             "
             v-model="values.submittedAt"
             v-bind="fields.submittedAt"

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

@@ -10,6 +10,7 @@ import type {
 } from '@neutron.co.id/personalia-models'
 import { NeonTime } from '../../../../common'
 import { DateUtil } from '../../../../common/utils/util.date'
+import { Query } from '@neon.id/query'
 
 const {
   fields,
@@ -90,7 +91,7 @@ function onStartedAtUpdate(date: any) {
             @update:model-value="onStartedAtUpdate"
           />
 
-          <NeonField v-model="values.type" v-bind="fields.type" />
+          <OfficeRelation v-model="values" :field="fields.type" />
 
           <OfficeRelation v-model="values" :field="fields.decideStaff" />
 

package/build/@office/models/personalia/attendanceType/AttendanceTypeCollection/AttendanceTypeCollection.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import { NeonCollection, useCollection } from '@neon.id/context'
+import { OfficeCollectionTable } from '@neon.id/office'
+import type {
+  Schema,
+  TPersonaliaAttendanceTypeModel,
+} from '@neutron.co.id/personalia-models'
+
+defineOptions({ name: 'AttendanceTypeCollection' })
+
+const { resource, display, items, userQuery } = useCollection<
+  Schema.AttendanceType,
+  TPersonaliaAttendanceTypeModel
+>()
+</script>
+
+<template>
+  <NeonCollection class="neu-attendance-type-collection">
+    <OfficeCollectionTable />
+  </NeonCollection>
+</template>
+
+<style scoped></style>

package/build/@office/models/personalia/attendanceType/AttendanceTypeCollection/AttendanceTypeTypeCollection.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta } from '@storybook/vue3';
+import AttendanceTypeCollection from './AttendanceTypeCollection.vue';
+declare const _default: Meta<typeof AttendanceTypeCollection>;
+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/attendanceType/AttendanceTypeCollection/AttendanceTypeTypeCollection.stories.mjs

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

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

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

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

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

package/build/@office/models/personalia/attendanceType/AttendanceTypeSingle/AttendanceTypeSingle.stories.d.ts

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

package/build/@office/models/personalia/attendanceType/AttendanceTypeSingle/AttendanceTypeSingle.stories.mjs

@@ -0,0 +1,47 @@
+import { StoryUtil } from "@neon.id/story/helpers";
+import { AttendanceTypeModel } from "@neutron.co.id/personalia-models";
+import { AttendanceTypeSingleView } from "@neutron.co.id/operasional-modules";
+import AttendanceTypeSingle from "./AttendanceTypeSingle.vue";
+import { decorateSingle, viewSingle, wrapSingle } from "@mock";
+export default {
+  title: "Office/AttendanceType/Single",
+  tags: [],
+  component: AttendanceTypeSingle,
+  parameters: StoryUtil.parameters({
+    description: "`AttendanceTypeSingle`",
+    layout: "fullscreen",
+    controls: { exclude: ["colors"] },
+    backgrounds: { default: "light" }
+  })
+};
+export const New = StoryUtil.story({
+  description: "New.",
+  decorators: decorateSingle({
+    model: AttendanceTypeModel
+  })
+});
+export const Existing = StoryUtil.story({
+  description: "Existing.",
+  args: { id: "" },
+  decorators: decorateSingle({
+    model: AttendanceTypeModel
+    // id: '___',
+  })
+});
+export const Content = StoryUtil.story({
+  description: "Inside content.",
+  render: wrapSingle(AttendanceTypeSingle),
+  args: { id: "" },
+  decorators: decorateSingle({
+    model: AttendanceTypeModel
+    // id: '___',
+  })
+});
+export const $DefaultView = viewSingle({
+  description: "Default view.",
+  component: AttendanceTypeSingleView,
+  props: {
+    // id: '___',
+    overrides: {}
+  }
+});

package/build/@office/models/personalia/attendanceType/AttendanceTypeSingle/AttendanceTypeSingle.vue

@@ -0,0 +1,100 @@
+<script setup lang="ts">
+import { NeonSingle, useSingle } from '@neon.id/context'
+import { NeonField, NeonForm, NeonCheck } from '@neon.id/form'
+import { OfficeRelation, OfficeTab, OfficeTabs } from '@neon.id/office'
+import { useToast } from '@neon.id/interfaces'
+import type {
+  TPersonaliaAttendanceTypeModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+
+const {
+  fields,
+  initialValues,
+  values,
+  isLoading,
+  isChanged,
+  isMain,
+  saveOne,
+  discardChanges,
+} = useSingle<Schema.AttendanceType, TPersonaliaAttendanceTypeModel>()
+
+const toast = useToast()
+
+async function saveCheck() {
+  if (
+    initialValues.value.code === '' ||
+    values.value.code === '' ||
+    !values.value.code
+  ) {
+    toast.push({
+      id: 'neu:attendance-type:code',
+      icon: 'warning',
+      content: 'Kode dari Tipe Absensi belum diisi!',
+      color: 'danger',
+      placement: 'bottom-right',
+    })
+    return
+  } else if (values.value.name !== '') {
+    await saveOne()
+  }
+}
+</script>
+
+<template>
+  <NeonSingle class="neu-attendance-type-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="saveCheck"
+        >
+          <NeonField v-model="values.name" v-bind="fields.name" />
+          <NeonField v-model="values.code" v-bind="fields.code" />
+          <NeonField v-model="values.leaveQuota" v-bind="fields.leaveQuota" />
+          <OfficeRelation v-model="values" :field="fields.branches" />
+          <NeonField
+            v-model="values.maxDurationDays"
+            v-bind="fields.maxDurationDays"
+          />
+          <NeonField
+            v-model="values.showLeaveQuota"
+            v-bind="fields.showLeaveQuota"
+          >
+            <template #input>
+              <NeonCheck
+                v-model="values.showLeaveQuota"
+                label="Tampilkan"
+                class="mt-2"
+              />
+            </template>
+          </NeonField>
+          <NeonField
+            v-model="values.showAttendanceType"
+            v-bind="fields.showAttendanceType"
+          >
+            <template #input>
+              <NeonCheck
+                v-model="values.showAttendanceType"
+                label="Tampilkan"
+                class="mt-2"
+              />
+            </template>
+          </NeonField>
+          <NeonField v-model="values.description" v-bind="fields.description" />
+        </NeonForm>
+      </OfficeTab>
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+
+<style scoped>
+.neu-AttendanceType-single {
+  @apply block;
+}
+</style>

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

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

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

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

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

@@ -0,0 +1,2 @@
+export * from './AttendanceTypeCollection';
+export * from './AttendanceTypeSingle';

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

@@ -0,0 +1,2 @@
+export * from "./AttendanceTypeCollection/index.mjs";
+export * from "./AttendanceTypeSingle/index.mjs";

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

@@ -1,4 +1,5 @@
 export * from './attendance';
+export * from './attendanceType';
 export * from './checkIn';
 export * from './plan';
 export * from './planType';
@@ -16,3 +17,6 @@ export * from './task';
 export * from './shift';
 export * from './shiftType';
 export * from './shiftStaff';
+export * from './leaveQuota';
+export * from './leaveStaff';
+export * from './leaveConflict';

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

@@ -1,4 +1,5 @@
 export * from "./attendance/index.mjs";
+export * from "./attendanceType/index.mjs";
 export * from "./checkIn/index.mjs";
 export * from "./plan/index.mjs";
 export * from "./planType/index.mjs";
@@ -16,3 +17,6 @@ export * from "./task/index.mjs";
 export * from "./shift/index.mjs";
 export * from "./shiftType/index.mjs";
 export * from "./shiftStaff/index.mjs";
+export * from "./leaveQuota/index.mjs";
+export * from "./leaveStaff/index.mjs";
+export * from "./leaveConflict/index.mjs";

package/build/@office/models/personalia/leaveConflict/LeaveConflictCollection/LeaveConflictCollection.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+import { NeonCollection, useCollection } from '@neon.id/context'
+import { NeonField } from '@neon.id/form'
+import { OfficeCollectionTable } from '@neon.id/office'
+import {
+  type Schema,
+  type TPersonaliaLeaveConflictModel,
+} from '@neutron.co.id/personalia-models'
+
+defineOptions({ name: 'LeaveConflictCollection' })
+
+const { fields } = useCollection<
+  Schema.LeaveConflict,
+  TPersonaliaLeaveConflictModel
+>()
+</script>
+
+<template>
+  <NeonCollection class="neu-leave-conflict-collection">
+    <OfficeCollectionTable
+      :freeze="1"
+      :bulk="{ update: 'updateConflict' }"
+      use-bulk
+      use-select
+      size="lg"
+    >
+      <template #update-form="{ values }">
+        <NeonField v-model="values.deleteType" v-bind="fields.deleteType" />
+      </template>
+    </OfficeCollectionTable>
+  </NeonCollection>
+</template>
+
+<style scoped></style>

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

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

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

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

package/build/@office/models/personalia/leaveConflict/LeaveConflictSingle/LeaveConflictSingle.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import { OfficeCollectionRelated, OfficeTab } from '@neon.id/office'
+import { Query } from '@neon.id/query'
+import { useSingle } from '@neon.id/context'
+import type {
+  Schema,
+  TPersonaliaLeaveConflictModel,
+} from '@neutron.co.id/personalia-models'
+
+const { fields, values } = useSingle<
+  Schema.LeaveConflict,
+  TPersonaliaLeaveConflictModel
+>()
+</script>
+
+<template>
+  <NeonSingle>
+    <OfficeTabs>
+      <OfficeTab handle="info" icon="circle-info" title="Info">
+        <NeonForm handle="info">
+          <NeonField v-model="values.staff" v-bind="fields.staff" is-disabled />
+        </NeonForm>
+      </OfficeTab>
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+<style></style>

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

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

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

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

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

@@ -0,0 +1,2 @@
+export * from './LeaveConflictCollection';
+export * from './LeaveConflictSingle';

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

@@ -0,0 +1,2 @@
+export * from "./LeaveConflictCollection/index.mjs";
+export * from "./LeaveConflictSingle/index.mjs";

package/build/@office/models/personalia/leaveQuota/LeaveQuotaCollection/LeaveQuotaCollection.vue

@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import { NeonCollection, useCollection } from '@neon.id/context'
+import { OfficeCollectionTable } from '@neon.id/office'
+import { NeonAlert } from '@neon.id/interfaces'
+import type {
+  Schema,
+  TPersonaliaLeaveQuotaModel,
+} from '@neutron.co.id/personalia-models'
+
+defineOptions({ name: 'LeaveQuotaCollection' })
+
+const { userQuery } = useCollection<
+  Schema.LeaveQuota,
+  TPersonaliaLeaveQuotaModel
+>()
+</script>
+
+<template>
+  <NeonCollection class="neu-leave-quota-collection">
+    <OfficeCollectionTable />
+  </NeonCollection>
+</template>
+
+<style scoped></style>

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

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

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

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

package/build/@office/models/personalia/leaveQuota/LeaveQuotaSingle/LeaveQuotaSingle.vue

@@ -0,0 +1,210 @@
+<script setup lang="ts">
+import { NeonSingle, useSingle } from '@neon.id/context'
+import {
+  OfficeCollectionRelated,
+  OfficeRelation,
+  OfficeTab,
+  OfficeTabs,
+} from '@neon.id/office'
+import {
+  type Schema,
+  type TPersonaliaLeaveQuotaModel,
+} from '@neutron.co.id/personalia-models'
+import { NeonAlert, useToast, NeonButton } from '@neon.id/interfaces'
+import { NeonField, NeonFields, NeonForm } from '@neon.id/form'
+import { ref } from 'vue'
+import { Query } from '@neon.id/query'
+
+const {
+  fields,
+  initialValues,
+  values,
+  isLoading,
+  isChanged,
+  isMain,
+  isNew,
+  saveOne,
+  discardChanges,
+  syncOne,
+  executeOne,
+} = useSingle<Schema.LeaveQuota, TPersonaliaLeaveQuotaModel>()
+
+const toast = useToast()
+const responseState = ref()
+
+function getNotified() {
+  if (responseState.value === 'leaveStaffGenerated') {
+    toast.push({
+      id: 'generate:leaveQuota',
+      content: 'Successfully generated leave quota.',
+      color: 'success',
+    })
+  }
+}
+
+async function generateLeave() {
+  const result = await executeOne('generateLeave', {
+    nameLeave: values.value.nameLeave,
+    nameStaffs: values.value.nameStaffs,
+    typeLeave: values.value.typeLeave,
+    leaveQuota: values.value.leaveQuota,
+    startedAt: values.value.startedAt,
+    endedAt: values.value.endedAt,
+    branches: values.value.branches,
+    conflictResolved: false,
+    leaveQuotaId: values.value.id,
+  })
+  if (result) {
+    values.value.hasConflict = result.data.executeLeaveQuota.output.hasConflict
+    await syncOne()
+    await saveOne()
+  }
+  getNotified()
+}
+
+async function saveCheck() {
+  if (values.value.attendanceTypeId == null) {
+    toast.push({
+      id: 'neu:attendance-type:code',
+      icon: 'warning',
+      content:
+        'Tipe Absensi belum diisi! Silahkan pilih Tipe Absensi terlebih dahulu.',
+      color: 'danger',
+      placement: 'bottom-right',
+    })
+    return
+  } else {
+    await saveOne()
+  }
+}
+</script>
+
+<template>
+  <NeonSingle>
+    <OfficeTabs>
+      <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="saveCheck"
+        >
+          <NeonAlert
+            v-if="values.hasConflict"
+            icon="circle-exclamation"
+            title="Konflik Karyawan!."
+            description="Ada data karyawan yang dipilih sudah ada didata Kuota Cuti lainnya. Silahkan hapus data karyawan dan pilih karyawan lainnya."
+            color="warning"
+          />
+
+          <NeonField v-model="values.nameLeave" v-bind="fields.nameLeave" />
+          <OfficeRelation v-model="values" :field="fields.branches" />
+          <OfficeRelation v-model="values" :field="fields.typeLeave" />
+          <NeonFields class="grid grid-cols-[3fr_1fr]">
+            <OfficeRelation v-model="values" :field="fields.nameStaffs" />
+            <NeonButton
+              v-if="values.hasGenerated === false"
+              class="mt-4"
+              icon-left="sync"
+              label="Generate"
+              is-rounded
+              size="sm"
+              color="success"
+              @click="generateLeave"
+            />
+          </NeonFields>
+          <NeonField
+            v-model="values.leaveQuota"
+            v-bind="fields.leaveQuota"
+            is-disabled
+          />
+          <NeonField v-model="values.startedAt" v-bind="fields.startedAt" />
+          <NeonField v-model="values.endedAt" v-bind="fields.endedAt" />
+          <NeonField v-model="values.note" v-bind="fields.note" />
+        </NeonForm>
+      </OfficeTab>
+
+      <!--      Cuti Karyawan-->
+      <OfficeTab
+        v-if="!isNew && !values.hasConflict"
+        handle="cutiKaryawan"
+        icon="house-person-leave"
+        title="Cuti Karyawan"
+      >
+        <OfficeCollectionRelated
+          definition="neu:personalia:leaveStaff"
+          title="Cuti Karyawan"
+          :query="
+            Query.define({
+              filter: {
+                leaveQuotaStaffId: values.id,
+              },
+              sort: {
+                handle: 'startedAt',
+                direction: 'ascending',
+              },
+            })
+          "
+          :excludes="['click', 'create']"
+          :columns="[
+            'staff',
+            'typeLeave',
+            'leaveQuota',
+            'startedAt',
+            'endedAt',
+          ]"
+          :sorts="['startedAt', 'createdAt', 'updatedAt']"
+          :filters="['staff']"
+        >
+        </OfficeCollectionRelated>
+      </OfficeTab>
+
+      <OfficeTab
+        v-if="!isNew && values.hasConflict"
+        handle="konflik"
+        icon="circle-exclamation"
+        title="Konflik Karyawan"
+      >
+        <NeonAlert
+          icon="circle-exclamation"
+          title="Perhatian!"
+          description="Selesaikan konflik yang terjadi di kuota cuti."
+          color="warning"
+        />
+        <OfficeCollectionRelated
+          definition="neu:personalia:leaveConflict"
+          title="Konlfik Cuti Karyawan"
+          :query="
+            Query.define({
+              filter: {
+                leaveQuotaId: values.id,
+                deletedAt: { $exists: false },
+              },
+              sort: {
+                handle: 'startedAt',
+                direction: 'ascending',
+              },
+            })
+          "
+          use-bulk
+          :excludes="['click', 'create']"
+          :columns="[
+            'staff',
+            'leaveQuotaOldName',
+            'leaveQuotaOld',
+            'leaveQuotaNewName',
+            'leaveQuotaNew',
+          ]"
+          :sorts="['startedAt', 'createdAt', 'updatedAt']"
+          :filters="['staff']"
+        >
+        </OfficeCollectionRelated>
+      </OfficeTab>
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+
+<style></style>