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

package/build/@office/models/personalia/submission/SubmissionAudit.vue

@@ -0,0 +1,624 @@
+<template>
+  <NeonSingle class="neu-submission-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"
+        >
+          <div class="flex flex-wrap">
+            <div class="mt-2">
+              <NeonField v-if="isReady">
+                <template #input>
+                  <NeonButton
+                    size="md"
+                    color="success"
+                    icon-left="file-check"
+                    :is-disabled="
+                      isNew ||
+                      isChanged ||
+                      values.status === 'prepared' ||
+                      values.status === 'raised' ||
+                      values.status === 'processed' ||
+                      values.status === 'delay' ||
+                      values.status === 'resolved'
+                    "
+                    @click="syncResolved"
+                    >Diselesaikan</NeonButton
+                  >
+                </template>
+              </NeonField>
+            </div>
+            &nbsp;&nbsp;
+            <div class="mt-2">
+              <NeonField v-if="isReady">
+                <template #input>
+                  <NeonButton
+                    size="md"
+                    color="danger"
+                    icon-left="ban"
+                    :is-disabled="
+                      isNew ||
+                      isChanged ||
+                      values.status === 'prepared' ||
+                      values.status === 'raised' ||
+                      values.status === 'processed' ||
+                      values.status === 'delay' ||
+                      values.status === 'discontinued'
+                    "
+                    @click="syncDiscontinued"
+                    >Dihentikan</NeonButton
+                  >
+                </template>
+              </NeonField>
+            </div>
+            &nbsp;&nbsp;
+            <div class="mt-2">
+              <NeonField v-if="isReady">
+                <template #input>
+                  <NeonButton
+                    size="md"
+                    color="info"
+                    icon-left="binoculars"
+                    :is-disabled="
+                      isNew ||
+                      isChanged ||
+                      values.status === 'prepared' ||
+                      values.status === 'raised' ||
+                      values.status === 'processed' ||
+                      values.status === 'delay' ||
+                      values.status === 'monitored'
+                    "
+                    @click="syncMonitored"
+                    >Dipantau</NeonButton
+                  >
+                </template>
+              </NeonField>
+            </div>
+            &nbsp;&nbsp;
+            <div class="mt-2">
+              <NeonField v-if="isReady">
+                <template #input>
+                  <NeonButton
+                    size="md"
+                    color="warning"
+                    icon-left="spinner"
+                    :is-disabled="
+                      isNew ||
+                      isChanged ||
+                      values.status === 'prepared' ||
+                      values.status === 'processed' ||
+                      values.status === 'approved' ||
+                      values.status === 'monitored' ||
+                      values.status === 'discontinued' ||
+                      values.status === 'resolved' ||
+                      (values.status !== 'delay' &&
+                        values.hasProcessStaffIds?.includes(staff?.id || ''))
+                        ? true
+                        : false
+                    "
+                    @click="syncProcessed"
+                    >Diproses</NeonButton
+                  >
+                </template>
+              </NeonField>
+            </div>
+            &nbsp;&nbsp;
+            <div class="mt-2">
+              <NeonField v-if="isReady">
+                <template #input>
+                  <NeonButton
+                    size="md"
+                    color="#DD9F00"
+                    icon-left="turn-down"
+                    :is-disabled="
+                      isNew ||
+                      isChanged ||
+                      values.status === 'prepared' ||
+                      values.status === 'resolved'
+                    "
+                    @click="syncLowered"
+                    >Diturunkan</NeonButton
+                  >
+                </template>
+              </NeonField>
+            </div>
+          </div>
+
+          <NeonField
+            v-model="values.title"
+            v-bind="fields.title"
+            :is-disabled="
+              values.status === 'processed' ||
+              values.status === 'approved' ||
+              values.status === 'monitored' ||
+              values.status === 'discontinued' ||
+              values.status === 'resolved'
+            "
+          />
+
+          <NeonField
+            v-model="values.nominal"
+            v-bind="fields.nominal"
+            :is-disabled="
+              values.status === 'processed' ||
+              values.status === 'approved' ||
+              values.status === 'monitored' ||
+              values.status === 'discontinued' ||
+              values.status === 'resolved'
+            "
+          />
+
+          <NeonFields md="grid-cols-2">
+            <OfficeRelation
+              v-model="values"
+              :field="fields.branches"
+              :query="Query.define(branchOptions)"
+              :is-disabled="
+                values.status === 'processed' ||
+                values.status === 'approved' ||
+                values.status === 'monitored' ||
+                values.status === 'discontinued' ||
+                values.status === 'resolved'
+              "
+            />
+
+            <OfficeRelation
+              v-model="values"
+              :field="fields.type"
+              :query="Query.define(typeOptions)"
+              :is-disabled="
+                values.status === 'processed' ||
+                values.status === 'approved' ||
+                values.status === 'monitored' ||
+                values.status === 'discontinued' ||
+                values.status === 'resolved'
+              "
+            />
+          </NeonFields>
+
+          <div class="flex items-right">
+            <div class="flex-grow">
+              <NeonFields class="flex-1">
+                <OfficeRelation
+                  v-model="values"
+                  :field="fields.submissionStaffs"
+                  :query="Query.define(submissionStaffOptions)"
+                  :is-disabled="
+                    values.status === 'processed' ||
+                    values.status === 'approved' ||
+                    values.status === 'monitored' ||
+                    values.status === 'discontinued' ||
+                    values.status === 'resolved' ||
+                    values.hasRaiseStaffIds?.length
+                      ? true
+                      : false
+                  "
+                />
+              </NeonFields>
+            </div>
+            <div class="ml-2 flex items-end pb-1">
+              <NeonCopy :size="'sm'" :value="copyStaff.linkStaff" />
+            </div>
+          </div>
+
+          <div class="flex items-right">
+            <div class="flex-grow">
+              <NeonFields class="flex-1">
+                <OfficeRelation
+                  v-model="values"
+                  :field="fields.raiseStaffs"
+                  :query="Query.define(roleStaffOptions)"
+                  :is-disabled="
+                    values.status === 'processed' ||
+                    values.status === 'approved' ||
+                    values.status === 'monitored' ||
+                    values.status === 'discontinued' ||
+                    values.status === 'resolved' ||
+                    values.hasProcessStaffIds?.length
+                      ? true
+                      : false
+                  "
+                />
+              </NeonFields>
+            </div>
+            <div class="ml-2 flex items-end pb-1">
+              <NeonCopy :size="'sm'" :value="copyRaise.linkAudit" />
+            </div>
+          </div>
+
+          <div class="flex items-right">
+            <div class="flex-grow">
+              <NeonFields class="flex-1">
+                <OfficeRelation
+                  v-model="values"
+                  :field="fields.decideStaffs"
+                  :query="Query.define(roleDecideStaffOptions)"
+                  :is-disabled="
+                    values.status === 'processed' ||
+                    values.status === 'approved' ||
+                    values.status === 'monitored' ||
+                    values.status === 'discontinued' ||
+                    values.status === 'resolved'
+                  "
+                />
+              </NeonFields>
+            </div>
+            <div class="ml-2 flex items-end pb-1">
+              <NeonCopy :size="'sm'" :value="copyDecision.linkDecision" />
+            </div>
+          </div>
+
+          <div class="flex items-right">
+            <div class="flex-grow">
+              <NeonFields class="flex-1">
+                <OfficeRelation
+                  v-model="values"
+                  :field="fields.followUpStaffs"
+                />
+              </NeonFields>
+            </div>
+            <div class="ml-2 flex items-end pb-1">
+              <NeonCopy :size="'sm'" :value="copyFollowup.linkFollowup" />
+            </div>
+          </div>
+
+          <NeonField
+            v-model="values.preparedAt"
+            v-bind="fields.preparedAt"
+            is-disabled
+          />
+
+          <NeonField
+            v-model="values.raisedAt"
+            v-bind="fields.raisedAt"
+            is-disabled
+          />
+
+          <NeonField
+            v-model="values.processedAt"
+            v-bind="fields.processedAt"
+            is-disabled
+          />
+
+          <NeonDivider is-dashed label="Spesifikasi" />
+
+          <NeonField
+            v-model="values.workingHours"
+            v-bind="fields.workingHours"
+            :is-disabled="
+              values.status === 'processed' ||
+              values.status === 'approved' ||
+              values.status === 'monitored' ||
+              values.status === 'discontinued' ||
+              values.status === 'resolved'
+            "
+          />
+
+          <NeonDivider is-dashed label="Menaikkan" />
+
+          <NeonFields md="grid-cols-2">
+            <OfficeRelation
+              v-model="values"
+              :field="fields.hasRaiseStaffs"
+              is-disabled
+            />
+            <OfficeRelation
+              v-model="values"
+              :field="fields.yetRaiseStaffs"
+              is-disabled
+            />
+          </NeonFields>
+
+          <NeonDivider is-dashed label="Memproses" />
+
+          <NeonFields md="grid-cols-2">
+            <OfficeRelation
+              v-model="values"
+              :field="fields.hasProcessStaffs"
+              is-disabled
+            />
+            <OfficeRelation
+              v-model="values"
+              :field="fields.yetProcessStaffs"
+              is-disabled
+            />
+          </NeonFields>
+
+          <NeonDivider is-dashed label="Keputusan" />
+
+          <NeonFields md="grid-cols-2">
+            <OfficeRelation
+              v-model="values"
+              :field="fields.delayStaffs"
+              is-disabled
+            />
+            <OfficeRelation
+              v-model="values"
+              :field="fields.agreedStaffs"
+              is-disabled
+            />
+          </NeonFields>
+        </NeonForm>
+      </OfficeTab>
+
+      <SubmissionDetailTab />
+
+      <!-- DOKUMEN -->
+      <SubmissionDocumentTab
+        toolbar="side"
+        :is-readonly="
+          values.status === 'processed' ||
+          values.status === 'approved' ||
+          values.status === 'monitored' ||
+          values.status === 'discontinued' ||
+          values.status === 'resolved'
+        "
+      />
+
+      <!-- PROGRESS -->
+      <OfficeTab
+        v-if="!isNew"
+        handle="progress"
+        icon="info-circle"
+        title="Progress"
+      >
+        <OfficeCollectionRelated
+          definition="neu:personalia:progress"
+          title="Progress"
+          description="Progress dari tindaklanjut."
+          :query="
+            Query.define({
+              filter: [
+                {
+                  submissionIds: id,
+                },
+              ],
+              sort: {
+                handle: 'startedAt',
+                direction: 'ascending',
+              },
+            })
+          "
+          :is-ready="isReady"
+          :columns="[
+            'startedAt',
+            'endedAt',
+            'detail',
+            'staffs',
+            'virtualIsNotes',
+            'accessStaffs',
+          ]"
+          :sorts="['startedAt', 'startedAt', 'createdAt', 'updatedAt']"
+          :filters="['staff']"
+          :initial-values="{
+            submissionIds: id,
+            submissions: values,
+          }"
+          :excludes="['create']"
+        >
+        </OfficeCollectionRelated>
+      </OfficeTab>
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+
+<script setup lang="ts">
+import { NeonSingle, useSingle, usePermit } from '@neon.id/context'
+import { NeonField, NeonFields, NeonForm } from '@neon.id/form'
+import { NeonButton, NeonDivider, NeonCopy } from '@neon.id/interfaces'
+import {
+  OfficeCollectionRelated,
+  OfficeRelation,
+  OfficeTab,
+  OfficeTabs,
+} from '@neon.id/office'
+import { Query } from '@neon.id/query'
+import { useOperasional } from '../../../common'
+import { computed, watch } from 'vue'
+import { PromiseUtil } from '@neon.id/utils/promise'
+import type {
+  TPersonaliaSubmissionModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+import { SubmissionDetailTab, SubmissionDocumentTab } from './sections'
+import { asyncComputed } from '@vueuse/core'
+const {
+  fields,
+  id,
+  initialValues,
+  values,
+  isLoading,
+  isChanged,
+  isReady,
+  isMain,
+  isNew,
+  syncOne,
+  saveOne,
+  discardChanges,
+  executeOne,
+} = useSingle<Schema.Submission, TPersonaliaSubmissionModel>()
+
+const { staff } = useOperasional()
+const permit = usePermit()
+
+const branchOptions = computed(() => {
+  return {
+    filter: [
+      {
+        handle: '_id',
+        operator: 'in',
+        value: staff.value?.branchIds,
+      },
+    ],
+  }
+})
+
+const typeOptions = computed(() => {
+  return {
+    filter: [
+      {
+        handle: 'branchIds',
+        operator: 'in',
+        value: values.value.branchIds,
+      },
+    ],
+  }
+})
+
+const submissionStaffOptions = computed(() => {
+  return {
+    filter: [
+      {
+        handle: 'branchIds',
+        operator: 'in',
+        value: values.value.branchIds,
+      },
+    ],
+  }
+})
+
+const roleStaffOptions = computed(() => {
+  return {
+    filter: [
+      {
+        handle: 'virtualRoleIds',
+        operator: 'eq',
+        value: '646a42976af710fe3618af9a',
+      },
+    ],
+  }
+})
+
+const roleDecideStaffOptions = computed(() => {
+  return {
+    filter: [
+      {
+        handle: 'virtualRoleIds',
+        operator: 'eq',
+        value: '646a43106af710fe3618afca',
+      },
+    ],
+  }
+})
+
+const staffId = staff.value?.id || ''
+const branchIds = staff.value?.branchIds || []
+const branchDisplay = staff.value?.branches || []
+
+watch(isNew, setDefaultValues, { immediate: true })
+
+async function setDefaultValues() {
+  if (!isNew.value) return
+  await PromiseUtil.wait(500)
+
+  const defaultValues = {
+    submissionStaffIds: [staffId],
+    submissionStaffs: [{ id: staffId, flag: staff.value?.flag }],
+    branchIds: [branchIds[0]],
+    branches: [branchDisplay[0]],
+    preparedAt: new Date().toISOString(),
+  } satisfies Schema.Submission
+
+  values.value.preparedAt = defaultValues.preparedAt
+
+  if (staff?.value?.id) {
+    values.value.submissionStaffIds = defaultValues.submissionStaffIds
+    values.value.submissionStaffs = defaultValues.submissionStaffs
+  }
+
+  if (staff?.value?.branchIds) {
+    values.value.branchIds = defaultValues.branchIds
+    values.value.branches = defaultValues.branches
+  }
+}
+
+const syncResolved = async () => {
+  await executeOne('resolvedSubmission', { submissionId: id.value })
+  await syncOne()
+  window.location.href = `/pengajuan/audit-submission/${id.value}`
+  // window.location.href = `/pengajuan/audit-submission?peek=neu:personalia:submission:${id.value}:single-audit-view:m`
+}
+
+const syncDiscontinued = async () => {
+  await executeOne('discontinuedSubmission', { submissionId: id.value })
+  await syncOne()
+  window.location.href = `/pengajuan/audit-submission/${id.value}`
+  // window.location.href = `/pengajuan/audit-submission?peek=neu:personalia:submission:${id.value}:single-audit-view:m`
+}
+
+const syncMonitored = async () => {
+  await executeOne('monitoredSubmission', { submissionId: id.value })
+  await syncOne()
+  window.location.href = `/pengajuan/audit-submission/${id.value}`
+  // window.location.href = `/pengajuan/audit-submission?peek=neu:personalia:submission:${id.value}:single-audit-view:m`
+}
+
+const syncProcessed = async () => {
+  await executeOne('processedSubmission', {
+    submissionId: id.value,
+    staffId: staff.value?.id,
+  })
+  await syncOne()
+  window.location.href = `/pengajuan/audit-submission/${id.value}`
+  // `/pengajuan/audit-submission?peek=neu:personalia:submission:${id.value}:single-audit-view:m`
+}
+
+const syncLowered = async () => {
+  await executeOne('loweredSubmission', {
+    submissionId: id.value,
+    staffId: staff.value?.id,
+  })
+  await syncOne()
+  window.location.href = `/pengajuan/audit-submission/${id.value}`
+  // window.location.href = `/pengajuan/audit-submission?peek=neu:personalia:submission:${id.value}:single-audit-view:m`
+}
+
+const copyStaff = computed(() => {
+  executeOne('', { submissionId: id.value })
+  const linkStaff = `${window.location.origin}/pengajuan/staff-submission/${id.value}`
+
+  return {
+    icon: 'brands:link',
+    linkStaff,
+  }
+})
+
+const copyDecision = computed(() => {
+  executeOne('', { submissionId: id.value })
+  const linkDecision = `${window.location.origin}/pengajuan/decision-submission/${id.value}`
+  return {
+    icon: 'brands:link',
+    linkDecision,
+  }
+})
+
+const copyRaise = computed(() => {
+  executeOne('', { submissionId: id.value })
+  const linkAudit = `${window.location.origin}/pengajuan/audit-submission/${id.value}`
+  return {
+    icon: 'brands:link',
+    linkAudit,
+  }
+})
+
+const copyFollowup = computed(() => {
+  executeOne('', { submissionId: id.value })
+  const linkFollowup = `${window.location.origin}/pengajuan/follow-up-submission/${id.value}`
+  return {
+    icon: 'brands:link',
+    linkFollowup,
+  }
+})
+</script>
+
+<style scoped>
+.neu-submission-single {
+  @apply block;
+}
+</style>

package/build/@office/models/personalia/submission/SubmissionCollection/SubmissionCollection.stories.d.ts

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

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

package/build/@office/models/personalia/submission/SubmissionCollection/SubmissionCollection.vue

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

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

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

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

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