@neutron.co.id/operasional-interfaces 1.17.30 → 1.17.32

package/build/@office/config.mjs

@@ -100,6 +100,9 @@ export const config = OfficeInterfaces.define({
         "SubmissionSupervisor",
         "SubmissionWaitingDecision",
         "SubmissionForDecision",
+        "SubmissionAction",
+        "SubmissionActionDecision",
+        "SubmissionNoteModal",
         // Submission Type
         "SubmissionTypeCollection",
         "SubmissionTypeSingle",

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

@@ -0,0 +1,313 @@
+<script setup lang="ts">
+import { useSingle } from '@neon.id/context'
+import {
+  NeonButton,
+  NeonLabel,
+  NeonModal,
+  NeonModalDialog,
+  useToastStore,
+} from '@neon.id/interfaces'
+import type {
+  TPersonaliaSubmissionModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+import { computed, onMounted, ref, watch } from 'vue'
+import { ofetch } from 'ofetch'
+import SubmissionNoteModal from '../SubmissionNoteModal/SubmissionNoteModal.vue'
+import SubmissionNoteViewModal from '../SubmissionNoteModal/SubmissionNoteViewModal.vue'
+import { apiUrl, useOperasional } from '../../../../common'
+
+defineOptions({ name: 'SubmissionAction' })
+
+const { isNew, values, id, isLoading } = useSingle<
+  Schema.Submission,
+  TPersonaliaSubmissionModel
+>()
+
+const toast = useToastStore()
+
+const staff = useOperasional()
+const isDirector = computed(() => {
+  const staffRoles = staff.staff.value?.user?.roles?.map((item) => item.handle)
+  if (
+    staffRoles?.includes('neu:pengambilKeputusan') ||
+    staffRoles?.includes('neu:pimpinan')
+  ) {
+    return true
+  }
+
+  return false
+})
+
+const actions = {
+  prepared: {
+    iconLeft: 'pen-line',
+    label: 'Disiapkan',
+    color: 'base',
+  },
+  raised: {
+    iconLeft: 'arrow-up-from-line',
+    label: 'Dinaikkan',
+    color: 'dark',
+  },
+  waitForAudit: {
+    label: 'Menunggu Pengawas Lain',
+    color: '#57452fff',
+    iconLeft: 'hourglass',
+  },
+  processed: {
+    iconLeft: 'spinner',
+    label: 'Diproses',
+    color: 'warning',
+  },
+  delay: {
+    iconLeft: 'circle-stop',
+    label: 'Ditunda',
+    color: 'danger',
+  },
+  approved: {
+    iconLeft: 'list-check',
+    label: 'Disetujui',
+    color: 'success',
+  },
+  monitored: {
+    iconLeft: 'binoculars',
+    label: 'Dipantau',
+    color: 'info',
+  },
+  discontinued: {
+    iconLeft: 'ban',
+    label: 'Dihentikan',
+    color: 'danger',
+  },
+  resolved: {
+    iconLeft: 'file-check',
+    label: 'Diselesaikan',
+    color: 'success',
+  },
+} as Record<string, any>
+
+const status = computed(() => actions[values.value?.status || ''])
+
+const isModalOpen = ref(false)
+const isGetLoading = ref(false)
+const isViewModalOpen = ref(false)
+
+const officeAppUrl = computed(() => {
+  const url = apiUrl()
+  return url.action
+})
+
+interface SubmissionNoteOwner {
+  id: string
+  name: string
+}
+
+interface SubmissionNote {
+  id: string
+  note: string
+  owner: SubmissionNoteOwner
+}
+
+const submissionNote = ref('')
+const submissionNotes = ref<SubmissionNote[]>([])
+const isSaving = ref(false)
+
+async function getSubmissionNote() {
+  if (!values.value?.id) return
+  isGetLoading.value = true
+  const result = await ofetch(`${officeAppUrl.value}/getSubmissionNotes`, {
+    method: 'POST',
+    headers: {
+      'X-Neon-Key': 'YE96OWDFNY',
+    },
+    body: {
+      submissionId: values.value?.id,
+      ownerId: staff.staff.value?.id,
+    },
+  })
+  submissionNote.value = result?.data?.[0]?.note ?? ''
+  isGetLoading.value = false
+}
+
+async function getSubmissionNotes() {
+  if (!values.value?.id) return
+  isGetLoading.value = true
+  const result = await ofetch(`${officeAppUrl.value}/getSubmissionNotes`, {
+    method: 'POST',
+    headers: {
+      'X-Neon-Key': 'YE96OWDFNY',
+    },
+    body: {
+      submissionId: values.value?.id,
+    },
+  })
+  submissionNotes.value = result?.data ?? []
+  isGetLoading.value = false
+}
+
+async function createNote(note: string) {
+  if (!note || !values.value?.id) {
+    console.warn('note or submissionId is empty')
+    return
+  }
+
+  isSaving.value = true
+
+  try {
+    const result = await ofetch(`${officeAppUrl.value}/createSubmissionNote`, {
+      method: 'POST',
+      headers: {
+        'X-Neon-Key': 'YE96OWDFNY',
+      },
+      body: {
+        submissionId: values.value.id,
+        ownerId: staff.staff.value?.id,
+        note,
+      },
+    })
+
+    if (result.state === 'createSubmissionNoteSuccess') {
+      toast.push({
+        id: 'create:note',
+        content: 'Successfully created note.',
+        color: 'success',
+        duration: 5000,
+      })
+    }
+
+    submissionNote.value = note
+  } catch (err: any) {
+    const errorMessage = err?.data?.message
+    toast.push({
+      id: 'create:note',
+      content: errorMessage || 'Failed to create note.',
+      color: 'danger',
+      duration: 5000,
+    })
+  } finally {
+    isSaving.value = false
+    isModalOpen.value = false
+  }
+}
+
+watch(isModalOpen, async (newValue) => {
+  if (newValue) {
+    await getSubmissionNote()
+  }
+})
+
+watch(isViewModalOpen, async (newValue) => {
+  if (newValue) {
+    await getSubmissionNotes()
+  }
+})
+
+const hasFetched = ref(false)
+
+watch(
+  [isLoading, id],
+  async ([loading, idVal]) => {
+    if (!loading && idVal != null && !hasFetched.value) {
+      hasFetched.value = true
+      await getSubmissionNote()
+    }
+  },
+  { immediate: true },
+)
+</script>
+
+<template>
+  <div class="submission-single-actions">
+    <NeonLabel
+      :text="status?.label"
+      :color="status?.color"
+      :icon="status?.iconLeft"
+      :is-loading="isGetLoading && isLoading"
+      is-rounded
+    />
+
+    <div class="uji-problem-import">
+      <NeonButton
+        v-if="!isDirector"
+        :label="
+          submissionNote !== ''
+            ? 'Lihat atau Edit Catatan Pengawas'
+            : 'Tambah Catatan Pengawas'
+        "
+        size="xs"
+        display="fill"
+        color="danger"
+        is-rounded
+        is-squared-mobile
+        :is-loading="isGetLoading"
+        @click="isModalOpen = true"
+      />
+      <NeonButton
+        v-if="isDirector"
+        label="Lihat Catatan dari Pengawas"
+        size="xs"
+        display="outline"
+        is-rounded
+        is-squared-mobile
+        :is-loading="isGetLoading"
+        @click="isViewModalOpen = true"
+      />
+    </div>
+
+    <SubmissionNoteModal
+      :is-active="isModalOpen"
+      :submission-id="values?.id || ''"
+      :note="submissionNote"
+      :is-saving="isSaving"
+      :is-disabled="
+        values.status === 'processed' ||
+        values.status === 'waitForAudit' ||
+        values.status === 'approved' ||
+        values.status === 'delay' ||
+        values.status === 'monitored' ||
+        values.status === 'discontinued' ||
+        values.status === 'resolved' ||
+        isLoading ||
+        isGetLoading
+      "
+      @save="createNote"
+      @close="isModalOpen = false"
+    />
+    <SubmissionNoteViewModal
+      :is-active="isViewModalOpen"
+      :submission-id="values?.id || ''"
+      :notes="submissionNotes"
+      @close="isViewModalOpen = false"
+    />
+  </div>
+</template>
+
+<style scoped>
+.submission-single-actions {
+  @apply flex flex-row items-center space-x-1 mr-1;
+
+  .publication {
+    @apply flex items-center;
+    @apply rounded-xl;
+
+    .neon-label {
+      @apply pointer-events-none rounded-none;
+    }
+
+    .neon-label:first-child {
+      @apply rounded-l-xl;
+    }
+
+    .neon-label:last-child {
+      @apply rounded-r-xl;
+    }
+  }
+}
+</style>
+
+<style>
+.neon-modal-problem-importer {
+  @apply p-4;
+}
+</style>

package/build/@office/models/personalia/submission/SubmissionAction/SubmissionActionDecision.vue

@@ -0,0 +1,189 @@
+<script setup lang="ts">
+import { useSingle } from '@neon.id/context'
+import { NeonButton } from '@neon.id/interfaces'
+import type {
+  TPersonaliaSubmissionModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+import { computed, onMounted, ref, watch } from 'vue'
+import { ofetch } from 'ofetch'
+import SubmissionNoteViewModal from '../SubmissionNoteModal/SubmissionNoteViewModal.vue'
+import { apiUrl, useOperasional } from '../../../../common'
+import { useRoute } from 'vue-router'
+
+defineOptions({ name: 'SubmissionActionDecision' })
+
+const { isNew, id, values, isChanged, isLoading, executeOne, syncOne } =
+  useSingle<Schema.Submission, TPersonaliaSubmissionModel>()
+const { staff } = useOperasional()
+const route = useRoute()
+
+interface SubmissionNoteOwner {
+  id: string
+  name: string
+}
+
+interface SubmissionNote {
+  id: string
+  note: string
+  owner: SubmissionNoteOwner
+}
+
+const submissionNotes = ref<SubmissionNote[]>([])
+
+const isDelayDisabled = computed(() => {
+  return (
+    isNew.value ||
+    isChanged.value ||
+    values.value.status === 'prepared' ||
+    values.value.status === 'raised' ||
+    (values.value.delayStaffIds?.includes(staff.value?.id || '') ?? false)
+  )
+})
+
+const isApproveDisabled = computed(() => {
+  return (
+    isNew.value ||
+    isChanged.value ||
+    values.value.status === 'prepared' ||
+    values.value.status === 'raised' ||
+    (values.value.agreedStaffIds?.includes(staff.value?.id || '') ?? false)
+  )
+})
+
+const isViewModalOpen = ref(false)
+
+const officeAppUrl = computed(() => {
+  const url = apiUrl()
+  return url.action
+})
+
+async function getSubmissionNotes() {
+  if (!values.value?.id && !id) return
+  const result = await ofetch(`${officeAppUrl.value}/getSubmissionNotes`, {
+    method: 'POST',
+    headers: {
+      'X-Neon-Key': 'YE96OWDFNY',
+    },
+    body: {
+      submissionId: values.value?.id || id,
+    },
+  })
+  submissionNotes.value = result?.data ?? []
+}
+
+watch(isViewModalOpen, async (newValue) => {
+  if (newValue) {
+    await getSubmissionNotes()
+  }
+})
+
+const goBack = () => {
+  window.location.reload()
+}
+
+const syncDelay = async () => {
+  await executeOne('delaySubmission', {
+    submissionId: id.value,
+    staffId: staff.value?.id,
+  })
+  await syncOne()
+  goBack()
+}
+
+const syncApproved = async () => {
+  await executeOne('approvedSubmission', {
+    submissionId: id.value,
+    staffId: staff.value?.id,
+  })
+  await syncOne()
+  goBack()
+}
+
+const hasFetched = ref(false)
+
+watch(
+  [isLoading, id],
+  async ([loading, idVal]) => {
+    if (!loading && idVal != null && !hasFetched.value) {
+      hasFetched.value = true
+      await getSubmissionNotes()
+    }
+  },
+  { immediate: true },
+)
+</script>
+
+<template>
+  <div class="submission-single-actions">
+    <NeonButton
+      label="Disetujui"
+      size="xs"
+      display="outline"
+      color="success"
+      icon-left="list-check"
+      is-rounded
+      :is-loading="isLoading"
+      :is-disabled="isApproveDisabled"
+      @click="syncApproved"
+    />
+    <NeonButton
+      label="Ditunda"
+      size="xs"
+      display="outline"
+      color="danger"
+      icon-left="circle-stop"
+      is-rounded
+      :is-loading="isLoading"
+      :is-disabled="isDelayDisabled"
+      @click="syncDelay"
+    />
+    <NeonButton
+      label="Lihat Catatan dari Pengawas"
+      size="xs"
+      display="outline"
+      color="danger"
+      is-rounded
+      is-squared-mobile
+      :is-disabled="submissionNotes.length === 0"
+      :is-loading="isLoading"
+      @click="isViewModalOpen = true"
+    />
+
+    <SubmissionNoteViewModal
+      :is-active="isViewModalOpen"
+      :submission-id="values?.id || ''"
+      :notes="submissionNotes"
+      @close="isViewModalOpen = false"
+    />
+  </div>
+</template>
+
+<style scoped>
+.submission-single-actions {
+  @apply flex flex-row items-center space-x-1 mr-1;
+
+  .publication {
+    @apply flex items-center;
+    @apply rounded-xl;
+
+    .neon-label {
+      @apply pointer-events-none rounded-none;
+    }
+
+    .neon-label:first-child {
+      @apply rounded-l-xl;
+    }
+
+    .neon-label:last-child {
+      @apply rounded-r-xl;
+    }
+  }
+}
+</style>
+
+<style>
+.neon-modal-problem-importer {
+  @apply p-4;
+}
+</style>

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

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

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

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