feat: add option to show temperature at the top-left corner of the graph

By adding config item "Plasmoid.configuration.thirdLineToLeftTopCorner" in ConfigAppearance.qml,
and adding positioning anchors control in GraphText.qml.
And after enabling this feature, the temperature with one decimal digit, such as "45.6°C",
is not beautiful,so in CpuTemperature.qml:getFormattedValue(),
precision control is implemented to keep the temperature always integer.

Author: Starrah

package/contents/config/main.xml

@@ -46,6 +46,9 @@
         <entry name="graphFillOpacity" type="Int">
             <default>25</default>
         </entry>
+        <entry name="thirdLineToLeftTopCorner" type="Bool">
+            <default>false</default>
+        </entry>
 
         <entry name="enableShadows" type="Bool">
             <default>true</default>

package/contents/ui/components/graph/base/GraphText.qml

@@ -77,6 +77,7 @@ Item {
             id: secondLine
             readonly property int index: 1
             text: "..."
+            anchors.top: firstLine.bottom
 
             width: parent.width
             enabled: hints[index] !== ""
@@ -94,7 +95,8 @@ Item {
             readonly property int index: 2
             text: "..."
 
-            width: parent.width
+            anchors.top: Plasmoid.configuration.thirdLineToLeftTopCorner ? textContainer.top : secondLine.bottom
+            width: Plasmoid.configuration.thirdLineToLeftTopCorner ? 0.4 * parent.width : parent.width
             enabled: hints[index] !== ""
             visible: enabled
 

package/contents/ui/components/sensors/CpuTemperature.qml

@@ -1,4 +1,5 @@
 import QtQuick
+import org.kde.plasma.plasmoid
 import org.kde.ksysguard.sensors as Sensors
 import org.kde.ksysguard.formatter as Formatter
 import org.kde.plasma.plasma5support as Plasma5Support
@@ -27,7 +28,18 @@ Item {
     }
 
     function getFormattedValue() {
-        return Formatter.Formatter.formatValueShowNull(value, 1000 /* Formatter.Unit.UnitCelsius */);
+        // return Formatter.Formatter.formatValueWithPrecision(value, 1000 /* Formatter.Unit.UnitCelsius */,
+        //         Plasmoid.configuration.thirdLineToLeftTopCorner ? 0 : 1);
+        // // There should be `QString KSysGuard::FormatterWrapper::formatValueWithPrecision`, according to https://api.kde.org/plasma/libksysguard/html/classKSysGuard_1_1FormatterWrapper.html,
+        // // However in my environment this function does not exists. So, as workaround, I manually implements the precision control as below.
+
+        let result = Formatter.Formatter.formatValueShowNull(value, 1000 /* Formatter.Unit.UnitCelsius */);
+        if (Plasmoid.configuration.thirdLineToLeftTopCorner) {
+            let [_, resultNumber, resultUnit] = result.match(/(-?[\d.]+)(.*)/)
+            resultNumber = Number(resultNumber).toFixed(0)
+            result = resultNumber + resultUnit
+        }
+        return result
     }
 
     readonly property var _sensor: Sensors.Sensor {

package/contents/ui/config/ConfigAppearance.qml

@@ -20,6 +20,7 @@ KCM.AbstractKCM {
     property alias cfg_graphHeight: graphHeight.value
     property alias cfg_graphSpacing: graphSpacing.value
     property alias cfg_graphFillOpacity: graphFillOpacity.value
+    property alias cfg_thirdLineToLeftTopCorner: thirdLineToLeftTopCorner.checked
 
     // Text
     property alias cfg_enableShadows: enableShadows.checked
@@ -160,6 +161,10 @@ KCM.AbstractKCM {
                     to: 100
                     suffix: "%"
                 }
+                QQC2.CheckBox {
+                    id: thirdLineToLeftTopCorner
+                    text: i18n("Show temperature at the top-left corner?")
+                }
             }
 
             // Text

package/contents/ui/config/ConfigGraph.qml

@@ -27,6 +27,7 @@ KCM.ScrollViewKCM {
     property var cfg_graphHeight
     property var cfg_graphSpacing
     property var cfg_graphFillOpacity
+    property var cfg_thirdLineToLeftTopCorner
     property var cfg_enableShadows
     property var cfg_fontScale
     property var cfg_placement

package/contents/ui/config/ConfigMisc.qml

@@ -21,6 +21,7 @@ KCM.SimpleKCM {
     property var cfg_graphHeight
     property var cfg_graphSpacing
     property var cfg_graphFillOpacity
+    property var cfg_thirdLineToLeftTopCorner
     property var cfg_enableShadows
     property var cfg_fontScale
     property var cfg_placement