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

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

@@ -0,0 +1,94 @@
+<script lang="ts" setup>
+import { NeonButton, NeonModal, NeonSheet } from '@neon.id/interfaces'
+import { NeonTextarea } from '@neon.id/form'
+import { ref, watch } from 'vue'
+
+defineOptions({ name: 'SubmissionNoteModal' })
+
+const props = defineProps({
+  isActive: {
+    type: Boolean,
+    default: false,
+  },
+  submissionId: {
+    type: String,
+    default: '',
+  },
+  note: {
+    type: String,
+    default: '',
+  },
+  isDisabled: {
+    type: Boolean,
+    default: false,
+  },
+  isSaving: {
+    type: Boolean,
+    default: false,
+  },
+})
+
+const emit = defineEmits(['close', 'save'])
+
+const noteInput = ref(props.note)
+
+watch(
+  () => props.note,
+  (newValue) => {
+    noteInput.value = newValue
+  },
+)
+</script>
+
+<template>
+  <NeonModal size="lg" :is-active="isActive" @close="$emit('close')">
+    <NeonSheet title="Catatan Pengawas" @close="$emit('close')">
+      <div class="submission-note-modal">
+        <span class="label">Detail Catatan</span>
+        <NeonTextarea
+          v-model="noteInput"
+          placeholder="Silahkan berikan detail catatan"
+          :rows="5"
+          :is-disabled="isDisabled"
+          is-full
+        />
+        <ul class="list-disc pl-5">
+          <li>
+            <span class="text-sm">
+              Catatan ini bersifat privat dan hanya dapat dibaca oleh Anda serta
+              pihak penyetuju.
+            </span>
+          </li>
+        </ul>
+      </div>
+      <template #footer>
+        <div class="w-full py-4">
+          <NeonButton
+            label="Simpan Catatan"
+            color="dark"
+            display="fill"
+            :is-disabled="!noteInput || isSaving || isDisabled"
+            :is-loading="isSaving"
+            is-full
+            @click="emit('save', noteInput)"
+          />
+        </div>
+      </template>
+    </NeonSheet>
+  </NeonModal>
+</template>
+
+<style scoped>
+.submission-note-modal {
+  @apply flex flex-col gap-4;
+
+  .label {
+    @apply text-base font-medium text-black;
+  }
+}
+:deep(.neon-sheet-footer) {
+  height: 70px !important;
+  padding-top: 20px !important;
+  padding-bottom: 20px !important;
+}
+</style>

package/build/@office/models/personalia/submission/SubmissionNoteModal/SubmissionNoteViewModal.vue

@@ -0,0 +1,149 @@
+<script lang="ts" setup>
+import { NeonIcon, NeonModal, NeonSheet } from '@neon.id/interfaces'
+import { ref, computed, type PropType } from 'vue'
+
+defineOptions({ name: 'SubmissionNoteViewModal' })
+
+interface SubmissionNoteOwner {
+  id: string
+  name: string
+}
+
+interface SubmissionNote {
+  id: string
+  note: string
+  owner: SubmissionNoteOwner
+}
+
+interface StaffNoteGroup {
+  staffId: string
+  staffName: string
+  notes: SubmissionNote[]
+}
+
+const props = defineProps({
+  isActive: {
+    type: Boolean,
+    default: false,
+  },
+  submissionId: {
+    type: String,
+    default: '',
+  },
+  notes: {
+    type: Array as PropType<SubmissionNote[]>,
+    default: () => [],
+  },
+})
+
+defineEmits(['close'])
+
+const expanded = ref<Record<string, boolean>>({})
+
+const groupedNotes = computed<StaffNoteGroup[]>(() => {
+  const map = new Map<string, StaffNoteGroup>()
+  for (const item of props.notes) {
+    const group = map.get(item.owner.id)
+    if (group) {
+      group.notes.push(item)
+    } else {
+      map.set(item.owner.id, {
+        staffId: item.owner.id,
+        staffName: item.owner.name,
+        notes: [item],
+      })
+    }
+  }
+  return Array.from(map.values())
+})
+
+function toggle(staffId: string) {
+  expanded.value[staffId] = !expanded.value[staffId]
+}
+</script>
+
+<template>
+  <NeonModal size="lg" :is-active="isActive" @close="$emit('close')">
+    <NeonSheet title="Catatan Pengawas" @close="$emit('close')">
+      <div class="submission-note-modal">
+        <div v-if="groupedNotes.length" class="note-list">
+          <div
+            v-for="group in groupedNotes"
+            :key="group.staffId"
+            class="note-group"
+          >
+            <button
+              type="button"
+              class="note-group-header"
+              @click="toggle(group.staffId)"
+            >
+              <span class="staff-name break-words text-left">
+                {{ group.staffName }}
+              </span>
+              <NeonIcon
+                :name="expanded[group.staffId] ? 'chevron-up' : 'chevron-down'"
+                class="chevron"
+              />
+            </button>
+            <div v-if="expanded[group.staffId]" class="note-group-body">
+              <div
+                v-for="item in group.notes"
+                :key="item.id"
+                class="note-item break-words whitespace-pre-wrap"
+              >
+                {{ item.note }}
+              </div>
+            </div>
+          </div>
+        </div>
+        <span v-else class="empty">Belum ada catatan.</span>
+        <ul class="list-disc pl-5">
+          <li>
+            <span class="text-sm">
+              Seluruh catatan bersifat privat dan hanya dapat diakses oleh pihak
+              yang terkait.
+            </span>
+          </li>
+        </ul>
+      </div>
+    </NeonSheet>
+  </NeonModal>
+</template>
+
+<style scoped>
+.submission-note-modal {
+  @apply flex flex-col gap-4;
+
+  .note-list {
+    @apply flex flex-col gap-2;
+  }
+
+  .note-group {
+    @apply border-b-[1px] border-gray-200 bg-white;
+  }
+
+  .note-group-header {
+    @apply flex w-full items-center justify-between px-4 py-3 text-left;
+
+    .staff-name {
+      @apply text-base font-medium text-black;
+    }
+
+    .chevron {
+      @apply h-4 w-4 text-gray-500;
+    }
+  }
+
+  .note-group-body {
+    @apply flex flex-col gap-2 px-4 py-3;
+  }
+
+  .note-item {
+    @apply whitespace-pre-wrap text-sm text-gray-800;
+  }
+
+  .empty {
+    @apply text-sm text-gray-500;
+  }
+}
+</style>

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

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

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

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

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

