draftomen 0.3.0__py3-none-any.whl

draftomen/qml/PoolSummaryPanel.qml

@@ -0,0 +1,322 @@
+pragma ComponentBehavior: Bound
+
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+
+Rectangle {
+    id: root
+
+    required property var pool
+    required property bool narrow
+
+    readonly property bool hasPool: root.pool && root.pool.total_cards > 0
+    readonly property var colorDistribution: root.pool
+        && root.pool.color_distribution ? root.pool.color_distribution : []
+    readonly property var manaCurve: root.pool
+        && root.pool.mana_curve ? root.pool.mana_curve : []
+    readonly property var recentPicks: root.pool && root.pool.recent_picks
+        ? root.pool.recent_picks : []
+    readonly property int maxManaCount: {
+        let largest = 0
+        for (let index = 0; index < root.manaCurve.length; index++)
+            largest = Math.max(largest, Number(root.manaCurve[index]))
+        return largest
+    }
+
+    color: Theme.surfaceLow
+    border.color: Theme.outline
+    border.width: 1
+    radius: Theme.radius
+    Accessible.role: Accessible.Pane
+    Accessible.name: "Draft pool summary"
+    Accessible.description: "Scrollable pool details. Use Up and Down, Page Up and Page Down, Home, or End to move through the summary."
+    function averageManaValueText() {
+        const average = root.pool ? root.pool.average_mana_value : null
+        if (average === null || average === undefined)
+            return "Average mana value: —"
+        return "Average mana value: " + Number(average).toFixed(2)
+    }
+
+    function manaLabel(index) {
+        return index === 6 ? "6+" : String(index)
+    }
+
+    function colorLabel(symbol) {
+        if (symbol === "W") return "White"
+        if (symbol === "U") return "Blue"
+        if (symbol === "B") return "Black"
+        if (symbol === "R") return "Red"
+        if (symbol === "G") return "Green"
+        return "Colorless"
+    }
+
+    Flickable {
+        id: poolFlickable
+        objectName: "poolSummaryFlickable"
+        anchors.fill: parent
+        anchors.margins: Theme.panelPadding
+        contentWidth: width
+        contentHeight: poolColumn.implicitHeight
+        clip: true
+        boundsBehavior: Flickable.StopAtBounds
+        activeFocusOnTab: true
+        Accessible.role: Accessible.Pane
+        Accessible.name: "Scrollable pool details"
+        Accessible.description: "Use Up and Down, Page Up and Page Down, Home, or End to scroll the pool summary."
+
+        function scrollTo(position) {
+            contentY = Math.max(0, Math.min(
+                position, Math.max(0, contentHeight - height)
+            ))
+        }
+
+        Keys.onPressed: function(event) {
+            const pageStep = Math.max(1, height - 24)
+            const lineStep = 40
+            switch (event.key) {
+            case Qt.Key_Up:
+                poolFlickable.scrollTo(contentY - lineStep)
+                break
+            case Qt.Key_Down:
+                poolFlickable.scrollTo(contentY + lineStep)
+                break
+            case Qt.Key_PageUp:
+                poolFlickable.scrollTo(contentY - pageStep)
+                break
+            case Qt.Key_PageDown:
+                poolFlickable.scrollTo(contentY + pageStep)
+                break
+            case Qt.Key_Home:
+                poolFlickable.scrollTo(0)
+                break
+            case Qt.Key_End:
+                poolFlickable.scrollTo(contentHeight - height)
+                break
+            default:
+                return
+            }
+            event.accepted = true
+        }
+
+        ScrollBar.vertical: ScrollBar {
+            objectName: "poolSummaryScrollBar"
+            policy: ScrollBar.AsNeeded
+            width: 8
+            Accessible.name: "Pool summary vertical scrollbar"
+        }
+        ColumnLayout {
+            id: poolColumn
+            width: parent.width
+            spacing: 12
+
+            RowLayout {
+                Layout.fillWidth: true
+
+                Label {
+                    Layout.fillWidth: true
+                    text: "POOL SUMMARY"
+                    color: Theme.textMuted
+                    font.pixelSize: Theme.textPixelSize(11)
+                    font.bold: true
+                    font.letterSpacing: 1.2
+                }
+
+                Label {
+                    objectName: "poolCount"
+                    text: (root.pool ? root.pool.total_cards : 0)
+                        + " / " + (root.pool ? root.pool.target_cards : 0)
+                        + " cards"
+                    color: Theme.primary
+                    font.family: fixedFontFamily
+                    font.bold: true
+                }
+            }
+
+            Rectangle {
+                visible: !root.hasPool
+                Layout.fillWidth: true
+                Layout.preferredHeight: 108
+                color: Theme.surface
+                radius: Theme.radius
+
+                ColumnLayout {
+                    anchors.centerIn: parent
+                    width: parent.width - 24
+                    spacing: 6
+
+                    Label {
+                        Layout.fillWidth: true
+                        text: "No drafted cards yet"
+                        color: Theme.text
+                        font.bold: true
+                        horizontalAlignment: Text.AlignHCenter
+                    }
+
+                    Label {
+                        Layout.fillWidth: true
+                        text: "Your pool will appear after the first pick."
+                        color: Theme.textMuted
+                        horizontalAlignment: Text.AlignHCenter
+                        wrapMode: Text.WordWrap
+                    }
+                }
+            }
+
+            ColumnLayout {
+                visible: root.hasPool
+                Layout.fillWidth: true
+                spacing: 8
+
+                GridLayout {
+                    Layout.fillWidth: true
+                    columns: 2
+                    columnSpacing: 12
+                    rowSpacing: 6
+
+                    Label { text: "Inferred pair"; color: Theme.textMuted }
+                    Label {
+                        text: root.pool.inferred_pair || "Open"
+                        color: Theme.text
+                        font.bold: true
+                    }
+
+                    Label { text: "Commitment"; color: Theme.textMuted }
+                    Label {
+                        text: Math.round(Number(root.pool.commitment || 0) * 100)
+                            + "% building"
+                        color: Theme.warning
+                        font.family: fixedFontFamily
+                    }
+                }
+
+                Label {
+                    text: "COLOR DISTRIBUTION"
+                    color: Theme.textMuted
+                    font.pixelSize: Theme.textPixelSize(11)
+                    font.bold: true
+                    font.letterSpacing: 1
+                }
+
+                Flow {
+                    Layout.fillWidth: true
+                    spacing: 5
+
+                    Repeater {
+                        model: root.colorDistribution
+
+                        delegate: Rectangle {
+                            required property var modelData
+                            width: colorName.implicitWidth + colorCount.implicitWidth + 24
+                            height: 26
+                            radius: Theme.radius
+                            color: Theme.surface
+                            border.color: Theme.outline
+
+                            Row {
+                                anchors.centerIn: parent
+                                spacing: 5
+
+                                Rectangle {
+                                    width: 8
+                                    height: 8
+                                    radius: 4
+                                    anchors.verticalCenter: parent.verticalCenter
+                                    color: Theme.colorForMana(modelData[0])
+                                }
+
+                                Label {
+                                    id: colorName
+                                    text: root.colorLabel(modelData[0])
+                                    color: Theme.textMuted
+                                    font.pixelSize: Theme.textPixelSize(11)
+                                }
+
+                                Label {
+                                    id: colorCount
+                                    text: String(modelData[1])
+                                    color: Theme.text
+                                    font.family: fixedFontFamily
+                                    font.bold: true
+                                }
+                            }
+                        }
+                    }
+                }
+
+                RowLayout {
+                    Layout.fillWidth: true
+
+                    Label {
+                        Layout.fillWidth: true
+                        text: "MANA CURVE"
+                        color: Theme.textMuted
+                        font.pixelSize: Theme.textPixelSize(11)
+                        font.bold: true
+                        font.letterSpacing: 1
+                    }
+
+                    Label {
+                        objectName: "poolManaCurveAverage"
+                        text: root.averageManaValueText()
+                        color: Theme.textMuted
+                        font.pixelSize: Theme.textPixelSize(11)
+                        Accessible.name: text
+                    }
+                }
+
+                RowLayout {
+                    Layout.fillWidth: true
+                    Layout.preferredHeight: 94
+                    spacing: 5
+
+                    Repeater {
+                        model: root.manaCurve
+
+                        delegate: ColumnLayout {
+                            required property int index
+                            required property var modelData
+                            Layout.fillWidth: true
+                            Layout.fillHeight: true
+                            spacing: 3
+
+                            Item {
+                                Layout.fillWidth: true
+                                Layout.fillHeight: true
+
+                                Rectangle {
+                                    anchors.left: parent.left
+                                    anchors.right: parent.right
+                                    anchors.bottom: parent.bottom
+                                    height: root.maxManaCount > 0
+                                        ? parent.height * Number(modelData)
+                                            / root.maxManaCount : 0
+                                    color: Theme.primary
+                                    opacity: index === 0 ? 0.35 : 0.7
+                                    radius: 2
+                                }
+                            }
+
+                            Label {
+                                Layout.fillWidth: true
+                                text: root.manaLabel(index)
+                                color: Theme.textMuted
+                                font.pixelSize: Theme.textPixelSize(10)
+                                horizontalAlignment: Text.AlignHCenter
+                            }
+                        }
+                    }
+                }
+
+                RecentPicksGallery {
+                    objectName: "recentPicksGallery"
+                    Layout.fillWidth: true
+                    pool: root.pool
+                    narrow: root.narrow
+                }
+            }
+
+            Item { Layout.fillHeight: true }
+        }
+    }
+}

