Changeset View
Changeset View
Standalone View
Standalone View
applets/dict/package/contents/ui/ConfigDictionaries.qml
| Show All 10 Lines | |||||
| 11 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | 11 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | ||
| 12 | * GNU General Public License for more details. | 12 | * GNU General Public License for more details. | ||
| 13 | * | 13 | * | ||
| 14 | * You should have received a copy of the GNU General Public License | 14 | * You should have received a copy of the GNU General Public License | ||
| 15 | * along with this program; if not, write to the Free Software | 15 | * along with this program; if not, write to the Free Software | ||
| 16 | * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 2.010-1301, USA. | 16 | * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 2.010-1301, USA. | ||
| 17 | */ | 17 | */ | ||
| 18 | 18 | | |||
| 19 | import QtQuick 2.1 | 19 | import QtQuick 2.7 | ||
| 20 | import QtQuick.Controls 1.1 | 20 | import QtQuick.Controls 2.5 | ||
| 21 | import QtQuick.Layouts 1.1 | 21 | import QtQuick.Layouts 1.2 | ||
| 22 | 22 | import org.kde.kirigami 2.5 as Kirigami | |||
| 23 | import org.kde.plasma.private.dict 1.0 | 23 | import org.kde.plasma.private.dict 1.0 | ||
| 24 | 24 | | |||
| 25 | ColumnLayout { | 25 | ColumnLayout { | ||
| 26 | id: root | 26 | id: root | ||
| 27 | | ||||
| 28 | property string cfg_dictionary: "" | 27 | property string cfg_dictionary: "" | ||
| 29 | 28 | | |||
| 30 | DictionariesModel { | 29 | DictionariesModel { | ||
| 31 | id: dictionariesModel | 30 | id: dictionariesModel | ||
| 32 | } | 31 | } | ||
| 33 | 32 | | |||
| 34 | SystemPalette { | 33 | SystemPalette { | ||
GB_2: This can be removed when you chang the the other color properties. | |||||
| 35 | id: syspal | 34 | id: syspal | ||
| 36 | } | 35 | } | ||
| 37 | 36 | | |||
| 38 | Label { | 37 | Kirigami.Heading { | ||
| 39 | Layout.fillWidth: true | 38 | Layout.fillWidth: true | ||
| 39 | level: 2 | ||||
| 40 | text: i18nc("@label:listbox", "Available dictionaries:") | 40 | text: i18nc("@label:listbox", "Available dictionaries:") | ||
| 41 | } | 41 | } | ||
| 42 | 42 | | |||
| 43 | ScrollView { | 43 | ScrollView { | ||
| 44 | id: scrollView | ||||
| 44 | Layout.fillWidth: true | 45 | Layout.fillWidth: true | ||
| 45 | Layout.fillHeight: true | 46 | Layout.fillHeight: true | ||
| 46 | 47 | contentWidth: listView.implicitWidth | |||
| 47 | frameVisible: true | 48 | contentHeight: listView.implicitHeight | ||
| 49 | Component.onCompleted: background.visible = true; | ||||
| 48 | 50 | | |||
| 49 | ListView { | 51 | ListView { | ||
| 50 | width: parent.width | 52 | id: listView | ||
| 51 | model: dictionariesModel | 53 | model: dictionariesModel | ||
| 52 | 54 | | |||
| 53 | delegate: Item { | 55 | delegate: Item { | ||
Control { which should have the highlight rectangle as background: and the Label as contentItem: this will give it some nice paddings, as now it looks quite cramped mart: Control {
which should have the highlight rectangle as background:
and the Label as… | |||||
filipf: looks much better, thanks :) | |||||
| 54 | width: parent.width | 56 | width: root.width | ||
| 55 | height: pathText.height | 57 | height: pathText.height | ||
| 56 | Rectangle { | 58 | Rectangle { | ||
| 57 | id: highlight | 59 | id: highlight | ||
| 58 | anchors.fill: parent | 60 | anchors.fill: parent | ||
| 61 | anchors.rightMargin: units.largeSpacing | ||||
| 59 | visible: model.id == root.cfg_dictionary | 62 | visible: model.id == root.cfg_dictionary | ||
| 60 | color: syspal.highlight | 63 | color: syspal.highlight | ||
mart: Kirigami.Theme.highlightColor | |||||
| 61 | } | 64 | } | ||
| 62 | 65 | | |||
| 63 | RowLayout { | | |||
| 64 | id: textLayout | | |||
| 65 | anchors.fill: parent | | |||
| 66 | | ||||
| 67 | /*Text { text: model.id }*/ | 66 | /*Text { text: model.id }*/ | ||
| 68 | Text { | 67 | Text { | ||
mart: Label { | |||||
| 69 | id: pathText | 68 | id: pathText | ||
| 70 | Layout.fillWidth: true | 69 | Layout.fillWidth: true | ||
| 71 | text: model.description | 70 | text: model.description | ||
| 72 | color: model.id == root.cfg_dictionary ? syspal.highlightedText : syspal.text | 71 | color: model.id == root.cfg_dictionary ? syspal.highlightedText : syspal.text | ||
mart: Kirigami.Theme.textColor | |||||
| 73 | } | 72 | } | ||
| 74 | } | 73 | | ||
| 75 | MouseArea { | 74 | MouseArea { | ||
| 76 | anchors.fill: parent | 75 | anchors.fill: parent | ||
| 77 | onClicked: root.cfg_dictionary = model.id | 76 | onClicked: root.cfg_dictionary = model.id | ||
| 78 | } | 77 | } | ||
| 79 | } | 78 | } | ||
| 80 | } | 79 | } | ||
| 81 | } | 80 | } | ||
| 82 | } | 81 | } | ||
This can be removed when you chang the the other color properties.