omaplugctl/ScreenEdgePicker.qml at master · zigmoo/omaplugctl · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
import QtQuick
import qs.Commons
import qs.Commons as Commons
import qs.Ui as Ui

Item {
  id: root
  property string position: ""
  property string fontFamily: Style.font.family
  required property var translations
  readonly property Item focusTarget: edges.itemAt(0)
  signal positionRequested(string edge)
  implicitWidth: Style.space(96)
  implicitHeight: Style.space(54)

  Rectangle {
    id: screen
    anchors.fill: parent
    radius: Style.cornerRadius
    color: Qt.alpha(Commons.Color.popups.text, 0.025)
    border.width: Math.max(1, Style.space(1))
    border.color: Qt.alpha(Commons.Color.popups.text, 0.35)
  }

  Repeater {
    id: edges
    model: ["top", "bottom", "left", "right"]
    delegate: Ui.Button {
      id: edge
      required property string modelData
      readonly property bool verticalEdge: modelData === "left" || modelData === "right"
      objectName: "barPosition-" + modelData
      x: modelData === "right" ? root.width - width : 0
      y: modelData === "bottom" ? root.height - height : verticalEdge ? Style.space(16) : 0
      width: verticalEdge ? Style.space(16) : root.width
      height: verticalEdge ? Math.max(0, root.height - Style.space(32)) : Style.space(16)
      tooltipText: root.translations.t("bar.move", "%1").arg(root.translations.t("bar." + modelData))
      selected: root.position === modelData
      fontFamily: root.fontFamily
      fontSize: Style.font.caption
      foreground: Commons.Color.popups.text
      background: Qt.alpha(Commons.Color.popups.text, 0.08)
      horizontalPadding: Style.space(4)
      verticalPadding: Style.space(4)
      focusable: true
      Accessible.role: Accessible.Button
      Accessible.name: tooltipText
      onClicked: root.positionRequested(modelData)
    }
  }

  Repeater {
    model: ["top", "bottom", "left", "right"]
    delegate: Rectangle {
      required property string modelData
      readonly property bool verticalEdge: modelData === "left" || modelData === "right"
      readonly property bool selected: root.position === modelData
      x: modelData === "right" ? root.width - width : 0
      y: modelData === "bottom" ? root.height - height : 0
      width: verticalEdge ? Style.space(selected ? 3 : 1) : root.width
      height: verticalEdge ? root.height : Style.space(selected ? 3 : 1)
      color: selected ? Commons.Color.accent : Qt.alpha(Commons.Color.popups.text, 0.25)
    }
  }
}