From 1320d8c9f4cc08d4c8bb31120b0c7fd66a0c32fb Mon Sep 17 00:00:00 2001
From: Ghostkeeper <rubend@tutanota.com>
Date: Thu, 21 Oct 2021 17:03:53 +0200
Subject: [PATCH] Add a simplistic design for a card for each package

It just displays the package name for now.

Contributes to issue CURA-8556.
---
 plugins/Marketplace/resources/qml/Plugins.qml | 37 ++++++++++++++++---
 resources/themes/cura-light/theme.json        |  1 +
 2 files changed, 32 insertions(+), 6 deletions(-)

diff --git a/plugins/Marketplace/resources/qml/Plugins.qml b/plugins/Marketplace/resources/qml/Plugins.qml
index 037843600b..2667bd1729 100644
--- a/plugins/Marketplace/resources/qml/Plugins.qml
+++ b/plugins/Marketplace/resources/qml/Plugins.qml
@@ -4,16 +4,41 @@
 import QtQuick 2.15
 import QtQuick.Controls 2.15
 import Cura 1.7 as Cura
+import UM 1.0 as UM
 
-Column
+ScrollView
 {
-    Repeater
-    {
-        model: Cura.PackageList{}
+    clip: true
 
-        Label
+    Column
+    {
+        id: pluginColumn
+        width: parent.width
+        spacing: UM.Theme.getSize("default_margin").height
+
+        Repeater
         {
-            text: "Test"  //TODO: Create a card for each package.
+            model: Cura.PackageList{}
+
+            delegate: Rectangle
+            {
+                width: pluginColumn.width
+                height: UM.Theme.getSize("card").height
+
+                color: UM.Theme.getColor("main_background")
+                radius: UM.Theme.getSize("default_radius").width
+
+                Label
+                {
+                    anchors.verticalCenter: parent.verticalCenter
+                    anchors.left: parent.left
+                    anchors.leftMargin: (parent.height - height) / 2
+
+                    text: model.package.displayName
+                    font: UM.Theme.getFont("medium_bold")
+                    color: UM.Theme.getColor("text")
+                }
+            }
         }
     }
 }
\ No newline at end of file
diff --git a/resources/themes/cura-light/theme.json b/resources/themes/cura-light/theme.json
index 0f7ca004f9..abd4844f47 100644
--- a/resources/themes/cura-light/theme.json
+++ b/resources/themes/cura-light/theme.json
@@ -553,6 +553,7 @@
 
         "standard_list_lineheight": [1.5, 1.5],
         "standard_arrow": [1.0, 1.0],
+        "card": [25.0, 8.75],
 
         "button": [4, 4],
         "button_icon": [2.5, 2.5],