draftomen/qml/PrivacyDialog.qml

@@ -0,0 +1,96 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+
+Dialog {
+    id: root
+
+    property var returnFocusItem: null
+
+    objectName: "privacyDialog"
+    parent: Overlay.overlay
+    modal: true
+    focus: true
+    closePolicy: Popup.CloseOnEscape
+    title: "Privacy"
+    width: Math.min(420, Math.max(300, parent ? parent.width - 32 : 420))
+    x: parent ? Math.max(16, Math.round((parent.width - width) / 2)) : 16
+    y: parent ? Math.max(16, Math.round((parent.height - height) / 2)) : 16
+    padding: 16
+
+    Overlay.modal: Rectangle {
+        color: "#99000000"
+    }
+
+    background: Rectangle {
+        color: Theme.surface
+        border.color: Theme.outline
+        border.width: 1
+        radius: Theme.radius
+    }
+
+    header: Rectangle {
+        objectName: "privacyDialogHeader"
+        implicitHeight: 52
+        color: Theme.surfaceHigh
+        border.color: Theme.outline
+        border.width: 1
+
+        Label {
+            objectName: "privacyDialogTitle"
+            anchors.fill: parent
+            anchors.leftMargin: 16
+            anchors.rightMargin: 16
+            text: root.title
+            color: Theme.text
+            font.pixelSize: Theme.textPixelSize(18)
+            font.bold: true
+            verticalAlignment: Text.AlignVCenter
+            Accessible.name: text
+        }
+    }
+
+    onClosed: {
+        const opener = root.returnFocusItem
+        root.returnFocusItem = null
+        if (opener && opener.visible && opener.enabled)
+            opener.forceActiveFocus()
+    }
+
+    contentItem: ColumnLayout {
+        spacing: 12
+        implicitWidth: 360
+
+        Label {
+            objectName: "privacyDialogDisclosure"
+            Layout.fillWidth: true
+            text: "All user data remains on the user's computer. Draft Omen does not send your personal data to us."
+            color: Theme.text
+            wrapMode: Text.WordWrap
+            Accessible.name: text
+        }
+    }
+
+    footer: DialogButtonBox {
+        implicitHeight: 58
+        alignment: Qt.AlignRight
+        background: Rectangle {
+            color: Theme.surfaceHigh
+            border.color: Theme.outline
+            border.width: 1
+        }
+
+        DimensionalButton {
+            id: closeButton
+            objectName: "privacyDialogCloseButton"
+            text: "Close"
+            accented: false
+            implicitWidth: 96
+            activeFocusOnTab: true
+            focusPolicy: Qt.StrongFocus
+            Accessible.role: Accessible.Button
+            Accessible.name: "Close Privacy dialog"
+            onClicked: root.close()
+        }
+    }
+}

