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

package/build/@office/models/personalia/submissionType/SubmissionTypeCollection/SubmissionTypeCollection.stories.mjs

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

package/build/@office/models/personalia/submissionType/SubmissionTypeCollection/SubmissionTypeCollection.vue

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

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

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

package/build/@office/models/personalia/submissionType/SubmissionTypeCollection/index.mjs

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

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

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

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

package/build/@office/models/personalia/submissionType/SubmissionTypeSingle/SubmissionTypeSingle.vue

@@ -0,0 +1,48 @@
+<script setup lang="ts">
+import { NeonSingle, useSingle } from '@neon.id/context'
+import { NeonField, NeonForm } from '@neon.id/form'
+import { OfficeRelation, OfficeTab, OfficeTabs } from '@neon.id/office'
+import type {
+  TPersonaliaSubmissionTypeModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+
+const {
+  fields,
+  initialValues,
+  values,
+  isLoading,
+  isChanged,
+  isMain,
+  saveOne,
+  discardChanges,
+} = useSingle<Schema.SubmissionType, TPersonaliaSubmissionTypeModel>()
+</script>
+
+<template>
+  <NeonSingle class="neu-submission-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"
+        >
+          <NeonField v-model="values.name" v-bind="fields.name" />
+
+          <OfficeRelation v-model="values" :field="fields.branches" />
+        </NeonForm>
+      </OfficeTab>
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+
+<style scoped>
+.neu-submission-type-single {
+  @apply block;
+}
+</style>

package/build/@office/models/personalia/submissionType/SubmissionTypeSingle/index.d.ts

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

package/build/@office/models/personalia/submissionType/SubmissionTypeSingle/index.mjs

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

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

@@ -0,0 +1,2 @@
+export * from './SubmissionTypeCollection';
+export * from './SubmissionTypeSingle';

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

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

package/build/@office/models/personalia/target/TargetBranch.vue

@@ -0,0 +1,131 @@
+<script setup lang="ts">
+import { NeonSingle, useSingle } from '@neon.id/context'
+import { NeonField, NeonForm, NeonFields } from '@neon.id/form'
+import {
+  OfficeCollectionRelated,
+  OfficeRelation,
+  OfficeTab,
+  OfficeTabs,
+} from '@neon.id/office'
+import { Query } from '@neon.id/query'
+import type {
+  TPersonaliaTargetModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+import { useOperasional } from '../../../common'
+const {
+  fields,
+  id,
+  initialValues,
+  values,
+  isLoading,
+  isChanged,
+  isReady,
+  isMain,
+  isNew,
+  saveOne,
+  discardChanges,
+} = useSingle<Schema.Target, TPersonaliaTargetModel>()
+
+const { staff } = useOperasional()
+</script>
+
+<template>
+  <NeonSingle class="neu-target-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"
+        >
+          <NeonField
+            v-show="false"
+            v-model="values.condition"
+            v-bind="fields.condition"
+          />
+
+          <NeonField v-model="values.name" v-bind="fields.name" />
+
+          <NeonFields md="grid-cols-2">
+            <OfficeRelation
+              v-model="values"
+              :field="fields.branches"
+              :query="
+                Query.define({
+                  filter: {
+                    _id: { $in: staff?.branchIds },
+                  },
+                })
+              "
+            />
+            <OfficeRelation v-model="values" :field="fields.stages" />
+          </NeonFields>
+
+          <NeonFields md="grid-cols-2">
+            <NeonField v-model="values.startedAt" v-bind="fields.startedAt" />
+            <NeonField v-model="values.endedAt" v-bind="fields.endedAt" />
+          </NeonFields>
+
+          <OfficeRelation v-model="values" :field="fields.school" />
+
+          <NeonFields md="grid-cols-2">
+            <NeonField v-model="values.targetEst" v-bind="fields.targetEst" />
+            <NeonField
+              v-model="values.actualInvoice"
+              v-bind="fields.actualInvoice"
+              is-disabled
+            />
+          </NeonFields>
+        </NeonForm>
+      </OfficeTab>
+
+      <!-- Rencana -->
+      <OfficeTab
+        v-if="!isNew"
+        handle="rencana"
+        icon="info-circle"
+        title="Rencana"
+      >
+        <OfficeCollectionRelated
+          definition="neu:personalia:plan"
+          title="Rencana"
+          description="Rencana dari sasaran."
+          :query="
+            Query.define({
+              filter: {
+                targetIds: id,
+              },
+              sort: {
+                handle: 'createdAt',
+                direction: 'descending',
+              },
+            })
+          "
+          :is-ready="isReady"
+          :columns="['name', 'startedAt', 'endedAt', 'domain', 'planTypes']"
+          :filters="['domain', 'playTypes']"
+          :sorts="['startedAt', 'endedAt', 'createdAt', 'updatedAt']"
+          :initial-values="{
+            domain: 'marketing',
+            targetIds: id,
+            target: values,
+            stageIds: values.stageIds,
+            stages: values.stages,
+          }"
+        >
+        </OfficeCollectionRelated>
+      </OfficeTab>
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+
+<style scoped>
+.neu-target-single {
+  @apply block;
+}
+</style>

package/build/@office/models/personalia/target/TargetCollection/TargetCollection.stories.d.ts

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

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

package/build/@office/models/personalia/target/TargetCollection/TargetCollection.vue

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

package/build/@office/models/personalia/target/TargetCollection/index.d.ts

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

package/build/@office/models/personalia/target/TargetCollection/index.mjs

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

package/build/@office/models/personalia/target/TargetSingle/TargetSingle.stories.d.ts

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

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

package/build/@office/models/personalia/target/TargetSingle/TargetSingle.vue

@@ -0,0 +1,131 @@
+<script setup lang="ts">
+import { NeonSingle, useSingle } from '@neon.id/context'
+import { NeonField, NeonForm, NeonFields } from '@neon.id/form'
+import {
+  OfficeCollectionRelated,
+  OfficeRelation,
+  OfficeTab,
+  OfficeTabs,
+} from '@neon.id/office'
+import { Query } from '@neon.id/query'
+import type {
+  TPersonaliaTargetModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+import { useOperasional } from '../../../../common'
+
+const {
+  fields,
+  id,
+  initialValues,
+  values,
+  isLoading,
+  isChanged,
+  isReady,
+  isMain,
+  isNew,
+  saveOne,
+  discardChanges,
+} = useSingle<Schema.Target, TPersonaliaTargetModel>()
+
+const { staff } = useOperasional()
+</script>
+
+<template>
+  <NeonSingle class="neu-target-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"
+        >
+          <NeonField
+            v-show="false"
+            v-model="values.condition"
+            v-bind="fields.condition"
+          />
+
+          <NeonField v-model="values.name" v-bind="fields.name" />
+
+          <NeonFields md="grid-cols-2">
+            <OfficeRelation
+              v-model="values"
+              :field="fields.branches"
+              :query="
+                Query.define({
+                  filter: {
+                    _id: { $in: staff?.branchIds },
+                  },
+                })
+              "
+            />
+            <OfficeRelation v-model="values" :field="fields.stages" />
+          </NeonFields>
+
+          <NeonFields md="grid-cols-2">
+            <NeonField v-model="values.startedAt" v-bind="fields.startedAt" />
+            <NeonField v-model="values.endedAt" v-bind="fields.endedAt" />
+          </NeonFields>
+
+          <OfficeRelation v-model="values" :field="fields.school" />
+
+          <NeonFields md="grid-cols-2">
+            <NeonField v-model="values.targetEst" v-bind="fields.targetEst" />
+            <NeonField
+              v-model="values.actualInvoice"
+              v-bind="fields.actualInvoice"
+            />
+          </NeonFields>
+        </NeonForm>
+      </OfficeTab>
+
+      <!-- Rencana -->
+      <OfficeTab
+        v-if="!isNew"
+        handle="rencana"
+        icon="info-circle"
+        title="Rencana"
+      >
+        <OfficeCollectionRelated
+          definition="neu:personalia:plan"
+          title="Rencana"
+          description="Rencana dari sasaran."
+          :query="
+            Query.define({
+              filter: {
+                targetIds: id,
+              },
+              sort: {
+                handle: 'createdAt',
+                direction: 'descending',
+              },
+            })
+          "
+          :is-ready="isReady"
+          :columns="['name', 'startedAt', 'endedAt', 'domain', 'planTypes']"
+          :filters="['domain', 'playTypes']"
+          :sorts="['startedAt', 'endedAt', 'createdAt', 'updatedAt']"
+          :initial-values="{
+            domain: 'marketing',
+            targetIds: id,
+            target: values,
+            stageIds: values.stageIds,
+            stages: values.stages,
+          }"
+        >
+        </OfficeCollectionRelated>
+      </OfficeTab>
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+
+<style scoped>
+.neu-target-single {
+  @apply block;
+}
+</style>

package/build/@office/models/personalia/target/TargetSingle/index.d.ts

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

package/build/@office/models/personalia/target/TargetSingle/index.mjs

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

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

@@ -0,0 +1,3 @@
+export { default as TargetBranch } from './TargetBranch.vue';
+export * from './TargetCollection';
+export * from './TargetSingle';

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

@@ -0,0 +1,3 @@
+export { default as TargetBranch } from "./TargetBranch.vue";
+export * from "./TargetCollection/index.mjs";
+export * from "./TargetSingle/index.mjs";

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

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

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

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

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

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

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