@neutron.co.id/operasional-interfaces 1.14.8-beta.1 → 1.14.9

package/build/@mock/mock.interfaces.d.ts

@@ -8,8 +8,6 @@ import '@neon.id/editor/style.css';
 import '@neon.id/relation/style.css';
 import '@neon.id/display/style.css';
 import '@neon.id/video/style.css';
-import '@neon.id/fluffy/style.css';
 import '@neon.id/office/style.css';
-import '@neon.id/dampak-interfaces/style.css';
 import '@neon.id/identitas-interfaces/fluffy.css';
 export declare function mockInterfaces(app: App): void;

package/build/@office/common/OfficeSingleSync/OfficeSingleSync.vue

@@ -0,0 +1,50 @@
+<script setup lang="ts">
+import { useSingle } from '@neon.id/context'
+import { NeonButton } from '@neon.id/interfaces'
+import { useTimeAgo } from '@vueuse/core'
+import { computed } from 'vue'
+
+defineOptions({ name: 'OfficeSingleSync' })
+
+const { isNew, initialValues, isLoading, syncOne, refreshOne } = useSingle()
+
+const syncedAt = computed(() => initialValues.value?.syncedAt)
+
+const syncLabel = computed(() => {
+  if (!syncedAt.value) return 'Never synced'
+  const time = useTimeAgo(syncedAt.value, {})
+  return `Synced ${time.value?.toLowerCase()}`
+})
+
+async function syncOneSingle() {
+  if (isNew.value) return
+
+  try {
+    await syncOne()
+    await refreshOne()
+  } catch (error) {
+    console.error(error)
+  }
+}
+</script>
+
+<template>
+  <div v-if="!isNew" class="office-single-sync">
+    <NeonButton
+      :label="syncLabel"
+      icon-left="refresh"
+      size="xs"
+      display="outline"
+      is-rounded
+      is-squared-mobile
+      :is-loading="isLoading"
+      @click="syncOneSingle"
+    />
+  </div>
+</template>
+
+<style scoped>
+.office-single-sync {
+  @apply flex items-center space-x-1;
+}
+</style>

package/build/@office/common/OfficeSingleSync/index.d.ts

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

package/build/@office/common/OfficeSingleSync/index.mjs

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

package/build/@office/common/OperasionalIdentitas/OperasionalIdentitas.vue

@@ -323,79 +323,83 @@ function clear() {
 
 <template>
   <div class="operasional-identitas">
-    <IdentitasConnect
-      v-if="state === 'connect'"
-      :user="user as any"
-      :candidate="candidate as any"
-      :conflict="conflict"
-      is-ready
-      :is-loading="isLoading"
-      @choose="onWillChoose"
-      @register="onWillRegister"
-      @connect="onConnect"
-      @disconnect="onDisconnect"
-      @back="onBack"
-    >
-      <template #ready>
+    <NeonFormWrapper>
+      <IdentitasConnect
+        v-if="state === 'connect'"
+        :user="user as any"
+        :candidate="candidate as any"
+        :conflict="conflict"
+        is-ready
+        :is-loading="isLoading"
+        @choose="onWillChoose"
+        @register="onWillRegister"
+        @connect="onConnect"
+        @disconnect="onDisconnect"
+        @back="onBack"
+      >
+        <template #ready>
+          <NeonField
+            :model-value="user?.defaultPassword"
+            v-bind="passwordField"
+            :more-options="{
+              note: `<em>Password</em> awal pengguna. Tidak berlaku apabila pengguna <strong class='text-danger'>telah mengubah <em>password</em></strong> atau <strong class='text-danger'>mendaftarkan akunnya sendiri</strong>.`,
+            }"
+            is-disabled
+            is-alone
+          />
+        </template>
+      </IdentitasConnect>
+
+      <IdentitasAssistRegistration
+        v-else-if="state === 'register'"
+        :initial-values="initialRegistration"
+        :is-loading="isLoading"
+        :errors="errors"
+        @back="state = 'connect'"
+        @save="onRegister"
+      >
         <NeonField
-          :model-value="user?.defaultPassword"
-          v-bind="passwordField"
-          :more-options="{
-            note: `<em>Password</em> awal pengguna. Tidak berlaku apabila pengguna <strong class='text-danger'>telah mengubah <em>password</em></strong> atau <strong class='text-danger'>mendaftarkan akunnya sendiri</strong>.`,
-          }"
+          :model-value="profile?.name"
+          v-bind="fullNameField"
           is-disabled
           is-alone
         />
