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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
|
/*
* Copyright 2013 Canonical Ltd.
*
* This program is free software; you can redistribute it and/or modify
* it under the terms of the GNU Lesser General Public License as published by
* the Free Software Foundation; version 3.
*
* This program 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 Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
* Author: Zsombor Egri <zsombor.egri@canonical.com>
*/
import QtQuick 2.0
import Lomiri.Components 1.3
import Lomiri.Layouts 1.0
Item {
id: buttonGrid
Layouts.item: "buttons"
property real spacing: units.gu(0.5)
property real buttonHeight: (buttonGrid.height - 5 * buttonGrid.spacing) / 6
property real buttonWidth: (buttonGrid.width - 3 * buttonGrid.spacing) / 4
property var operations
property var __model: [
{"label": "mc", "color": "darkgray", "width" : buttonWidth, "height": buttonHeight},
{"label": "m+", "color": "darkgray", "width" : buttonWidth, "height": buttonHeight},
{"label": "m-", "color": "darkgray", "width" : buttonWidth, "height": buttonHeight},
{"label": "mr", "color": "darkgray", "width" : buttonWidth, "height": buttonHeight},
{"label": "c", "color": "brown", "width" : buttonWidth, "height": buttonHeight},
{"label": "+/-", "color": "brown", "width" : buttonWidth, "height": buttonHeight},
{"label": "/", "color": "brown", "width" : buttonWidth, "height": buttonHeight},
{"label": "*", "color": "brown", "width" : buttonWidth, "height": buttonHeight},
{"label": "7", "color": "#5f5f5f", "width" : buttonWidth, "height": buttonHeight},
{"label": "8", "color": "#5f5f5f", "width" : buttonWidth, "height": buttonHeight},
{"label": "9", "color": "#5f5f5f", "width" : buttonWidth, "height": buttonHeight},
{"label": "-", "color": "brown", "width" : buttonWidth, "height": buttonHeight},
{"label": "4", "color": "#5f5f5f", "width" : buttonWidth, "height": buttonHeight},
{"label": "5", "color": "#5f5f5f", "width" : buttonWidth, "height": buttonHeight},
{"label": "6", "color": "#5f5f5f", "width" : buttonWidth, "height": buttonHeight},
{"label": "+", "color": "brown", "width" : buttonWidth, "height": buttonHeight},
{"label": "1", "color": "#5f5f5f", "width" : buttonWidth, "height": buttonHeight},
{"label": "2", "color": "#5f5f5f", "width" : buttonWidth, "height": buttonHeight},
{"label": "3", "color": "#5f5f5f", "width" : buttonWidth, "height": buttonHeight},
{"label": "=", "color": "orange", "width" : buttonWidth, "height": buttonHeight * 2 + spacing},
]
property var __lastRow: [
{"label": "0", "color": "#5f5f5f", "width" : 2 * buttonWidth + spacing, "height": buttonHeight},
{"label": ".", "color": "#5f5f5f", "width" : buttonWidth, "height": buttonHeight},
]
Grid {
id: grid
spacing: buttonGrid.spacing
anchors.fill: parent
// memory
Repeater {
model: __model
delegate: Button {
text: modelData.label
color: modelData.color
width: modelData.width
height: modelData.height
onClicked: operations.execute(modelData.label)
}
}
}
Row {
anchors{
top: grid.bottom
topMargin: -buttonHeight
}
spacing: buttonGrid.spacing
// memory
Repeater {
model: __lastRow
delegate: Button {
text: modelData.label
color: modelData.color
width: modelData.width
height: modelData.height
onClicked: operations.execute(modelData.label)
}
}
}
}
|
