From 69b213e995972dbb757520ffd57d7d0551c73c00 Mon Sep 17 00:00:00 2001
From: akshayitzme <akshaypooloth1@gmail.com>
Date: Tue, 22 Aug 2023 12:27:18 +0530
Subject: [PATCH] feat: neupos page

---
 src/pages/NeuPOS/NeuPOS.vue | 49 +++++++++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 src/pages/NeuPOS/NeuPOS.vue

diff --git a/src/pages/NeuPOS/NeuPOS.vue b/src/pages/NeuPOS/NeuPOS.vue
new file mode 100644
index 00000000..14e84fe5
--- /dev/null
+++ b/src/pages/NeuPOS/NeuPOS.vue
@@ -0,0 +1,49 @@
+<template>
+  <div class="">
+    <PageHeader :title="t`NeuPOS`">
+      <slot>
+        <div class="flex justify-end">
+          <Button class="bg-red-500">
+            <span class="text-white font-medium">{{
+              t`Close POS Shift `
+            }}</span>
+          </Button>
+        </div>
+      </slot>
+    </PageHeader>
+
+    <OpenPOSShift
+      :open-modal="!isPosShiftOpen"
+      @toggle-shift-open-modal="toggleShiftOpenModal"
+    />
+  </div>
+</template>
+
+<script lang="ts">
+import Button from 'src/components/Button.vue';
+import OpenPOSShift from './OpenPOSShift.vue';
+import PageHeader from 'src/components/PageHeader.vue';
+import { defineComponent } from 'vue';
+import { fyo } from 'src/initFyo';
+
+export default defineComponent({
+  name: 'NeuPOS',
+  components: { Button, OpenPOSShift, PageHeader },
+  data() {
+    return {
+      openShiftOpenModal: false,
+    };
+  },
+  computed: {
+    isPosShiftOpen: () => !!fyo.singles.POSShift?.isShiftOpen,
+  },
+  methods: {
+    toggleShiftOpenModal(value?: boolean): boolean {
+      if (value) {
+        return (this.openShiftOpenModal = value);
+      }
+      return (this.openShiftOpenModal = !this.openShiftOpenModal);
+    },
+  },
+});
+</script>