Bugfix Copied texts

Author: mtelgkamp

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "color-contrast-bookmarklet",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "color contrast checker bookmarklet",
   "main": "dist/bookmarklet.js",
   "scripts": {

package.json

@@ -51,8 +51,9 @@
                 largeTextAA: 'Large or bold text AA',
                 largeTextAAA: 'Large or bold text AAA',
                 nonTextAA: 'Non-text elements AA',
-                clipboardTextPassed: 'For {contentType}, the selected foreground colour ({foregroundColor}) and background colour ({backgroundColor}) result in a contrast of {contrastValue} for {label}, which corresponds to the required minimum contrast ratio of {requiredContrast}:1.',
-                clipboardTextFailed: 'For {contentType}, the selected foreground colour ({foregroundColor}) and background colour ({backgroundColor}) result in a contrast of {contrastValue} for {label} instead of the required minimum contrast ratio of {requiredContrast}:1.'
+                clipboardTextPassed: "The color combination of forground color $foregroundColor$ and background color $backgroundColor$ has a contrast ratio of $contrastValue$ : 1. The required contrast ratio of $contrastValue$ for level $label$ on $contentType$ is passed.",
+                clipboardTextFailed: "The color combination of forground color $foregroundColor$ and background color $backgroundColor$ has a contrast ratio of $contrastValue$ : 1. For level $label$ on $contentType$ a minimum contrast of $requiredContrast$ : 1 is required.",
+
             }
         },
         de: {
@@ -76,7 +77,7 @@
             nonText: 'Nicht-Textbasierte-Inhalte',
             nonTextLabel: 'Visualisierung für nicht-textbasierte Inhalte',
             applyButton: 'Übernehmen',
-            colorAriaLive: 'Die ausgewählte farbe ist',
+            colorAriaLive: 'Die ausgewählte Farbe ist',
             successIconLabel: 'bestanden',
             failedIconLabel: 'fehlgeschlagen',
             infoIconLabel: 'Hinweis',
@@ -96,7 +97,7 @@
             },
             errorMessage: 'Bitte geben Sie einen validen Farbwert ein.',
             copyMessage: {
-                regularText: 'regulären Text',
+                regularText: 'regulärem Text',
                 largeText: 'großen und fetten Text',
                 nonText: 'nicht-textbasierte-Inhalte',
                 template: 'in Zwischenablage kopiert',
@@ -105,12 +106,12 @@
                 largeTextAA: 'Großer oder fetter Text AA',
                 largeTextAAA: 'Großer oder fetter Text AAA',
                 nonTextAA: 'Nicht-Textbasierte-Inhalte AA',
-                clipboardTextPassed: 'Für {contentType} ergibt sich mit der gewählten Vordergrundfarbe ({foregroundColor}) und Hintergrundfarbe ({backgroundColor}) ein Kontrast von {contrastValue} für {label}, was dem geforderten Mindestkontrastverhältnis von {requiredContrast}:1 entspricht.',
-                clipboardTextFailed: 'Für {contentType} ergibt sich mit der gewählten Vordergrundfarbe ({foregroundColor}) und Hintergrundfarbe ({backgroundColor}) ein Kontrast von {contrastValue} für {label}, anstelle des geforderten Mindestkontrastverhältnis von {requiredContrast}:1.'
+                clipboardTextPassed: "Die Farbkombination aus Vordergrundfarbe $foregroundColor$ und Hintergrundfarbe $backgroundColor$ hat ein Kontrastverhältnis von $contrastValue$ : 1. Das erforderliche Kontrastverhältnis von mindestens $requiredContrast$ : 1 für Level $label$ bei $contentType$ ist damit erfüllt.",
+                clipboardTextFailed: "Die Farbkombination aus Vordergrundfarbe $foregroundColor$ und Hintergrundfarbe $backgroundColor$ hat ein Kontrastverhältnis von $contrastValue$ : 1. Für Level $label$ ist bei $contentType$ ein Kontrastverhältnis von mindestens $requiredContrast$ : 1 erforderlich.",
             }
         }
     };
-
+console.log(translationDictionary);
     // default color values
     const defaultForegroundColor = '#323130';
     const defaultBackgroundColor = '#cdece8';
@@ -1087,8 +1088,10 @@
             level: level,
             requiredContrast: requiredRatio
         }
-        const clipboardText = currentContrastRatio >= requiredRatio ? translations.copyMessage.clipboardTextPassed.replace(/{(.*?)}/g, (_, key) => copyTemplateData[key] || '') : translations.copyMessage.clipboardTextFailed.replace(/{(.*?)}/g, (_, key) => copyTemplateData[key] || '');
-
+        const clipboardText =
+            currentContrastRatio >= (typeof(requiredRatio) === "string" ? parseFloat(requiredRatio.replace(",", ".")) : requiredRatio)
+            ? translations.copyMessage.clipboardTextPassed.replace(/\$(.*?)\$/g, (_, key) => copyTemplateData[key] || '') 
+            : translations.copyMessage.clipboardTextFailed.replace(/\$(.*?)\$/g, (_, key) => copyTemplateData[key] || '');
         const button = event.currentTarget;
         const textToCopy = button.getAttribute('data-text');