1 files changed, 126 insertions, 0 deletions
diff --git a/sysui/dev/SystemMonitor/CPUGraph.qml b/sysui/dev/SystemMonitor/CPUGraph.qml
new file mode 100644
index 0000000..499e1ef
--- /dev/null
+++ b/sysui/dev/SystemMonitor/CPUGraph.qml
@@ -0,0 +1,126 @@
+/****************************************************************************
+**
+** Copyright (C) 2016 Pelagicore AG
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the Neptune IVI UI.
+**
+** $QT_BEGIN_LICENSE:GPL-QTAS$
+** Commercial License Usage
+** Licensees holding valid commercial Qt Automotive Suite licenses may use
+** this file in accordance with the commercial license agreement provided
+** with the Software or, alternatively, in accordance with the terms
+** contained in a written agreement between you and The Qt Company.  For
+** licensing terms and conditions see https://www.qt.io/terms-conditions.
+** For further information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+** SPDX-License-Identifier: GPL-3.0
+**
+****************************************************************************/
+
+import QtQuick 2.0
+import utils 1.0
+import controls 1.0
+import QtApplicationManager 1.0
+
+Item {
+    id: cpuContainer
+    width: 400
+    height: 200
+
+    property color barColor: "white"
+    property bool scaleVisible: true
+
+    Item {
+        id: cpuScaleContainer
+        anchors.bottom: parent.bottom
+        width: 5
+        height: parent.height
+
+        visible: cpuContainer.scaleVisible
+
+        Rectangle {
+            id: cpuScale
+            width: 2
+            height: parent.height
+            color: Style.colorOrange
+        }
+
+        Label {
+            width: 70
+            anchors.bottom: cpuScale.bottom
+            anchors.right: cpuScale.right
+            text: "0"
+            font.pixelSize: Style.fontSizeXXS
+        }
+
+        Label {
+            width: 70
+            anchors.top: cpuScale.top
+            anchors.topMargin: 0.5*cpuScale.height - height/2
+            anchors.right: cpuScale.right
+            text: "50"
+            font.pixelSize: Style.fontSizeXXS
+        }
+
+        Label {
+            width: 70
+            anchors.top: cpuScale.top
+            anchors.topMargin: - height/2
+            anchors.right: cpuScale.right
+            text: "100"
+            font.pixelSize: Style.fontSizeXXS
+        }
+    }
+
+
+    ListView {
+        id: cpuGraph
+        anchors.top: cpuScaleContainer.top
+        anchors.right: cpuContainer.right
+        anchors.bottom: cpuScaleContainer.bottom
+        anchors.left: cpuScaleContainer.right
+
+        model: SystemMonitor
+        orientation: ListView.Horizontal
+        interactive: false
+        delegate: Item {
+            width: cpuGraph.width / cpuGraph.model.count
+            height: cpuGraph.height
+
+            Item {
+                id: cpuDelegate
+                anchors.fill: parent
+
+                Rectangle {
+                    width: parent.width
+                    height: model.cpuLoad * parent.height
+                    anchors.bottom: parent.bottom
+                    color: cpuContainer.barColor
+
+                }
+            }
+        }
+    }
+
+    Rectangle {
+        width: cpuGraph.width + 5
+        height: 2
+
+        anchors.top: cpuGraph.bottom
+        anchors.left: cpuGraph.left
+        anchors.leftMargin: -5
+        color: Style.colorOrange
+    }
+}