fluidd

1
<template>
2
  <v-row
3
    :dense="$vuetify.breakpoint.smAndDown"
4
    justify="center"
5
  >
6
    <v-col
7
      cols="12"
8
      lg="8"
9
    >
10
      <router-view v-if="authenticated && socketConnected" />
11
      <div v-if="$route.matched.length === 1">
12
        <general-settings />
13
        <theme-settings />
14
        <auth-settings v-if="supportsAuth" />
15
        <console-settings />
16
        <file-browser-settings />
17
        <file-editor-settings />
18
        <macro-settings />
19
        <camera-settings />
20
        <toolhead-settings />
21
        <preset-settings />
22
        <gcode-preview-settings />
23
        <timelapse-settings v-if="supportsTimelapse" />
24
        <spoolman-settings v-if="supportsSpoolman" />
25
        <version-settings v-if="supportsVersions" />
26
      </div>
27
    </v-col>
28
  </v-row>
29
</template>
30

31
<script lang="ts">
32
import { Component, Mixins } from 'vue-property-decorator'
33
import StateMixin from '@/mixins/state'
34

35
import MacroSettings from '@/components/settings/macros/MacroSettings.vue'
36
import GeneralSettings from '@/components/settings/GeneralSettings.vue'
37
import PresetSettings from '@/components/settings/presets/PresetSettings.vue'
38
import CameraSettings from '@/components/settings/cameras/CameraSettings.vue'
39
import ToolheadSettings from '@/components/settings/ToolheadSettings.vue'
40
import ThemeSettings from '@/components/settings/ThemeSettings.vue'
41
import VersionSettings from '@/components/settings/VersionSettings.vue'
42
import GcodePreviewSettings from '@/components/settings/GcodePreviewSettings.vue'
43
import AuthSettings from '@/components/settings/auth/AuthSettings.vue'
44
import ConsoleSettings from '@/components/settings/console/ConsoleSettings.vue'
45
import FileBrowserSettings from '@/components/settings/FileBrowserSettings.vue'
46
import FileEditorSettings from '@/components/settings/FileEditorSettings.vue'
47
import TimelapseSettings from '@/components/settings/timelapse/TimelapseSettings.vue'
48
import SpoolmanSettings from '@/components/settings/SpoolmanSettings.vue'
49

50
@Component({
51
  components: {
52
    SpoolmanSettings,
53
    TimelapseSettings,
54
    MacroSettings,
55
    GeneralSettings,
56
    PresetSettings,
57
    CameraSettings,
58
    ToolheadSettings,
59
    ThemeSettings,
60
    VersionSettings,
61
    GcodePreviewSettings,
62
    AuthSettings,
63
    ConsoleSettings,
64
    FileBrowserSettings,
65
    FileEditorSettings
66
  }
67
})
68
export default class Settings extends Mixins(StateMixin) {
69
  get supportsVersions () {
70
    return this.$store.getters['server/componentSupport']('update_manager')
71
  }
72

73
  get supportsAuth () {
74
    return this.$store.getters['server/componentSupport']('authorization')
75
  }
76

77
  get supportsTimelapse () {
78
    return this.$store.getters['server/componentSupport']('timelapse')
79
  }
80

81
  get supportsSpoolman () {
82
    return this.$store.getters['server/componentSupport']('spoolman')
83
  }
84
}
85
</script>
86