feat: show print progress when status panel is collapsed

Signed-off-by: Mathis Mensing <[email protected]>

src/components/common/CollapsableCard.vue

@@ -59,6 +59,12 @@
       </v-row>
     </v-card-title>
 
+    <v-expand-transition>
+      <div v-show="isCollapsed && !inLayout">
+        <slot name="collapsed-content" />
+      </div>
+    </v-expand-transition>
+
     <v-expand-transition v-if="!lazy">
       <div
         v-if="!isCollapsed && !inLayout"

src/components/widgets/status/PrinterStatusCard.vue

@@ -39,6 +39,14 @@
       />
     </template>
 
+    <template #collapsed-content>
+      <v-progress-linear
+        :height="6"
+        :value="estimates.progress"
+        color="primary"
+      />
+    </template>
+
     <v-tabs-items
       v-model="tab"
       touchless
@@ -66,6 +74,7 @@ import StateMixin from '@/mixins/state'
 import StatusControls from './StatusControls.vue'
 import StatusTab from './StatusTab.vue'
 import ReprintTab from './ReprintTab.vue'
+import type { TimeEstimates } from '@/store/printer/types'
 
 @Component({
   components: {
@@ -96,6 +105,10 @@ export default class PrinterStatusCard extends Mixins(StateMixin) {
     return this.$store.state.printer.printer.print_stats.filename
   }
 
+  get estimates (): TimeEstimates {
+    return this.$store.getters['printer/getTimeEstimates'] as TimeEstimates
+  }
+
   @Watch('filename')
   onPrinterPrinting (val: string) {
     this.init(val)