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

package/build/@office/models/personalia/task/TaskCollection/index.mjs

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

package/build/@office/models/personalia/task/TaskSingle/TaskSingle.stories.d.ts

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

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

package/build/@office/models/personalia/task/TaskSingle/TaskSingle.vue

@@ -0,0 +1,337 @@
+<script setup lang="ts">
+import { useSingle, NeonSingle, usePermit } from '@neon.id/context'
+import { NeonField, NeonFields, NeonForm } from '@neon.id/form'
+import {
+  OfficeCollectionRelated,
+  OfficeRelation,
+  OfficeTab,
+  OfficeTabs,
+} from '@neon.id/office'
+import { NeonAlert, NeonButton, NeonDivider } from '@neon.id/interfaces'
+import { PromiseUtil } from '@neon.id/utils/promise'
+import { computed, watch, ref } from 'vue'
+import { Query } from '@neon.id/query'
+import type {
+  TPersonaliaTaskModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+import { useOperasional } from '../../../../common/providers/operasional'
+
+const {
+  fields,
+  id,
+  initialValues,
+  values,
+  isNew,
+  isLoading,
+  isChanged,
+  isReady,
+  isMain,
+  saveOne,
+  discardChanges,
+  syncOne,
+  executeOne,
+} = useSingle<Schema.Task, TPersonaliaTaskModel>()
+
+const permit = usePermit()
+
+const { staff } = useOperasional()
+
+const staffId = staff.value?.id || ''
+
+watch(isNew, setDefaultValues, { immediate: true })
+
+async function setDefaultValues() {
+  if (!isNew.value) return
+  await PromiseUtil.wait(500)
+
+  const defaultValues = {
+    doingAssignmentIds: [staffId],
+    doingAssignments: [{ id: staffId, flag: staff.value?.flag }],
+    givingAssignmentIds: [staffId],
+    giveAssignments: [{ id: staffId, flag: staff.value?.flag }],
+  } satisfies Schema.Task
+
+  values.value.doingAssignmentIds = defaultValues.doingAssignmentIds
+  values.value.doingAssignments = defaultValues.doingAssignments
+  values.value.givingAssignmentIds = defaultValues.givingAssignmentIds
+  values.value.giveAssignments = defaultValues.giveAssignments
+}
+
+const submissionOptions = computed(() => {
+  return {
+    filter: [
+      {
+        handle: 'status',
+        operator: 'in',
+        value: ['approved', 'monitored'],
+      },
+      {
+        $or: [
+          {
+            handle: 'followUpStaffIds',
+            operator: 'in',
+            value: values.value.doingAssignmentIds,
+          },
+          {
+            handle: 'submissionStaffIds',
+            operator: 'in',
+            value: values.value.doingAssignmentIds,
+          },
+        ],
+      },
+    ],
+  }
+})
+
+const isDeleted = ref(false)
+const syncDeleteTask = async () => {
+  const resp = await executeOne('deleteTask', {
+    taskId: id.value,
+    doingAssignmentIds: values.value.doingAssignmentIds,
+    givingAssignmentIds: values.value.givingAssignmentIds,
+  })
+
+  const isSameName = resp.data.executeTask.output.isSameName
+
+  if (permit.isAny(['neu:penanggungjawabCabang']) && isSameName === true) {
+    isDeleted.value = false
+    window.location.href = '/perencanaan/tasks'
+  } else if (
+    isSameName === true &&
+    permit.isAny(['neu:admin', 'neu:karyawan'])
+  ) {
+    isDeleted.value = false
+    window.location.href = '/personalia/tasks'
+  } else {
+    isDeleted.value = true
+  }
+}
+
+// const syncDeleteTask = async () => {
+//   const resp = await executeOne('deleteTask', {
+//     taskId: id.value,
+//     doingAssignmentIds: values.value.doingAssignmentIds,
+//     givingAssignmentIds: values.value.givingAssignmentIds,
+//   })
+
+//   const isSameName = resp.data.executeTask.output.isSameName
+
+//   if (isSameName === true) {
+//     isDeleted.value = false
+//     window.location.href = '/personalia/tasks'
+//   } else {
+//     isDeleted.value = true
+//   }
+// }
+
+const syncDoing = async () => {
+  await executeOne('doingTask', {
+    taskId: id.value,
+  })
+  await syncOne()
+}
+
+const syncCompleted = async () => {
+  await executeOne('completedTask', {
+    taskId: id.value,
+  })
+  await syncOne()
+}
+
+const syncCanceled = async () => {
+  await executeOne('canceledTask', {
+    taskId: id.value,
+  })
+  await syncOne()
+}
+</script>
+
+<template>
+  <NeonSingle class="neu-task-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"
+        >
+          <NeonAlert
+            v-if="isDeleted == true"
+            icon="circle-info"
+            label="Akses hapus ditahan."
+            description="Tidak dapat menghapus tugas ini, karena bukan anda yang membuat tugas ini."
+            color="#F7CF6D"
+          />
+          <div class="flex flex-wrap gap-2">
+            <div class="mt-2">
+              <NeonField v-if="isReady">
+                <template #input>
+                  <NeonButton
+                    size="md"
+                    color="success"
+                    icon-left="check"
+                    :is-disabled="isNew || isChanged"
+                    @click="syncCompleted"
+                    >Selesai</NeonButton
+                  >
+                </template>
+              </NeonField>
+            </div>
+            <div class="mt-2">
+              <NeonField v-if="isReady">
+                <template #input>
+                  <NeonButton
+                    size="md"
+                    color="warning"
+                    icon-left="ban"
+                    :is-disabled="isNew || isChanged"
+                    @click="syncCanceled"
+                    >Batal</NeonButton
+                  >
+                </template>
+              </NeonField>
+            </div>
+            <div class="mt-2">
+              <NeonField v-if="isReady">
+                <template #input>
+                  <NeonButton
+                    size="md"
+                    color="info"
+                    icon-left="file-pen"
+                    :is-disabled="isNew || isChanged"
+                    @click="syncDoing"
+                    >Kerjakan</NeonButton
+                  >
+                </template>
+              </NeonField>
+            </div>
+          </div>
+
+          <NeonFields md="grid-cols-2">
+            <NeonField
+              v-model="values.percentStatus"
+              v-bind="fields.percentStatus"
+              :is-disabled="
+                values.canceledDate !== null || values.completedDate !== null
+              "
+            />
+            <NeonField v-model="values.taskName" v-bind="fields.taskName" />
+          </NeonFields>
+
+          <NeonField v-model="values.detail" v-bind="fields.detail" />
+
+          <NeonFields md="grid-cols-2">
+            <NeonField
+              v-model="values.estimatedStartDate"
+              v-bind="fields.estimatedStartDate"
+            />
+            <NeonField
+              v-model="values.estimatedEndDate"
+              v-bind="fields.estimatedEndDate"
+            />
+          </NeonFields>
+
+          <NeonField
+            v-model="values.estimatedHour"
+            v-bind="fields.estimatedHour"
+          />
+
+          <OfficeRelation
+            v-model="values"
+            :field="fields.doingAssignments"
+            is-disabled
+          />
+
+          <OfficeRelation
+            v-model="values"
+            :field="fields.giveAssignments"
+            is-disabled
+          />
+
+          <OfficeRelation v-model="values" :field="fields.helpAssignments" />
+
+          <NeonDivider label="Referensi" is-dashed />
+
+          <OfficeRelation
+            v-model="values"
+            :field="fields.submissions"
+            :query="Query.define(submissionOptions)"
+          />
+
+          <NeonDivider label="Keterangan" is-dashed />
+
+          <NeonFields md="grid-cols-2">
+            <NeonField
+              v-model="values.completedDate"
+              v-bind="fields.completedDate"
+              is-disabled
+            />
+            <NeonField
+              v-model="values.canceledDate"
+              v-bind="fields.canceledDate"
+              is-disabled
+            />
+          </NeonFields>
+          <NeonField v-if="isReady">
+            <template #input>
+              <NeonButton
+                size="md"
+                color="danger"
+                icon-left="trash"
+                :is-disabled="isNew || isChanged"
+                @click="syncDeleteTask"
+                >Hapus</NeonButton
+              >
+            </template>
+          </NeonField>
+        </NeonForm>
+      </OfficeTab>
+      <!-- Progress -->
+      <OfficeTab
+        v-if="!isNew"
+        handle="progress"
+        icon="info-circle"
+        title="Progress"
+      >
+        <OfficeCollectionRelated
+          definition="neu:personalia:progress"
+          title="Progress"
+          description="Progress dari tugas ini."
+          :query="
+            Query.define({
+              filter: [
+                {
+                  taskIds: id,
+                },
+              ],
+              sort: {
+                handle: 'startedAt',
+                direction: 'descending',
+              },
+            })
+          "
+          :is-ready="isReady"
+          :columns="['display', 'startedAt', 'endedAt']"
+          :sorts="['startedAt', 'createdAt', 'updatedAt']"
+          :initial-values="{
+            taskIds: id,
+            tasks: values,
+            submissionIds: values.submissionIds,
+            submissions: values.submissions,
+            staffIds: staff?.id,
+            staffs: staff,
+          }"
+          :peeks="['modal']"
+        >
+        </OfficeCollectionRelated>
+      </OfficeTab>
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+
+<style scoped></style>

