web: Show position in line

web/frontend/Dockerfile

@@ -8,11 +8,11 @@ ARG REACT_APP_BACKEND_URL
 ENV REACT_APP_BACKEND_URL=$REACT_APP_BACKEND_URL
 RUN npm run build
  
- # Production Stage
- FROM node:18-alpine AS production
- WORKDIR /app
- COPY --from=build /app/build ./build
- COPY server.js ./
- RUN npm install --production express
- EXPOSE 3000
- CMD ["node", "server.js"]
+# Production Stage
+FROM node:18-alpine AS production
+WORKDIR /app
+COPY --from=build /app/build ./build
+COPY server.js ./
+RUN npm install --production express
+EXPOSE 3000
+CMD ["node", "server.js"]

web/frontend/src/components/Jobs/Jobs.tsx

@@ -15,6 +15,7 @@ import formStyles from "../Common/Forms/Form.module.css";
 interface JobData {
   log: string;
   solution: any;
+  position: number;
 }
 
 const Jobs = () => {
@@ -81,7 +82,9 @@ const Jobs = () => {
         <SectionHeader title="Optimization log"></SectionHeader>
         <div className={formStyles.FormWrapper}>
           <div className={styles.SolverLog} ref={logRef}>
-            {jobData ? jobData.log : "Loading..."}
+            {jobData
+              ? jobData.log || `Waiting for ${jobData.position} other optimization job(s) to finish...`
+              : "Loading..."}
           </div>
         </div>
       </div>