@@ -98,6 +98,20 @@
               "
             />
           </NeonFields>
+          <NeonField
+            v-model="values.deadline"
+            v-bind="fields.deadline"
+            :is-disabled="
+              values.status === 'processed' ||
+              values.status === 'waitForAudit' ||
+              values.status === 'approved' ||
+              values.status === 'raised' ||
+              values.status === 'delay' ||
+              values.status === 'monitored' ||
+              values.status === 'discontinued' ||
+              values.status === 'resolved'
+            "
+          />
 
           <OfficeRelation
             v-model="values"

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

@@ -7,3 +7,5 @@ export { default as SubmissionForDecision } from './SubmissionForDecision.vue';
 export { default as SubmissionSupervisor } from './SubmissionSupervisor.vue';
 export * from './SubmissionCollection';
 export * from './SubmissionSingle';
+export * from './SubmissionAction';
+export * from './SubmissionNoteModal';

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

@@ -7,3 +7,5 @@ export { default as SubmissionForDecision } from "./SubmissionForDecision.vue";
 export { default as SubmissionSupervisor } from "./SubmissionSupervisor.vue";
 export * from "./SubmissionCollection/index.mjs";
 export * from "./SubmissionSingle/index.mjs";
+export * from "./SubmissionAction/index.mjs";
+export * from "./SubmissionNoteModal/index.mjs";

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/build/@package/@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/@package/@office/models/personalia/submission/SubmissionNoteModal/SubmissionNoteModal.vue.d.ts

@@ -0,0 +1,56 @@
+declare const _default: import("vue").DefineComponent<{
+    isActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submissionId: {
+        type: StringConstructor;
+        default: string;
+    };
+    note: {
+        type: StringConstructor;
+        default: string;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isSaving: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+    save: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    isActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submissionId: {
+        type: StringConstructor;
+        default: string;
+    };
+    note: {
+        type: StringConstructor;
+        default: string;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isSaving: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+    onSave?: ((...args: any[]) => any) | undefined;
+}, {
+    isDisabled: boolean;
+    isActive: boolean;
+    note: string;
+    submissionId: string;
+    isSaving: boolean;
+}, {}>;
+export default _default;

package/build/@package/@office/models/personalia/submission/SubmissionNoteModal/SubmissionNoteViewModal.vue.d.ts

@@ -0,0 +1,46 @@
+import { type PropType } from 'vue';
+interface SubmissionNoteOwner {
+    id: string;
+    name: string;
+}
+interface SubmissionNote {
+    id: string;
+    note: string;
+    owner: SubmissionNoteOwner;
+}
+declare const _default: import("vue").DefineComponent<{
+    isActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submissionId: {
+        type: StringConstructor;
+        default: string;
+    };
+    notes: {
+        type: PropType<SubmissionNote[]>;
+        default: () => never[];
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    isActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    submissionId: {
+        type: StringConstructor;
+        default: string;
+    };
+    notes: {
+        type: PropType<SubmissionNote[]>;
+        default: () => never[];
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    isActive: boolean;
+    notes: SubmissionNote[];
+    submissionId: string;
+}, {}>;
+export default _default;

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

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

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

@@ -7,3 +7,5 @@ export { default as SubmissionForDecision } from './SubmissionForDecision.vue';
 export { default as SubmissionSupervisor } from './SubmissionSupervisor.vue';
 export * from './SubmissionCollection';
 export * from './SubmissionSingle';
+export * from './SubmissionAction';
+export * from './SubmissionNoteModal';