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

package/build/@office/models/personalia/responsibility/ResponsibilityStaff.vue

@@ -0,0 +1,173 @@
+<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 {
+  TPersonaliaResponsibilityModel,
+  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.Responsibility, TPersonaliaResponsibilityModel>()
+
+const { staff } = useOperasional()
+</script>
+
+<template>
+  <NeonSingle class="neu-responsibility-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.condition"
+            v-bind="fields.condition"
+            is-disabled
+          />
+
+          <NeonField v-model="values.title" v-bind="fields.title" is-disabled />
+
+          <NeonField v-model="values.score" v-bind="fields.score" is-disabled />
+
+          <NeonFields md="grid-cols-2">
+            <OfficeRelation
+              v-model="values"
+              :field="fields.branches"
+              is-disabled
+            />
+            <OfficeRelation
+              v-model="values"
+              :field="fields.responsibilityType"
+              is-disabled
+            />
+          </NeonFields>
+
+          <NeonFields md="grid-cols-2">
+            <OfficeRelation
+              v-model="values"
+              :field="fields.staffWorks"
+              is-disabled
+            />
+            <OfficeRelation
+              v-model="values"
+              :field="fields.staffSupervises"
+              is-disabled
+            />
+          </NeonFields>
+
+          <NeonField
+            v-if="isReady || isNew"
+            v-model="values.detail"
+            v-bind="fields.detail"
+            is-disabled
+          />
+
+          <NeonField
+            v-if="isReady || isNew"
+            v-model="values.result"
+            v-bind="fields.result"
+          />
+        </NeonForm>
+      </OfficeTab>
+
+      <!-- LAPORAN -->
+      <OfficeTab
+        v-if="!isNew"
+        handle="report"
+        icon="info-circle"
+        title="Laporan"
+      >
+        <NeonForm
+          handle="report"
+          :initial-values="initialValues"
+          :is-loading="isLoading"
+          :is-changed="isChanged"
+          use-unsaved
+          @cancel="discardChanges"
+          @submit="saveOne"
+        >
+          <NeonField
+            v-if="isNew || isReady"
+            v-model="values.reports"
+            v-bind="fields.reports"
+          />
+        </NeonForm>
+      </OfficeTab>
+
+      <!-- PROGRESS -->
+      <OfficeTab
+        v-if="!isNew"
+        handle="progress"
+        icon="info-circle"
+        title="Progress"
+      >
+        <OfficeCollectionRelated
+          definition="neu:personalia:progress"
+          title="Progress"
+          description="Progress dari tanggungjawab."
+          :query="
+            Query.define({
+              filter: [
+                {
+                  responsibilityIds: id,
+                },
+              ],
+              sort: {
+                handle: 'startedAt',
+                direction: 'descending',
+              },
+            })
+          "
+          :is-ready="isReady"
+          :columns="[
+            'startedAt',
+            'endedAt',
+            'detail',
+            'staffs',
+            'virtualIsNotes',
+            'accessStaffs',
+          ]"
+          :sorts="['startedAt', 'createdAt', 'updatedAt']"
+          :initial-values="{
+            responsibilityIds: id,
+            responsibilities: values,
+            staffIds: staff?.id,
+            staffs: staff,
+          }"
+        >
+        </OfficeCollectionRelated>
+      </OfficeTab>
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+
+<style scoped>
+.neu-responsibility-single {
+  @apply block;
+}
+</style>

package/build/@office/models/personalia/responsibility/ResponsibilitySupervisor.vue

