fluidd

1
<template>
2
  <v-row :dense="$vuetify.breakpoint.smAndDown">
3
    <v-col
4
      cols="12"
5
      :lg="hasQueuedJobs ? 8 : undefined"
6
    >
7
      <collapsable-card
8
        :title="$t('app.general.title.jobs')"
9
        card-key="JobsPage"
10
        icon="$files"
11
        class="mb-2 mb-sm-4"
12
        :help-tooltip="$t('app.general.tooltip.file_browser_help')"
13
      >
14
        <file-system
15
          :roots="'gcodes'"
16
          name="jobs"
17
          bulk-actions
18
          max-height="816"
19
        />
20
      </collapsable-card>
21
    </v-col>
22
    <v-col
23
      v-if="hasQueuedJobs"
24
      cols="12"
25
      lg="4"
26
    >
27
      <job-queue-card fullscreen />
28
    </v-col>
29
  </v-row>
30
</template>
31

32
<script lang="ts">
33
import { Component, Mixins } from 'vue-property-decorator'
34
import StateMixin from '@/mixins/state'
35
import FileSystem from '@/components/widgets/filesystem/FileSystem.vue'
36
import JobQueueCard from '@/components/widgets/job-queue/JobQueueCard.vue'
37

38
@Component({
39
  components: {
40
    FileSystem,
41
    JobQueueCard
42
  }
43
})
44
export default class Configuration extends Mixins(StateMixin) {
45
  get supportsJobQueue (): boolean {
46
    return this.$store.getters['server/componentSupport']('job_queue')
47
  }
48

49
  get hasQueuedJobs () {
50
    return this.supportsJobQueue && this.$store.state.jobQueue.queued_jobs.length > 0
51
  }
52
}
53
</script>
54