Favorite implementation

4 files changed, 28 insertions, 7 deletions

diff --git a/Font-Awesome/svgs/regular/heart.svg b/Font-Awesome/svgs/regular/heart.svg
new file mode 100644
index 0000000..e730683
--- /dev/null
+++ b/Font-Awesome/svgs/regular/heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M244 84L255.1 96L267.1 84.02C300.6 51.37 347 36.51 392.6 44.1C461.5 55.58 512 115.2 512 185.1V190.9C512 232.4 494.8 272.1 464.4 300.4L283.7 469.1C276.2 476.1 266.3 480 256 480C245.7 480 235.8 476.1 228.3 469.1L47.59 300.4C17.23 272.1 0 232.4 0 190.9V185.1C0 115.2 50.52 55.58 119.4 44.1C164.1 36.51 211.4 51.37 244 84C243.1 84 244 84.01 244 84L244 84zM255.1 163.9L210.1 117.1C188.4 96.28 157.6 86.4 127.3 91.44C81.55 99.07 48 138.7 48 185.1V190.9C48 219.1 59.71 246.1 80.34 265.3L256 429.3L431.7 265.3C452.3 246.1 464 219.1 464 190.9V185.1C464 138.7 430.4 99.07 384.7 91.44C354.4 86.4 323.6 96.28 301.9 117.1L255.1 163.9z"/></svg>
\ No newline at end of file
diff --git a/Home/Default.ui.qml b/Home/Default.ui.qml
index 19f3166..d14c849 100644
--- a/Home/Default.ui.qml
+++ b/Home/Default.ui.qml
@@ -269,6 +269,7 @@ Flickable {
 									level: "All level"
 									levelColor: "#ff6f42c1"
 									levelBackgroundColor: "#1a6f42c1"
+									liked: false
 									title: "Sketch from A to Z: for app designer"
 									truncated: "Proposal indulged no do sociable he throwing settling."
 									rate: 4.0
@@ -278,6 +279,7 @@ Flickable {
 									level: "Beginner"
 									levelColor: "#ff0cbc87"
 									levelBackgroundColor: "#1a0cbc87"
+									liked: true
 									title: "Graphic Design Masterclass"
 									truncated: "Rooms oh fully taken by worse do Points afraid but may end Rooms"
 									rate: 4.5
@@ -287,6 +289,7 @@ Flickable {
 									level: "Beginner"
 									levelColor: "#ff0cbc87"
 									levelBackgroundColor: "#1a0cbc87"
+									liked: false
 									title: "Create a Design System in Figma"
 									truncated: "Rooms oh fully taken by worse do. Points afraid but may end afraid but may end."
 									rate: 4.5
@@ -296,6 +299,7 @@ Flickable {
 									level: "Beginner"
 									levelColor: "#ff0cbc87"
 									levelBackgroundColor: "#1a0cbc87"
+									liked: true
 									title: "Deep Learning with React-Native"
 									truncated: "Far advanced settling say finished raillery. Offered chiefly farther"
 									rate: 4.0
@@ -305,6 +309,7 @@ Flickable {
 									level: "All level"
 									levelColor: "#ff6f42c1"
 									levelBackgroundColor: "#1a6f42c1"
+									liked: true
 									title: "Build Responsive Websites with HTML"
 									truncated: "Far advanced settling say finished raillery. Offered chiefly farther"
 									rate: 4.0
@@ -314,6 +319,7 @@ Flickable {
 									level: "Beginner"
 									levelColor: "#ff0cbc87"
 									levelBackgroundColor: "#1a0cbc87"
+									liked: false
 									title: "Build Websites with CSS"
 									truncated: "Far advanced settling say finished raillery. Offered chiefly farther"
 									rate: 4.5
@@ -323,6 +329,7 @@ Flickable {
 									level: "All level"
 									levelColor: "#ff6f42c1"
 									levelBackgroundColor: "#1a6f42c1"
+									liked: true
 									title: "Learn Invision"
 									truncated: "Arrived off she elderly beloved him Course regard to up he hardly."
 									rate: 3.5
@@ -332,6 +339,7 @@ Flickable {
 									level: "All level"
 									levelColor: "#ff6f42c1"
 									levelBackgroundColor: "#1a6f42c1"
+									liked: false
 									title: "JavaScript: Full Understanding"
 									truncated: "Far advanced settling say finished raillery. Offered chiefly farther"
 									rate: 5.0
@@ -361,8 +369,9 @@ Flickable {
 							imageSource: image
 							badgeText: level
 							badgeColor: levelColor
-							badgeBackgroundColor
-							: levelBackgroundColor
+							badgeBackgroundColor:
+							levelBackgroundColor
+							favorite.checked: liked
 							titleText: title
 							truncatedText: truncated
 							rating: rate
diff --git a/Home/Default/Card.ui.qml b/Home/Default/Card.ui.qml
index c1193e1..36e9239 100644
--- a/Home/Default/Card.ui.qml
+++ b/Home/Default/Card.ui.qml
@@ -16,6 +16,7 @@ Item {
 	property string badgeText: "All level"
 	property color badgeColor: "#ff6f42c1"
 	property color badgeBackgroundColor: "#1a6f42c1"
+	property alias favorite: favorite
 	property string titleText: "Build Responsive Websites with HTML"
 	property alias titleArea: titleArea
 	property string truncatedText: "Far advanced settling say finished raillery. Offered chiefly farther"
@@ -100,12 +101,21 @@ Item {
 					}
 				}
 
-				Image {
+				Button {
 					id: favorite
-					source: "../../Font-Awesome/svgs/solid/heart.svg"
-					sourceSize {
-						width: 15
-						height: 15
+					display: AbstractButton.IconOnly
+					padding: 0
+					width: 15
+					height: 15
+					flat: true
+					checkable: true
+					icon {
+						source: checked
+							? "../../Font-Awesome/svgs/solid/heart.svg"
+							: "../../Font-Awesome/svgs/regular/heart.svg"
+						color: checked
+							? "#d6293e"
+							: "transparent"
 					}
 					anchors {
 						right: parent.right
diff --git a/HomeDefault.qrc b/HomeDefault.qrc
index 376d39d..85260a7 100644
--- a/HomeDefault.qrc
+++ b/HomeDefault.qrc
@@ -4,6 +4,7 @@
 		<file>Font-Awesome/svgs/solid/user-tie.svg</file>
 		<file>Font-Awesome/svgs/solid/user-graduate.svg</file>
 		<file>Font-Awesome/svgs/solid/heart.svg</file>
+		<file>Font-Awesome/svgs/regular/heart.svg</file>
 		<file>Bootstrap/icons/patch-check-fill.svg</file>
 		<file>Home/Default/Counter.ui.qml</file>
 		<file>Font-Awesome/svgs/solid/star.svg</file>