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

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

@@ -0,0 +1,268 @@
+<script setup lang="ts">
+import { NeonSingle, useSingle } from '@neon.id/context'
+import { NeonCheck, NeonField, NeonFields, NeonForm } from '@neon.id/form'
+import { NeonDivider } 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 type {
+  TPersonaliaProgressModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+import { DateUtil } from '../../../common/utils'
+import { useOperasional, NeonTime } from '../../../common'
+import { ProgressNoteTab } from './sections'
+
+const { staff } = useOperasional()
+const {
+  fields,
+  initialValues,
+  values,
+  isLoading,
+  isChanged,
+  isReady,
+  isMain,
+  isNew,
+  saveOne,
+  discardChanges,
+} = useSingle<Schema.Progress, TPersonaliaProgressModel>()
+
+const responsibilityOptions = computed(() => {
+  return {
+    filter: [
+      {
+        handle: 'condition',
+        operator: 'eq',
+        value: 'active',
+      },
+      {
+        $or: [
+          {
+            handle: 'staffWorkIds',
+            operator: 'in',
+            value: staff.value?.id,
+          },
+          {
+            handle: 'staffSuperviseIds',
+            operator: 'in',
+            value: staff.value?.id,
+          },
+        ],
+      },
+    ],
+  }
+})
+
+const key = ref(0)
+const diff = computed(() => {
+  return DateUtil.day(values.value.endedAt).diff(values.value.startedAt)
+})
+
+const duration = computed(() => {
+  if (isNaN(diff.value)) return '-'
+  const duration = DateUtil.day.duration(diff.value)
+  return duration.format('HH [jam] mm [menit]')
+})
+
+function onStartedAtUpdate(date: any) {
+  if (!date) return
+
+  const currentEndedendedAt = DateUtil.day(values.value.endedAt)
+  let startedAt = DateUtil.day(date)
+  let endedAt = DateUtil.day(date)
+
+  startedAt = startedAt.second(0).millisecond(0)
+  endedAt = endedAt
+    .hour(currentEndedendedAt.hour())
+    .minute(currentEndedendedAt.minute())
+    .second(0)
+    .millisecond(0)
+
+  values.value.startedAt = startedAt.toISOString()
+  values.value.endedAt = endedAt.toISOString()
+
+  // key.value++
+}
+
+const sekarang = DateUtil.day(new Date())
+const besok = sekarang.add(-1, 'day')
+
+const staffId = staff.value?.id || ''
+
+watch(
+  isNew,
+  (isNew) => {
+    if (!isNew) return
+    values.value.staffIds = [staffId]
+    values.value.staffs = [
+      {
+        id: staffId,
+        flag: staff.value?.flag,
+      },
+    ]
+    values.value.startedAt = besok.second(0).millisecond(0).toISOString()
+    values.value.endedAt = besok.add(90, 'm').toISOString()
+  },
+  {
+    immediate: true,
+  },
+)
+
+const submissionOptions = computed(() => {
+  return {
+    filter: [
+      {
+        handle: 'status',
+        operator: 'in',
+        value: ['approved', 'monitored'],
+      },
+      {
+        handle: 'followUpStaffIds',
+        operator: 'in',
+        value: values.value.staffIds,
+      },
+    ],
+  }
+})
+</script>
+
+<template>
+  <NeonSingle class="neu-progress-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="saveOne"
+        >
+          <NeonFields md="grid-cols-2">
+            <NeonField
+              :key="key"
+              :model-value="values.startedAt"
+              v-bind="{
+                handle: 'startedAt',
+                name: 'Tanggal',
+                type: 'date',
+                input: 'date2',
+                options: {
+                  note: 'Tanggal progress.',
+                },
+              }"
+              @update:model-value="onStartedAtUpdate"
+            />
+            <NeonField v-model="values.detail" v-bind="fields.detail" />
+          </NeonFields>
+
+          <div class="grid gap-2 sm:grid-cols-2">
+            <NeonField
+              v-model="values.startedAt"
+              v-bind="{
+                handle: 'startedAt',
+                name: 'Mulai',
+                options: {
+                  note: 'Jam mulai.',
+                },
+              }"
+            >
+              <template #input>
+                <NeonTime
+                  v-model="values.startedAt"
+                  :is-loading="isLoading"
+                  class="mt-2"
+                />
+              </template>
+            </NeonField>
+
+            <NeonField
+              v-model="values.endedAt"
+              v-bind="{
+                handle: 'endedAt',
+                name: 'Selesai',
+                options: {
+                  note: 'Jam selesai.',
+                },
+              }"
+            >
+              <template #input>
+                <NeonTime
+                  v-model="values.endedAt"
+                  :is-loading="isLoading"
+                  class="mt-2"
+                />
+
+                <div class="text-right text-fg-subdued text-sm">
+                  {{ duration }}
+                </div>
+              </template>
+            </NeonField>
+          </div>
+
+          <OfficeRelation v-model="values" :field="fields.staffs" />
+
+          <NeonField v-model="values.isNotes" v-bind="fields.isNotes">
+            <template #input>
+              <NeonCheck
+                v-model="values.isNotes"
+                label="Catatan"
+                class="mt-2"
+              />
+            </template>
+          </NeonField>
+
+          <OfficeRelation v-model="values" :field="fields.accessStaffs" />
+
+          <NeonDivider is-dashed label="Referensi" />
+
+          <OfficeRelation
+            v-model="values"
+            :field="fields.responsibilities"
+            :query="Query.define(responsibilityOptions)"
+          />
+
+          <!-- <OfficeRelation v-model="values" :field="fields.plans" /> -->
+          <OfficeRelation
+            v-model="values"
+            :field="fields.submissions"
+            :query="Query.define(submissionOptions)"
+          />
+        </NeonForm>
+      </OfficeTab>
+
+      <!-- LAPORAN -->
+      <OfficeTab
+        v-if="isReady && values.responsibilityIds?.length == 1"
+        handle="report"
+        icon="info-circle"
+        title="Laporan"
+      >
+        <NeonForm
+          handle="report"
+          :initial-values="initialValues"
+          :is-loading="isLoading"
+          :is-changed="isChanged"
+          use-unsaved
+          @cancel="discardChanges"
+          @submit="saveOne"
+        >
+          <NeonField
+            v-if="isNew || isReady"
+            v-model="values.reports"
+            v-bind="fields.reports"
+          />
+        </NeonForm>
+      </OfficeTab>
+
+      <ProgressNoteTab />
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+
+<style scoped>
+.neu-progress-single {
+  @apply block;
+}
+</style>

