fixed daytime rows preview image

jdvlpr · Feb 7, 2025 · c3977e2 · c3977e2
1 parent 4005450
commit c3977e2
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 12 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "temperature-blanket-web-app",
-  "version": "4.19.0",
+  "version": "4.19.1",
   "description": "Weather Data + Art! Web app for creating a temperature blanket",
   "main": "index.html",
   "private": true,

diff --git a/src/lib/components/previews/DaytimeRowsPreview.svelte b/src/lib/components/previews/DaytimeRowsPreview.svelte
@@ -84,9 +84,10 @@ If not, see <https://www.gnu.org/licenses/>. -->
       sectionIndex < $weather?.length;
       sectionIndex++, dayIndex++, y += STITCH_SIZE
     ) {
-      const daytime = displayNumber(
-        ($weather[dayIndex].dayt['imperial'] / HOURS_PER_DAY) * width,
-      );
+       const daytimeLength = displayNumber(
+      ($weather[dayIndex].dayt['imperial'] * $settings.stitchesPerRow) / HOURS_PER_DAY,
+      0,
+    ) * STITCH_SIZE;
       const _day = [];
       for (
         let paramIndex = 0, x = 0;
@@ -96,23 +97,23 @@ If not, see <https://www.gnu.org/licenses/>. -->
         let calcWidth;
         switch ($settings.daytimePosition) {
           case 'left':
-            if (paramIndex === 0) calcWidth = daytime;
-            if (paramIndex === 1) calcWidth = width - daytime;
+            if (paramIndex === 0) calcWidth = daytimeLength;
+            if (paramIndex === 1) calcWidth = width - daytimeLength;
             break;
           case 'right':
-            if (paramIndex === 0) calcWidth = width - daytime;
-            if (paramIndex === 1) calcWidth = daytime;
+            if (paramIndex === 0) calcWidth = width - daytimeLength;
+            if (paramIndex === 1) calcWidth = daytimeLength;
             break;
           case 'center':
             if (paramIndex === 0 || paramIndex === 2)
-              calcWidth = (width - daytime) / 2;
-            if (paramIndex === 1) calcWidth = daytime;
+              calcWidth = (width - daytimeLength) / 2;
+            if (paramIndex === 1) calcWidth = daytimeLength;
             // if (paramIndex === 0 || paramIndex === 2) calcWidth = daytime / 2;
             // if (paramIndex === 1) calcWidth = width - daytime;
             break;
           case 'sides':
-            if (paramIndex === 0 || paramIndex === 2) calcWidth = daytime / 2;
-            if (paramIndex === 1) calcWidth = width - daytime;
+            if (paramIndex === 0 || paramIndex === 2) calcWidth = daytimeLength / 2;
+            if (paramIndex === 1) calcWidth = width - daytimeLength;
             break;
         }
         let param = weatherParams[paramIndex];

diff --git a/src/routes/changelog/changelog.ts b/src/routes/changelog/changelog.ts
@@ -20,6 +20,16 @@ import type { ChangelogItem } from '$lib/types';
 export const entries: ChangelogItem[] = [
   {
     date: 'February, 2025',
+    notes: [
+       {
+        icon: ICONS.wrench,
+        text: `The Daytime Rows preview image was inaccurately representing the number of daytime and night stitches in each row. This update uses the actual daytime and night stitches values to generate the preview image, ensuring that it accurately reflects the values in the stitches table. Consequently, the apparent line between the daytime and night sections in the preview image may appear more jagged (less of a smooth curve). However, it provides a more precise representation of the final project's appearance. Only the Daytime Rows preview image in the Project Planner is affected by this update; preview images on Project Gallery pages created before this update remain unchanged.`,
+        title: 'Fixed Daytime Rows Preview Image',
+      },
+    ],
+    version: '4.19.1',
+  },
+  {
     notes: [
       {
         icon: ICONS.checkCircle,