108 lines
2.3 KiB
QML
108 lines
2.3 KiB
QML
|
// SPDX-License-Identifier: GPL-3.0-or-later
|
||
|
|
|
||
|
|
import QtQuick
|
||
|
|
import QtQuick.Layouts
|
||
|
|
import QtQuick.Controls
|
||
|
|
import Fk.Pages
|
||
|
|
|
||
|
|
GraphicsBox {
|
||
|
|
property var options: []
|
||
|
|
property var all_options: []
|
||
|
|
property bool cancelable: false
|
||
|
|
property int min_num: 0
|
||
|
|
property int max_num: 0
|
||
|
|
property string skill_name: ""
|
||
|
|
property var result: []
|
||
|
|
|
||
|
|
id: root
|
||
|
|
title.text: Backend.translate("$Choice").arg(Backend.translate(skill_name))
|
||
|
|
width: Math.max(140, body.width + 20)
|
||
|
|
height: buttons.height + body.height + title.height + 20
|
||
|
|
|
||
|
|
ListView {
|
||
|
|
id: body
|
||
|
|
x: 10
|
||
|
|
y: title.height + 5
|
||
|
|
width: Math.min(700, 220 * model.length)
|
||
|
|
height: 300
|
||
|
|
orientation: ListView.Horizontal
|
||
|
|
clip: true
|
||
|
|
spacing: 20
|
||
|
|
|
||
|
|
model: all_options
|
||
|
|
|
||
|
|
delegate: Item {
|
||
|
|
width: 200
|
||
|
|
height: 290
|
||
|
|
|
||
|
|
MetroToggleButton {
|
||
|
|
id: choicetitle
|
||
|
|
width: parent.width
|
||
|
|
text: Backend.translate(modelData)
|
||
|
|
enabled: options.indexOf(modelData) !== -1 && (root.result.length < max_num || triggered)
|
||
|
|
textFont.pixelSize: 24
|
||
|
|
anchors.top: choiceDetail.bottom
|
||
|
|
anchors.topMargin: 8
|
||
|
|
|
||
|
|
onClicked: {
|
||
|
|
if (triggered) {
|
||
|
|
root.result.push(index);
|
||
|
|
} else {
|
||
|
|
root.result.splice(root.result.indexOf(index), 1);
|
||
|
|
}
|
||
|
|
root.result = root.result;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
Flickable {
|
||
|
|
id: choiceDetail
|
||
|
|
x: 4
|
||
|
|
height: parent.height - choicetitle.height
|
||
|
|
contentHeight: detail.height
|
||
|
|
width: parent.width
|
||
|
|
clip: true
|
||
|
|
Text {
|
||
|
|
id: detail
|
||
|
|
width: parent.width
|
||
|
|
text: Backend.translate(":" + modelData)
|
||
|
|
color: "white"
|
||
|
|
wrapMode: Text.WordWrap
|
||
|
|
font.pixelSize: 16
|
||
|
|
textFormat: TextEdit.RichText
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
Row {
|
||
|
|
id: buttons
|
||
|
|
anchors.margins: 8
|
||
|
|
anchors.bottom: root.bottom
|
||
|
|
anchors.horizontalCenter: root.horizontalCenter
|
||
|
|
spacing: 32
|
||
|
|
|
||
|
|
MetroButton {
|
||
|
|
width: 120
|
||
|
|
height: 35
|
||
|
|
text: Backend.translate("OK")
|
||
|
|
enabled: root.result.length >= min_num
|
||
|
|
|
||
|
|
onClicked: {
|
||
|
|
root.close();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
MetroButton {
|
||
|
|
width: 120
|
||
|
|
height: 35
|
||
|
|
text: Backend.translate("Cancel")
|
||
|
|
visible: root.cancelable
|
||
|
|
|
||
|
|
onClicked: {
|
||
|
|
result = [];
|
||
|
|
root.close();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|