-      </template>
-    </IdentitasConnect>
-
-    <IdentitasAssistRegistration
-      v-else-if="state === 'register'"
-      :initial-values="initialRegistration"
-      :is-loading="isLoading"
-      :errors="errors"
-      @back="state = 'connect'"
-      @save="onRegister"
-    >
-      <NeonField
-        :model-value="profile?.name"
-        v-bind="fullNameField"
-        is-disabled
-        is-alone
-      />
-    </IdentitasAssistRegistration>
-
-    <div v-if="user && onDelegate" class="section">
-      <NeonDivider is-dashed label="Delegasi" class="divider" />
-      <IdentitasDelegate
-        :user="userForDelegating as any"
-        :roles="roles"
-        :is-loading="isLoading"
-        @save="onDelegate"
-      />
-    </div>
-
-    <NeonModal
-      v-if="isChoosing"
-      is-active
-      size="lg"
-      @close="isChoosing = false"
-    >
-      <NeonSheet
-        icon="user-magnifying-glass"
-        title="Pilih Akun"
-        label="User"
-        no-padding
+      </IdentitasAssistRegistration>
+
+      <div v-if="user && onDelegate" class="section">
+        <NeonDivider is-dashed label="Delegasi" class="divider" />
+        <IdentitasDelegate
+          :user="userForDelegating as any"
+          :roles="roles"
+          :is-loading="isLoading"
+          @save="onDelegate"
+        />
+      </div>
+
+      <NeonModal
+        v-if="isChoosing"
+        is-active
+        size="lg"
         @close="isChoosing = false"
       >
