import QtQuick
import QtQuick.Layouts
import QtQuick.Window
import QtQuick.Controls
import QtQuick.Controls.Basic
import FluentUI
import "qrc:///AicsKnowledgeBase/qml/component"

FluArea {
    property string url: ''
    backgroundColor: "#f9f9f9"
    Layout.fillHeight: true
    Layout.fillWidth: true
    Layout.topMargin: 20
    paddings: 10

    //    FluText {
    //        Layout.topMargin: 20
    //        text: "Search"
    //    }


    /*
       按标题，内容搜索
       */
    ColumnLayout {
        width: parent.width
        RowLayout {
            width: parent.width
            FluDropDownButton {
                id: select_model
                Layout.alignment: Qt.AlignLeft
                text: "标题"
                items: [
                    FluMenuItem {
                        text: "标题"
                        onClicked: {
                            select_model.text = text
                        }
                    },
                    FluMenuItem {
                        text: "内容"
                        onClicked: {
                            select_model.text = text
                        }
                    },
                    FluMenuItem {
                        text: "标签"
                        onClicked: {
                            select_model.text = text
                        }
                    }
                ]
            }

            FluTextBox {
                //placeholderText:""
                Layout.fillWidth: true
            }
            FluIconButton {
                Layout.alignment: Qt.AlignRight
                iconSource: FluentIcons.Search
            }
        }

        //按文件类型
        RowLayout {
            id: selectFormat
            width: parent.width
            FluText {
                Layout.alignment: Qt.AlignLeft
                text: "类型: "
            }
            FluCheckBox {
                id: selectAllFormat
                text: "all"
                Component.onCompleted: {
                    clicked()
                }
                onClicked: {
                    selectVideo.checked = true
                    selectDoc.checked = true
                    selectAudio.checked = true
                }
            }
            FluCheckBox {
                id: selectVideo
                text: "Video"
                onClicked: {
                    selectFormat.setAllStatus()
                }
            }
            FluCheckBox {
                id: selectDoc
                text: "Doc"
                onClicked: {
                    selectFormat.setAllStatus()
                }
            }

            FluCheckBox {
                id: selectAudio
                text: "Audio"
                onClicked: {
                    selectFormat.setAllStatus()
                }
            }

            function setAllStatus() {
                selectAllFormat.checked = selectVideo.checked
                        && selectDoc.checked && selectAudio.checked
            }
        }

        RowLayout {
            width: parent.width
            height: 32
            FluText {
                id: tag
                Layout.alignment: Qt.AlignLeft
                text: "标签: "
            }

            Tag {
                width: 290
            }
        }

        FluArea {
            backgroundColor: "#f9f9f9"
            border.width: 0
            width: parent.width
            height: 500

            FileList {
                disableHeader: true
                dataModel: ListModel {
                    ListElement {
                        uuid: "0"
                        title: "File 1"
                        isDir: true
                        brief: "This is a test file"
                        type: "FOLDER"
                    }
                    ListElement {
                        uuid: "2"
                        title: "File 2"
                        isDir: false
                        brief: "This is a test file"
                        size: 500
                        type: "WORD"
                        date: "2020-09-09"
                        pageView: 100
                        stars: 10
                    }
                    ListElement {
                        uuid: "3"
                        title: "File 3"
                        isDir: false
                        brief: "This is a test file"
                        type: "PPT"
                        date: "2020-09-09"
                        pageView: 100
                        size: 10200000022
                        stars: 10
                    }
                }
            }
        }
    }
}