Update process names and highlight finished processes

README.md

@@ -4,7 +4,7 @@
 
 [![process-scheduling-solver](https://user-images.githubusercontent.com/19908657/120210473-6874ca00-c262-11eb-96a2-5c4742fea816.png)](https://boonsuen.com/process-scheduling-solver)
 
-Get it here: [process-scheduling-solver.boonsuen.com](https://process-scheduling-solver.boonsuen.com)
+Get it here: [https://process-scheduling-solver-two.vercel.app](https://process-scheduling-solver-two.vercel.app)
 
 ## Supported algorithms
 

src/algorithms/fcfs.ts

@@ -1,58 +1,51 @@
-import { ganttChartInfoType } from '.';
+import { GanttChartInfoType } from '.';
 
 export const fcfs = (arrivalTime: number[], burstTime: number[]) => {
-  const processesInfo = arrivalTime
-    .map((item, index) => {
-      const job =
-        arrivalTime.length > 26
-          ? `P${index + 1}`
-          : (index + 10).toString(36).toUpperCase();
-
-      return {
-        job,
-        at: item,
-        bt: burstTime[index],
-      };
-    })
-    .sort((obj1, obj2) => {
-      if (obj1.at > obj2.at) {
-        return 1;
-      }
-      if (obj1.at < obj2.at) {
-        return -1;
-      }
-      return 0;
+    const processesInfo = arrivalTime
+        .map((item, index) => ({
+            job: index,
+            at: item,
+            bt: burstTime[index],
+        }))
+        .sort((obj1, obj2) => {
+            if (obj1.at > obj2.at) {
+                return 1;
+            }
+            if (obj1.at < obj2.at) {
+                return -1;
+            }
+            return 0;
+        });
+
+    const finishTime: number[] = [];
+    const ganttChartInfo: GanttChartInfoType = [];
+
+    const solvedProcessesInfo = processesInfo.map((process, index) => {
+        if (index === 0 || process.at > finishTime[index - 1]) {
+            finishTime[index] = process.at + process.bt;
+
+            ganttChartInfo.push({
+                job: process.job,
+                start: process.at,
+                stop: finishTime[index],
+            });
+        } else {
+            finishTime[index] = finishTime[index - 1] + process.bt;
+
+            ganttChartInfo.push({
+                job: process.job,
+                start: finishTime[index - 1],
+                stop: finishTime[index],
+            });
+        }
+
+        return {
+            ...process,
+            ft: finishTime[index],
+            tat: finishTime[index] - process.at,
+            wat: finishTime[index] - process.at - process.bt,
+        };
     });
 
-  let finishTime: number[] = [];
-  let ganttChartInfo: ganttChartInfoType = [];
-
-  const solvedProcessesInfo = processesInfo.map((process, index) => {
-    if (index === 0 || process.at > finishTime[index - 1]) {
-      finishTime[index] = process.at + process.bt;
-
-      ganttChartInfo.push({
-        job: process.job,
-        start: process.at,
-        stop: finishTime[index],
-      });
-    } else {
-      finishTime[index] = finishTime[index - 1] + process.bt;
-
-      ganttChartInfo.push({
-        job: process.job,
-        start: finishTime[index - 1],
-        stop: finishTime[index],
-      });
-    }
-
-    return {
-      ...process,
-      ft: finishTime[index],
-      tat: finishTime[index] - process.at,
-      wat: finishTime[index] - process.at - process.bt,
-    };
-  });
-
-  return { solvedProcessesInfo, ganttChartInfo };
+    return { solvedProcessesInfo, ganttChartInfo };
 };

src/algorithms/index.ts

@@ -6,42 +6,42 @@ import { npp } from './npp';
 import { pp } from './pp';
 import { AlgoType } from '../components/Input/AlgoSelect';
 
-export type ganttChartInfoType = {
-  job: string;
-  start: number;
-  stop: number;
+export type GanttChartInfoType = {
+    job: number;
+    start: number;
+    stop: number;
 }[];
 
-export type solvedProcessesInfoType = {
-  job: string;
-  at: number;
-  bt: number;
-  ft: number;
-  tat: number;
-  wat: number;
+export type SolvedProcessesInfoType = {
+    job: number;
+    at: number;
+    bt: number;
+    ft: number;
+    tat: number;
+    wat: number;
 }[];
 
 export const solve = (
-  algo: AlgoType,
-  arrivalTime: number[],
-  burstTime: number[],
-  timeQuantum: number,
-  priorities: number[]
+    algo: AlgoType,
+    arrivalTime: number[],
+    burstTime: number[],
+    timeQuantum: number,
+    priorities: number[]
 ) => {
-  switch (algo) {
-    case 'FCFS':
-      return fcfs(arrivalTime, burstTime);
-    case 'SJF':
-      return sjf(arrivalTime, burstTime);
-    case 'SRTF':
-      return srtf(arrivalTime, burstTime);
-    case 'RR':
-      return rr(arrivalTime, burstTime, timeQuantum);
-    case 'NPP':
-      return npp(arrivalTime, burstTime, priorities);
-    case 'PP':
-      return pp(arrivalTime, burstTime, priorities);
-    default:
-      break;
-  }
+    switch (algo) {
+        case 'FCFS':
+            return fcfs(arrivalTime, burstTime);
+        case 'SJF':
+            return sjf(arrivalTime, burstTime);
+        case 'SRTF':
+            return srtf(arrivalTime, burstTime);
+        case 'RR':
+            return rr(arrivalTime, burstTime, timeQuantum);
+        case 'NPP':
+            return npp(arrivalTime, burstTime, priorities);
+        case 'PP':
+            return pp(arrivalTime, burstTime, priorities);
+        default:
+            break;
+    }
 };