716 lines
27 KiB
QML
716 lines
27 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.0 as Controls
|
|
import QtQuick.Layouts 1.2
|
|
import Qt.labs.platform 1.1 as Labs
|
|
import org.kde.kirigami 2.13 as Kirigami
|
|
import "./" as Presenter
|
|
import org.presenter 1.0
|
|
import mpv 1.0
|
|
|
|
Item {
|
|
id: root
|
|
|
|
property string selectedLibrary: "songs"
|
|
property bool overlay: false
|
|
|
|
Kirigami.Theme.colorSet: Kirigami.Theme.View
|
|
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
color: Kirigami.Theme.backgroundColor
|
|
ColumnLayout {
|
|
anchors.fill: parent
|
|
spacing: 0
|
|
Rectangle {
|
|
id: songLibraryPanel
|
|
Layout.preferredHeight: 40
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignTop
|
|
color: Kirigami.Theme.backgroundColor
|
|
|
|
Controls.Label {
|
|
id: songLabel
|
|
anchors.centerIn: parent
|
|
text: "Songs"
|
|
}
|
|
|
|
Controls.Label {
|
|
id: songCount
|
|
anchors {left: songLabel.right
|
|
verticalCenter: songLabel.verticalCenter
|
|
leftMargin: 15}
|
|
text: songsqlmodel.rowCount()
|
|
font.pixelSize: 15
|
|
color: Kirigami.Theme.disabledTextColor
|
|
}
|
|
|
|
Kirigami.Icon {
|
|
id: drawerArrow
|
|
anchors {right: parent.right
|
|
verticalCenter: songCount.verticalCenter
|
|
rightMargin: 10}
|
|
source: "arrow-down"
|
|
rotation: selectedLibrary == "songs" ? 0 : 180
|
|
|
|
Behavior on rotation {
|
|
NumberAnimation {
|
|
easing.type: Easing.OutCubic
|
|
duration: 300
|
|
}
|
|
}
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: {
|
|
if (selectedLibrary == "songs")
|
|
selectedLibrary = ""
|
|
else
|
|
selectedLibrary = "songs"
|
|
print(selectedLibrary)
|
|
}
|
|
}
|
|
}
|
|
|
|
ListView {
|
|
Layout.preferredHeight: parent.height - 200
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignTop
|
|
id: songLibraryList
|
|
model: songsqlmodel
|
|
delegate: songDelegate
|
|
state: "selected"
|
|
|
|
states: [
|
|
State {
|
|
name: "deselected"
|
|
when: (selectedLibrary !== "songs")
|
|
PropertyChanges { target: songLibraryList
|
|
Layout.preferredHeight: 0
|
|
}
|
|
},
|
|
State {
|
|
name: "selected"
|
|
when: (selectedLibrary == "songs")
|
|
PropertyChanges { target: songLibraryList }
|
|
}
|
|
]
|
|
|
|
transitions: Transition {
|
|
to: "*"
|
|
NumberAnimation {
|
|
target: songLibraryList
|
|
properties: "preferredHeight"
|
|
easing.type: Easing.OutCubic
|
|
duration: 300
|
|
}
|
|
}
|
|
|
|
header: Component {
|
|
Kirigami.ActionToolBar {
|
|
height: 40
|
|
width: parent.width
|
|
display: Controls.Button.IconOnly
|
|
visible: selectedLibrary == "songs"
|
|
actions: [
|
|
Kirigami.Action {
|
|
icon.name: "document-new"
|
|
text: "New Song"
|
|
tooltip: "Add a new song"
|
|
onTriggered: songLibraryList.newSong()
|
|
/* visible: selectedLibrary == "songs" */
|
|
},
|
|
|
|
Kirigami.Action {
|
|
displayComponent: Component {
|
|
Kirigami.SearchField {
|
|
id: searchField
|
|
height: parent.height
|
|
width: parent.width - 40
|
|
onAccepted: showPassiveNotification(searchField.text, 3000)
|
|
}
|
|
}
|
|
/* visible: selectedLibrary == "songs" */
|
|
}
|
|
]
|
|
|
|
Behavior on height {
|
|
NumberAnimation {
|
|
easing.type: Easing.OutCubic
|
|
duration: 300
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
headerPositioning: ListView.OverlayHeader
|
|
|
|
Component {
|
|
id: songDelegate
|
|
Item{
|
|
implicitWidth: ListView.view.width
|
|
height: selectedLibrary == "songs" ? 50 : 0
|
|
Kirigami.BasicListItem {
|
|
id: songListItem
|
|
|
|
property bool rightMenu: false
|
|
|
|
implicitWidth: songLibraryList.width
|
|
height: selectedLibrary == "songs" ? 50 : 0
|
|
clip: true
|
|
label: title
|
|
subtitle: author
|
|
supportsMouseEvents: false
|
|
backgroundColor: {
|
|
if (parent.ListView.isCurrentItem) {
|
|
Kirigami.Theme.highlightColor;
|
|
} else if (songDragHandler.containsMouse){
|
|
Kirigami.Theme.highlightColor;
|
|
} else {
|
|
Kirigami.Theme.backgroundColor;
|
|
}
|
|
}
|
|
textColor: {
|
|
if (parent.ListView.isCurrentItem || songDragHandler.containsMouse)
|
|
activeTextColor;
|
|
else
|
|
Kirigami.Theme.textColor;
|
|
}
|
|
|
|
Behavior on height {
|
|
NumberAnimation {
|
|
easing.type: Easing.OutCubic
|
|
duration: 300
|
|
}
|
|
}
|
|
Drag.active: songDragHandler.drag.active
|
|
Drag.hotSpot.x: width / 2
|
|
Drag.hotSpot.y: height / 2
|
|
Drag.keys: [ "library" ]
|
|
|
|
states: State {
|
|
name: "dragged"
|
|
when: songListItem.Drag.active
|
|
PropertyChanges {
|
|
target: songListItem
|
|
x: x
|
|
y: y
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
MouseArea {
|
|
id: songDragHandler
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
drag {
|
|
target: songListItem
|
|
onActiveChanged: {
|
|
if (songDragHandler.drag.active) {
|
|
dragItemTitle = title;
|
|
dragItemType = "song";
|
|
dragItemBackgroundType = backgroundType;
|
|
dragItemBackground = background;
|
|
} else {
|
|
songListItem.Drag.drop()
|
|
}
|
|
}
|
|
filterChildren: true
|
|
threshold: 10
|
|
}
|
|
MouseArea {
|
|
id: songClickHandler
|
|
anchors.fill: parent
|
|
acceptedButtons: Qt.LeftButton | Qt.RightButton
|
|
onClicked: {
|
|
if(mouse.button == Qt.RightButton)
|
|
rightClickSongMenu.popup()
|
|
else{
|
|
showPassiveNotification(title, 3000)
|
|
songLibraryList.currentIndex = index
|
|
if (!editMode)
|
|
editMode = true;
|
|
editType = "song";
|
|
editSwitch(index);
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
Controls.Menu {
|
|
id: rightClickSongMenu
|
|
x: songClickHandler.mouseX
|
|
y: songClickHandler.mouseY + 10
|
|
Kirigami.Action {
|
|
text: "delete"
|
|
onTriggered: songsqlmodel.deleteSong(index)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Kirigami.WheelHandler {
|
|
id: wheelHandler
|
|
target: songLibraryList
|
|
filterMouseEvents: true
|
|
keyNavigationEnabled: true
|
|
}
|
|
|
|
Controls.ScrollBar.vertical: Controls.ScrollBar {
|
|
anchors.right: songLibraryList.right
|
|
anchors.leftMargin: 10
|
|
active: hovered || pressed
|
|
}
|
|
|
|
function newSong() {
|
|
songsqlmodel.newSong();
|
|
songLibraryList.currentIndex = songsqlmodel.rowCount() - 1;
|
|
if (!editMode)
|
|
editMode = true;
|
|
editType = "song";
|
|
editSwitch(songLibraryList.currentIndex);
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: videoLibraryPanel
|
|
Layout.preferredHeight: 40
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignTop
|
|
color: Kirigami.Theme.backgroundColor
|
|
opacity: 1.0
|
|
|
|
Controls.Label {
|
|
id: videoLabel
|
|
anchors.centerIn: parent
|
|
text: "Videos"
|
|
}
|
|
|
|
Controls.Label {
|
|
id: videoCount
|
|
anchors {left: videoLabel.right
|
|
verticalCenter: videoLabel.verticalCenter
|
|
leftMargin: 15}
|
|
text: videosqlmodel.rowCount()
|
|
font.pixelSize: 15
|
|
color: Kirigami.Theme.disabledTextColor
|
|
}
|
|
|
|
Kirigami.Icon {
|
|
id: videoDrawerArrow
|
|
anchors {right: parent.right
|
|
verticalCenter: videoCount.verticalCenter
|
|
rightMargin: 10}
|
|
source: "arrow-down"
|
|
rotation: selectedLibrary == "videos" ? 0 : 180
|
|
|
|
Behavior on rotation {
|
|
NumberAnimation {
|
|
easing.type: Easing.OutCubic
|
|
duration: 300
|
|
}
|
|
}
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: {
|
|
if (selectedLibrary == "videos")
|
|
selectedLibrary = ""
|
|
else
|
|
selectedLibrary = "videos"
|
|
print(selectedLibrary)
|
|
}
|
|
}
|
|
}
|
|
|
|
ListView {
|
|
id: videoLibraryList
|
|
Layout.preferredHeight: parent.height - 200
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignTop
|
|
model: videosqlmodel
|
|
delegate: videoDelegate
|
|
clip: true
|
|
state: "deselected"
|
|
|
|
states: [
|
|
State {
|
|
name: "deselected"
|
|
when: (selectedLibrary !== "videos")
|
|
PropertyChanges { target: videoLibraryList
|
|
Layout.preferredHeight: 0
|
|
}
|
|
},
|
|
State {
|
|
name: "selected"
|
|
when: (selectedLibrary == "videos")
|
|
PropertyChanges { target: videoLibraryList }
|
|
}
|
|
]
|
|
|
|
transitions: Transition {
|
|
to: "*"
|
|
NumberAnimation {
|
|
target: videoLibraryList
|
|
properties: "preferredHeight"
|
|
easing.type: Easing.OutCubic
|
|
duration: 300
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: videoDelegate
|
|
Item{
|
|
implicitWidth: ListView.view.width
|
|
height: selectedLibrary == "videos" ? 50 : 0
|
|
Kirigami.BasicListItem {
|
|
id: videoListItem
|
|
|
|
property bool rightMenu: false
|
|
|
|
implicitWidth: videoLibraryList.width
|
|
height: selectedLibrary == "videos" ? 50 : 0
|
|
clip: true
|
|
label: title
|
|
/* subtitle: author */
|
|
supportsMouseEvents: false
|
|
backgroundColor: {
|
|
if (parent.ListView.isCurrentItem) {
|
|
Kirigami.Theme.highlightColor;
|
|
} else if (videoDragHandler.containsMouse){
|
|
Kirigami.Theme.highlightColor;
|
|
} else {
|
|
Kirigami.Theme.backgroundColor;
|
|
}
|
|
}
|
|
textColor: {
|
|
if (parent.ListView.isCurrentItem || videoDragHandler.containsMouse)
|
|
activeTextColor;
|
|
else
|
|
Kirigami.Theme.textColor;
|
|
}
|
|
|
|
Behavior on height {
|
|
NumberAnimation {
|
|
easing.type: Easing.OutCubic
|
|
duration: 300
|
|
}
|
|
}
|
|
Drag.active: videoDragHandler.drag.active
|
|
Drag.hotSpot.x: width / 2
|
|
Drag.hotSpot.y: height / 2
|
|
Drag.keys: [ "library" ]
|
|
|
|
states: State {
|
|
name: "dragged"
|
|
when: videoListItem.Drag.active
|
|
PropertyChanges {
|
|
target: videoListItem
|
|
x: x
|
|
y: y
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
MouseArea {
|
|
id: videoDragHandler
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
drag {
|
|
target: videoListItem
|
|
onActiveChanged: {
|
|
if (videoDragHandler.drag.active) {
|
|
dragItemTitle = title;
|
|
dragItemType = "video";
|
|
dragItemText = "";
|
|
dragItemBackgroundType = "video";
|
|
dragItemBackground = filePath;
|
|
} else {
|
|
videoListItem.Drag.drop()
|
|
}
|
|
}
|
|
filterChildren: true
|
|
threshold: 10
|
|
}
|
|
MouseArea {
|
|
id: videoClickHandler
|
|
anchors.fill: parent
|
|
acceptedButtons: Qt.LeftButton | Qt.RightButton
|
|
onClicked: {
|
|
if(mouse.button == Qt.RightButton)
|
|
rightClickVideoMenu.popup()
|
|
else{
|
|
videoLibraryList.currentIndex = index
|
|
const video = videosqlmodel.getVideo(videoLibraryList.currentIndex);
|
|
if (!editMode)
|
|
editMode = true;
|
|
editType = "video";
|
|
editSwitch(video);
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
Controls.Menu {
|
|
id: rightClickVideoMenu
|
|
x: videoClickHandler.mouseX
|
|
y: videoClickHandler.mouseY + 10
|
|
Kirigami.Action {
|
|
text: "delete"
|
|
onTriggered: videosqlmodel.deleteVideo(index)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: imageLibraryPanel
|
|
Layout.preferredHeight: 40
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignTop
|
|
color: Kirigami.Theme.backgroundColor
|
|
|
|
Controls.Label {
|
|
anchors.centerIn: parent
|
|
text: "Images"
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: {
|
|
if (selectedLibrary == "images")
|
|
selectedLibrary = ""
|
|
else
|
|
selectedLibrary = "images"
|
|
print(selectedLibrary)
|
|
}
|
|
}
|
|
}
|
|
|
|
ListView {
|
|
id: imageLibraryList
|
|
Layout.preferredHeight: parent.height - 200
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignTop
|
|
state: "deselected"
|
|
|
|
states: [
|
|
State {
|
|
name: "deselected"
|
|
when: (selectedLibrary !== "images")
|
|
PropertyChanges { target: imageLibraryList
|
|
Layout.preferredHeight: 0
|
|
}
|
|
},
|
|
State {
|
|
name: "selected"
|
|
when: (selectedLibrary == "images")
|
|
PropertyChanges { target: imageLibraryList }
|
|
}
|
|
]
|
|
|
|
transitions: Transition {
|
|
to: "*"
|
|
NumberAnimation {
|
|
target: imageLibraryList
|
|
properties: "preferredHeight"
|
|
easing.type: Easing.OutCubic
|
|
duration: 300
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: presentationLibraryPanel
|
|
Layout.preferredHeight: 40
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignTop
|
|
color: Kirigami.Theme.backgroundColor
|
|
|
|
Controls.Label {
|
|
anchors.centerIn: parent
|
|
text: "Presentations"
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: {
|
|
if (selectedLibrary == "presentations")
|
|
selectedLibrary = ""
|
|
else
|
|
selectedLibrary = "presentations"
|
|
print(selectedLibrary)
|
|
}
|
|
}
|
|
}
|
|
|
|
ListView {
|
|
id: presentationLibraryList
|
|
Layout.preferredHeight: parent.height - 200
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignTop
|
|
state: "deselected"
|
|
|
|
states: [
|
|
State {
|
|
name: "deselected"
|
|
when: (selectedLibrary !== "presentations")
|
|
PropertyChanges { target: presentationLibraryList
|
|
Layout.preferredHeight: 0
|
|
}
|
|
},
|
|
State {
|
|
name: "selected"
|
|
when: (selectedLibrary == "presentations")
|
|
PropertyChanges { target: presentationLibraryList }
|
|
}
|
|
]
|
|
|
|
transitions: Transition {
|
|
to: "*"
|
|
NumberAnimation {
|
|
target: presentationLibraryList
|
|
properties: "preferredHeight"
|
|
easing.type: Easing.OutCubic
|
|
duration: 300
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: slideLibraryPanel
|
|
Layout.preferredHeight: 40
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignTop
|
|
color: Kirigami.Theme.backgroundColor
|
|
|
|
Controls.Label {
|
|
anchors.centerIn: parent
|
|
text: "Slides"
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: {
|
|
if (selectedLibrary == "slides")
|
|
selectedLibrary = ""
|
|
else
|
|
selectedLibrary = "slides"
|
|
print(selectedLibrary)
|
|
}
|
|
}
|
|
}
|
|
|
|
ListView {
|
|
id: slideLibraryList
|
|
Layout.preferredHeight: parent.height - 200
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignTop
|
|
state: "deselected"
|
|
|
|
states: [
|
|
State {
|
|
name: "deselected"
|
|
when: (selectedLibrary !== "slides")
|
|
PropertyChanges { target: slideLibraryList
|
|
Layout.preferredHeight: 0
|
|
}
|
|
},
|
|
State {
|
|
name: "selected"
|
|
when: (selectedLibrary == "slides")
|
|
PropertyChanges { target: slideLibraryList }
|
|
}
|
|
]
|
|
|
|
transitions: Transition {
|
|
to: "*"
|
|
NumberAnimation {
|
|
target: slideLibraryList
|
|
properties: "preferredHeight"
|
|
easing.type: Easing.OutCubic
|
|
duration: 300
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
DropArea {
|
|
id: fileDropArea
|
|
anchors.fill: parent
|
|
onDropped: drop => {
|
|
overlay = false;
|
|
print("dropped");
|
|
print(drop.urls);
|
|
/* thumbnailer.loadFile(drop.urls[0]); */
|
|
if (drop.urls.length !== 0){
|
|
print("dropping a real file!!")
|
|
addVideo(drop.urls[0]);
|
|
} else
|
|
print("this is not a real file!")
|
|
}
|
|
onEntered: {
|
|
if (isDragFile(drag.urls[0]))
|
|
overlay = true;
|
|
}
|
|
onExited: overlay = false
|
|
|
|
function addVideo(url) {
|
|
videosqlmodel.newVideo(url);
|
|
selectedLibrary = "videos";
|
|
videoLibraryList.currentIndex = videosqlmodel.rowCount();
|
|
print(videosqlmodel.getVideo(videoLibraryList.currentIndex));
|
|
const video = videosqlmodel.getVideo(videoLibraryList.currentIndex);
|
|
showPassiveNotification("newest video: " + video);
|
|
if (!editMode)
|
|
editMode = true;
|
|
editSwitch("video", video);
|
|
}
|
|
|
|
function isDragFile(item) {
|
|
var extension = item.split('.').pop();
|
|
var valid = false;
|
|
|
|
if(extension) {
|
|
print(extension);
|
|
valid = true;
|
|
}
|
|
|
|
return valid;
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: fileDropOverlay
|
|
color: overlay ? Kirigami.Theme.highlightColor : "#00000000"
|
|
anchors.fill: parent
|
|
border.width: 8
|
|
border.color: overlay ? Kirigami.Theme.hoverColor : "#00000000"
|
|
}
|
|
|
|
MpvObject {
|
|
id: thumbnailer
|
|
useHwdec: true
|
|
enableAudio: false
|
|
width: 0
|
|
height: 0
|
|
Component.onCompleted: print("ready")
|
|
onFileLoaded: {
|
|
thumbnailer.pause();
|
|
print("FILE: " + thumbnailer.mediaTitle);
|
|
thumbnailer.screenshotToFile(thumbnailFile(thumbnailer.mediaTitle));
|
|
showPassiveNotification("Screenshot Taken to: " + thumbnailFile(thumbnailer.mediaTitle));
|
|
thumbnailer.stop();
|
|
}
|
|
function thumbnailFile(title) {
|
|
const thumbnailFolder = Labs.StandardPaths.writableLocation(Labs.StandardPaths.AppDataLocation) + "/thumbnails/";
|
|
return Qt.resolvedUrl(thumbnailFolder + title);
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|