draftomen/qml/RecentPickThumbnail.qml

@@ -0,0 +1,83 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+
+Item {
+    id: root
+
+    required property int pickIndex
+    required property var recentPick
+    signal hoverEntered()
+    signal hoverExited()
+
+    readonly property var card: root.recentPick && root.recentPick.card
+        ? root.recentPick.card : null
+    readonly property var imageState: root.recentPick && root.recentPick.image
+        ? root.recentPick.image : null
+
+    implicitHeight: width * 1.4
+    objectName: "recentPickThumbnail" + root.pickIndex
+    Accessible.role: Accessible.Graphic
+    Accessible.name: root.card ? root.card.name : "Recent pick"
+    Accessible.description: root.card
+        ? root.card.name + ". Hover for a card preview."
+        : "Hover for a card preview."
+
+    Rectangle {
+        anchors.fill: parent
+        color: Theme.surface
+        border.color: Theme.outline
+        border.width: 1
+        radius: Theme.radius
+        clip: true
+
+        Image {
+            id: thumbnailImage
+            objectName: "recentPickThumbnailImage"
+            anchors.fill: parent
+            anchors.margins: 2
+            source: root.imageState
+                && root.imageState.phase === "ready"
+                && root.imageState.image_path
+                ? root.imageState.image_path : ""
+            fillMode: Image.PreserveAspectFit
+            asynchronous: true
+            visible: status === Image.Ready
+        }
+
+        Label {
+            id: fallbackLabel
+            objectName: "recentPickThumbnailFallbackLabel"
+            anchors.fill: parent
+            anchors.margins: 5
+            text: {
+                if (thumbnailImage.status === Image.Error)
+                    return "Image failed to display"
+                if (root.imageState && root.imageState.phase === "loading")
+                    return "Loading image"
+                if (root.imageState && root.imageState.phase === "failed")
+                    return "Image unavailable"
+                if (root.imageState && root.imageState.phase === "ready"
+                        && thumbnailImage.source.toString().length > 0)
+                    return "Loading image"
+                return "No image available"
+            }
+            color: Theme.textMuted
+            font.pixelSize: Theme.textPixelSize(10)
+            font.bold: true
+            horizontalAlignment: Text.AlignHCenter
+            verticalAlignment: Text.AlignVCenter
+            wrapMode: Text.WrapAnywhere
+            visible: !thumbnailImage.visible
+        }
+    }
+
+    HoverHandler {
+        blocking: false
+        onHoveredChanged: {
+            if (hovered)
+                root.hoverEntered()
+            else
+                root.hoverExited()
+        }
+    }
+}