-        <NeonRelationSheet />
-      </NeonSheet>
-    </NeonModal>
+        <NeonSheet
+          icon="user-magnifying-glass"
+          title="Pilih Akun"
+          label="User"
+          no-padding
+          @close="isChoosing = false"
+        >
+          <NeonRelationSheet />
+        </NeonSheet>
+      </NeonModal>
+    </NeonFormWrapper>
   </div>
 </template>
 
 <style scoped>
 .operasional-identitas {
+  @apply overflow-y-auto overflow-x-hidden h-auto !important;
+
   .section {
     .divider {
       @apply mb-4;

package/build/@office/common/index.d.ts

@@ -1,3 +1,4 @@
 export * from './OperasionalIdentitas';
 export * from './NeonTime';
 export * from './providers';
+export * from './OfficeSingleSync';

package/build/@office/common/index.mjs

@@ -1,3 +1,4 @@
 export * from "./OperasionalIdentitas/index.mjs";
 export * from "./NeonTime/index.mjs";
 export * from "./providers/index.mjs";
+export * from "./OfficeSingleSync/index.mjs";

package/build/@office/config.mjs

@@ -3,7 +3,7 @@ import {
 } from "@neon.id/context/helpers";
 export const config = OfficeInterfaces.define({
   components: {
-    common: [],
+    common: ["OfficeSingleSync"],
     models: {
       personalia: [
         // Attendance
@@ -47,6 +47,11 @@ export const config = OfficeInterfaces.define({
         // Responsibility Type
         "ResponsibilityTypeCollection",
         "ResponsibilityTypeSingle",
+        //Shift
+        "ShiftCollection",
+        "ShiftSingle",
+        "ShiftStaff",
+        "ShiftAdministrator",
         // Situation
         "SituationCollection",
         "SituationSingle",

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

@@ -128,7 +128,7 @@ const rejectedAbsensi = async () => {
               <NeonField>
                 <template #input>
                   <NeonButton
-                    size="md"
+                    size="sm"
                     color="success"
                     icon-left="x"
                     :is-disabled="
@@ -145,7 +145,7 @@ const rejectedAbsensi = async () => {
               <NeonField>
                 <template #input>
                   <NeonButton
-                    size="md"
+                    size="sm"
                     color="warning"
                     icon-left="trash-can"
                     @click="deleteAbsensi"

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

@@ -210,7 +210,7 @@ async function generate() {
               <NeonField>
                 <template #input>
                   <NeonButton
-                    size="md"
+                    size="sm"
                     color="success"
                     icon-left="up-from-line"
                     :is-disabled="
@@ -229,7 +229,7 @@ async function generate() {
               <NeonField>
                 <template #input>
                   <NeonButton
-                    size="md"
+                    size="sm"
                     color="warning"
                     icon-left="arrows-retweet"
                     :is-disabled="

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

@@ -173,7 +173,7 @@ async function generate() {
               <NeonField>
                 <template #input>
                   <NeonButton
-                    size="md"
+                    size="sm"
                     color="success"
                     icon-left="check"
                     :is-disabled="
@@ -190,7 +190,7 @@ async function generate() {
               <NeonField>
                 <template #input>
                   <NeonButton
-                    size="md"
+                    size="sm"
                     color="danger"
                     icon-left="x"
                     :is-disabled="
@@ -207,7 +207,7 @@ async function generate() {
               <NeonField>
                 <template #input>
                   <NeonButton
-                    size="md"
+                    size="sm"
                     color="warning"
                     icon-left="trash-can"
                     @click="deleteAbsensi"

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

@@ -13,3 +13,4 @@ export * from './submission';
 export * from './submissionType';
 export * from './target';
 export * from './task';
+export * from './shift';

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

@@ -13,3 +13,4 @@ export * from "./submission/index.mjs";
 export * from "./submissionType/index.mjs";
 export * from "./target/index.mjs";
 export * from "./task/index.mjs";
+export * from "./shift/index.mjs";

package/build/@office/models/personalia/plan/PlanSingle/PlanSingle.vue

@@ -84,7 +84,11 @@ const saveAndSyncOne = async () => {
           />
 
           <NeonFields v-if="values.domain == 'marketing'" md="grid-cols-2">
-            <OfficeRelation v-model="values" :field="fields.stages" />
+            <OfficeRelation
+              v-model="values"
+              :field="fields.stages"
+              :filter="{ status: 'published' }"
+            />
             <OfficeRelation
               v-model="values"
               :field="fields.target"

package/build/@office/models/personalia/plan/PlanStaff.vue

@@ -98,7 +98,11 @@ const saveAndSyncOne = async () => {
           />
 
           <NeonFields v-if="values.domain == 'marketing'" md="grid-cols-2">
-            <OfficeRelation v-model="values" :field="fields.stages" />
+            <OfficeRelation
+              v-model="values"
+              :field="fields.stages"
+              :filter="{ status: 'published' }"
+            />
             <OfficeRelation
               v-model="values"
               :field="fields.target"

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

@@ -0,0 +1,78 @@
+<script setup lang="ts">
+import { NeonSingle, useSingle } from '@neon.id/context'
+import { NeonField, NeonFields, NeonForm } from '@neon.id/form'
+import { NeonButton, NeonDivider, NeonCopy } 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,
+} from '@neutron.co.id/personalia-models'
+
+const {
+  fields,
+  id,
+  initialValues,
+  values,
+  isLoading,
+  isChanged,
+  isReady,
+  isMain,
+  isNew,
+  syncOne,
+  saveOne,
+  discardChanges,
+  executeOne,
+} = useSingle<Schema.Shift, TPersonaliaShiftModel>()
+
+const { staff } = useOperasional()
+</script>
+
+
+<template>
+  <NeonSingle class="neu-shift-single">
+    <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="saveOne"
+        >
+          <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" />
+
+          <NeonFields md="grid-cols-2">
+            <NeonField v-model="values.expPresent" v-bind="fields.expPresent" />
+            <NeonField
+              v-model="values.expPresentEnd"
+              v-bind="fields.expPresentEnd"
+            />
+          </NeonFields>
+          <NeonField
+            v-model="values.expTime"
+            v-bind="fields.expTime"
+            is-disabled
+          />
+          
+        </NeonForm>
+      </OfficeTab>
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+
+<style scoped>
+.neu-shift-single {
+  @apply block;
+}
+</style>

package/build/@office/models/personalia/shift/ShiftCollection/ShiftCollection.stories.d.ts

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

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

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

@@ -0,0 +1,73 @@
+<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 {
+  OfficeCollectionCalendar,
+  OfficeTabs,
+  OfficeTab,
+} from '@neon.id/office'
+import type {
+  TPersonaliaShiftModel,
+  Schema,
+} 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(),
+    }),
+  },
+})
+
+const emit = defineEmits<{
+  (e: 'update:period', period: NCalendar.PeriodData): void
+}>()
+
+function onCalendarPeriodUpdate(period: NCalendar.PeriodData) {
+  console.log('calendar', period)
+  emit('update:period', period)
+}
+</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>
+</template>
+
+<style scoped>
+.neu-shift-collection {
+  --neon-calendar-min-height: auto;
+}
+</style>

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

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

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

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

package/build/@office/models/personalia/shift/ShiftSingle/ShiftSingle.stories.d.ts

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

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