fluidd-core
diff --git a/‎src/components/ui/AppColumnPicker.vue
Copy file name to clipboard
+14-10Lines changed: 14 additions & 10 deletions b/‎src/components/ui/AppColumnPicker.vue
Copy file name to clipboard
+14-10Lines changed: 14 additions & 10 deletions
diff --git a/‎src/components/widgets/filesystem/FileSystem.vue
Copy file name to clipboard
+129-127Lines changed: 129 additions & 127 deletions b/‎src/components/widgets/filesystem/FileSystem.vue
Copy file name to clipboard
+129-127Lines changed: 129 additions & 127 deletions
diff --git a/‎src/components/widgets/filesystem/FileSystemBrowser.vue
Copy file name to clipboard
+1-1Lines changed: 1 addition & 1 deletion b/‎src/components/widgets/filesystem/FileSystemBrowser.vue
Copy file name to clipboard
+1-1Lines changed: 1 addition & 1 deletion
diff --git a/‎src/components/widgets/filesystem/FileSystemToolbar.vue
Copy file name to clipboard
+3-3Lines changed: 3 additions & 3 deletions b/‎src/components/widgets/filesystem/FileSystemToolbar.vue
Copy file name to clipboard
+3-3Lines changed: 3 additions & 3 deletions
diff --git a/‎src/components/widgets/history/JobHistory.vue
Copy file name to clipboard
+4-4Lines changed: 4 additions & 4 deletions b/‎src/components/widgets/history/JobHistory.vue
Copy file name to clipboard
+4-4Lines changed: 4 additions & 4 deletions
@@ -47,7 +47,7 @@
               <v-list-item-title>{{ header.text }}</v-list-item-title>
             </v-list-item-content>
             <v-list-item-action class="my-0">
-              <v-checkbox :input-value="header.visible" />
+              <v-checkbox :input-value="header.visible !== false" />
             </v-list-item-action>
           </v-list-item>
         </template>
@@ -58,33 +58,37 @@
 
 <script lang="ts">
 import { Component, Vue, Prop } from 'vue-property-decorator'
