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

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

@@ -0,0 +1,505 @@
+<script setup lang="ts">
+import { NeonSingle, useSingle } from '@neon.id/context'
+import { NeonField, NeonFields, NeonForm } from '@neon.id/form'
+import { NeonButton, NeonDivider } 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 {
+  TPersonaliaSubmissionModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+import { SubmissionDetailTab, SubmissionDocumentTab } from './sections'
+
+const {
+  fields,
+  id,
+  initialValues,
+  values,
+  isLoading,
+  isChanged,
+  isReady,
+  isMain,
+  isNew,
+  syncOne,
+  saveOne,
+  discardChanges,
+  executeOne,
+} = useSingle<Schema.Submission, TPersonaliaSubmissionModel>()
+
+const { staff } = useOperasional()
+
+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 roleRaiseStaffOptions = 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 syncDelay = async () => {
+  await executeOne('delaySubmission', {
+    submissionId: id.value,
+    staffId: staff.value?.id,
+  })
+  await syncOne()
+  window.location.href = '/pengajuan/waiting-decision-submission'
+}
+
+const syncApproved = async () => {
+  await executeOne('approvedSubmission', {
+    submissionId: id.value,
+    staffId: staff.value?.id,
+  })
+  await syncOne()
+  window.location.href = '/pengajuan/waiting-decision-submission'
+}
+
+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>
+
+<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="danger"
+                    icon-left="circle-stop"
+                    :is-disabled="
+                      isNew ||
+                      isChanged ||
+                      values.status === 'prepared' ||
+                      values.status === 'raised' ||
+                      values.delayStaffIds?.includes(staff?.id || '')
+                        ? true
+                        : false
+                    "
+                    @click="syncDelay"
+                    >Ditunda</NeonButton
+                  >
+                </template>
+              </NeonField>
+            </div>
+            &nbsp;&nbsp;
+            <div class="mt-2">
+              <NeonField v-if="isReady">
+                <template #input>
+                  <NeonButton
+                    size="md"
+                    color="success"
+                    icon-left="list-check"
+                    :is-disabled="
+                      isNew ||
+                      isChanged ||
+                      values.status === 'prepared' ||
+                      values.status === 'raised' ||
+                      values.agreedStaffIds?.includes(staff?.id || '')
+                        ? true
+                        : false
+                    "
+                    @click="syncApproved"
+                    >Disetujui</NeonButton
+                  >
+                </template>
+              </NeonField>
+            </div>
+          </div>
+
+          <NeonField
+            v-model="values.title"
+            v-bind="fields.title"
+            :is-disabled="
+              values.status === 'raised' ||
+              values.status === 'processed' ||
+              values.status === 'delay' ||
+              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 === 'raised' ||
+              values.status === 'processed' ||
+              values.status === 'delay' ||
+              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 === 'raised' ||
+                values.status === 'processed' ||
+                values.status === 'delay' ||
+                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 === 'raised' ||
+                values.status === 'processed' ||
+                values.status === 'delay' ||
+                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 === 'raised' ||
+                    values.status === 'processed' ||
+                    values.status === 'delay' ||
+                    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="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(roleRaiseStaffOptions)"
+                  :is-disabled="
+                    values.status === 'raised' ||
+                    values.status === 'processed' ||
+                    values.status === 'delay' ||
+                    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="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 === 'raised' ||
+                    values.status === 'processed' ||
+                    values.status === 'delay' ||
+                    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.specifications"
+            v-bind="fields.specifications"
+            :is-disabled="
+              values.status === 'raised' ||
+              values.status === 'processed' ||
+              values.status === 'delay' ||
+              values.status === 'approved' ||
+              values.status === 'monitored' ||
+              values.status === 'discontinued' ||
+              values.status === 'resolved'
+            "
+          /> -->
+
+          <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 === 'raised' ||
+              values.status === 'processed' ||
+              values.status === 'delay' ||
+              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>
+
+      <!-- DETAIL -->
+      <SubmissionDetailTab />
+
+      <!-- DOKUMEN -->
+      <SubmissionDocumentTab
+        toolbar="side"
+        :is-readonly="
+          values.status === 'raised' ||
+          values.status === 'delay' ||
+          values.status === 'approved' ||
+          values.status === 'monitored' ||
+          values.status === 'discontinued' ||
+          values.status === 'resolved'
+        "
+      />
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+
+<style scoped>
+.neu-submission-single {
+  @apply block;
+}
+</style>

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

@@ -0,0 +1,8 @@
+export { default as SubmissionStaff } from './SubmissionStaff.vue';
+export { default as SubmissionFollowUp } from './SubmissionFollowUp.vue';
+export { default as SubmissionAudit } from './SubmissionAudit.vue';
+export { default as SubmissionDecision } from './SubmissionDecision.vue';
+export { default as SubmissionWaitingDecision } from './SubmissionWaitingDecision.vue';
+export { default as SubmissionSupervisor } from './SubmissionSupervisor.vue';
+export * from './SubmissionCollection';
+export * from './SubmissionSingle';

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

@@ -0,0 +1,8 @@
+export { default as SubmissionStaff } from "./SubmissionStaff.vue";
+export { default as SubmissionFollowUp } from "./SubmissionFollowUp.vue";
+export { default as SubmissionAudit } from "./SubmissionAudit.vue";
+export { default as SubmissionDecision } from "./SubmissionDecision.vue";
+export { default as SubmissionWaitingDecision } from "./SubmissionWaitingDecision.vue";
+export { default as SubmissionSupervisor } from "./SubmissionSupervisor.vue";
+export * from "./SubmissionCollection/index.mjs";
+export * from "./SubmissionSingle/index.mjs";

package/build/@office/models/personalia/submission/sections/SubmissionDetailTab/SubmissionDetailTab.vue

@@ -0,0 +1,53 @@
+<script setup lang="ts">
+import { useSingle } from '@neon.id/context'
+import { NeonField, NeonForm } from '@neon.id/form'
+import { OfficeTab } from '@neon.id/office'
+import type {
+  TPersonaliaSubmissionModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+
+defineOptions({ name: 'SubmissionDetailTab' })
+
+const {
+  fields,
+  id,
+  initialValues,
+  values,
+  isLoading,
+  isChanged,
+  isReady,
+  isMain,
+  isNew,
+  saveOne,
+  discardChanges,
+} = useSingle<Schema.Submission, TPersonaliaSubmissionModel>()
+</script>
+
+<template>
+  <OfficeTab v-if="!isNew" handle="detail" icon="circle-info" title="Detail">
+    <NeonForm
+      handle="detail"
+      :initial-values="initialValues"
+      :is-loading="isLoading"
+      :is-changed="isChanged"
+      use-unsaved
+      @cancel="discardChanges"
+      @submit="saveOne"
+    >
+      <NeonField v-model="values.detailRaise" v-bind="fields.detailRaise" />
+      <NeonField v-model="values.detailProcess" v-bind="fields.detailProcess" />
+      <NeonField v-model="values.detailDecide" v-bind="fields.detailDecide" />
+      <NeonField
+        v-model="values.detailDecideOther"
+        v-bind="fields.detailDecideOther"
+      />
+    </NeonForm>
+  </OfficeTab>
+</template>
+
+<style scoped>
+.neu-submission-single {
+  @apply block;
+}
+</style>

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

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

package/build/@office/models/personalia/submission/sections/SubmissionDetailTab/index.mjs

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

package/build/@office/models/personalia/submission/sections/SubmissionDocumentTab/SubmissionDocumentTab.vue

@@ -0,0 +1,57 @@
+<script setup lang="ts">
+import { CatatSketchPad } 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 type { PropType } from 'vue'
+import { computed } from 'vue'
+import type {
+  TPersonaliaSubmissionModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+
+defineOptions({ name: 'SubmissionDocumentTab' })
+
+defineProps({
+  isReadonly: {
+    type: Boolean,
+    default: false,
+  },
+  toolbar: {
+    type: String as PropType<'bottom' | 'top' | 'side'>,
+    default: '',
+  },
+})
+
+const { appId } = useApp()
+const { isNew, isReady, isLoading, id, values } = useSingle<
+  Schema.Submission,
+  TPersonaliaSubmissionModel
+>()
+
+const sketchObject = computed<NDefinition.ObjectDef>(
+  () => `neu:operasional:submission:${id.value}:office`,
+)
+</script>
+
+<template>
+  <OfficeTab
+    v-slot="{ isTouched }"
+    :is-hidden="isNew || !isReady"
+    handle="dokumen"
+    icon="circle-info"
+    title="Dokumen"
+  >
+    <CatatSketchPad
+      :application-id="appId"
+      :object="sketchObject"
+      :use-pages="false"
+      :is-ready="isReady && isTouched"
+      :is-loading="isLoading"
+      :is-readonly="isReadonly"
+      :toolbar="toolbar"
+    />
+  </OfficeTab>
+</template>
+
+<style scoped></style>

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

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

package/build/@office/models/personalia/submission/sections/SubmissionDocumentTab/index.mjs

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

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

@@ -0,0 +1,2 @@
+export * from './SubmissionDocumentTab';
+export * from './SubmissionDetailTab';

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

@@ -0,0 +1,2 @@
+export * from "./SubmissionDocumentTab/index.mjs";
+export * from "./SubmissionDetailTab/index.mjs";

package/build/@office/models/personalia/submissionType/SubmissionTypeCollection/SubmissionTypeCollection.stories.d.ts

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