Implemented: Online Store Order Limit on Online Fulfillment Card in the settings page (#241)

src/components/OrderLimitPopover.vue

@@ -0,0 +1,114 @@
+<template>
+  <ion-content>
+    <ion-list>
+      <ion-item lines="none">
+        <ion-card-subtitle>{{ $t("Fulfillment Capacity") }}</ion-card-subtitle>
+      </ion-item>
+      <ion-item button @click="updateOrderLimitType('unlimited')">
+        <ion-icon slot="end" :icon="lockOpenOutline" />
+        {{ $t("Unlimited Capacity") }}
+      </ion-item>
+      <ion-item button @click="updateOrderLimitType('no-capacity')">
+        {{ $t("No Capacity") }}
+        <ion-icon slot="end" :icon="lockClosedOutline" />
+      </ion-item>
+      <ion-item button lines="none" @click="updateOrderLimitType('custom')">
+        {{ $t("Custom") }}
+      </ion-item>
+    </ion-list>
+  </ion-content>
+</template>
+
+<script lang="ts">
+import {
+  IonCardSubtitle,
+  IonContent,
+  IonIcon,
+  IonItem,
+  IonList,
+  alertController,
+  popoverController
+} from "@ionic/vue";
+import { defineComponent } from "vue";
+import { lockClosedOutline, lockOpenOutline } from 'ionicons/icons'
+import { translate } from '@/i18n';
+import { showToast } from '@/utils';
+export default defineComponent({
+  name: "OrderLimitPopover",
+  components: {
+    IonContent,
+    IonIcon,
+    IonItem,
+    IonList,
+    IonCardSubtitle
+  },
+  setup() {
+    return {
+      lockClosedOutline,
+      lockOpenOutline
+    }
+  },
+  props: ['fulfillmentOrderLimit'],
+  data() {
+    return {
+      setLimit: this.fulfillmentOrderLimit as any
+    }
+  },
+  methods: {
+    async updateOrderLimitType(orderLimitType: string) {
+      let header = "Unlimited fulfillment capacity"
+      let message = "Unlimited capacity removes the fulfillment capacity limit entirely. To add a fulfillment capacity to this facility, use the custom option."
+      let showInput = false
+
+      if (orderLimitType === 'custom') {
+        header = "Custom fulfillment capacity"
+        message = ""
+        showInput = true
+      } else if (orderLimitType === 'no-capacity') {
+        this.setLimit = 0
+        header = "No fulfillment capacity"
+        message = "No capacity removes sets the fulfillment capacity to 0, preventing any new orders from being allocated to this facility. Use the \"Reject all orders\" option in the fulfillment pages to clear your facilities fulfillment queue. To add a fulfillment capacity to this facility, use the custom option."
+      } else if (orderLimitType === 'unlimited') {
+        this.setLimit = ""
+      }
+
+      this.showOrderLimitAlert(header, message, showInput)
+    },
+    async showOrderLimitAlert(header: any, message: any, showInput: boolean) {
+      const alert = await alertController.create({
+        header: translate(header),
+        message: translate(message, {space: '</br></br>'}),
+        inputs: showInput ? [{
+          name: "setLimit",
+          placeholder: translate("Order fulfillment capacity"),
+          type: "number",
+          min: 0
+        }] : [],
+        buttons: showInput ? [{
+          text: translate('Cancel'),
+          role: "cancel"
+        },
+        {
+          text: translate('Apply'),
+          handler: (data) => {
+            if (data.setLimit <= 0) {
+              showToast(translate('Provide a value greater than 0'))
+              return;
+            }
+            popoverController.dismiss(data.setLimit)
+          }
+        }] : [{
+          text: translate('Cancel'),
+          role: 'cancel'
+        }, {
+          text: translate('Apply'),
+          handler: () => {
+            popoverController.dismiss(this.setLimit)
+          }
+        }]
+      })
+      await alert.present()
+    }
+  }
+});
+</script> 

src/locales/en.json

@@ -9,6 +9,7 @@
   "Additional documents": "Additional documents",
   "Address 1": "Address 1",
   "Address 2": "Address 2",
+  "Apply": "Apply",
   "Authenticating": "Authenticating",
   "Are you sure you want to change the time zone to?": "Are you sure you want to change the time zone to?",
   "Are you sure you want to delete this CSV mapping? This action cannot be undone.": "Are you sure you want to delete this CSV mapping? This action cannot be undone.",
@@ -26,12 +27,15 @@
   "Completed": "Completed",
   "Configuration Missing": "Configuration Missing",
   "Confirm": "Confirm",
+  "Configure the order fulfillment capacity of your facility.": "Configure the order fulfillment capacity of your facility.",
   "Control whether the store's inventory should be made available for online sales or not.": "Control whether the store's inventory should be made available for online sales or not.",
   "Copied": "Copied { value }",
   "Copied to clipboard": "Copied to clipboard",
   "Country Code": "Country Code",
   "CSV Mapping": "CSV Mapping",
   "Custom Label": "Custom Label",
+  "Custom": "Custom",
+  "Custom fulfillment capacity": "Custom fulfillment capacity",
   "Customer letter": "Customer letter",
   "Damaged": "Damaged",
   "Define custom label for": "Define custom label for {field}",
@@ -80,7 +84,7 @@
   "File downloaded successfully": "File downloaded successfully",
   "File uploaded successfully": "File uploaded successfully",
   "Full Address": "Full Address",
-  "Fulfill online orders": "Fulfill online orders",
+  "Fulfillment Capacity": "Fulfillment Capacity",
   "Generate packing slip": "Generate packing slip",
   "Generate shipping label": "Generate shipping label",
   "Go to OMS": "Go to OMS",
@@ -105,14 +109,20 @@
   "Map all fields": "Map all fields",
   "Mapping name": "Mapping name",
   "Mismatch": "Mismatch",
+  "Next day": "Next day",
+  "New mapping": "New mapping",
   "No data Found.": "No data Found.",
+  "No capacity removes sets the fulfillment capacity to 0, preventing any new orders from being allocated to this facility. Use the \"Reject all orders\" option in the fulfillment pages to clear your facilities fulfillment queue. To add a fulfillment capacity to this facility, use the custom option.": "No capacity removes sets the fulfillment capacity to 0, preventing any new orders from being allocated to this facility. Use the \"Reject all orders\" option in the fulfillment pages to clear your facilities fulfillment queue. {space}To add a fulfillment capacity to this facility, use the custom option.",
   "No new file upload. Please try again": "No new file upload. Please try again",
+  "No fulfillment capacity": "No fulfillment capacity",
   "No reason": "No reason",
   "No results found for . Try searching Open or Completed tab instead. If you still can't find what you're looking for, try switching stores.": "No results found for { searchedQuery }. Try searching Open or Completed tab instead.{ lineBreak } If you still can't find what you're looking for, try switching stores.",
   "No results found for . Try searching In Progress or Open tab instead. If you still can't find what you're looking for, try switching stores.": "No results found for { searchedQuery }. Try searching In Progress or Open tab instead.{ lineBreak } If you still can't find what you're looking for, try switching stores.",
   "No results found for . Try searching In Progress or Completed tab instead. If you still can't find what you're looking for, try switching stores.": "No results found for { searchedQuery }. Try searching In Progress or Completed tab instead.{ lineBreak } If you still can't find what you're looking for, try switching stores.",
   "No time zone found": "No time zone found",
   "Not in Stock": "Not in Stock",
+  "No Capacity": "No Capacity",
+  "No packed shipments to ship for these orders": "No packed shipments to ship for these orders",
   "order": "order",
   "of": "of",
   "Off": "Off",
@@ -121,6 +131,10 @@
   "On": "On",
   "Online Order Fulfillment": "Online Order Fulfillment",
   "Open": "Open",
+  "orders allocated today": "{orderCount} orders allocated today",
+  "orders in fulfillment queue": "{orderCount} orders in fulfillment queue",
+  "Order fulfillment capacity": "Order fulfillment capacity",
+  "Order fulfillment capacity updated successfully": "Order fulfillment capacity updated successfully",
   "Ordered": "Ordered",
   "Order ID": "Order ID",
   "Order packed successfully": "Order packed successfully",
@@ -131,9 +145,6 @@
   "Order updated successfully": "Order updated successfully",
   "orders": "orders",
   "Out of stock": "Out of stock",
-  "New mapping": "New mapping",
-  "Next day": "Next day",
-  "No packed shipments to ship for these orders": "No packed shipments to ship for these orders",
   "package": "package",
   "packages": "packages",
   "Pack": "Pack",
@@ -196,6 +207,7 @@
   "Select your preferred language.": "Select your preferred language.",
   "Sell inventory online": "Sell inventory online",
   "Sell online": "Sell online",
+  "Setting fulfillment capacity to 0 disables new order from being allocated to this facility. Leave this empty if this facility's fulfillment capacity is unrestricted.": "Setting fulfillment capacity to 0 disables new order from being allocated to this facility. Leave this empty if this facility's fulfillment capacity is unrestricted.",
   "Settings": "Settings",
   "Set Limit": "Set Limit",
   "Ship": "Ship",
@@ -238,6 +250,10 @@
   "Turn on fulfillment": "Turn on fulfillment",
   "Turn on fulfillment for ": "Turn on fulfillment for { facilityName }",
   "Turn off fulfillment for ": "Turn off fulfillment for { facilityName }",
+  "Unlimited": "Unlimited",
+  "Unlimited Capacity": "Unlimited Capacity",
+  "Unlimited capacity removes the fulfillment capacity limit entirely. To add a fulfillment capacity to this facility, use the custom option.": "Unlimited capacity removes the fulfillment capacity limit entirely. To add a fulfillment capacity to this facility, use the custom option.",
+  "Unlimited fulfillment capacity": "Unlimited fulfillment capacity",
   "Unpack": "Unpack",
   "Unpacking this order will send it back to 'In progress' and it will have to be repacked.": "Unpacking this order will send it back to 'In progress' and it will have to be repacked.",
   "Update": "Update",

src/locales/es.json

@@ -9,6 +9,7 @@
   "Additional documents": "Additional documents",
   "Address 1": "Address 1",
   "Address 2": "Address 2",
+  "Apply": "Apply",
   "Authenticating": "Authenticating",
   "Are you sure you want to change the time zone to?": "¿Estás seguro/a de que quieres cambiar la zona horaria a?",
   "Are you sure you want to delete this CSV mapping? This action cannot be undone.": "Are you sure you want to delete this CSV mapping? This action cannot be undone.",
@@ -26,11 +27,14 @@
   "Completed": "Completado",
   "Configuration Missing": "Configuración Faltante",
   "Confirm": "Confirmar",
+  "Configure the order fulfillment capacity of your facility.": "Configure the order fulfillment capacity of your facility.",
   "Control whether the store's inventory should be made available for online sales or not.": "Control whether the store's inventory should be made available for online sales or not.",
   "Copied": "Copiado {texto}",
   "Copied to clipboard": "Copiado al portapapeles",
   "Country Code": "Country Code",
   "CSV Mapping": "CSV Mapping",
+  "Custom": "Custom",
+  "Custom fulfillment capacity": "Custom fulfillment capacity",
   "Custom Label": "Etiqueta Personalizada",
   "Customer letter": "Carta al Cliente",
   "Damaged": "Dañado",
@@ -80,7 +84,7 @@
   "File downloaded successfully": "Archivo descargado exitosamente",
   "File uploaded successfully": "Archivo cargado exitosamente",
   "Full Address": "Full Address",
-  "Fulfill online orders": "Fulfill online orders",
+  "Fulfillment Capacity": "Fulfillment Capacity",
   "Generate packing slip": "Generate packing slip",
   "Generate shipping label": "Generate shipping label",
   "Go to OMS": "Go to OMS",
@@ -105,15 +109,23 @@
   "Map all fields": "Map all fields",
   "Mapping name": "Mapping name",
   "Mismatch": "Inconsistencia",
+  "New mapping": "New mapping",
+  "Next day": "Día siguiente",
+  "No Capacity": "No Capacity",
+  "No capacity removes sets the fulfillment capacity to 0, preventing any new orders from being allocated to this facility. Use the \"Reject all orders\" option in the fulfillment pages to clear your facilities fulfillment queue. To add a fulfillment capacity to this facility, use the custom option.": "No capacity removes sets the fulfillment capacity to 0, preventing any new orders from being allocated to this facility. Use the \"Reject all orders\" option in the fulfillment pages to clear your facilities fulfillment queue. {space}To add a fulfillment capacity to this facility, use the custom option.",
   "No data Found.": "No data Found.",
   "No new file upload. Please try again": "No se cargó ningún archivo nuevo. Por favor, inténtalo nuevamente.",
   "No reason": "Sin motivo",
   "No results found for . Try searching Open or Completed tab instead. If you still can't find what you're looking for, try switching stores.": "No results found for { searchedQuery }. Try searching Open or Completed tab instead.{ lineBreak }If you still can't find what you're looking for, try switching stores.",
   "No results found for . Try searching In Progress or Open tab instead. If you still can't find what you're looking for, try switching stores.": "No results found for { searchedQuery }. Try searching In Progress or Open tab instead.{ lineBreak } If you still can't find what you're looking for, try switching stores.",
   "No results found for . Try searching In Progress or Completed tab instead. If you still can't find what you're looking for, try switching stores.": "No results found for { searchedQuery }. Try searching In Progress or Completed tab instead.{ lineBreak } If you still can't find what you're looking for, try switching stores.",
   "No time zone found": "No se encontró zona horaria",
+  "No fulfillment capacity": "No fulfillment capacity",
   "Not in Stock": "No en Stock",
+  "No packed shipments to ship for these orders": "No hay envíos empacados para estos pedidos",
   "order": "pedido",
+  "orders allocated today": "{orderCount} orders allocated today",
+  "orders in fulfillment queue": "{orderCount} orders in fulfillment queue",
   "of": "de",
   "Off": "Apagado",
   "OMS": "OMS",
@@ -122,6 +134,8 @@
   "Online Order Fulfillment": "Online Order Fulfillment",
   "Open": "Abierto",
   "Ordered": "Ordenado",
+  "Order fulfillment capacity": "Order fulfillment capacity",
+  "Order fulfillment capacity updated successfully": "Order fulfillment capacity updated successfully",
   "Order ID": "ID del Pedido",
   "Order packed successfully": "Pedido empacado exitosamente",
   "Order packed successfully. Document generation in process": "Order packed successfully. Document generation in process",
@@ -131,9 +145,6 @@
   "Order updated successfully": "Pedido actualizado exitosamente",
   "orders": "pedidos",
   "Out of stock": "Agotado",
-  "New mapping": "New mapping",
-  "Next day": "Día siguiente",
-  "No packed shipments to ship for these orders": "No hay envíos empacados para estos pedidos",
   "package": "paquete",
   "packages": "paquetes",
   "Pack": "Empacar",
@@ -197,6 +208,7 @@
   "Select your preferred language.": "Select your preferred language.",
   "Sell inventory online": "Sell inventory online",
   "Sell online": "Sell online",
+  "Setting fulfillment capacity to 0 disables new order from being allocated to this facility. Leave this empty if this facility's fulfillment capacity is unrestricted.": "Setting fulfillment capacity to 0 disables new order from being allocated to this facility. Leave this empty if this facility's fulfillment capacity is unrestricted.",
   "Settings": "Configuraciones",
   "Set Limit": "Establecer Límite",
   "Ship": "Enviar",
@@ -238,6 +250,10 @@
   "Turn on fulfillment": "Activar Cumplimiento",
   "Turn on fulfillment for ": "Activar cumplimiento para {facilityName}",
   "Turn off fulfillment for ": "Desactivar cumplimiento para {facilityName}",
+  "Unlimited": "Unlimited",
+  "Unlimited Capacity": "Unlimited Capacity",
+  "Unlimited fulfillment capacity": "Unlimited fulfillment capacity",
+  "Unlimited capacity removes the fulfillment capacity limit entirely. To add a fulfillment capacity to this facility, use the custom option.": "Unlimited capacity removes the fulfillment capacity limit entirely. To add a fulfillment capacity to this facility, use the custom option.",
   "Unpack": "Desempacar",
   "Unpacking this order will send it back to 'In progress' and it will have to be repacked.": "Desempacar este pedido lo enviará de vuelta a 'En curso' y tendrá que ser vuelto a empacar.",
   "Update": "Update",

src/services/UserService.ts

@@ -37,6 +37,14 @@ const getFacilityDetails = async (payload: any): Promise<any> => {
   })
 }
 
+const getFacilityOrderCount = async (payload: any): Promise<any> => {
+  return api({
+    url: "performFind",
+    method: "get",
+    params: payload
+  })
+}
+
 const updateFacility = async (payload: any): Promise<any> => {
   return api({
     url: "service/updateFacility",
@@ -276,6 +284,7 @@ export const UserService = {
     getAvailableTimeZones,
     getEComStores,
     getFacilityDetails,
+    getFacilityOrderCount,
     getFieldMappings,
     getUserProfile,
     getPreferredStore,
@@ -285,5 +294,5 @@ export const UserService = {
     setUserTimeZone,
     getUserPermissions,
     updateFacility,
-    updateFieldMapping
+    updateFieldMapping,
 }