package/build/@office/models/personalia/progress/elements/ProgressButton.vue

@@ -0,0 +1,51 @@
+<script setup lang="ts">
+import { NeonButton } from '@neon.id/interfaces'
+import { useRouter } from 'vue-router'
+
+defineOptions({ name: 'ProgressButton' })
+
+const router = useRouter()
+
+const tomorrowClick = () => {
+  router.push('/penugasan/tomorrow-progresses/new')
+}
+
+const todayClick = () => {
+  router.push('/personalia/progresses/new')
+}
+
+const yesterdayClick = () => {
+  router.push('/penugasan/yesterday-progresses/new')
+}
+</script>
+
+<template>
+  <div class="flex flex-wrap">
+    <NeonButton
+      :is-rounded="true"
+      size="sm"
+      color="dark"
+      icon-left="plus"
+      label="Kemarin"
+      @click="yesterdayClick"
+    />&nbsp;
+    <NeonButton
+      :is-rounded="true"
+      size="sm"
+      color="dark"
+      icon-left="plus"
+      label="Hari Ini"
+      @click="todayClick"
+    />&nbsp;
+    <NeonButton
+      :is-rounded="true"
+      size="sm"
+      color="dark"
+      icon-left="plus"
+      label="Besok"
+      @click="tomorrowClick"
+    />
+  </div>
+</template>
+
+<style scoped></style>

package/build/@office/models/personalia/progress/elements/ProgressNoteButton.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import { NeonButton } from '@neon.id/interfaces'
+import { useRouter } from 'vue-router'
+
+defineOptions({ name: 'ProgressNoteButton' })
+
+const router = useRouter()
+
+const noteClick = () => {
+  router.push('/penugasan/notes/new')
+}
+</script>
+
+<template>
+  <div class="flex flex-wrap">
+    <NeonButton
+      :is-rounded="true"
+      size="sm"
+      color="dark"
+      icon-left="plus"
+      label="Catatan"
+      @click="noteClick"
+    />
+  </div>
+</template>
+
+<style scoped></style>

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

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

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

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

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

@@ -0,0 +1,6 @@
+export { default as ProgressTomorrow } from './ProgressTomorrow.vue';
+export { default as ProgressYesterday } from './ProgressYesterday.vue';
+export { default as ProgressNote } from './ProgressNote.vue';
+export * from './ProgressCollection';
+export * from './ProgressSingle';
+export * from './elements';

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

