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

package/build/@office/models/personalia/situation/SituationSingle/SituationSingle.stories.mjs

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

package/build/@office/models/personalia/situation/SituationSingle/SituationSingle.vue

@@ -0,0 +1,82 @@
+<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 type {
+  TPersonaliaSituationModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+
+const {
+  fields,
+  initialValues,
+  values,
+  isLoading,
+  isChanged,
+  isMain,
+  saveOne,
+  discardChanges,
+} = useSingle<Schema.Situation, TPersonaliaSituationModel>()
+</script>
+
+<template>
+  <NeonSingle class="neu-situation-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"
+        >
+          <NeonFields md="grid-cols-4" title="Situasi">
+            <NeonField
+              v-model="values.situationStatus"
+              v-bind="fields.situationStatus"
+            />
+          </NeonFields>
+          <OfficeRelation v-model="values" :field="fields.branches" />
+          <OfficeRelation v-model="values" :field="fields.situationType" />
+          <OfficeRelation
+            v-model="values"
+            :field="fields.situationReportedBy"
+          />
+          <NeonFields md="grid-cols-4">
+            <NeonField
+              v-model="values.situationDescription"
+              v-bind="fields.situationDescription"
+            />
+          </NeonFields>
+          <NeonFields md="grid-cols-4">
+            <NeonField
+              v-model="values.urgentSituationDate"
+              v-bind="fields.urgentSituationDate"
+            />
+          </NeonFields>
+          <OfficeRelation v-model="values" :field="fields.situationRelatedBy" />
+          <NeonFields md="grid-cols-4" title="Suportif">
+            <NeonField
+              v-model="values.supportiveStatus"
+              v-bind="fields.supportiveStatus"
+            />
+          </NeonFields>
+          <OfficeRelation
+            v-model="values"
+            :field="fields.situationSupportedBy"
+          />
+          <NeonFields md="grid-cols-4">
+            <NeonField
+              v-model="values.situationResponse"
+              v-bind="fields.situationResponse"
+            />
+          </NeonFields>
+        </NeonForm>
+      </OfficeTab>
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+
+<style scoped></style>

package/build/@office/models/personalia/situation/SituationSingle/index.d.ts

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

package/build/@office/models/personalia/situation/SituationSingle/index.mjs

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

package/build/@office/models/personalia/situation/SituationSupportive.vue

@@ -0,0 +1,98 @@
+<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 type {
+  TPersonaliaSituationModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+
+defineOptions({ name: 'SituationSupportive' })
+
+const {
+  fields,
+  id,
+  initialValues,
+  values,
+  isNew,
+  isLoading,
+  isChanged,
+  isReady,
+  isMain,
+  saveOne,
+  discardChanges,
+} = useSingle<Schema.Situation, TPersonaliaSituationModel>()
+</script>
+
+<template>
+  <NeonSingle class="neu-situation-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"
+        >
+          <NeonFields md="grid-cols-4" title="Suportif">
+            <NeonField
+              v-model="values.situationStatus"
+              v-bind="fields.situationStatus"
+            />
+          </NeonFields>
+          <OfficeRelation
+            v-model="values"
+            :field="fields.situationSupportedBy"
+          />
+          <NeonFields md="grid-cols-4">
+            <NeonField
+              v-model="values.situationResponse"
+              v-bind="fields.situationResponse"
+            />
+          </NeonFields>
+          <NeonFields title="Situasi">
+            <OfficeRelation
+              v-model="values"
+              :field="fields.branches"
+              is-disabled
+            />
+          </NeonFields>
+          <OfficeRelation
+            v-model="values"
+            :field="fields.situationType"
+            is-disabled
+          />
+          <OfficeRelation
+            v-model="values"
+            :field="fields.situationReportedBy"
+            is-disabled
+          />
+          <NeonFields md="grid-cols-4">
+            <NeonField
+              v-model="values.situationDescription"
+              v-bind="fields.situationDescription"
+              is-disabled
+            />
+          </NeonFields>
+          <NeonFields md="grid-cols-4">
+            <NeonField
+              v-model="values.urgentSituationDate"
+              v-bind="fields.urgentSituationDate"
+              is-disabled
+            />
+          </NeonFields>
+          <OfficeRelation
+            v-model="values"
+            :field="fields.situationRelatedBy"
+            is-disabled
+          />
+        </NeonForm>
+      </OfficeTab>
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+
+<style scoped></style>

package/build/@office/models/personalia/situation/SituationWork.vue

@@ -0,0 +1,137 @@
+<script setup lang="ts">
+import { useSingle, NeonSingle } from '@neon.id/context'
+import { Query } from '@neon.id/query'
+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 { watch, computed } from 'vue'
+import type {
+  TPersonaliaSituationModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+
+const {
+  fields,
+  initialValues,
+  values,
+  isNew,
+  isLoading,
+  isChanged,
+  isMain,
+  saveOne,
+  discardChanges,
+} = useSingle<Schema.Situation, TPersonaliaSituationModel>()
+
+const authStore = useAuthStore()
+const { userId } = storeToRefs(authStore)
+const { staff } = useOperasional()
+
+watch(
+  isNew,
+  (isNew) => {
+    const branch = staff.value?.branchIds || []
+    const branchDisplay = staff.value?.branches || []
+    if (!isNew) return
+    values.value.situationReportedByIds = [staff.value?.id || '']
+    values.value.situationReportedBy = [
+      {
+        id: staff.value?.id,
+        display: staff.value?.display,
+      },
+    ]
+    values.value.branchIds = [branch[0]]
+    values.value.branches = [branchDisplay[0]]
+  },
+  { immediate: true },
+)
+
+const onTypeState = computed(() => {
+  return Query.define({
+    filter: {
+      branchIds: { $in: staff.value?.branchIds },
+    },
+  })
+})
+
+const onBranchState = computed(() => {
+  return Query.define({
+    filter: {
+      _id: { $in: staff.value?.branchIds },
+    },
+  })
+})
+</script>
+
+<template>
+  <NeonSingle class="neu-situation-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"
+        >
+          <NeonFields md="grid-cols-4" title="Situasi">
+            <NeonField
+              v-model="values.situationStatus"
+              v-bind="fields.situationStatus"
+              is-disabled
+            />
+          </NeonFields>
+          <OfficeRelation
+            v-model="values"
+            :field="fields.branches"
+            :query="onBranchState"
+          />
+          <OfficeRelation
+            v-model="values"
+            :field="fields.situationType"
+            :query="onTypeState"
+          />
+          <OfficeRelation
+            v-model="values"
+            :field="fields.situationReportedBy"
+            is-disabled
+          />
+          <NeonFields md="grid-cols-4">
+            <NeonField
+              v-model="values.situationDescription"
+              v-bind="fields.situationDescription"
+            />
+          </NeonFields>
+          <NeonFields md="grid-cols-4">
+            <NeonField
+              v-model="values.urgentSituationDate"
+              v-bind="fields.urgentSituationDate"
+            />
+          </NeonFields>
+          <OfficeRelation v-model="values" :field="fields.situationRelatedBy" />
+          <NeonFields md="grid-cols-4" title="Suportif">
+            <NeonField
+              v-model="values.supportiveStatus"
+              v-bind="fields.supportiveStatus"
+            />
+          </NeonFields>
+          <OfficeRelation
+            v-model="values"
+            :field="fields.situationSupportedBy"
+          />
+          <NeonFields md="grid-cols-4">
+            <NeonField
+              v-model="values.situationResponse"
+              v-bind="fields.situationResponse"
+            />
+          </NeonFields>
+        </NeonForm>
+      </OfficeTab>
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+
+<style scoped></style>

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

@@ -0,0 +1,4 @@
+export { default as SituationWork } from './SituationWork.vue';
+export { default as SituationSupportive } from './SituationSupportive.vue';
+export * from './SituationCollection';
+export * from './SituationSingle';

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

@@ -0,0 +1,4 @@
+export { default as SituationWork } from "./SituationWork.vue";
+export { default as SituationSupportive } from "./SituationSupportive.vue";
+export * from "./SituationCollection/index.mjs";
+export * from "./SituationSingle/index.mjs";

package/build/@office/models/personalia/situationType/SituationTypeCollection/SituationTypeCollection.stories.d.ts

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

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

package/build/@office/models/personalia/situationType/SituationTypeCollection/SituationTypeCollection.vue

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

package/build/@office/models/personalia/situationType/SituationTypeCollection/index.d.ts

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

package/build/@office/models/personalia/situationType/SituationTypeCollection/index.mjs

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

package/build/@office/models/personalia/situationType/SituationTypeSingle/SituationSingle.stories.d.ts

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

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

package/build/@office/models/personalia/situationType/SituationTypeSingle/SituationTypeSingle.vue

@@ -0,0 +1,48 @@
+<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 type {
+  Schema,
+  TPersonaliaSituationTypeModel,
+} from '@neutron.co.id/personalia-models'
+
+const {
+  fields,
+  initialValues,
+  values,
+  isLoading,
+  isChanged,
+  isMain,
+  saveOne,
+  discardChanges,
+} = useSingle<Schema.SituationType, TPersonaliaSituationTypeModel>()
+</script>
+
+<template>
+  <NeonSingle class="neu-situation-type-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"
+        >
+          <NeonFields md="grid-cols-4">
+            <NeonField
+              v-model="values.situationTypeName"
+              v-bind="fields.situationTypeName"
+            />
+          </NeonFields>
+          <OfficeRelation v-model="values" :field="fields.branches" />
+        </NeonForm>
+      </OfficeTab>
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+
+<style scoped></style>

package/build/@office/models/personalia/situationType/SituationTypeSingle/index.d.ts

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

package/build/@office/models/personalia/situationType/SituationTypeSingle/index.mjs

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

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

@@ -0,0 +1,2 @@
+export * from './SituationTypeCollection';
+export * from './SituationTypeSingle';

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

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