Merge pull request #68 from fdm-monster/bugfix/67-printers-cant-be-pl…

…aced-outside-4-by-4-grid-should-be-8-by-8

fix: the grid was calculated as only 4*4 where it should have been 8*8

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fdm-monster/client",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "private": false,
   "author": "David Zwart",
   "license": "AGPL-3.0-or-later",

src/components/PrinterGrid/PrinterGrid.vue

@@ -60,7 +60,7 @@ import { defineComponent } from "vue";
 import { socketIoFloors } from "../../event-bus/socketio.events";
 import PrinterGridTile from "@/components/PrinterGrid/PrinterGridTile.vue";
 import {
-  largeGridcolumnCount,
+  largeGridColumnCount,
   largeGridRowCount,
   totalVuetifyColumnCount,
 } from "@/constants/printer-grid.constants";
@@ -97,7 +97,7 @@ export default defineComponent({
       return totalVuetifyColumnCount / this.columns;
     },
     columns() {
-      return largeGridcolumnCount;
+      return largeGridColumnCount;
     },
     rows() {
       return largeGridRowCount;

src/constants/printer-grid.constants.ts

@@ -1,5 +1,5 @@
 // Should not be adjusted unless the grid system is changed to support other than 12
 export const totalVuetifyColumnCount = 12;
 // Large grid mode
-export const largeGridcolumnCount = 4;
+export const largeGridColumnCount = 4;
 export const largeGridRowCount = 4;

src/store/printers.store.ts

@@ -7,6 +7,7 @@ import { PrinterFileService, PrintersService } from "@/backend";
 import { CreatePrinter } from "@/models/printers/crud/create-printer.model";
 import { FloorService } from "../backend/floor.service";
 import { PrinterJobService } from "@/backend/printer-job.service";
+import { largeGridColumnCount, largeGridRowCount } from "../constants/printer-grid.constants";
 
 interface State {
   printers: Printer[];
@@ -53,10 +54,8 @@ export const usePrintersStore = defineStore("Printers", {
       if (!this.selectedFloor) return [];
 
       const positions = this.selectedFloor.printers;
-
-      // TODO introduce client setting for X/Y size
-      const gridY = 4; // X
-      const gridX = 4; // Y
+      const gridY = largeGridRowCount * 2; // X
+      const gridX = largeGridColumnCount * 2; // Y
 
       const matrix: (Printer | undefined)[][] = [];
       for (let i = 0; i < gridY; i++) {