update flow pasien, store & preview screen, source klinik, api dokter

components/features/queue/TabelPatientData.vue

@@ -202,6 +202,10 @@ const props = defineProps({
     type: Number,
     default: 0
   },
+  diprosesCount: {
+    type: Number,
+    default: 0
+  },
   terlambatCount: {
     type: Number,
     default: 0
@@ -210,6 +214,10 @@ const props = defineProps({
     type: Number,
     default: 0
   },
+  showDiproses: {
+    type: Boolean,
+    default: true
+  },
   itemsPerPage: {
     type: Number,
     default: 9
@@ -219,6 +227,7 @@ const props = defineProps({
     default: () => ({
       all: 'Semua',
       diloket: 'Di Loket',
+      diproses: 'Diproses',
       terlambat: 'Terlambat',
       pending: 'Pending'
     })
@@ -249,12 +258,30 @@ const searchModel = computed({
   }
 });
 
-const statusOptions = computed(() => [
-  { value: 'all', label: props.statusLabels.all, count: props.items.length },
-  { value: 'diloket', label: props.statusLabels.diloket, count: props.diLoketCount },
-  { value: 'terlambat', label: props.statusLabels.terlambat, count: props.terlambatCount },
-  { value: 'pending', label: props.statusLabels.pending, count: props.pendingCount }
-]);
+const statusOptions = computed(() => {
+  const baseOptions = [
+    { value: 'all', label: props.statusLabels.all, count: props.items.length },
+    { value: 'diloket', label: props.statusLabels.diloket, count: props.diLoketCount }
+  ];
+
+  // Tampilkan "Diproses" hanya jika:
+  // - label-nya didefinisikan, DAN
+  // - komponen mengizinkan (showDiproses = true)
+  if (props.showDiproses && props.statusLabels.diproses) {
+    baseOptions.push({
+      value: 'diproses',
+      label: props.statusLabels.diproses,
+      count: props.diprosesCount
+    });
+  }
+
+  baseOptions.push(
+    { value: 'terlambat', label: props.statusLabels.terlambat, count: props.terlambatCount },
+    { value: 'pending', label: props.statusLabels.pending, count: props.pendingCount }
+  );
+
+  return baseOptions;
+});
 
 // Generate filter options from items
 const klinikOptions = computed(() => {