@@ -0,0 +1,173 @@
+<template>
+  <NeonSingle class="neu-responsibility-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.condition"
+            v-bind="fields.condition"
+            is-disabled
+          />
+
+          <NeonField v-model="values.title" v-bind="fields.title" is-disabled />
+
+          <NeonField v-model="values.score" v-bind="fields.score" />
+
+          <NeonFields md="grid-cols-2">
+            <OfficeRelation
+              v-model="values"
+              :field="fields.branches"
+              is-disabled
+            />
+            <OfficeRelation
+              v-model="values"
+              :field="fields.responsibilityType"
+              is-disabled
+            />
+          </NeonFields>
+
+          <NeonFields md="grid-cols-2">
+            <OfficeRelation
+              v-model="values"
+              :field="fields.staffWorks"
+              is-disabled
+            />
+            <OfficeRelation
+              v-model="values"
+              :field="fields.staffSupervises"
+              is-disabled
+            />
+          </NeonFields>
+
+          <NeonField
+            v-if="isReady || isNew"
+            v-model="values.detail"
+            v-bind="fields.detail"
+            is-disabled
+          />
+
+          <NeonField
+            v-if="isReady || isNew"
+            v-model="values.result"
+            v-bind="fields.result"
+          />
+        </NeonForm>
+      </OfficeTab>
+
+      <!-- LAPORAN -->
+      <OfficeTab
+        v-if="!isNew"
+        handle="report"
+        icon="info-circle"
+        title="Laporan"
+      >
+        <NeonForm
+          handle="report"
+          :initial-values="initialValues"
+          :is-loading="isLoading"
+          :is-changed="isChanged"
+          use-unsaved
+          @cancel="discardChanges"
+          @submit="saveOne"
+        >
+          <NeonField
+            v-if="isNew || isReady"
+            v-model="values.reports"
+            v-bind="fields.reports"
+          />
+        </NeonForm>
+      </OfficeTab>
+
+      <!-- PROGRESS -->
+      <OfficeTab
+        v-if="!isNew"
+        handle="progress"
+        icon="info-circle"
+        title="Progress"
+      >
+        <OfficeCollectionRelated
+          definition="neu:personalia:progress"
+          title="Progress"
+          description="Progress dari tanggungjawab."
+          :query="
+            Query.define({
+              filter: [
+                {
+                  responsibilityIds: id,
+                },
+              ],
+              sort: {
+                handle: 'startedAt',
+                direction: 'descending',
+              },
+            })
+          "
+          :is-ready="isReady"
+          :columns="[
+            'startedAt',
+            'endedAt',
+            'detail',
+            'staffs',
+            'virtualIsNotes',
+            'accessStaffs',
+          ]"
+          :sorts="['startedAt', 'createdAt', 'updatedAt']"
+          :initial-values="{
+            responsibilityIds: id,
+            responsibilities: values,
+            staffIds: staff?.id,
+            staffs: staff,
+          }"
+        >
+        </OfficeCollectionRelated>
+      </OfficeTab>
+    </OfficeTabs>
+  </NeonSingle>
+</template>
+
+<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 {
+  TPersonaliaResponsibilityModel,
+  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.Responsibility, TPersonaliaResponsibilityModel>()
+
+const { staff } = useOperasional()
+</script>
+
+<style scoped>
+.neu-responsibility-single {
+  @apply block;
+}
+</style>

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

@@ -0,0 +1,4 @@
+export { default as ResponsibilityStaff } from './ResponsibilityStaff.vue';
+export { default as ResponsibilitySupervisor } from './ResponsibilitySupervisor.vue';
+export * from './ResponsibilityCollection';
+export * from './ResponsibilitySingle';

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

@@ -0,0 +1,4 @@
+export { default as ResponsibilityStaff } from "./ResponsibilityStaff.vue";
+export { default as ResponsibilitySupervisor } from "./ResponsibilitySupervisor.vue";
+export * from "./ResponsibilityCollection/index.mjs";
+export * from "./ResponsibilitySingle/index.mjs";

package/build/@office/models/personalia/responsibilityType/ResponsibilityTypeCollection/ResponsibilityTypeCollection.stories.d.ts

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

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

package/build/@office/models/personalia/responsibilityType/ResponsibilityTypeCollection/ResponsibilityTypeCollection.vue

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

package/build/@office/models/personalia/responsibilityType/ResponsibilityTypeCollection/index.d.ts

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

package/build/@office/models/personalia/responsibilityType/ResponsibilityTypeCollection/index.mjs

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

package/build/@office/models/personalia/responsibilityType/ResponsibilityTypeSingle/ResponsibilityTypeSingle.stories.d.ts

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

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

package/build/@office/models/personalia/responsibilityType/ResponsibilityTypeSingle/ResponsibilityTypeSingle.vue

@@ -0,0 +1,51 @@
+<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 {
+  TPersonaliaResponsibilityTypeModel,
+  Schema,
+} from '@neutron.co.id/personalia-models'
+
+const {
+  fields,
+  id,
+  initialValues,
+  values,
+  isLoading,
+  isChanged,
+  isReady,
+  isMain,
+  isNew,
+  saveOne,
+  discardChanges,
+} = useSingle<Schema.ResponsibilityType, TPersonaliaResponsibilityTypeModel>()
+</script>
+
+<template>
+  <NeonSingle class="neu-responsibility-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-responsibility-type-single {
+  @apply block;
+}
+</style>

package/build/@office/models/personalia/responsibilityType/ResponsibilityTypeSingle/index.d.ts

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

package/build/@office/models/personalia/responsibilityType/ResponsibilityTypeSingle/index.mjs

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

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

@@ -0,0 +1,2 @@
+export * from './ResponsibilityTypeCollection';
+export * from './ResponsibilityTypeSingle';

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

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

package/build/@office/models/personalia/situation/SituationCollection/SituationCollection.stories.d.ts

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

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

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

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

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

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

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

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

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

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