subtly
10 years ago
18 changed files with 467 additions and 84 deletions
@ -0,0 +1,260 @@ |
|||
/* |
|||
This file is part of cpp-ethereum. |
|||
|
|||
cpp-ethereum is free software: you can redistribute it and/or modify |
|||
it under the terms of the GNU General Public License as published by |
|||
the Free Software Foundation, either version 3 of the License, or |
|||
(at your option) any later version. |
|||
|
|||
cpp-ethereum is distributed in the hope that it will be useful, |
|||
but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
GNU General Public License for more details. |
|||
|
|||
You should have received a copy of the GNU General Public License |
|||
along with cpp-ethereum. If not, see <http://www.gnu.org/licenses/>. |
|||
*/ |
|||
/** @file StatesComboBox.qml |
|||
* @author Ali Mashatan ali@ethdev.com |
|||
* @date 2015 |
|||
* Ethereum IDE client. |
|||
*/ |
|||
|
|||
import QtQuick 2.0 |
|||
import QtQuick.Controls 1.0 |
|||
import QtQuick.Layouts 1.1 |
|||
import QtGraphicalEffects 1.0 |
|||
|
|||
Rectangle { |
|||
id: statesComboBox |
|||
|
|||
width: 200 |
|||
height: 23 |
|||
|
|||
Component.onCompleted: { |
|||
var top = dropDownList |
|||
while (top.parent) { |
|||
top = top.parent |
|||
if (top.objectName == "debugPanel") |
|||
break |
|||
} |
|||
var coordinates = dropDownList.mapToItem(top, 0, 0) |
|||
//the order is important |
|||
dropDownShowdowList.parent = top |
|||
dropDownList.parent = top |
|||
|
|||
dropDownShowdowList.x = coordinates.x |
|||
dropDownShowdowList.y = coordinates.y |
|||
|
|||
dropDownList.x = coordinates.x |
|||
dropDownList.y = coordinates.y |
|||
} |
|||
|
|||
signal selectItem(real item) |
|||
signal editItem(real item) |
|||
signal selectCreate |
|||
property int rowHeight: 25 |
|||
property variant items |
|||
property alias selectedItem: chosenItemText.text |
|||
property alias selectedIndex: listView.currentRow |
|||
function setSelectedIndex(index) { |
|||
listView.currentRow = index |
|||
chosenItemText.text = statesComboBox.items.get(index).title |
|||
} |
|||
|
|||
signal comboClicked |
|||
|
|||
property variant colorItem |
|||
property variant colorSelect |
|||
|
|||
SourceSansProRegular |
|||
{ |
|||
id: regularFont |
|||
} |
|||
|
|||
SourceSansProBold |
|||
{ |
|||
id: boldFont |
|||
} |
|||
|
|||
smooth: true |
|||
Rectangle { |
|||
id: chosenItem |
|||
width: parent.width |
|||
height: statesComboBox.height |
|||
color: statesComboBox.color |
|||
|
|||
Text { |
|||
id: chosenItemText |
|||
anchors.left: parent.left |
|||
anchors.leftMargin: 10 |
|||
anchors.verticalCenter: parent.verticalCenter |
|||
color: statesComboBox.colorItem |
|||
text: "" |
|||
font.family: regularFont.name |
|||
} |
|||
|
|||
MouseArea { |
|||
anchors.fill: parent |
|||
onClicked: { |
|||
statesComboBox.state = statesComboBox.state === "dropDown" ? "" : "dropDown" |
|||
} |
|||
} |
|||
} |
|||
|
|||
Rectangle { |
|||
id: dropDownShowdowList |
|||
width: statesComboBox.width |
|||
opacity: 0.3 |
|||
height: 0 |
|||
clip: true |
|||
radius: 4 |
|||
anchors.top: chosenItem.top |
|||
anchors.margins: 2 |
|||
color: "gray" |
|||
} |
|||
//ToDo: We need scrollbar for items |
|||
Rectangle { |
|||
id: dropDownList |
|||
width: statesComboBox.width |
|||
height: 0 |
|||
clip: true |
|||
radius: 4 |
|||
anchors.top: chosenItem.top |
|||
anchors.topMargin: 23 |
|||
color: statesComboBox.color |
|||
|
|||
ColumnLayout { |
|||
spacing: 2 |
|||
TableView { |
|||
id: listView |
|||
height: 20 |
|||
implicitHeight: 0 |
|||
width: statesComboBox.width |
|||
model: statesComboBox.items |
|||
horizontalScrollBarPolicy: Qt.ScrollBarAlwaysOff |
|||
currentRow: -1 |
|||
headerVisible: false |
|||
backgroundVisible: false |
|||
alternatingRowColors: false |
|||
frameVisible: false |
|||
|
|||
TableViewColumn { |
|||
role: "title" |
|||
title: "" |
|||
width: statesComboBox.width |
|||
delegate: mainItemDelegate |
|||
} |
|||
rowDelegate: Rectangle { |
|||
width: statesComboBox.width |
|||
height: statesComboBox.rowHeight |
|||
} |
|||
Component { |
|||
id: mainItemDelegate |
|||
Rectangle { |
|||
id: itemDelegate |
|||
width: statesComboBox.width |
|||
height: statesComboBox.height |
|||
Text { |
|||
id: textItemid |
|||
text: styleData.value |
|||
color: statesComboBox.colorItem |
|||
anchors.top: parent.top |
|||
anchors.left: parent.left |
|||
anchors.leftMargin: 10 |
|||
anchors.topMargin: 5 |
|||
font.family: regularFont.name |
|||
} |
|||
Image { |
|||
id: imageItemid |
|||
height: 20 |
|||
width: 20 |
|||
anchors.right: parent.right |
|||
anchors.top: parent.top |
|||
anchors.margins: 5 |
|||
visible: false |
|||
fillMode: Image.PreserveAspectFit |
|||
source: "img/edit_combox.png" |
|||
} |
|||
|
|||
MouseArea { |
|||
anchors.fill: parent |
|||
hoverEnabled: true |
|||
|
|||
onEntered: { |
|||
imageItemid.visible = true |
|||
textItemid.color = statesComboBox.colorSelect |
|||
} |
|||
onExited: { |
|||
imageItemid.visible = false |
|||
textItemid.color = statesComboBox.colorItem |
|||
} |
|||
onClicked: { |
|||
if (mouseX > imageItemid.x |
|||
&& mouseX < imageItemid.x + imageItemid.width |
|||
&& mouseY > imageItemid.y |
|||
&& mouseY < imageItemid.y + imageItemid.height) |
|||
statesComboBox.editItem(styleData.row) |
|||
else { |
|||
statesComboBox.state = "" |
|||
var prevSelection = chosenItemText.text |
|||
chosenItemText.text = styleData.value |
|||
listView.currentRow = styleData.row |
|||
statesComboBox.selectItem(styleData.row) |
|||
} |
|||
} |
|||
} |
|||
} //Item |
|||
} //Component |
|||
} //Table View |
|||
|
|||
RowLayout { |
|||
anchors.top: listView.bottom |
|||
anchors.topMargin: 4 |
|||
anchors.left: parent.left |
|||
anchors.leftMargin: 10 |
|||
Text { |
|||
id: createStateText |
|||
width: statesComboBox.width |
|||
height: statesComboBox.height |
|||
font.family: boldFont.name |
|||
color: "#808080" |
|||
text: qsTr("Create State ...") |
|||
font.weight: Font.DemiBold |
|||
MouseArea { |
|||
anchors.fill: parent |
|||
hoverEnabled: true |
|||
|
|||
onEntered: { |
|||
createStateText.color = statesComboBox.colorSelect |
|||
} |
|||
onExited: { |
|||
createStateText.color = statesComboBox.colorItem |
|||
} |
|||
onClicked: { |
|||
statesComboBox.state = "" |
|||
statesComboBox.selectCreate() |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
states: State { |
|||
name: "dropDown" |
|||
PropertyChanges { |
|||
target: dropDownList |
|||
height: (statesComboBox.rowHeight * (statesComboBox.items.count + 1)) |
|||
} |
|||
PropertyChanges { |
|||
target: dropDownShowdowList |
|||
width: statesComboBox.width + 3 |
|||
height: (statesComboBox.rowHeight * (statesComboBox.items.count + 1)) + 3 |
|||
} |
|||
PropertyChanges { |
|||
target: listView |
|||
height: 20 |
|||
implicitHeight: (statesComboBox.rowHeight * (statesComboBox.items.count)) |
|||
} |
|||
} |
|||
} |
|||
|
After Width: | Height: | Size: 406 B |
|
After Width: | Height: | Size: 200 B |
|
After Width: | Height: | Size: 414 B |
|
After Width: | Height: | Size: 531 B |
|
After Width: | Height: | Size: 904 B |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 235 B |
Loading…
Reference in new issue