cfg: slider for pollingrate

package/contents/config/main.xml

@@ -4,12 +4,12 @@
       xsi:schemaLocation="http://www.kde.org/standards/kcfg/1.0
       http://www.kde.org/standards/kcfg/1.0/kcfg.xsd">
   <kcfgfile name=""/>
-  
+
   <group name="General">
     <entry name="pollingrate" type="Int">
-      <default>10</default>
-      <min>2</min>
-      <max>60</max>
+      <default>10.0</default>
+      <min>2.0</min>
+      <max>60.0</max>
     </entry>
   </group>
 </kcfg>

package/contents/ui/configGeneral.qml

@@ -1,5 +1,7 @@
 import QtQuick 2.0
+import QtQuick.Layouts 1.3
 import QtQuick.Controls 2.5 as QQC2
+import org.kde.plasma.core 2.0 as PlasmaCore
 import org.kde.kirigami 2.4 as Kirigami
 
 QQC2.Pane {
@@ -11,14 +13,32 @@ QQC2.Pane {
     anchors.fill: parent
     wideMode: false
 
-    QQC2.SpinBox {
-      id: pollingrate
-      Kirigami.FormData.label: i18nc("@label", "pollingrate in seconds:")
-      onValueChanged: {
-        console.log("cfg_pollingrate: " + cfg_pollingrate);
+    GridLayout {
+      columns: 3
+
+      Text {
+        text: "polling rate:"
+        color: PlasmaCore.Theme.textColor
+      }
+
+      QQC2.Slider {
+        id: pollingrate
+        value: 10.0
+        from: 2.0
+        to: 60.0
+        stepSize: 2.0
+        snapMode: Slider.SnapAlways
+        Kirigami.FormData.label: i18nc("@label", "polling rate in seconds:")
+        onMoved: {
+          test.text = this.value + " seconds";
+        }
+      }
+
+      Text {
+        id: test
+        text: pollingrate.value + " seconds"
+        color: PlasmaCore.Theme.textColor
       }
-      from: 2
-      to: 60
     }
   }
 }