import QtQuick
import QtQuick.Layouts
import QtQuick.Window
import QtQuick.Controls
import QtQuick.Controls.Basic
import QtWebEngine 1.2
import FluentUI
import AicsKB.FileTransferManager
import SignalFileOperation 1.0
import "qrc:///AicsKnowledgeBase/qml/page"
import "qrc:///AicsKnowledgeBase/qml/component"
import "qrc:///AicsKnowledgeBase/qml/global"

FluArea {
    id: edit_area
    paddings: 0
    backgroundColor: "#f9f9f9"
    property string noteTitle
    property string noteContent

    Component.onCompleted: {
        noteTitle = Qt.binding(function () {
            return input_title.text
        })
        noteContent = Qt.binding(function () {
            return input_md.contentMd
        })
    }

    FluScrollablePage {
        id: edit_page
        anchors.fill: parent
        leftPadding: 5
        topPadding: 5
        rightPadding: 5
        bottomPadding: 0
        RowLayout {
            FluIconButton {
                iconSize: 12
                iconSource: FluentIcons.Back
                onClicked: {
                    emit: SignalFileOperation.back()
                }
                Layout.margins: -5
            }
        }
        Item {
            Layout.fillWidth: true
            implicitHeight: 50
            RowLayout {
                Layout.fillWidth: true
                FluText {
                    padding: 10
                    text: "标题"
                    font {
                        pointSize: 15
                        bold: true
                    }
                }
                FluTextBox {
                    id: input_title
                    padding: 10
                    placeholderText: "单行输入框"
                    implicitWidth: parent.width
                }
            }
        }

        FluText {
            padding: 10
            text: "内容"
            font {
                pointSize: 15
                bold: true
            }
        }

        NoteEditPage {
            id: input_md
            noteId: "255454"
            width: parent.width
            height: width * 9 / 16
            isEditable: true
            isEditing: true
        }

        RowLayout {
            Layout.alignment: Qt.AlignCenter
            Layout.topMargin: 10
            FluFilledButton {
                text: "上传"
                onClicked: {
                    console.log(noteTitle)
                    console.log(noteContent)
                }
            }
            FluButton {
                text: "取消"
            }
        }
    }
}