added f8x support in disks module

45drives-disks/src/App.vue

@@ -132,6 +132,15 @@ export default {
         if (!preloadChecks.serverInfo.failed) {
           // server info is available.
           switch (preloadChecks.serverInfo.content["Chassis Size"]) {
+            case "F8X1":
+              pageLayout.value = "B";
+              break;
+            case "F8X2":
+              pageLayout.value = "B";
+              break;
+            case "F8X3":
+              pageLayout.value = "B";
+              break;
             case "2U":
               pageLayout.value = "A";
               break;
@@ -163,9 +172,18 @@ export default {
         if (preloadChecks.zfs.finished && !preloadChecks.serverInfo.failed) {
           // server info is available.
           switch (preloadChecks.serverInfo.content["Chassis Size"]) {
+            case "F8X1":
+              pageLayout.value = "BZ";
+              break;
+            case "F8X2":
+              pageLayout.value = "BZ";
+              break;
+            case "F8X3":
+              pageLayout.value = "BZ";
+              break;              
             case "2U":
               pageLayout.value = "AZ";
-              break;
+              break;                          
             case "AV15":
               pageLayout.value = "BZ";
               break;

45drives-disks/src/components/CanvasSection.vue

@@ -29,6 +29,9 @@
       ref="canvasCardBody"
       class="card-body flex-auto flex flex-col items-center content-center p-0 overflow-visible"
     >
+      <P5F8X1 v-if="activeSketchStr === 'StorinatorF8X1'" />
+      <P5F8X2 v-if="activeSketchStr === 'StorinatorF8X2'" />
+      <P5F8X3 v-if="activeSketchStr === 'StorinatorF8X3'" />
       <P5Stornado2U v-if="activeSketchStr === 'Stornado2U'" />
       <P5StorinatorQ30 v-else-if="activeSketchStr === 'StorinatorQ30'" />
       <P5Stornado v-else-if="activeSketchStr === 'StornadoAV15'" />
@@ -57,6 +60,9 @@
 </template>
 
 <script>
+import P5F8X1 from "./P5F8X1.vue";
+import P5F8X2 from "./P5F8X2.vue";
+import P5F8X3 from "./P5F8X3.vue";
 import P5Stornado2U from "./P5Stornado2U.vue";
 import P5StorinatorQ30 from "./P5StorinatorQ30.vue";
 import P5Stornado from "./P5Stornado.vue";
@@ -76,6 +82,9 @@ import { Switch, SwitchGroup, SwitchLabel } from '@headlessui/vue'
 
 export default {
   components: {
+    P5F8X1,
+    P5F8X2,
+    P5F8X3,
     P5Stornado2U,
     P5StorinatorQ30,
     P5Stornado,
@@ -103,7 +112,7 @@ export default {
     const zfsInfo = inject("zfsInfo");
     const enableSketch = (modelString) => {
       let testString =
-        /(Storinator|Stornado)-(H8)?(H16|H32)?-?(AV15|Q30|S45|XL60|2U|MI4|C8)/m.exec(
+        /(Storinator|Stornado)-(H8)?(H16|H32)?-?(AV15|Q30|S45|XL60|2U|MI4|C8|F8X1|F8X2|F8X3)/m.exec(
           modelString
         );
       let enableString = testString