diff options
-rw-r--r-- | Course/Detail/Classic/Content/Sidebar/Video.ui.qml | 36 | ||||
-rw-r--r-- | CourseDetailClassic.qrc | 1 | ||||
-rw-r--r-- | Font-Awesome/svgs/solid/share-nodes.svg | 1 |
3 files changed, 38 insertions, 0 deletions
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 |