import QtQuick
import QtQuick.Layouts
import QtQuick.Controls
import FluentUI.Controls
import FluentUI.impl
import Gallery

ColumnLayout {
    id: control

    signal clickResource(var name)

    anchors.fill: parent

    ColumnLayout{
        Layout.fillHeight: true
        Layout.fillWidth: true
        spacing: 10

        Rectangle{
            Layout.preferredWidth: 200
            Layout.preferredHeight: 50
            color: "transparent"

            border.color: "#ffffff"
            border.width: 2

            RowLayout{
                anchors.fill: parent
                Label{
                    Layout.leftMargin: 10
                    Layout.fillWidth: true
                    text: "新疆煤炭资源(156个)"
                    font.pointSize: 10
                }
                Button{
                    text: "加载"
                    Layout.rightMargin: 10
                    onClicked: {
                        control.clickResource({type: "meitan", title: "新疆煤炭资源"})
                    }
                }
            }

            // MouseArea{
            //     anchors.fill: parent
            //     hoverEnabled: true
            //     onEntered: parent.color = "#292929"
            //     onExited: parent.color = "transparent"
            // }
        }


        Rectangle{
            Layout.preferredWidth: 200
            Layout.preferredHeight: 50
            color: "transparent"

            border.color: "#ffffff"
            border.width: 2

            RowLayout{
                anchors.fill: parent
                Label{
                    Layout.leftMargin: 10
                    Layout.fillWidth: true
                    text: "G7高速周边充电站(15个)"
                    font.pointSize: 10
                }
                Button{
                    text: "加载"
                    Layout.rightMargin: 10
                }
            }

            MouseArea{
                anchors.fill: parent
                hoverEnabled: true
                onEntered: parent.color = "#292929"
                onExited: parent.color = "transparent"
            }
        }

        Rectangle{
            Layout.preferredWidth: 200
            Layout.preferredHeight: 50
            color: "transparent"

            border.color: "#ffffff"
            border.width: 2

            RowLayout{
                anchors.fill: parent
                Label{
                    Layout.leftMargin: 10
                    Layout.fillWidth: true
                    text: "全国陆港分布(15个)"
                    font.pointSize: 10
                }
                Button{
                    text: "加载"
                    Layout.rightMargin: 10
                    onClicked: {
                        control.clickResource({type: "lugang", title: "全国陆港分布"})
                    }
                }
            }
        }


        Rectangle{
            Layout.preferredWidth: 200
            Layout.preferredHeight: 50
            color: "transparent"

            border.color: "#ffffff"
            border.width: 2

            RowLayout{
                anchors.fill: parent
                Label{
                    Layout.leftMargin: 10
                    Layout.fillWidth: true
                    text: "包头市倾斜摄影数据"
                    font.pointSize: 10
                }
                Button{
                    text: "加载"
                    Layout.rightMargin: 10
                }
            }

            MouseArea{
                anchors.fill: parent
                hoverEnabled: true
                onEntered: parent.color = "#292929"
                onExited: parent.color = "transparent"
            }
        }


    }
}