From 8cb126851ec9e445d5c19c0f3ced483a8d0cb566 Mon Sep 17 00:00:00 2001
From: akshayitzme <akshaypooloth1@gmail.com>
Date: Tue, 2 Jan 2024 12:38:31 +0530
Subject: [PATCH 1/3] feat: add item through barcode scan

---
 src/pages/POS/POS.vue | 45 ++++++++++++++++++++++++++++---------------
 1 file changed, 29 insertions(+), 16 deletions(-)

diff --git a/src/pages/POS/POS.vue b/src/pages/POS/POS.vue
index b86cbb20b..bc411d7e6 100644
--- a/src/pages/POS/POS.vue
+++ b/src/pages/POS/POS.vue
@@ -35,22 +35,33 @@
     >
       <div class="bg-white border col-span-5 rounded-md">
         <div class="rounded-md p-4 col-span-5">
-          <!-- Item Search -->
-          <Link
-            class="border-r flex-shrink-0 w-full"
-            :df="{
-              label: t`Search an Item`,
-              fieldtype: 'Link',
-              fieldname: 'item',
-              target: 'Item',
-            }"
-            :border="true"
-            :value="itemSearchTerm"
-            @keyup.enter="
-              async () => await addItem(await getItem(itemSearchTerm))
-            "
-            @change="(item: string) =>itemSearchTerm= item"
-          />
+          <div class="flex justify-between">
+            <!-- Item Search -->
+            <Link
+              class="border-r flex-shrink-0 w-2/3"
+              :df="{
+                label: t`Search an Item`,
+                fieldtype: 'Link',
+                fieldname: 'item',
+                target: 'Item',
+              }"
+              :border="true"
+              :value="itemSearchTerm"
+              @keyup.enter="
+                async () => await addItem(await getItem(itemSearchTerm))
+              "
+              @change="(item: string) =>itemSearchTerm= item"
+            />
+
+            <Barcode
+              @item-selected="
+                async (name: string) => {
+                  await addItem(await getItem(name));
+                }
+              "
+            />
+          </div>
+
           <ItemsTable @add-item="addItem" />
         </div>
       </div>
@@ -199,6 +210,7 @@ import {
   validateShipment,
   validateSinv,
 } from 'src/utils/pos';
+import Barcode from 'src/components/Controls/Barcode.vue';
 
 export default defineComponent({
   name: 'POS',
@@ -213,6 +225,7 @@ export default defineComponent({
     PageHeader,
     PaymentModal,
     SelectedItemTable,
+    Barcode,
   },
   provide() {
     return {

From bc118884fb8340550fd4a039de0a0d1c073ba70d Mon Sep 17 00:00:00 2001
From: akshayitzme <akshayitzme.official@gmail.com>
Date: Tue, 2 Jan 2024 12:51:06 +0530
Subject: [PATCH 2/3] feat: add items by barcode scan and input

---
 src/pages/POS/POS.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/POS/POS.vue b/src/pages/POS/POS.vue
index bc411d7e6..b1b2c54b0 100644
--- a/src/pages/POS/POS.vue
+++ b/src/pages/POS/POS.vue
@@ -38,7 +38,7 @@
           <div class="flex justify-between">
             <!-- Item Search -->
             <Link
-              class="border-r flex-shrink-0 w-2/3"
+              class="w-2/3 border-r flex-shrink-0"
               :df="{
                 label: t`Search an Item`,
                 fieldtype: 'Link',

From ecb46d7d92f59587771ab499429e671994d423bf Mon Sep 17 00:00:00 2001
From: akshayitzme <akshayitzme.official@gmail.com>
Date: Tue, 2 Jan 2024 13:12:21 +0530
Subject: [PATCH 3/3] incr: barcode width correction

---
 src/pages/POS/POS.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/POS/POS.vue b/src/pages/POS/POS.vue
index b1b2c54b0..fc03e6d5e 100644
--- a/src/pages/POS/POS.vue
+++ b/src/pages/POS/POS.vue
@@ -35,10 +35,10 @@
     >
       <div class="bg-white border col-span-5 rounded-md">
         <div class="rounded-md p-4 col-span-5">
-          <div class="flex justify-between">
+          <div class="flex gap-x-2">
             <!-- Item Search -->
             <Link
-              class="w-2/3 border-r flex-shrink-0"
+              class="flex-shrink-0 w-2/3"
               :df="{
                 label: t`Search an Item`,
                 fieldtype: 'Link',
@@ -54,6 +54,7 @@
             />
 
             <Barcode
+              class="w-1/3"
               @item-selected="
                 async (name: string) => {
                   await addItem(await getItem(name));