From de42120ff1b9ead6d52adf634412fdd06ad94430 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=A6=8C=EA=A6=AB=EA=A6=B6=EA=A6=8F=EA=A7=80=EA=A6=A6?=
 =?UTF-8?q?=EA=A6=BF=EA=A6=A7=EA=A6=AE=EA=A6=91=EA=A6=A9=EA=A6=AD=EA=A7=80?=
 <erik@darapsa.co.id>
Date: Thu, 11 May 2023 15:26:39 +0800
Subject: Share button

---
 Course/Detail/Classic/Content/Sidebar/Video.ui.qml | 36 ++++++++++++++++++++++
 CourseDetailClassic.qrc                            |  1 +
 Font-Awesome/svgs/solid/share-nodes.svg            |  1 +
 3 files changed, 38 insertions(+)
 create mode 100644 Font-Awesome/svgs/solid/share-nodes.svg

diff --git a/Course/Detail/Classic/Content/Sidebar/Video.ui.qml b/Course/Detail/Classic/Content/Sidebar/Video.ui.qml
index 3bd67d6..2518da2 100644
--- a/Course/Detail/Classic/Content/Sidebar/Video.ui.qml
+++ b/Course/Detail/Classic/Content/Sidebar/Video.ui.qml
@@ -16,6 +16,9 @@ ColumnLayout {
 	property string priceText: "$150"
 	property alias discount: discount
 	property alias time: time
+	property alias share: share
+	property alias shareMenu: shareMenu
+	property alias shareList: shareList
 	property alias trial: trial
 	property alias buy: buy
 	spacing: 16
@@ -138,6 +141,39 @@ ColumnLayout {
 					}
 				}
 			}
+
+			Button {
+				id: share
+				Layout.fillWidth: true
+				display: AbstractButton.IconOnly
+				icon.source: "../../../../../Font-Awesome/svgs/solid/share-nodes.svg"
+
+				Menu {
+					id: shareMenu
+					ListView {
+						id: shareList
+						interactive: false
+						implicitHeight: count * 40
+						model: ListModel {
+							ListElement {
+								label: "Twitter"
+							}
+							ListElement {
+								label: "Facebook"
+							}
+							ListElement {
+								label: "LinkedIn"
+							}
+							ListElement {
+								label: qsTr("Copy link")
+							}
+						}
+						delegate: Button {
+							text: label
+						}
+					}
+				}
+			}
 		}
 
 		RowLayout {
diff --git a/CourseDetailClassic.qrc b/CourseDetailClassic.qrc
index dd7ec2e..c6909c3 100644
--- a/CourseDetailClassic.qrc
+++ b/CourseDetailClassic.qrc
@@ -5,6 +5,7 @@
 		<file>Course/Detail/Classic/Content/Main.ui.qml</file>
 		<file>Font-Awesome/svgs/solid/circle-play.svg</file>
 		<file>Font-Awesome/svgs/solid/stopwatch.svg</file>
+		<file>Font-Awesome/svgs/solid/share-nodes.svg</file>
 		<file>Course/Detail/Classic/Content/Sidebar/Video.ui.qml</file>
 		<file>Course/Detail/Classic.ui.qml</file>
 	</qresource>
diff --git a/Font-Awesome/svgs/solid/share-nodes.svg b/Font-Awesome/svgs/solid/share-nodes.svg
new file mode 100644
index 0000000..dbeb005
--- /dev/null
+++ b/Font-Awesome/svgs/solid/share-nodes.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M352 224c53 0 96-43 96-96s-43-96-96-96s-96 43-96 96c0 4 .2 8 .7 11.9l-94.1 47C145.4 170.2 121.9 160 96 160c-53 0-96 43-96 96s43 96 96 96c25.9 0 49.4-10.2 66.6-26.9l94.1 47c-.5 3.9-.7 7.8-.7 11.9c0 53 43 96 96 96s96-43 96-96s-43-96-96-96c-25.9 0-49.4 10.2-66.6 26.9l-94.1-47c.5-3.9 .7-7.8 .7-11.9s-.2-8-.7-11.9l94.1-47C302.6 213.8 326.1 224 352 224z"/></svg>
\ No newline at end of file
-- 
cgit v1.2.3