diff options
-rw-r--r-- | Font-Awesome/svgs/regular/heart.svg | 1 | ||||
-rw-r--r-- | Home/Default.ui.qml | 13 | ||||
-rw-r--r-- | Home/Default/Card.ui.qml | 20 | ||||
-rw-r--r-- | HomeDefault.qrc | 1 |
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> |