@@ -0,0 +1,6 @@
+export { default as ProgressTomorrow } from "./ProgressTomorrow.vue";
+export { default as ProgressYesterday } from "./ProgressYesterday.vue";
+export { default as ProgressNote } from "./ProgressNote.vue";
+export * from "./ProgressCollection/index.mjs";
+export * from "./ProgressSingle/index.mjs";
+export * from "./elements/index.mjs";

package/build/@office/models/personalia/progress/sections/ProgressNoteTab/ProgressNoteTab.vue

@@ -0,0 +1,43 @@
+<script setup lang="ts">
+import { CatatPaperPad } from '@neon.id/catat-interfaces'
+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 {
+  TPersonaliaProgressModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+
+defineOptions({ name: 'ProgressNoteTab' })
+
+const { appId } = useApp()
+const { isNew, isReady, isLoading, id, values } = useSingle<
+  Schema.Progress,
+  TPersonaliaProgressModel
+>()
+
+const paperObject = computed<NDefinition.ObjectDef>(
+  () => `neu:operasional:progress:${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/progress/sections/ProgressNoteTab/index.d.ts

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

package/build/@office/models/personalia/progress/sections/ProgressNoteTab/index.mjs

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

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

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

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

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

package/build/@office/models/personalia/progressAccess/ProgressAccessCollection/ProgressAccessCollection.stories.d.ts

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

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

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

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import { NeonCollection, useCollection } from '@neon.id/context'
+import { OfficeCollectionTable } from '@neon.id/office'
+import type {
+  TPersonaliaProgressAccessModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+
+defineOptions({
+  name: 'ProgressAccessCollection',
+})
+
+const { resource } = useCollection<
+  Schema.ProgressAccess,
+  TPersonaliaProgressAccessModel
+>()
+</script>
+
+<template>
+  <NeonCollection class="neu-progress-access-collection">
+    <OfficeCollectionTable />
+  </NeonCollection>
+</template>
+
+<style scoped></style>

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

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

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

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

package/build/@office/models/personalia/progressAccess/ProgressAccessSingle/ProgressAccessSingle.stories.d.ts

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

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

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

@@ -0,0 +1,47 @@
+<script setup lang="ts">
+import { NeonSingle, useSingle } from '@neon.id/context'
+import { NeonForm } from '@neon.id/form'
+import { OfficeRelation, OfficeTab, OfficeTabs } from '@neon.id/office'
+import type {
+  TPersonaliaProgressAccessModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+
+const {
+  fields,
+  initialValues,
+  values,
+  isLoading,
+  isChanged,
+  isMain,
+  saveOne,
+  discardChanges,
+} = useSingle<Schema.ProgressAccess, TPersonaliaProgressAccessModel>()
+</script>
+
+<template>
+  <NeonSingle class="neu-progress-access-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="saveOne"
+        >
+          <OfficeRelation v-model="values" :field="fields.superviseStaff" />
+          <OfficeRelation v-model="values" :field="fields.supervisedStaffs" />
+        </NeonForm>
+      </OfficeTab>
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+
+<style scoped>
+.neu-progress-access-single {
+  @apply block;
+}
+</style>

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

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

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

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

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

@@ -0,0 +1,55 @@
+<script setup lang="ts">
+import { NeonSingle, useSingle } from '@neon.id/context'
+import { NeonForm } from '@neon.id/form'
+import { OfficeRelation, OfficeTab, OfficeTabs } from '@neon.id/office'
+import type {
+  TPersonaliaProgressAccessModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+
+const {
+  fields,
+  initialValues,
+  values,
+  isLoading,
+  isChanged,
+  isMain,
+  saveOne,
+  discardChanges,
+} = useSingle<Schema.ProgressAccess, TPersonaliaProgressAccessModel>()
+</script>
+
+<template>
+  <NeonSingle class="neu-progress-access-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="saveOne"
+        >
+          <OfficeRelation
+            v-model="values"
+            :field="fields.superviseStaff"
+            is-disabled
+          />
+          <OfficeRelation
+            v-model="values"
+            :field="fields.supervisedStaffs"
+            is-disabled
+          />
+        </NeonForm>
+      </OfficeTab>
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+
+<style scoped>
+.neu-progress-access-single {
+  @apply block;
+}
+</style>

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

@@ -0,0 +1,3 @@
+export { default as ProgressAccessSupervisor } from './ProgressAccessSupervisor.vue';
+export * from './ProgressAccessCollection';
+export * from './ProgressAccessSingle';