harbour-nextcloudnotes/qml/pages/EditPage.qml
2018-12-06 13:37:29 +01:00

142 lines
5.5 KiB
QML

import QtQuick 2.0
import Sailfish.Silica 1.0
import Nemo.Notifications 1.0
Dialog {
id: page
property var account
property var note
onAccepted: {
account.updateNote(note.id, { 'category': categoryField.text, 'content': contentArea.text, 'favorite': favoriteButton.selected } )
}
onStatusChanged: {
if (status === PageStatus.Active) {
note = account.getNote(note.id, false)
favoriteButton.selected = note.favorite
categoryRepeater.model = account.categories
}
}
SilicaFlickable {
id: flickable
anchors.fill: parent
contentHeight: column.height
PullDownMenu {
MenuItem {
text: qsTr("Reset")
onClicked: {
note = account.getNote(note.id, false)
favoriteButton.selected = note.favorite
}
}
MenuItem {
text: qsTr("Markdown syntax")
onClicked: Qt.openUrlExternally("https://github.com/showdownjs/showdown/wiki/Showdown's-Markdown-syntax")
}
}
Column {
id: column
width: parent.width// - 2*x
DialogHeader {
//title: account.model.get(noteIndex).title
}
TextArea {
id: contentArea
width: parent.width
focus: true
text: note.content
font.family: appSettings.useMonoFont ? "DejaVu Sans Mono" : Theme.fontFamily // "Courier"
property int preTextLength: 0
property var listPrefixes: [/^( *)- /gm, /^( *)\* /gm, /^( *)\+ /gm, /^( *)- \[ \] /gm, /^( *)- \[[xX]\] /gm, /^( *)> /gm, /^( *)\d+. /gm]
onTextChanged: {
if (page.status === PageStatus.Active &&
text.length > preTextLength &&
text.charAt(cursorPosition-1) === "\n") {
var clipboard = ""
var preLine = text.substring(text.lastIndexOf("\n", cursorPosition-2), text.indexOf("\n", cursorPosition-1))
listPrefixes.forEach(function(currentValue, index) {
var prefix = preLine.match(currentValue)
if (prefix !== null) {
if (index === listPrefixes.length-1) {
var newListNumber = parseInt(prefix[0].split(". ")[0]) + 1
clipboard = prefix[0].replace(/\d/gm, newListNumber.toString())
}
else {
clipboard = prefix[0]
}
}
})
if (clipboard !== "") {
var tmpClipboard = Clipboard.text
Clipboard.text = clipboard
contentArea.paste()
Clipboard.text = tmpClipboard
}
}
preTextLength = text.length
}
}
Flow {
x: Theme.horizontalPageMargin
width: parent.width - 2*x
spacing: Theme.paddingMedium
visible: categoryField.focus
Repeater {
id: categoryRepeater
model: account.categories
BackgroundItem {
width: categoryRectangle.width
height: categoryRectangle.height
Rectangle {
id: categoryRectangle
width: categoryLabel.width + Theme.paddingLarge
height: categoryLabel.height + Theme.paddingSmall
color: "transparent"
border.color: Theme.highlightColor
radius: height / 4
Label {
id: categoryLabel
anchors.centerIn: parent
text: modelData
color: Theme.primaryColor
font.pixelSize: Theme.fontSizeSmall
}
}
onClicked: categoryField.text = modelData
}
}
}
Row {
x: Theme.horizontalPageMargin
width: parent.width - x
IconButton {
id: favoriteButton
property bool selected: note.favorite
width: Theme.iconSizeMedium
icon.source: (selected ? "image://theme/icon-m-favorite-selected?" : "image://theme/icon-m-favorite?") +
(favoriteButton.highlighted ? Theme.secondaryHighlightColor : Theme.secondaryColor)
onClicked: selected = !selected
}
TextField {
id: categoryField
width: parent.width - favoriteButton.width
text: note.category
placeholderText: qsTr("No category")
label: qsTr("Category")
}
}
}
VerticalScrollDecorator {}
}
allowedOrientations: defaultAllowedOrientations
}