0.13.0-1 Series Flow

frontend/src/components/JobDetailDialog.jsx

@@ -739,6 +739,21 @@ function resolveSeriesDiscNumber(job) {
   );
 }
 
+function compareSeriesChildJobsByDisc(leftJob, rightJob) {
+  const leftDisc = resolveSeriesDiscNumber(leftJob);
+  const rightDisc = resolveSeriesDiscNumber(rightJob);
+  if (leftDisc !== null && rightDisc !== null && leftDisc !== rightDisc) {
+    return leftDisc - rightDisc;
+  }
+  if (leftDisc !== null && rightDisc === null) {
+    return -1;
+  }
+  if (leftDisc === null && rightDisc !== null) {
+    return 1;
+  }
+  return Number(leftJob?.id || 0) - Number(rightJob?.id || 0);
+}
+
 function BoolState({ value }) {
   const isTrue = Boolean(value);
   return isTrue ? (
@@ -1113,7 +1128,9 @@ export default function JobDetailDialog({
   const metadataDetails = resolveMetadataDetailsForDisplay(job, omdbInfo);
   const seriesDiscNumber = isDvdSeries ? resolveSeriesDiscNumber(job) : null;
   const seriesDiscLabel = seriesDiscNumber ? `Disk ${seriesDiscNumber}` : 'Disk unbekannt';
-  const childJobs = Array.isArray(job?.children) ? job.children : [];
+  const childJobs = Array.isArray(job?.children)
+    ? [...job.children].sort(compareSeriesChildJobsByDisc)
+    : [];
   const isSeriesContainer = isDvdSeries && String(job?.job_kind || '').trim().toLowerCase() === 'dvd_series_container';
   const seriesChildSummary = job?.seriesChildSummary || null;
   const seriesBackupSummary = isSeriesContainer ? seriesChildSummary?.backup : null;