1 files changed, 32 insertions, 0 deletions
diff --git a/basicsuite/qt5-cinematicdemo/content/RatingsItem.qml b/basicsuite/qt5-cinematicdemo/content/RatingsItem.qml
new file mode 100644
index 0000000..6d22489
--- /dev/null
+++ b/basicsuite/qt5-cinematicdemo/content/RatingsItem.qml
@@ -0,0 +1,32 @@
+import QtQuick 2.0
+
+Item {
+    property real rating: 5.0
+
+    width: emptyRatingStarsImage.width + ratingTextItem.paintedWidth + 4
+    height: 32
+
+    // TODO: Implement ratings in shader + animations, instead of clipping trick
+    Image {
+        id: emptyRatingStarsImage
+        source: "images/stars2.png"
+    }
+    Item {
+        id: ratingImageItem
+        height: 32
+        width: (36 * rating) - 2
+        clip: true
+        Image {
+            source: "images/stars.png"
+        }
+    }
+    Text {
+        id: ratingTextItem
+        anchors.left: emptyRatingStarsImage.right
+        anchors.leftMargin: 4
+        anchors.verticalCenter: ratingImageItem.verticalCenter
+        color: "#ffffff"
+        font.pixelSize: settings.fontM
+        text: "(" + rating.toFixed(1) + ")"
+    }
+}