Gizmo
-die Eidechse
-Grün/Blau/Orange
-(Glänzend)
+Gizmo
+die Eidechse
+Grün/Blau/Orange
+(Glänzend)
+#32420
diff --git a/groupTasks/groups/shx-product-label/index.js b/groupTasks/groups/shx-product-label/index.js index 6f05ad9..1cbf89e 100644 --- a/groupTasks/groups/shx-product-label/index.js +++ b/groupTasks/groups/shx-product-label/index.js @@ -1,17 +1,19 @@ const PRODUCT_NAME = "{{PRODUCT_NAME}}", // Gizmo die Eidechse PRODUCT_VARIANT = "{{PRODUCT_VARIANT}}", // Farbe Grün/Blau/Orange or Stil Standard - PRODUCT_COLOR_CHARACTERISTICS = "{{PRODUCT_COLOR_CHARACTERISTICS}}", // (Glänzend) + PRODUCT_CHARACTERISTIC_LINE_1 = "{{PRODUCT_CHARACTERISTIC_LINE_1}}", // (Glänzend) + PRODUCT_CHARACTERISTIC_LINE_2 = "{{PRODUCT_CHARACTERISTIC_LINE_2}}", PRODUCT_ID = "#{{PRODUCT_ID}}", // #32420 LABEL_PAPER_POSITION = "{{LABEL_PAPER_POSITION}}"; // could be a number between 1 and 12 or combination like 1,3,7 +/* +const PRODUCT_NAME = "Gizmo_die Eidechse", + PRODUCT_VARIANT = "FARBE", + PRODUCT_CHARACTERISTIC_LINE_1 = "Grün/Blau/Orange", + PRODUCT_CHARACTERISTIC_LINE_2 = "(Glänzend)", + PRODUCT_ID = "#32420", + LABEL_PAPER_POSITION = "1"; */ const labelPaperPosition = LABEL_PAPER_POSITION.split(","); -/* -const PRODUCT_NAME = "Gizmo die Eidechse", - PRODUCT_VARIANT = "Farbe Grün/Blau/Orange", - PRODUCT_COLOR_CHARACTERISTICS = "(Glänzend)", - PRODUCT_ID = "#32420"; */ - window.onload = () => { for (let i = 1; i <= 12; i++) { let labels = document.getElementById("labels"); @@ -22,14 +24,15 @@ window.onload = () => { label.className = "label"; if (labelPaperPosition.indexOf(i.toString()) !== -1) { - /* FIRST */ - const backgroundImage = document.createElement("div"); backgroundImage.className = "background-image"; const content = document.createElement("div"); content.className = "content"; + const productContainer = document.createElement("div"); + productContainer.className = "product-container"; + const productName = PRODUCT_NAME.split("_"); const productNameFirst = document.createElement("h1"); @@ -43,12 +46,16 @@ window.onload = () => { productVariant.innerHTML = PRODUCT_VARIANT; productVariant.className = "product-variant"; - const productColorCharacteristics = document.createElement("p"); - productColorCharacteristics.innerHTML = - PRODUCT_COLOR_CHARACTERISTICS == "" + const productCharacteristicLine1 = document.createElement("p"); + productCharacteristicLine1.innerHTML = PRODUCT_CHARACTERISTIC_LINE_1; + productCharacteristicLine1.className = "product-characteristic"; + + const productCharacteristicLine2 = document.createElement("p"); + productCharacteristicLine2.innerHTML = + PRODUCT_CHARACTERISTIC_LINE_2 == "" ? "\u200B" // /* Zero-Width Space needed for product variants like Standard which have no color characteristics */ - : PRODUCT_COLOR_CHARACTERISTICS; - productColorCharacteristics.className = "product-variant"; + : PRODUCT_CHARACTERISTIC_LINE_2; + productCharacteristicLine2.className = "product-characteristic"; const productId = document.createElement("p"); productId.innerHTML = PRODUCT_ID; @@ -56,8 +63,12 @@ window.onload = () => { content.appendChild(productNameFirst); content.appendChild(productNameRemainingPart); - content.appendChild(productVariant); - content.appendChild(productColorCharacteristics); + + productContainer.appendChild(productVariant); + productContainer.appendChild(productCharacteristicLine1); + productContainer.appendChild(productCharacteristicLine2); + + content.appendChild(productContainer); content.appendChild(productId); /* container */ @@ -108,20 +119,34 @@ window.onload = () => { labels.appendChild(label); } + /* + adjustFontSize(); + function adjustFontSize() { - const container = document.getElementsByClassName("product-variant")[0]; + console.log("Adjusting font size"); + + const container = document.getElementsByClassName("product-container")[0]; const text = document.getElementById("text"); const containerWidth = container.offsetWidth; let fontSize = 100; // Startgröße in Prozent text.style.fontSize = fontSize + "%"; + console.log("Initial sizes", { + containerWidth, + textWidth: text.offsetWidth, + }); + // Reduziere die Schriftgröße, bis der Text in den Container passt while (text.offsetWidth > containerWidth && fontSize > 1) { fontSize--; text.style.fontSize = fontSize + "%"; + console.log("Resizing", { fontSize, textWidth: text.offsetWidth }); } + + console.log("Final font size:", fontSize + "%"); } - window.onload = adjustFontSize; - window.onresize = adjustFontSize; + // Verwenden Sie die addEventListener-Methode, um sicherzustellen, dass die Funktionen korrekt zugewiesen werden + window.addEventListener("load", adjustFontSize); + window.addEventListener("resize", adjustFontSize); */ }; diff --git a/groupTasks/groups/shx-product-label/index.json b/groupTasks/groups/shx-product-label/index.json index f9c96b9..3a589e3 100644 --- a/groupTasks/groups/shx-product-label/index.json +++ b/groupTasks/groups/shx-product-label/index.json @@ -20,41 +20,41 @@ "type": "select", "displayName": "Produkttyp auswählen", "options": [ - "#32420 Gizmo die Eidechse, Farbe, Grün/Blau/Orange (Glänzend)", - "#83650 Gizmo die Eidechse, Farbe, Gold (Glänzend)", - "#92784 Gizmo die Eidechse, Farbe, Glitzer Grün (Seidenmatt)", - "#36521 Charlie das Häschen, Farbe, Hellbraun (Matt)", - "#48273 Charlie das Häschen, Farbe, Gold (Glänzend)", - "#71936 Ruby die Schlange, Farbe, Feuerrot (Glänzend)", - "#58324 Ruby die Schlange, Farbe, Rot/Blau (Glänzend)", - "#78648 Ruby die Schlange, Farbe, Gold (Glänzend)", - "#21433 Bruno der Dino, Farbe, Grün/Blau/Orange (Glänzend)", - "#57953 Bruno der Dino, Farbe, Rot/Blau (Glänzend)", - "#90578 Bruno der Dino, Farbe, Gold (Glänzend)", - "#51563 Bruno der Dino, Farbe, Himmelblau (Fluoreszierend)", - "#23564 Flamara der Drache, Farbe, Feuerrot (Glänzend)", - "#51139 Flamara der Drache, Farbe, Himmelblau (Fluoreszierend)", - "#77970 Flamara der Drache, Farbe, Gold (Glänzend)", - "#43356 Flamara der Drache, Farbe, Schwarz", - "#32974 Finn der Sad Hamster, Stil, Standard / Weiblich", - "#60798 Finn der Sad Hamster, Stil, Schlüsselanhänger / Weiblich", - "#30563 Finn der Sad Hamster, Stil, Groß / Weiblich", - "#90586 Finn der Sad Hamster, Stil, Standard / Männlich", - "#99560 Finn der Sad Hamster, Stil, Schlüsselanhänger / Männlich", - "#47364 Finn der Sad Hamster, Stil, Groß / Männlich", - "#93047 Mia das Kätzchen, Farbe, Grau", - "#86423 Mia das Kätzchen, Farbe, Weiß", - "#X38764 Mia das Kätzchen, Farbe, Weiß (Schlüsselanhänger)", - "#56083 Hoppel das Häschen, Farbe, Grau", - "#78693 Elias der Corgi, Farbe, Braun/Weiß", - "#37335 Axel der Axolotl, Farbe, Pink", - "#26822 Dilo der Delfin, Farbe, Blau ➔ Weiß", - "#51665 Sunny das Einhorn, Farbe, Weiß", - "#35717 Stella der Phönix, Farbe, Sonderanfertigung Rosa/Weiß", - "#26843 Stella der Phönix, Farbe, Verlauf Lila/Pink", - "#74943 Brain der Fuchs, Stil, Standard", - "#78071 Weißer Hund, Stil, Weiß", - "#92734 Amigo der Capybara, Farbe, Braun" + "#32420 Gizmo die Eidechse, Farbe, Grün/Blau/Orange, (Glänzend)", + "#83650 Gizmo die Eidechse, Farbe, Gold, (Glänzend)", + "#92784 Gizmo die Eidechse, Farbe, Glitzer Grün, (Seidenmatt)", + "#36521 Charlie das Häschen, Farbe, Hellbraun, (Matt)", + "#48273 Charlie das Häschen, Farbe, Gold, (Glänzend)", + "#71936 Ruby die Schlange, Farbe, Feuerrot, (Glänzend)", + "#58324 Ruby die Schlange, Farbe, Rot/Blau, (Glänzend)", + "#78648 Ruby die Schlange, Farbe, Gold, (Glänzend)", + "#21433 Bruno der Dino, Farbe, Grün/Blau/Orange, (Glänzend)", + "#57953 Bruno der Dino, Farbe, Rot/Blau, (Glänzend)", + "#90578 Bruno der Dino, Farbe, Gold, (Glänzend)", + "#51563 Bruno der Dino, Farbe, Himmelblau, (Fluoreszierend)", + "#23564 Flamara der Drache, Farbe, Feuerrot, (Glänzend)", + "#51139 Flamara der Drache, Farbe, Himmelblau, (Fluoreszierend)", + "#77970 Flamara der Drache, Farbe, Gold, (Glänzend)", + "#43356 Flamara der Drache, Farbe, Schwarz, ", + "#32974 Finn der Sad Hamster, Stil, Standard, Weiblich", + "#60798 Finn der Sad Hamster, Stil, Schlüsselanhänger, Weiblich", + "#30563 Finn der Sad Hamster, Stil, Groß, Weiblich", + "#90586 Finn der Sad Hamster, Stil, Standard, Männlich", + "#99560 Finn der Sad Hamster, Stil, Schlüsselanhänger, Männlich", + "#47364 Finn der Sad Hamster, Stil, Groß, Männlich", + "#93047 Mia das Kätzchen, Farbe, Grau, ", + "#86423 Mia das Kätzchen, Farbe, Weiß, ", + "#X38764 Mia das Kätzchen, Farbe, Weiß, (Schlüsselanhänger)", + "#56083 Hoppel das Häschen, Farbe, Grau, ", + "#78693 Elias der Corgi, Farbe, Braun/Weiß, ", + "#37335 Axel der Axolotl, Farbe, Pink, ", + "#26822 Dilo der Delfin, Farbe, Blau ➔ Weiß, ", + "#51665 Sunny das Einhorn, Farbe, Weiß, ", + "#35717 Stella der Phönix, Farbe, Sonderanfertigung, Rosa/Weiß", + "#26843 Stella der Phönix, Farbe, Verlauf Lila/Pink, ", + "#74943 Brain der Fuchs, Stil, Standard, ", + "#78071 Weißer Hund, Stil, Weiß, ", + "#92734 Amigo der Capybara, Farbe, Braun, " ], "global": false } diff --git a/groupTasks/groups/shx-product-label/script.py b/groupTasks/groups/shx-product-label/script.py index 7f4878a..2fb33a3 100644 --- a/groupTasks/groups/shx-product-label/script.py +++ b/groupTasks/groups/shx-product-label/script.py @@ -55,22 +55,11 @@ if __name__ == "__main__": with open("index.js", "r") as file: indexjs = file.read() - product_color_characteristics = "" - - if product["product_variant"] != "Farbe": - product_variant = product["product_variant"] + " " + product["product_color"] - else: - product_color_splitted = product["product_color"].split(" ") - - product_variant = product["product_variant"] + " " + product_color_splitted[0] - - if len(product_color_splitted) > 1: - product_color_characteristics = product_color_splitted[1] - indexjs = indexjs.replace("{{PRODUCT_ID}}", product["id"]) indexjs = indexjs.replace("{{PRODUCT_NAME}}", product["name"]) - indexjs = indexjs.replace("{{PRODUCT_VARIANT}}", product_variant) - indexjs = indexjs.replace("{{PRODUCT_COLOR_CHARACTERISTICS}}", product_color_characteristics) + indexjs = indexjs.replace("{{PRODUCT_VARIANT}}", product["product_variant"]) + indexjs = indexjs.replace("{{PRODUCT_CHARACTERISTIC_LINE_1}}", product["product_characteristic_line_1"]) + indexjs = indexjs.replace("{{PRODUCT_CHARACTERISTIC_LINE_2}}", product["product_characteristic_line_2"]) indexjs = indexjs.replace("{{LABEL_PAPER_POSITION}}", label_paper_position) with open("index.js", "w") as file: diff --git a/groupTasks/groupsData/google-sheet-products.json b/groupTasks/groupsData/google-sheet-products.json index ffe48c9..a9a0be2 100644 --- a/groupTasks/groupsData/google-sheet-products.json +++ b/groupTasks/groupsData/google-sheet-products.json @@ -4,211 +4,246 @@ "id": "32420", "name": "Gizmo_die Eidechse", "product_variant": "Farbe", - "product_color": "Grün/Blau/Orange (Glänzend)" + "product_characteristic_line_1": "Grün/Blau/Orange", + "product_characteristic_line_2": "(Glänzend)" }, { "id": "83650", "name": "Gizmo_die Eidechse", "product_variant": "Farbe", - "product_color": "Gold (Glänzend)" + "product_characteristic_line_1": "Gold", + "product_characteristic_line_2": "(Glänzend)" }, { "id": "92784", "name": "Gizmo_die Eidechse", "product_variant": "Farbe", - "product_color": "Glitzer Grün (Seidenmatt)" + "product_characteristic_line_1": "Glitzer Grün", + "product_characteristic_line_2": "(Seidenmatt)" }, { "id": "36521", "name": "Charlie_das Häschen", "product_variant": "Farbe", - "product_color": "Hellbraun (Matt)" + "product_characteristic_line_1": "Hellbraun", + "product_characteristic_line_2": "(Matt)" }, { "id": "48273", "name": "Charlie_das Häschen", "product_variant": "Farbe", - "product_color": "Gold (Glänzend)" + "product_characteristic_line_1": "Gold", + "product_characteristic_line_2": "(Glänzend)" }, { "id": "71936", "name": "Ruby_die Schlange", "product_variant": "Farbe", - "product_color": "Feuerrot (Glänzend)" + "product_characteristic_line_1": "Feuerrot", + "product_characteristic_line_2": "(Glänzend)" }, { "id": "58324", "name": "Ruby_die Schlange", "product_variant": "Farbe", - "product_color": "Rot/Blau (Glänzend)" + "product_characteristic_line_1": "Rot/Blau", + "product_characteristic_line_2": "(Glänzend)" }, { "id": "78648", "name": "Ruby_die Schlange", "product_variant": "Farbe", - "product_color": "Gold (Glänzend)" + "product_characteristic_line_1": "Gold", + "product_characteristic_line_2": "(Glänzend)" }, { "id": "21433", "name": "Bruno_der Dino", "product_variant": "Farbe", - "product_color": "Grün/Blau/Orange (Glänzend)" + "product_characteristic_line_1": "Grün/Blau/Orange", + "product_characteristic_line_2": "(Glänzend)" }, { "id": "57953", "name": "Bruno_der Dino", "product_variant": "Farbe", - "product_color": "Rot/Blau (Glänzend)" + "product_characteristic_line_1": "Rot/Blau", + "product_characteristic_line_2": "(Glänzend)" }, { "id": "90578", "name": "Bruno_der Dino", "product_variant": "Farbe", - "product_color": "Gold (Glänzend)" + "product_characteristic_line_1": "Gold", + "product_characteristic_line_2": "(Glänzend)" }, { "id": "51563", "name": "Bruno_der Dino", "product_variant": "Farbe", - "product_color": "Himmelblau (Fluoreszierend)" + "product_characteristic_line_1": "Himmelblau", + "product_characteristic_line_2": "(Fluoreszierend)" }, { "id": "23564", "name": "Flamara_der Drache", "product_variant": "Farbe", - "product_color": "Feuerrot (Glänzend)" + "product_characteristic_line_1": "Feuerrot", + "product_characteristic_line_2": "(Glänzend)" }, { "id": "51139", "name": "Flamara_der Drache", "product_variant": "Farbe", - "product_color": "Himmelblau (Fluoreszierend)" + "product_characteristic_line_1": "Himmelblau", + "product_characteristic_line_2": "(Fluoreszierend)" }, { "id": "77970", "name": "Flamara_der Drache", "product_variant": "Farbe", - "product_color": "Gold (Glänzend)" + "product_characteristic_line_1": "Gold", + "product_characteristic_line_2": "(Glänzend)" }, { "id": "43356", "name": "Flamara_der Drache", "product_variant": "Farbe", - "product_color": "Schwarz" + "product_characteristic_line_1": "Schwarz", + "product_characteristic_line_2": "" }, { "id": "32974", "name": "Finn der_Sad Hamster", "product_variant": "Stil", - "product_color": "Standard / Weiblich" + "product_characteristic_line_1": "Standard", + "product_characteristic_line_2": "Weiblich" }, { "id": "60798", "name": "Finn der_Sad Hamster", "product_variant": "Stil", - "product_color": "Schlüsselanhänger / Weiblich" + "product_characteristic_line_1": "Schlüsselanhänger", + "product_characteristic_line_2": "Weiblich" }, { "id": "30563", "name": "Finn der_Sad Hamster", "product_variant": "Stil", - "product_color": "Groß / Weiblich" + "product_characteristic_line_1": "Groß", + "product_characteristic_line_2": "Weiblich" }, { "id": "90586", "name": "Finn der_Sad Hamster", "product_variant": "Stil", - "product_color": "Standard / Männlich" + "product_characteristic_line_1": "Standard", + "product_characteristic_line_2": "Männlich" }, { "id": "99560", "name": "Finn der_Sad Hamster", "product_variant": "Stil", - "product_color": "Schlüsselanhänger / Männlich" + "product_characteristic_line_1": "Schlüsselanhänger", + "product_characteristic_line_2": "Männlich" }, { "id": "47364", "name": "Finn der_Sad Hamster", "product_variant": "Stil", - "product_color": "Groß / Männlich" + "product_characteristic_line_1": "Groß", + "product_characteristic_line_2": "Männlich" }, { "id": "93047", "name": "Mia_das Kätzchen", "product_variant": "Farbe", - "product_color": "Grau" + "product_characteristic_line_1": "Grau", + "product_characteristic_line_2": "" }, { "id": "86423", "name": "Mia_das Kätzchen", "product_variant": "Farbe", - "product_color": "Weiß" + "product_characteristic_line_1": "Weiß", + "product_characteristic_line_2": "" }, { "id": "X38764", "name": "Mia_das Kätzchen", "product_variant": "Farbe", - "product_color": "Weiß (Schlüsselanhänger)" + "product_characteristic_line_1": "Weiß", + "product_characteristic_line_2": "(Schlüsselanhänger)" }, { "id": "56083", "name": "Hoppel_das Häschen", "product_variant": "Farbe", - "product_color": "Grau" + "product_characteristic_line_1": "Grau", + "product_characteristic_line_2": "" }, { "id": "78693", "name": "Elias_der Corgi", "product_variant": "Farbe", - "product_color": "Braun/Weiß" + "product_characteristic_line_1": "Braun/Weiß", + "product_characteristic_line_2": "" }, { "id": "37335", "name": "Axel_der Axolotl", "product_variant": "Farbe", - "product_color": "Pink" + "product_characteristic_line_1": "Pink", + "product_characteristic_line_2": "" }, { "id": "26822", "name": "Dilo_der Delfin", "product_variant": "Farbe", - "product_color": "Blau ➔ Weiß" + "product_characteristic_line_1": "Blau ➔ Weiß", + "product_characteristic_line_2": "" }, { "id": "51665", "name": "Sunny_das Einhorn", "product_variant": "Farbe", - "product_color": "Weiß" + "product_characteristic_line_1": "Weiß", + "product_characteristic_line_2": "" }, { "id": "35717", "name": "Stella_der Phönix", "product_variant": "Farbe", - "product_color": "Sonderanfertigung Rosa/Weiß" + "product_characteristic_line_1": "Sonderanfertigung", + "product_characteristic_line_2": "Rosa/Weiß" }, { "id": "26843", "name": "Stella_der Phönix", "product_variant": "Farbe", - "product_color": "Verlauf Lila/Pink" + "product_characteristic_line_1": "Verlauf Lila/Pink", + "product_characteristic_line_2": "" }, { "id": "74943", "name": "Brain_der Fuchs", "product_variant": "Stil", - "product_color": "Standard" + "product_characteristic_line_1": "Standard", + "product_characteristic_line_2": "" }, { "id": "78071", "name": "Weißer_Hund", "product_variant": "Stil", - "product_color": "Weiß" + "product_characteristic_line_1": "Weiß", + "product_characteristic_line_2": "" }, { "id": "92734", "name": "Amigo_der Capybara", "product_variant": "Farbe", - "product_color": "Braun" + "product_characteristic_line_1": "Braun", + "product_characteristic_line_2": "" } ] } \ No newline at end of file