package/build/@office/models/personalia/task/TaskSingle/index.d.ts

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

package/build/@office/models/personalia/task/TaskSingle/index.mjs

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

package/build/@office/models/personalia/task/TaskWork.vue

@@ -0,0 +1,186 @@
+<script setup lang="ts">
+import { useSingle, NeonSingle } from '@neon.id/context'
+import { NeonField, NeonFields, NeonForm } from '@neon.id/form'
+import { OfficeRelation, OfficeTab, OfficeTabs } from '@neon.id/office'
+import { useAuthStore } from '@neon.id/identitas-interfaces'
+import { storeToRefs } from 'pinia'
+import { useOperasional } from '../../../common'
+import { NeonDivider } from '@neon.id/interfaces'
+import type {
+  TPersonaliaTaskModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+
+const {
+  fields,
+  initialValues,
+  values,
+  isLoading,
+  isChanged,
+  isMain,
+  saveOne,
+  discardChanges,
+} = useSingle<Schema.Task, TPersonaliaTaskModel>()
+
+const authStore = useAuthStore()
+const { userId } = storeToRefs(authStore)
+const { staff } = useOperasional()
+
+// onMounted(() => {
+//   if (id.value === 'new') {
+//     values.value.userId = userId.value
+//   }
+
+//   if (isChanged) {
+//     values.value.userId = userId.value
+//   }
+// })
+
+function onChangeDateUpdate(date: { start: Date; end: Date }) {
+  values.value.estimatedStartDate = date?.start.toISOString()
+  values.value.estimatedEndDate = date?.end.toISOString()
+}
+</script>
+
+<template>
+  <NeonSingle class="neu-task-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"
+        >
+          <NeonDivider is-dashed label="Pekerjaan" />
+          <NeonField v-model="values.priority" v-bind="fields.priority" />
+          <NeonFields md="grid gap-4 sm:grid-cols-2">
+            <NeonField
+              v-model="values.estimatedRealizedAssignmentStart"
+              v-bind="fields.estimatedRealizedAssignmentStart"
+              is-disabled
+            />
+            <NeonField
+              v-model="values.estimatedRealizedAssignmentEnd"
+              v-bind="fields.estimatedRealizedAssignmentEnd"
+              is-disabled
+            />
+          </NeonFields>
+          <NeonFields md="grid gap-4">
+            <NeonField
+              v-model="values.resultAssignment"
+              v-bind="fields.resultAssignment"
+            />
+          </NeonFields>
+          <NeonDivider is-dashed label="Perencanaan" />
+          <NeonField
+            v-model="values.taskName"
+            v-bind="fields.taskName"
+            is-disabled
+          />
+          <NeonFields md="grid gap-4">
+            <NeonField
+              v-model="values.internalServiceDescription"
+              v-bind="fields.internalServiceDescription"
+              is-disabled
+            />
+          </NeonFields>
+          <NeonFields md="grid gap-4">
+            <NeonField
+              v-model="values.externalServiceDescription"
+              v-bind="fields.externalServiceDescription"
+              is-disabled
+            />
+          </NeonFields>
+          <OfficeRelation
+            v-model="values"
+            :field="fields.branches"
+            is-disabled
+          />
+          <NeonFields md="grid gap-4 sm:grid-cols-2">
+            <OfficeRelation
+              v-model="values"
+              :field="fields.giveAssignments"
+              is-disabled
+            />
+            <OfficeRelation
+              v-model="values"
+              :field="fields.supervisingAssignments"
+              is-disabled
+            />
+          </NeonFields>
+          <NeonFields md="grid gap-3 sm:grid-cols-2">
+            <OfficeRelation
+              v-model="values"
+              :field="fields.doingAssignments"
+              is-disabled
+            />
+            <OfficeRelation v-model="values" :field="fields.helpAssignments" />
+          </NeonFields>
+          <NeonFields md="grid gap-4 sm:grid-cols-2">
+            <NeonField
+              v-model="values.estimatedHourDoingAssignment"
+              v-bind="fields.estimatedHourDoingAssignment"
+              is-disabled
+            />
+            <NeonField
+              v-model="values.estimatedHourCommunicationAssignment"
+              v-bind="fields.estimatedHourCommunicationAssignment"
+              is-disabled
+            />
+          </NeonFields>
+          <NeonFields md="grid gap-4 sm:grid-cols-2">
+            <NeonField
+              v-model="values.estimatedHourCognitiveAssignment"
+              v-bind="fields.estimatedHourCognitiveAssignment"
+              is-disabled
+            />
+            <NeonField
+              v-model="values.estimatedHourCreativeAssignment"
+              v-bind="fields.estimatedHourCreativeAssignment"
+              is-disabled
+            />
+          </NeonFields>
+          <NeonFields md="grid gap-4">
+            <!-- <NeonInputDateRange
+              :model-value="{
+                start: new Date(values.estimatedStartDate || Date.now()),
+                end: new Date(values.estimatedEndDate || Date.now()),
+              }"
+              min-date="values.estimatedStartDate"
+              max-date="values.estimatedEndDate"
+              locale="id"
+              title="Estimasi"
+              @update:model-value="onChangeDateUpdate"
+            /> -->
+            <NeonField
+              :model-value="{
+                start: new Date(values.estimatedStartDate || ''),
+                end: new Date(values.estimatedEndDate || ''),
+              }"
+              name="Est. Mulai - Selesai"
+              note="Tanggal tugas dimulai dan selesai"
+              input="date-range"
+              type="date-range"
+              is-alone
+              is-disabled
+              @update:model-value="onChangeDateUpdate"
+            />
+          </NeonFields>
+          <NeonFields md="grid gap-4">
+            <NeonField
+              v-model="values.estimatedHourByDay"
+              v-bind="fields.estimatedHourByDay"
+              is-disabled
+            />
+          </NeonFields>
+        </NeonForm>
+      </OfficeTab>
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+
+<style scoped></style>