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{
        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
            }
        }


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

            FileList{
                disableHeader: true
            }
        }
    }
}