From 8f363ec1c1447a8965d9a170793a0b34b9cd14c7 Mon Sep 17 00:00:00 2001
From: meteyou <meteyou@gmail.com>
Date: Sat, 21 Nov 2020 18:20:58 +0100
Subject: [PATCH] feature: dynamic temperature-sensor icons + header minimize
 from temperature panel

Signed-off-by: meteyou <meteyou@gmail.com>
---
 src/components/panels/ToolsPanel.vue | 25 +++++++++----------------
 src/store/printer/getters.js         | 13 ++++++++++++-
 2 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/src/components/panels/ToolsPanel.vue b/src/components/panels/ToolsPanel.vue
index bd0dfffe..340b7ea6 100644
--- a/src/components/panels/ToolsPanel.vue
+++ b/src/components/panels/ToolsPanel.vue
@@ -14,21 +14,12 @@
 
 <template>
     <v-card>
-        <v-list-item>
-            <v-list-item-avatar color="grey"><v-icon dark>mdi-thermometer</v-icon></v-list-item-avatar>
-            <v-list-item-content>
-                <v-list-item-title class="headline">Temperatures</v-list-item-title>
-                <v-list-item-subtitle>
-                    {{ heaters.length }} heaters
-                    <span v-if="this['printer/getTemperatureFans'].length === 1">, {{ this['printer/getTemperatureFans'].length }} fan</span>
-                    <span v-if="this['printer/getTemperatureFans'].length > 1">, {{ this['printer/getTemperatureFans'].length }} fans</span>
-                    <span v-if="this['printer/getTemperatureSensors'].length === 1">, {{ this['printer/getTemperatureSensors'].length }} sensor</span>
-                    <span v-if="this['printer/getTemperatureSensors'].length > 1">, {{ this['printer/getTemperatureSensors'].length }} sensors</span>
-                </v-list-item-subtitle>
-            </v-list-item-content>
-        </v-list-item>
-        <v-divider class="my-2"></v-divider>
-        <v-card-text class="px-0 pt-0 pb-2 content">
+        <v-toolbar flat dense>
+            <v-toolbar-title>
+                <span class="subheading"><v-icon left>mdi-thermometer-lines</v-icon>Temperatures</span>
+            </v-toolbar-title>
+        </v-toolbar>
+        <v-card-text class="px-0 py-2 content">
             <v-row align="center">
                 <v-col class="py-0 font-weight-bold" style="padding-left: 68px;">Name</v-col>
                 <v-col class="py-0 text-center font-weight-bold">Status</v-col>
@@ -66,7 +57,9 @@
             <div v-for="(sensor,index) in this['printer/getTemperatureSensors']" v-bind:key="index+999">
                 <v-divider class="my-2"></v-divider>
                 <v-row align="center">
-                    <v-col class="flex-grow-0 py-0 pl-8 pr-0 colHeaterIcons"><v-icon color="grey darken-2">mdi-thermometer</v-icon></v-col>
+                    <v-col class="flex-grow-0 py-0 pl-8 pr-0 colHeaterIcons">
+                        <v-icon color="grey darken-2" :title="'min: '+sensor.min_temp+'° / max: '+sensor.max_temp+'°'">{{ sensor.icon }}</v-icon>
+                    </v-col>
                     <v-col class="py-0 font-weight-bold">{{ sensor.name }}</v-col>
                     <v-col class="py-0"><span>&nbsp;</span></v-col>
                     <v-col class="py-0 text-center">
diff --git a/src/store/printer/getters.js b/src/store/printer/getters.js
index a79063dd..ed3c7624 100644
--- a/src/store/printer/getters.js
+++ b/src/store/printer/getters.js
@@ -105,16 +105,27 @@ export default {
 		return fans.sort(caseInsensitiveNameSort)
 	},
 
-	getTemperatureSensors: state => {
+	getTemperatureSensors: (state) => {
 		let sensors = []
 
 		for (let [key, value] of Object.entries(state)) {
 			let nameSplit = key.split(" ")
 
 			if (nameSplit[0] === "temperature_sensor") {
+				let icon = "mdi-thermometer"
+				let min_temp = (state.configfile.config[key] && state.configfile.config[key].min_temp) ? parseInt(state.configfile.config[key].min_temp) : 0
+				let max_temp = (state.configfile.config[key] && state.configfile.config[key].max_temp) ? parseInt(state.configfile.config[key].max_temp) : 210
+				let split = (max_temp - min_temp) / 3
+
+				if (value.temperature <= min_temp + split) icon = "mdi-thermometer-low"
+				if (value.temperature >= max_temp - split) icon = "mdi-thermometer-high"
+
 				sensors.push({
 					name: nameSplit[1],
 					temperature: value.temperature,
+					icon: icon,
+					min_temp: min_temp,
+					max_temp: max_temp,
 					measured_min_temp: value.measured_min_temp,
 					measured_max_temp: value.measured_max_temp,
 				})