@neutron.co.id/operasional-interfaces 1.17.5 → 1.17.9-beta.1

package/build/@office/config.mjs

@@ -13,6 +13,9 @@ export const config = OfficeInterfaces.define({
         "AttendanceManager",
         "AttendanceSupervisor",
         "AttendanceDelegate",
+        // Attendance Type
+        "AttendanceTypeCollection",
+        "AttendanceTypeSingle",
         // Check In
         "CheckInCollection",
         "CheckInSingle",

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

@@ -202,10 +202,10 @@ async function generate() {
         >
           <OfficeRelation
             v-if="
-              values.type == 'leave' ||
-              values.type == 'dayOff' ||
-              values.type == 'sick' ||
-              values.type == 'permission'
+              values.type?.code == 'leave' ||
+              values.type?.code == 'dayOff' ||
+              values.type?.code == 'sick' ||
+              values.type?.code == 'permission'
             "
             v-model="values"
             :field="fields.delegateStaffs"
@@ -251,10 +251,10 @@ async function generate() {
           />
           <!-- <OfficeRelation
             v-if="
-              values.type == 'leave' ||
-              values.type == 'sick' ||
-              values.type == 'dayOff' ||
-              values.type == 'permission'
+              values.type?.code == 'leave' ||
+              values.type?.code == 'sick' ||
+              values.type?.code == 'dayOff' ||
+              values.type?.code == 'permission'
             "
             v-model="values"
             :field="fields.monitoringStaffs"
@@ -264,10 +264,10 @@ async function generate() {
           /> -->
           <NeonField
             v-if="
-              values.type == 'leave' ||
-              values.type == 'dayOff' ||
-              values.type == 'sick' ||
-              values.type == 'permission'
+              values.type?.code == 'leave' ||
+              values.type?.code == 'dayOff' ||
+              values.type?.code == 'sick' ||
+              values.type?.code == 'permission'
             "
             v-model="values.delegateNotes"
             v-bind="fields.delegateNotes"

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

@@ -180,9 +180,9 @@ const rejectedAbsensi = async () => {
             @update:model-value="onStartedAtUpdate"
           />
 
-          <NeonField
-            v-model="values.type"
-            v-bind="fields.type"
+          <OfficeRelation
+            v-model="values"
+            :field="fields.type"
             :is-disabled="
               values.status == 'approved' || values.status == 'rejected'
             "
@@ -197,7 +197,7 @@ const rejectedAbsensi = async () => {
           />
 
           <OfficeRelation
-            v-if="values.type == 'leave'"
+            v-if="values.type?.code === '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?.code === 'dayOff' ||
+              values.type?.code === 'sick' ||
+              values.type?.code === 'permission' ||
+              values.type?.code === 'leave'
             "
             v-model="values.submittedAt"
             v-bind="fields.submittedAt"
@@ -227,7 +227,7 @@ const rejectedAbsensi = async () => {
 
           <!-- EARLY GO HOME -->
           <div
-            v-if="values.type == 'homeEarly'"
+            v-if="values.type?.code == 'homeEarly'"
             class="grid gap-2 sm:grid-cols-2"
           >
             <NeonField
@@ -275,7 +275,7 @@ const rejectedAbsensi = async () => {
 
           <!-- COME TOO LATE -->
           <div
-            v-if="values.type == 'comeLate'"
+            v-if="values.type?.code == 'comeLate'"
             class="grid gap-2 sm:grid-cols-2"
           >
             <NeonField
@@ -323,7 +323,7 @@ const rejectedAbsensi = async () => {
 
           <!-- TIMEOUT -->
           <div
-            v-if="values.type == 'timeout'"
+            v-if="values.type?.code == 'timeout'"
             class="grid gap-2 sm:grid-cols-2"
           >
             <NeonField

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,12 +91,12 @@ 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" />
 
           <OfficeRelation
-            v-if="values.type == 'leave'"
+            v-if="values.type?.code == 'leave'"
             v-model="values"
             :field="fields.delegateStaffs"
           />

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

@@ -276,9 +276,9 @@ const copy = ref({
             @update:model-value="onStartedAtUpdate"
           />
 
-          <NeonField
-            v-model="values.type"
-            v-bind="fields.type"
+          <OfficeRelation
+            v-model="values"
+            :field="fields.type"
             :is-disabled="
               values.status == 'notApproved' ||
               values.status == 'approved' ||
@@ -301,10 +301,10 @@ const copy = ref({
               <NeonFields class="flex-1"> -->
           <OfficeRelation
             v-if="
-              values.type == 'leave' ||
-              values.type == 'dayOff' ||
-              values.type == 'sick' ||
-              values.type == 'permission'
+              values.type?.code == 'leave' ||
+              values.type?.code == 'dayOff' ||
+              values.type?.code == 'sick' ||
+              values.type?.code == 'permission'
             "
             v-model="values"
             :field="fields.delegateStaffs"
@@ -319,10 +319,10 @@ const copy = ref({
           <!-- <div class="ml-2 flex items-end pb-1">
               <NeonCopy
                 v-if="
-                  values.type == 'leave' ||
-                  values.type == 'dayOff' ||
-                  values.type == 'sick' ||
-                  values.type == 'permission' ||
+                  values.type?.code == 'leave' ||
+                  values.type?.code == 'dayOff' ||
+                  values.type?.code == 'sick' ||
+                  values.type?.code == 'permission' ||
                   values.isNotes == true
                 "
                 :size="'sm'"
@@ -332,10 +332,10 @@ const copy = ref({
           </div> -->
           <!-- <NeonField
             v-if="
-              values.type == 'leave' ||
-              values.type == 'dayOff' ||
-              values.type == 'sick' ||
-              values.type == 'permission'
+              values.type?.code == 'leave' ||
+              values.type?.code == 'dayOff' ||
+              values.type?.code == 'sick' ||
+              values.type?.code == 'permission'
             "
             v-model="values.isNotes"
             v-bind="fields.isNotes"
@@ -348,10 +348,10 @@ const copy = ref({
           <!-- <template #input>
               <NeonCheck
                 v-if="
-                  values.type == 'leave' ||
-                  values.type == 'dayOff' ||
-                  values.type == 'sick' ||
-                  values.type == 'permission'
+                  values.type?.code == 'leave' ||
+                  values.type?.code == 'dayOff' ||
+                  values.type?.code == 'sick' ||
+                  values.type?.code == 'permission'
                 "
                 v-model="values.isNotes"
                 label="Catatan"
@@ -368,10 +368,10 @@ const copy = ref({
           />
           <NeonField
             v-if="
-              values.type == 'leave' ||
-              values.type == 'dayOff' ||
-              values.type == 'sick' ||
-              values.type == 'permission'
+              values.type?.code == 'leave' ||
+              values.type?.code == 'dayOff' ||
+              values.type?.code == 'sick' ||
+              values.type?.code == 'permission'
             "
             v-model="values.delegateNotes"
             v-bind="fields.delegateNotes"
@@ -381,10 +381,10 @@ const copy = ref({
 
           <NeonField
             v-if="
-              values.type == 'dayOff' ||
-              values.type == 'sick' ||
-              values.type == 'permission' ||
-              values.type == 'leave'
+              values.type?.code == 'dayOff' ||
+              values.type?.code == 'sick' ||
+              values.type?.code == 'permission' ||
+              values.type?.code == 'leave'
             "
             v-model="values.submittedAt"
             v-bind="fields.submittedAt"
@@ -392,9 +392,9 @@ const copy = ref({
           />
           <div
             v-if="
-              values.type == 'sick' ||
-              values.type == 'leave' ||
-              values.type == 'permission'
+              values.type?.code == 'sick' ||
+              values.type?.code == 'leave' ||
+              values.type?.code == 'permission'
             "
           >
             <NeonDivider
@@ -435,7 +435,7 @@ const copy = ref({
 
           <!-- EARLY GO HOME -->
           <div
-            v-if="values.type == 'homeEarly'"
+            v-if="values.type?.code == 'homeEarly'"
             class="grid gap-2 sm:grid-cols-2"
           >
             <NeonField
@@ -493,7 +493,7 @@ const copy = ref({
 
           <!-- COME TOO LATE -->
           <div
-            v-if="values.type == 'comeLate'"
+            v-if="values.type?.code == 'comeLate'"
             class="grid gap-2 sm:grid-cols-2"
           >
             <NeonField
@@ -551,7 +551,7 @@ const copy = ref({
 
           <!-- TIMEOUT -->
           <div
-            v-if="values.type == 'timeout'"
+            v-if="values.type?.code == 'timeout'"
             class="grid gap-2 sm:grid-cols-2"
           >
             <NeonField

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

@@ -252,9 +252,9 @@ async function generate() {
             @update:model-value="onStartedAtUpdate"
           />
 
-          <NeonField
-            v-model="values.type"
-            v-bind="fields.type"
+          <OfficeRelation
+            v-model="values"
+            :field="fields.type"
             :is-disabled="
               values.status == 'approved' || values.status == 'rejected'
             "
@@ -269,10 +269,10 @@ async function generate() {
           />
           <OfficeRelation
             v-if="
-              values.type == 'leave' ||
-              values.type == 'dayOff' ||
-              values.type == 'sick' ||
-              values.type == 'permission'
+              values.type?.code == 'leave' ||
+              values.type?.code == 'dayOff' ||
+              values.type?.code == 'sick' ||
+              values.type?.code == 'permission'
             "
             v-model="values"
             :field="fields.delegateStaffs"
@@ -282,10 +282,10 @@ async function generate() {
           />
           <!-- <NeonField
             v-if="
-              values.type == 'leave' ||
-              values.type == 'dayOff' ||
-              values.type == 'sick' ||
-              values.type == 'permission'
+              values.type?.code == 'leave' ||
+              values.type?.code == 'dayOff' ||
+              values.type?.code == 'sick' ||
+              values.type?.code == 'permission'
             "
             v-model="values.isNotes"
             v-bind="fields.isNotes"
@@ -313,10 +313,10 @@ async function generate() {
           />
           <NeonField
             v-if="
-              values.type == 'leave' ||
-              values.type == 'dayOff' ||
-              values.type == 'sick' ||
-              values.type == 'permission'
+              values.type?.code == 'leave' ||
+              values.type?.code == 'dayOff' ||
+              values.type?.code == 'sick' ||
+              values.type?.code == 'permission'
             "
             v-model="values.delegateNotes"
             v-bind="fields.delegateNotes"
@@ -326,10 +326,10 @@ async function generate() {
 
           <NeonField
             v-if="
-              values.type == 'dayOff' ||
-              values.type == 'sick' ||
-              values.type == 'permission' ||
-              values.type == 'leave'
+              values.type?.code == 'dayOff' ||
+              values.type?.code == 'sick' ||
+              values.type?.code == 'permission' ||
+              values.type?.code == 'leave'
             "
             v-model="values.submittedAt"
             v-bind="fields.submittedAt"
@@ -338,9 +338,9 @@ async function generate() {
 
           <div
             v-if="
-              values.type == 'sick' ||
-              values.type == 'leave' ||
-              values.type == 'permission'
+              values.type?.code == 'sick' ||
+              values.type?.code == 'leave' ||
+              values.type?.code == 'permission'
             "
           >
             <NeonDivider
@@ -381,7 +381,7 @@ async function generate() {
 
           <!-- EARLY GO HOME -->
           <div
-            v-if="values.type == 'homeEarly'"
+            v-if="values.type?.code == 'homeEarly'"
             class="grid gap-2 sm:grid-cols-2"
           >
             <NeonField
@@ -429,7 +429,7 @@ async function generate() {
 
           <!-- COME TOO LATE -->
           <div
-            v-if="values.type == 'comeLate'"
+            v-if="values.type?.code == 'comeLate'"
             class="grid gap-2 sm:grid-cols-2"
           >
             <NeonField
@@ -477,7 +477,7 @@ async function generate() {
 
           <!-- TIMEOUT -->
           <div
-            v-if="values.type == 'timeout'"
+            v-if="values.type?.code == 'timeout'"
             class="grid gap-2 sm:grid-cols-2"
           >
             <NeonField

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';

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";