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

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

@@ -0,0 +1,276 @@
+<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,
+  id,
+  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 setDefaultSchedule() {
+  const today = DateUtil.day()
+  const startedAt = today.second(0).millisecond(0)
+  const endedAt = startedAt.add(90, 'minute')
+
+  key.value++
+}
+
+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/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";