mobile/mail/SnippetsEditor.qml

   1 /*
   2     Copyright (C) 2010 Klarälvdalens Datakonsult AB,
   3         a KDAB Group company, info@kdab.net,
   4         author Tobias Koenig <tokoe@kdab.com>
   5
   6     This library is free software; you can redistribute it and/or modify it
   7     under the terms of the GNU Library General Public License as published by
   8     the Free Software Foundation; either version 2 of the License, or (at your
   9     option) any later version.
  10
  11     This library is distributed in the hope that it will be useful, but WITHOUT
  12     ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
  13     FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Library General Public
  14     License for more details.
  15
  16     You should have received a copy of the GNU Library General Public License
  17     along with this library; see the file COPYING.LIB.  If not, write to the
  18     Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
  19     02110-1301, USA.
  20 */
  21
  22 import Qt 4.7 as QML
  23 import org.kde 4.5
  24 import org.kde.pim.mobileui 4.5 as KPIM
  25
  26 QML.Rectangle {
  27   id : _topLevel
  28   color : "#00000000"
  29   property int actionItemHeight : 70
  30   property int actionItemWidth : 200
  31   property int actionItemSpacing : 0
  32   property int bottomMargin
  33   anchors.bottomMargin : bottomMargin
  34
  35   property alias model : snippetsView.model
  36
  37   property alias customActions : actionColumn.content
  38
  39   signal triggered(string triggeredName)
  40   signal doCollapse()
  41
  42   KPIM.DecoratedListView {
  43     id: snippetsView
  44     anchors { top: parent.top; bottom: parent.bottom; left: parent.left }
  45     width: parent.width - actionColumn.width
  46     model: snippetsModel
  47     focus: true
  48     clip: true
  49
  50     delegate: QML.Item {
  51       id: snippetDelegate
  52       clip: true
  53       width: parent.width
  54       height: 70
  55
  56       QML.Rectangle {
  57         id: background
  58         anchors.fill: parent
  59         opacity: snippetDelegate.QML.ListView.isCurrentItem ? 0.25 : 0
  60         color: "lightsteelblue"
  61       }
  62
  63       QML.Text {
  64         anchors.fill: parent
  65         anchors.leftMargin: model.isSnippetGroup ? 5 : 25
  66         text: model.display
  67         font.bold: model.isSnippetGroup
  68         horizontalAlignment: QML.Text.AlignLeft
  69         verticalAlignment: QML.Text.AlignVCenter
  70       }
  71
  72       QML.MouseArea {
  73         anchors.fill: parent
  74         onClicked: { snippetDelegate.QML.ListView.view.currentIndex = model.index; }
  75       }
  76     }
  77
  78     onCurrentIndexChanged : {
  79       snippetsEditor.setRowSelected( currentIndex )
  80     }
  81   }
  82
  83   KPIM.ActionMenuContainer {
  84     id : actionColumn
  85     width : _topLevel.actionItemWidth
  86     anchors.top : parent.top
  87     anchors.bottom : parent.bottom
  88     anchors.right : parent.right
  89     actionItemWidth : width
  90     actionItemHeight : _topLevel.actionItemHeight
  91
  92     content : [
  93       KPIM.ActionListItem { name : "snippetseditor_insert_snippet"; title: KDE.i18n("Insert\nSnippet") },
  94       KPIM.ActionListItem { name : "snippetseditor_add_snippet"; title: KDE.i18n("Add\nSnippet") },
  95       KPIM.ActionListItem { name : "snippetseditor_edit_snippet"; title: KDE.i18n("Edit\nSnippet") },
  96       KPIM.ActionListItem { name : "snippetseditor_delete_snippet"; title: KDE.i18n("Delete\nSnippet") },
  97       KPIM.ActionListItem { name : "snippetseditor_add_snippetgroup"; title: KDE.i18n("Add\nGroup") },
  98       KPIM.ActionListItem { name : "snippetseditor_edit_snippetgroup"; title: KDE.i18n("Edit\nGroup") },
  99       KPIM.ActionListItem { name : "snippetseditor_delete_snippetgroup"; title: KDE.i18n("Delete\nGroup") }
 100     ]
 101
 102     onTriggered: {
 103       if ( triggeredName == "snippetseditor_insert_snippet" ) {
 104         parent.doCollapse()
 105       }
 106     }
 107   }
 108
 109   onActionItemSpacingChanged : {
 110     actionColumn.refresh();
 111   }
 112
 113   onActionItemHeightChanged : {
 114     actionColumn.refresh();
 115   }
 116 }