desktop icons
This commit is contained in:
Zacharias-Brohn
@@ -23,73 +23,87 @@ Item {
|
||||
|
||||
property real menuX: 0
|
||||
property real menuY: 0
|
||||
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
onClicked: contextMenu.close()
|
||||
}
|
||||
|
||||
CustomClippingRect {
|
||||
id: popupBackground
|
||||
readonly property real padding: 4
|
||||
|
||||
readonly property real padding: Appearance.padding.small
|
||||
|
||||
x: contextMenu.menuX
|
||||
y: contextMenu.menuY
|
||||
|
||||
|
||||
color: DynamicColors.tPalette.m3surface
|
||||
radius: Appearance.rounding.normal
|
||||
|
||||
|
||||
implicitWidth: menuLayout.implicitWidth + padding * 2
|
||||
implicitHeight: menuLayout.implicitHeight + padding * 2
|
||||
|
||||
|
||||
Behavior on opacity { Anim {} }
|
||||
opacity: contextMenu.visible ? 1 : 0
|
||||
|
||||
|
||||
ColumnLayout {
|
||||
id: menuLayout
|
||||
anchors.fill: parent
|
||||
anchors.margins: popupBackground.padding
|
||||
anchors.centerIn: parent
|
||||
spacing: 0
|
||||
|
||||
StateLayer {
|
||||
Layout.fillWidth: true
|
||||
|
||||
contentItem: RowLayout {
|
||||
CustomRect {
|
||||
Layout.preferredWidth: 160
|
||||
radius: popupBackground.radius - popupBackground.padding
|
||||
implicitHeight: openRow.implicitHeight + Appearance.padding.small * 2
|
||||
|
||||
RowLayout {
|
||||
id: openRow
|
||||
spacing: 8
|
||||
anchors.fill: parent
|
||||
anchors.margins: 12
|
||||
anchors.leftMargin: Appearance.padding.smaller
|
||||
|
||||
MaterialIcon { text: "open_in_new"; font.pointSize: 20 }
|
||||
CustomText { text: "Open"; Layout.fillWidth: true }
|
||||
}
|
||||
|
||||
onClicked: {
|
||||
for (let i = 0; i < contextMenu.targetPaths.length; i++) {
|
||||
let p = contextMenu.targetPaths[i];
|
||||
if (p === contextMenu.targetFilePath) {
|
||||
if (p.endsWith(".desktop") && contextMenu.targetAppEntry) contextMenu.targetAppEntry.execute()
|
||||
else contextMenu.openFileRequested(p, contextMenu.targetIsDir)
|
||||
} else {
|
||||
Quickshell.execDetached(["xdg-open", p])
|
||||
|
||||
StateLayer {
|
||||
anchors.fill: parent
|
||||
|
||||
onClicked: {
|
||||
for (let i = 0; i < contextMenu.targetPaths.length; i++) {
|
||||
let p = contextMenu.targetPaths[i];
|
||||
if (p === contextMenu.targetFilePath) {
|
||||
if (p.endsWith(".desktop") && contextMenu.targetAppEntry) contextMenu.targetAppEntry.execute()
|
||||
else contextMenu.openFileRequested(p, contextMenu.targetIsDir)
|
||||
} else {
|
||||
Quickshell.execDetached(["xdg-open", p])
|
||||
}
|
||||
}
|
||||
contextMenu.close()
|
||||
}
|
||||
contextMenu.close()
|
||||
}
|
||||
}
|
||||
|
||||
StateLayer {
|
||||
CustomRect {
|
||||
Layout.fillWidth: true
|
||||
|
||||
contentItem: RowLayout {
|
||||
radius: popupBackground.radius - popupBackground.padding
|
||||
implicitHeight: openWithRow.implicitHeight + Appearance.padding.small * 2
|
||||
|
||||
RowLayout {
|
||||
id: openWithRow
|
||||
spacing: 8
|
||||
anchors.fill: parent
|
||||
anchors.margins: 12
|
||||
anchors.leftMargin: Appearance.padding.smaller
|
||||
|
||||
MaterialIcon { text: contextMenu.targetIsDir ? "terminal" : "apps"; font.pointSize: 20 }
|
||||
CustomText { text: contextMenu.targetIsDir ? "Open in terminal" : "Open with..."; Layout.fillWidth: true }
|
||||
}
|
||||
|
||||
onClicked: {
|
||||
Quickshell.execDetached(["xdg-open", contextMenu.targetFilePath])
|
||||
contextMenu.close()
|
||||
|
||||
StateLayer {
|
||||
anchors.fill: parent
|
||||
|
||||
onClicked: {
|
||||
if (contextMenu.targetIsDir) {
|
||||
Quickshell.execDetached([Config.general.apps.terminal, "--working-directory", contextMenu.targetFilePath])
|
||||
} else {
|
||||
Quickshell.execDetached(["xdg-open", contextMenu.targetFilePath])
|
||||
}
|
||||
contextMenu.close()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -101,92 +115,117 @@ Item {
|
||||
Layout.bottomMargin: 4
|
||||
}
|
||||
|
||||
StateLayer {
|
||||
CustomRect {
|
||||
Layout.fillWidth: true
|
||||
|
||||
contentItem: RowLayout {
|
||||
radius: popupBackground.radius - popupBackground.padding
|
||||
implicitHeight: copyPathRow.implicitHeight + Appearance.padding.small * 2
|
||||
|
||||
RowLayout {
|
||||
id: copyPathRow
|
||||
spacing: 8
|
||||
anchors.fill: parent
|
||||
anchors.margins: 12
|
||||
anchors.leftMargin: Appearance.padding.smaller
|
||||
|
||||
MaterialIcon { text: "content_copy"; font.pointSize: 20 }
|
||||
CustomText { text: "Copy path"; Layout.fillWidth: true }
|
||||
}
|
||||
|
||||
onClicked: {
|
||||
Quickshell.execDetached(["wl-copy", contextMenu.targetPaths.join("\n")])
|
||||
contextMenu.close()
|
||||
|
||||
StateLayer {
|
||||
anchors.fill: parent
|
||||
|
||||
onClicked: {
|
||||
Quickshell.execDetached(["wl-copy", contextMenu.targetPaths.join("\n")])
|
||||
contextMenu.close()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
StateLayer {
|
||||
CustomRect {
|
||||
Layout.fillWidth: true
|
||||
visible: contextMenu.targetPaths.length === 1
|
||||
|
||||
contentItem: RowLayout {
|
||||
radius: popupBackground.radius - popupBackground.padding
|
||||
implicitHeight: renameRow.implicitHeight + Appearance.padding.small * 2
|
||||
|
||||
RowLayout {
|
||||
id: renameRow
|
||||
spacing: 8
|
||||
anchors.fill: parent
|
||||
anchors.margins: 12
|
||||
anchors.leftMargin: Appearance.padding.smaller
|
||||
|
||||
MaterialIcon { text: "edit"; font.pointSize: 20 }
|
||||
CustomText { text: "Rename"; Layout.fillWidth: true }
|
||||
}
|
||||
|
||||
onClicked: {
|
||||
contextMenu.renameRequested(contextMenu.targetFilePath)
|
||||
contextMenu.close()
|
||||
|
||||
StateLayer {
|
||||
anchors.fill: parent
|
||||
|
||||
onClicked: {
|
||||
contextMenu.renameRequested(contextMenu.targetFilePath)
|
||||
contextMenu.close()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Rectangle {
|
||||
Layout.fillWidth: true
|
||||
implicitHeight: 1
|
||||
color: Appearance.m3colors.m3outlineVariant
|
||||
color: DynamicColors.palette.m3outlineVariant
|
||||
Layout.topMargin: 4
|
||||
Layout.bottomMargin: 4
|
||||
}
|
||||
|
||||
StateLayer {
|
||||
id: deleteButton
|
||||
CustomRect {
|
||||
Layout.fillWidth: true
|
||||
colBackgroundHover: Appearance.colors.colError
|
||||
|
||||
contentItem: RowLayout {
|
||||
radius: popupBackground.radius - popupBackground.padding
|
||||
implicitHeight: deleteRow.implicitHeight + Appearance.padding.small * 2
|
||||
|
||||
RowLayout {
|
||||
id: deleteRow
|
||||
spacing: 8
|
||||
anchors.fill: parent
|
||||
anchors.margins: 12
|
||||
anchors.leftMargin: Appearance.padding.smaller
|
||||
|
||||
MaterialIcon {
|
||||
text: "delete";
|
||||
font.pointSize: 20;
|
||||
color: deleteButton.hovered ? Appearance.colors.colOnError : Appearance.colors.colError
|
||||
text: "delete"
|
||||
font.pointSize: 20
|
||||
color: deleteButton.hovered ? DynamicColors.palette.m3onError : DynamicColors.palette.m3error
|
||||
}
|
||||
|
||||
CustomText {
|
||||
text: "Move to trash";
|
||||
Layout.fillWidth: true;
|
||||
color: deleteButton.hovered ? Appearance.colors.colOnError : Appearance.colors.colError
|
||||
text: "Move to trash"
|
||||
Layout.fillWidth: true
|
||||
color: deleteButton.hovered ? DynamicColors.palette.m3onError : DynamicColors.palette.m3error
|
||||
}
|
||||
}
|
||||
|
||||
onClicked: {
|
||||
let cmd = ["gio", "trash"].concat(contextMenu.targetPaths)
|
||||
Quickshell.execDetached(cmd)
|
||||
contextMenu.close()
|
||||
|
||||
StateLayer {
|
||||
id: deleteButton
|
||||
anchors.fill: parent
|
||||
color: DynamicColors.tPalette.m3error
|
||||
|
||||
onClicked: {
|
||||
let cmd = ["gio", "trash"].concat(contextMenu.targetPaths)
|
||||
Quickshell.execDetached(cmd)
|
||||
contextMenu.close()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function openAt(mouseX, mouseY, path, isDir, appEnt, parentW, parentH, selectionArray) {
|
||||
targetFilePath = path
|
||||
targetIsDir = isDir
|
||||
targetAppEntry = appEnt
|
||||
|
||||
|
||||
targetPaths = (selectionArray && selectionArray.length > 0) ? selectionArray : [path]
|
||||
|
||||
menuX = Math.min(mouseX, parentW - popupBackground.implicitWidth)
|
||||
menuY = Math.min(mouseY, parentH - popupBackground.implicitHeight)
|
||||
|
||||
|
||||
menuX = Math.floor(Math.min(mouseX, parentW - popupBackground.implicitWidth))
|
||||
menuY = Math.floor(Math.min(mouseY, parentH - popupBackground.implicitHeight))
|
||||
|
||||
visible = true
|
||||
}
|
||||
|
||||
|
||||
function close() {
|
||||
visible = false
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user