contents/ui/HintsView.qml

0001 /* Copyright 2019 Aditya Mehra <aix.m@outlook.com>
0002
0003     This library is free software; you can redistribute it and/or
0004     modify it under the terms of the GNU Lesser General Public
0005     License as published by the Free Software Foundation; either
0006     version 2.1 of the License, or (at your option) version 3, or any
0007     later version accepted by the membership of KDE e.V. (or its
0008     successor approved by the membership of KDE e.V.), which shall
0009     act as a proxy defined in Section 6 of version 3 of the license.
0010
0011     This library is distributed in the hope that it will be useful,
0012     but WITHOUT ANY WARRANTY; without even the implied warranty of
0013     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
0014     Lesser General Public License for more details.
0015
0016     You should have received a copy of the GNU Lesser General Public
0017     License along with this library.  If not, see <http://www.gnu.org/licenses/>.
0018 */
0019
0020 import QtQuick 2.9
0021 import QtQml.Models 2.2
0022 import QtQuick.Controls 2.2 as Controls
0023 import QtQuick.Layouts 1.3
0024 import org.kde.plasma.core 2.0 as PlasmaCore
0025 import org.kde.plasma.plasmoid 2.0
0026 import org.kde.plasma.components 2.0 as PlasmaComponents
0027 import org.kde.plasma.components 3.0 as PlasmaComponents3
0028 import org.kde.plasma.extras 2.0 as PlasmaExtras
0029 import QtGraphicalEffects 1.0
0030 import org.kde.kirigami 2.5 as Kirigami
0031 import Mycroft 1.0 as Mycroft
0032
0033     Kirigami.AbstractCard {
0034             id: skillDelegate;
0035
0036             contentItem: Item {
0037                 implicitWidth: delegateLayout.implicitWidth;
0038                 implicitHeight: delegateLayout.implicitHeight;
0039
0040                 ColumnLayout {
0041                     id: delegateLayout
0042                     anchors {
0043                         left: parent.left;
0044                         top: parent.top;
0045                         right: parent.right;
0046                     }
0047
0048                     Kirigami.Heading {
0049                         id: skillName
0050                         Layout.fillWidth: true;
0051                         wrapMode: Text.WordWrap;
0052                         font.bold: true;
0053                         text: qsTr(modelData.title);
0054                         level: 3;
0055                         color: Kirigami.Theme.textColor;
0056                     }
0057
0058                     RowLayout {
0059                         id: skillTopRowLayout
0060                         spacing: Kirigami.Units.largeSpacing
0061                         Layout.fillWidth: true;
0062
0063                         PlasmaCore.IconItem {
0064                             id: innerskImg
0065                             source: "curve-connector";
0066                             //fillMode: PreserveAspectFit
0067                             Layout.preferredWidth: innerskImg.width
0068                             Layout.preferredHeight: innerskImg.height
0069                             width: Kirigami.Units.gridUnit * 2
0070                             height: Kirigami.Units.gridUnit * 2
0071                         }
0072
0073                         ColumnLayout {
0074                             id: innerskillscolumn
0075                             spacing: 2;
0076                             Layout.fillHeight: true
0077                             Controls.Label {
0078                                 wrapMode: Text.WordWrap;
0079                                 Layout.fillWidth: true;
0080                                 color: Kirigami.Theme.textColor;
0081                                 text: modelData.examples[1];
0082                             }
0083                             Controls.Label {
0084                                 wrapMode: Text.WordWrap;
0085                                 Layout.fillWidth: true;
0086                                 color: Kirigami.Theme.textColor;
0087                                 text: modelData.examples[2];
0088                             }
0089                         }
0090                     }
0091                 }
0092             }
0093         }