-import type { AppTableHeader } from '@/types'
-import type { AppTablePartialHeader } from '@/types/tableheaders'
+import type { AppDataTableHeader } from '@/types'
+import type { ConfiguredTableHeader } from '@/store/config/types'
 
 @Component({})
 export default class AppColumnPicker extends Vue {
   @Prop({ type: String, required: true })
   readonly keyName!: string
 
-  @Prop({ type: Array<AppTableHeader>, required: true })
-  readonly headers!: AppTableHeader[]
+  @Prop({ type: Array<AppDataTableHeader>, required: true })
+  readonly headers!: AppDataTableHeader[]
 
-  get configurableHeaders (): AppTableHeader[] {
+  get configurableHeaders (): AppDataTableHeader[] {
     return this.headers
   }
 
-  set configurableHeaders (value: AppTableHeader[]) {
+  set configurableHeaders (value: AppDataTableHeader[]) {
     const headers = value
-      .map(({ value, visible }): AppTablePartialHeader => ({
+      .map(({ value, visible }): ConfiguredTableHeader => ({
         value,
         visible
       }))
 
     this.$store.dispatch('config/updateHeaders', { name: this.keyName, headers })
   }
 
-  handleToggleHeader (header: AppTablePartialHeader) {
-    header.visible = !header.visible
+  handleToggleHeader (value: AppDataTableHeader) {
+    const header : ConfiguredTableHeader = {
+      value: value.value,
+      visible: !(value.visible !== false)
+    }
+
     this.$store.dispatch('config/updateHeader', { name: this.keyName, header })
   }
 }
 
@@ -156,7 +156,7 @@ import FileNameDialog from './FileNameDialog.vue'
 import FileSystemUploadDialog from './FileSystemUploadDialog.vue'
 import FileSystemGoToFileDialog from './FileSystemGoToFileDialog.vue'
 import FilePreviewDialog from './FilePreviewDialog.vue'
-import type { AppTableHeader, FileWithPath } from '@/types'
+import type { AppDataTableHeader, FileWithPath } from '@/types'
 import { getFilesFromDataTransfer, hasFilesInDataTransfer } from '@/util/file-system-entry'
 import { getFileDataTransferDataFromDataTransfer, hasFileDataTransferTypeInDataTransfer, setFileDataTransferDataInDataTransfer } from '@/util/file-data-transfer'
 import consola from 'consola'
@@ -298,133 +298,135 @@ export default class FileSystem extends Mixins(StateMixin, FilesMixin, ServicesM
     }
   }
 
-  get configurableHeaders (): AppTableHeader[] {
+  get configurableHeaders (): AppDataTableHeader[] {
     const isNotDashboard = this.name !== 'dashboard'
 
-    const headers: AppTableHeader[] = [
-      ...this.currentRoot === 'gcodes'
-        ? [
-            {
-              text: this.$tc('app.general.table.header.status'),
-              value: 'history.status',
-              visible: isNotDashboard,
-              cellClass: 'text-no-wrap'
-            },
-            {
-              text: this.$tc('app.general.table.header.height'),
-              value: 'object_height',
-              visible: isNotDashboard,
-              cellClass: 'text-no-wrap'
-            },
-            {
-              text: this.$tc('app.general.table.header.first_layer_height'),
-              value: 'first_layer_height',
-              visible: false,
-              cellClass: 'text-no-wrap'
-            },
-            {
-              text: this.$tc('app.general.table.header.layer_height'),
-              value: 'layer_height',
-              visible: isNotDashboard,
-              cellClass: 'text-no-wrap'
-            },
-            {
-              text: this.$tc('app.general.table.header.filament_name'),
-              value: 'filament_name',
-              visible: isNotDashboard,
-              cellClass: 'text-no-wrap'
-            },
-            {
-              text: this.$tc('app.general.table.header.filament_type'),
-              value: 'filament_type',
-              visible: isNotDashboard,
-              cellClass: 'text-no-wrap'
-            },
-            {
-              text: this.$tc('app.general.table.header.filament'),
-              value: 'filament_total',
-              visible: isNotDashboard,
-              cellClass: 'text-no-wrap'
-            },
-            {
-              text: this.$tc('app.general.table.header.filament_weight_total'),
-              value: 'filament_weight_total',
-              visible: isNotDashboard,
-              cellClass: 'text-no-wrap'
-            },
-            {
-              text: this.$tc('app.general.table.header.filament_used'),
-              value: 'history.filament_used',
-              visible: false,
-              cellClass: 'text-no-wrap'
-            },
-            {
-              text: this.$tc('app.general.table.header.nozzle_diameter'),
-              value: 'nozzle_diameter',
-              visible: isNotDashboard,
-              cellClass: 'text-no-wrap'
-            },
-            {
-              text: this.$tc('app.general.table.header.slicer'),
-              value: 'slicer',
-              visible: isNotDashboard,
-              cellClass: 'text-no-wrap'
-            },
-            {
-              text: this.$tc('app.general.table.header.slicer_version'),
-              value: 'slicer_version',
-              visible: false,
-              cellClass: 'text-no-wrap'
-            },
-            {
-              text: this.$tc('app.general.table.header.estimated_time'),
-              value: 'estimated_time',
-              visible: isNotDashboard,
-              cellClass: 'text-no-wrap'
-            },
-            {
-              text: this.$tc('app.general.table.header.print_duration'),
-              value: 'history.print_duration',
-              visible: false,
-              cellClass: 'text-no-wrap'
-            },
-            {
-              text: this.$tc('app.general.table.header.total_duration'),
-              value: 'history.total_duration',
-              visible: isNotDashboard,
-              cellClass: 'text-no-wrap'
-            },
-            {
-              text: this.$tc('app.general.table.header.first_layer_bed_temp'),
-              value: 'first_layer_bed_temp',
-              visible: false,
-              cellClass: 'text-no-wrap'
-            },
-            {
-              text: this.$tc('app.general.table.header.first_layer_extr_temp'),
-              value: 'first_layer_extr_temp',
-              visible: false,
-              cellClass: 'text-no-wrap'
-            },
-            {
-              text: this.$tc('app.general.table.header.chamber_temp'),
-              value: 'chamber_temp',
-              visible: false,
-              cellClass: 'text-no-wrap'
-            },
-            {
-              text: this.$tc('app.general.table.header.file_processors'),
-              value: 'file_processors',
-              visible: false,
-              cellClass: 'text-no-wrap'
-            },
-            {
-              text: this.$tc('app.general.table.header.last_printed'),
-              value: 'print_start_time',
-              cellClass: 'text-no-wrap'
-            }
-          ]
-        : [],
+    const gcodeHeaders: AppDataTableHeader[] = this.currentRoot === 'gcodes'
+      ? [
+          {
+            text: this.$tc('app.general.table.header.status'),
+            value: 'history.status',
+            visible: isNotDashboard,
+            cellClass: 'text-no-wrap'
+          },
+          {
+            text: this.$tc('app.general.table.header.height'),
+            value: 'object_height',
+            visible: isNotDashboard,
+            cellClass: 'text-no-wrap'
+          },
+          {
+            text: this.$tc('app.general.table.header.first_layer_height'),
+            value: 'first_layer_height',
+            visible: false,
+            cellClass: 'text-no-wrap',
+          },
+          {
+            text: this.$tc('app.general.table.header.layer_height'),
+            value: 'layer_height',
+            visible: isNotDashboard,
+            cellClass: 'text-no-wrap'
+          },
+          {
+            text: this.$tc('app.general.table.header.filament_name'),
+            value: 'filament_name',
+            visible: isNotDashboard,
+            cellClass: 'text-no-wrap'
+          },
+          {
+            text: this.$tc('app.general.table.header.filament_type'),
+            value: 'filament_type',
+            visible: isNotDashboard,
+            cellClass: 'text-no-wrap'
+          },
+          {
+            text: this.$tc('app.general.table.header.filament'),
+            value: 'filament_total',
+            visible: isNotDashboard,
+            cellClass: 'text-no-wrap'
+          },
+          {
+            text: this.$tc('app.general.table.header.filament_weight_total'),
+            value: 'filament_weight_total',
+            visible: isNotDashboard,
+            cellClass: 'text-no-wrap'
+          },
+          {
+            text: this.$tc('app.general.table.header.filament_used'),
+            value: 'history.filament_used',
+            visible: false,
+            cellClass: 'text-no-wrap'
+          },
+          {
+            text: this.$tc('app.general.table.header.nozzle_diameter'),
+            value: 'nozzle_diameter',
+            visible: isNotDashboard,
+            cellClass: 'text-no-wrap'
+          },
+          {
+            text: this.$tc('app.general.table.header.slicer'),
+            value: 'slicer',
+            visible: isNotDashboard,
+            cellClass: 'text-no-wrap'
+          },
+          {
+            text: this.$tc('app.general.table.header.slicer_version'),
+            value: 'slicer_version',
+            visible: false,
+            cellClass: 'text-no-wrap'
+          },
+          {
+            text: this.$tc('app.general.table.header.estimated_time'),
+            value: 'estimated_time',
+            visible: isNotDashboard,
+            cellClass: 'text-no-wrap'
+          },
+          {
+            text: this.$tc('app.general.table.header.print_duration'),
+            value: 'history.print_duration',
+            visible: false,
+            cellClass: 'text-no-wrap'
+          },
+          {
+            text: this.$tc('app.general.table.header.total_duration'),
+            value: 'history.total_duration',
+            visible: isNotDashboard,
+            cellClass: 'text-no-wrap'
+          },
+          {
+            text: this.$tc('app.general.table.header.first_layer_bed_temp'),
+            value: 'first_layer_bed_temp',
+            visible: false,
+            cellClass: 'text-no-wrap'
+          },
+          {
+            text: this.$tc('app.general.table.header.first_layer_extr_temp'),
+            value: 'first_layer_extr_temp',
+            visible: false,
+            cellClass: 'text-no-wrap'
+          },
+          {
+            text: this.$tc('app.general.table.header.chamber_temp'),
+            value: 'chamber_temp',
+            visible: false,
+            cellClass: 'text-no-wrap'
+          },
+          {
+            text: this.$tc('app.general.table.header.file_processors'),
+            value: 'file_processors',
+            visible: false,
+            cellClass: 'text-no-wrap'
+          },
+          {
+            text: this.$tc('app.general.table.header.last_printed'),
+            value: 'print_start_time',
+            cellClass: 'text-no-wrap'
+          }
+        ]
+      : []
+
+    const headers: AppDataTableHeader[] = [
+      ...gcodeHeaders,
       {
         text: this.$tc('app.general.table.header.modified'),
         value: 'modified',
@@ -440,7 +442,7 @@ export default class FileSystem extends Mixins(StateMixin, FilesMixin, ServicesM
     ]
 
     const key = `${this.currentRoot}_${this.name}`
-    const mergedTableHeaders: AppTableHeader[] = this.$store.getters['config/getMergedTableHeaders'](headers, key)
+    const mergedTableHeaders: AppDataTableHeader[] = this.$store.getters['config/getMergedTableHeaders'](headers, key)
 
     return mergedTableHeaders
   }
 
@@ -96,7 +96,7 @@
             {{
               value != null
                 ? $filters.getReadableLengthString(value)
-                : '-- '
+                : '--'
             }}
           </template>
 
 
@@ -156,7 +156,7 @@ import { Component, Prop, Mixins, PropSync } from 'vue-property-decorator'
 import StatesMixin from '@/mixins/state'
 import FileSystemAddMenu from './FileSystemAddMenu.vue'
 import FileSystemFilterMenu from './FileSystemFilterMenu.vue'
-import type { AppTableHeader } from '@/types'
+import type { AppDataTableHeader } from '@/types'
 import type { RootProperties } from '@/store/files/types'
 
 @Component({
@@ -178,8 +178,8 @@ export default class FileSystemToolbar extends Mixins(StatesMixin) {
   readonly roots?: string[]
 
   // Currently defined list of headers.
-  @Prop({ type: Array<AppTableHeader> })
-  readonly headers?: AppTableHeader[]
+  @Prop({ type: Array<AppDataTableHeader> })
+  readonly headers?: AppDataTableHeader[]
 
   // The current path
   @Prop({ type: String })
 
@@ -157,7 +157,7 @@ import FilesMixin from '@/mixins/files'
 import getFilePaths from '@/util/get-file-paths'
 import type { HistoryItem } from '@/store/history/types'
 import { SocketActions } from '@/api/socketActions'
-import type { AppTableHeader } from '@/types'
+import type { AppDataTableHeader } from '@/types'
 import type { DataTableHeader } from 'vuetify'
 
 @Component({
@@ -169,8 +169,8 @@ export default class JobHistory extends Mixins(FilesMixin) {
   expanded: HistoryItem[] = []
   search = ''
 
-  get configurableHeaders (): AppTableHeader[] {
-    const headers: AppTableHeader[] = [
+  get configurableHeaders (): AppDataTableHeader[] {
+    const headers: AppDataTableHeader[] = [
       {
         text: this.$tc('app.general.table.header.status'),
         value: 'status',
@@ -211,7 +211,7 @@ export default class JobHistory extends Mixins(FilesMixin) {
       },
     ]
 
-    const mergedTableHeaders: AppTableHeader[] = this.$store.getters['config/getMergedTableHeaders'](headers, 'history')
+    const mergedTableHeaders: AppDataTableHeader[] = this.$store.getters['config/getMergedTableHeaders'](headers, 'history')
 
     return mergedTableHeaders
   }