comparisonfiles.json: Split name and folder

Author: Robert-André Mauchin

image-comparison-web/comparisonfiles.json

@@ -4,42 +4,52 @@
             "format": [
                 {
                     "extension": "avif",
-                    "name": "AOM_3.1.1"
+                    "folder": "AOM_3.1.1",
+                    "name": "AVIF (AOM v3.1.1)"
                 },
                 {
                     "extension": "avif",
-                    "name": "AOM_20210715"
+                    "folder": "AOM_20210715",
+                    "name": "AVIF (AOM 20210715)"
                 },
                 {
                     "extension": "heif",
-                    "name": "HEIF_1.12.0"
+                    "folder": "HEIF_1.12.0",
+                    "name": "HEIF 1.12.0"
                 },
                 {
                     "extension": "jxl",
-                    "name": "JXL_0.3.7"
+                    "folder": "JXL_0.3.7",
+                    "name": "JPEG XL v0.3.7"
                 },
                 {
                     "extension": "jxl",
-                    "name": "JXL_20210715"
+                    "folder": "JXL_20210715",
+                    "name": "JPEG XL JXL_20210715"
                 },
                 {
                     "extension": "jpg",
-                    "name": "MOZJPEG"
+                    "folder": "MOZJPEG",
+                    "name": "JPEG (Mozwjpeg v4.0.3)"
                 },
                 {
                     "extension": "webp",
-                    "name": "WEBP_1.2.0"
+                    "folder": "WEBP_1.2.0",
+                    "name": "Webp v1.2.0"
                 },
                 {
                     "extension": "wp2",
-                    "name": "WEBP2_20201204"
+                    "folder": "WEBP2_20201204",
+                    "name": "Webp2 20201204"
                 },
                 {
                     "extension": "wp2",
-                    "name": "WEBP2_20210715"
+                    "folder": "WEBP2_20210715",
+                    "name": "Webp2 20210715"
                 },
                 {
                     "extension": "png",
+                    "folder": "Original",
                     "name": "Original"
                 }
             ],

image-comparison-web/js/splitimage2.js

@@ -306,12 +306,12 @@ function subsetChange (event) {
             var optLeft = document.createElement("option");
             var optRight = document.createElement("option");
 
-            optLeft.setAttribute("folder", format.name);
+            optLeft.setAttribute("folder", format.folder);
             optLeft.text = format.name;
             optLeft.value = format.extension;
             select.left.add(optLeft, null);
 
-            optRight.setAttribute("folder", format.name);
+            optRight.setAttribute("folder", format.folder);
             optRight.text = format.name;
             optRight.value = format.extension;
             select.right.add(optRight, null);