contents/ui/SkillView.qml

0001 /* Copyright 2016 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 QtQuick.Layouts 1.3
0022 import QtQuick.Controls 2.2
0023 import org.kde.plasma.core 2.0 as PlasmaCore
0024 import org.kde.plasma.plasmoid 2.0
0025 import org.kde.plasma.components 2.0 as PlasmaComponents
0026 import org.kde.plasma.extras 2.0 as PlasmaExtras
0027 import org.kde.private.mycroftplasmoidmobile 1.0 as PlasmaLa
0028
0029
0030 Rectangle {
0031                 id: tipscontent
0032                 Layout.fillWidth: true;
0033                 anchors {
0034                     left: parent.left;
0035                     leftMargin: 0.5;
0036                     right: parent.right
0037
0038                 }
0039                 height: units.gridUnit * 5
0040                 border.width: 1
0041                 border.color: Qt.darker(theme.linkColor, 1.2)
0042                 color: Qt.darker(theme.backgroundColor, 1.2)
0043
0044                 Image {
0045                     id: innerskImg
0046                     source: Pic
0047                     width: units.gridUnit * 1.2
0048                     height: units.gridUnit * 1.2
0049                     anchors.left: parent.left
0050                     anchors.leftMargin: units.gridUnit * 0.25
0051                     anchors.verticalCenter: parent.verticalCenter
0052                 }
0053
0054                     PlasmaCore.SvgItem {
0055                         anchors {
0056                         left: innerskImg.right
0057                         leftMargin: 4
0058                         top: parent.top
0059                         topMargin: 0
0060                         bottom: parent.bottom
0061                         bottomMargin: 0
0062                         }
0063
0064                         width: lineskillpgSvg.elementSize("vertical-line").width
0065                         z: 110
0066                         elementId: "vertical-line"
0067
0068                         svg: PlasmaCore.Svg {
0069                         id: lineskillpgSvg;
0070                         imagePath: "widgets/line"
0071                         }
0072                             }
0073
0074                     Item {
0075                         id: skilltipsinner
0076                         anchors.left: innerskImg.right
0077                         anchors.leftMargin: 10
0078                         anchors.right: parent.right
0079                         //color: theme.backgroundColor
0080                         anchors.top: tipscontent.top
0081                         anchors.bottom: parent.bottom
0082
0083                     PlasmaComponents.Label {
0084                         id: innerskllname
0085                         anchors.top: parent.top
0086                         anchors.topMargin: 2
0087                         anchors.left: parent.left
0088                         anchors.right: parent.right
0089                         wrapMode: Text.WordWrap;
0090                         font.bold: true;
0091                         text: i18n(Skill)
0092                     }
0093
0094                     Rectangle {
0095                         id: sepratrln1
0096                         height: 1
0097                         anchors.top: innerskllname.bottom
0098                         anchors.topMargin: 2
0099                         anchors.bottomMargin: 2
0100                         anchors.left: parent.left
0101                         anchors.right: parent.right
0102                         color: Qt.darker(theme.linkColor, 1.2)
0103                     }
0104
0105                     Column{
0106                         id: innerskillscolumn
0107                         anchors.top: sepratrln1.bottom
0108
0109                         PlasmaComponents.Label {wrapMode: Text.WordWrap; width: main.width; text: i18n('<b>Command:</b> ' + CommandList.get(0).Commands)}
0110                         PlasmaComponents.Label {wrapMode: Text.WordWrap; width: main.width; text: i18n('<b>Command:</b> ' + CommandList.get(1).Commands)}
0111                             }
0112                         }
0113                     }
0114
0115