#:import TileDecorationRoundedBorder tagit.tiles.decoration.TileDecorationRoundedBorder
#:import TileDecorationBorder tagit.tiles.decoration.TileDecorationBorder
#:import TileDecorationFilledRectangle tagit.tiles.decoration.TileDecorationFilledRectangle

<HGuide@Widget>:


<MainWindow>:
    # main content
    # required by most tiles and actions
    browser: browser
    filter: filter
    status: status
    # required by Menu
    context: context

    BoxLayout:
        orientation: 'vertical'

        Widget:
            height: 5
            size_hint: 1, None

        Filter:
            id: filter
            root: root
            size_hint: 1, None
            height: 40

        HGuide:
            height: 20
            size_hint: 1, None
        
        Widget: # spacer
            height: 20
            size_hint: 1, None

        BoxLayout:
            orientation: 'horizontal'

            ButtonDock: # one column of buttons on the left
                root: root
                orientation: 'lr-tb'
                # one column of buttons
                width: 1*30 + 2*10
                name: 'sidebar_left'
                spacing: 10
                padding: 10
                size_hint: None, None
                button_height: 30
                button_show: 'image', 
                # adjust height automatically to content
                height: self.minimum_height
                pos_hint: {'center_y': 0.5}

            Widget: # spacer
                width: 20 # ButtonDock already has a space of 10px
                size_hint: None, 1
 
            Browser: # browsing space
                id: browser
                root: root
                size_hint: 1, 1

            Widget: # spacer
                width: 30
                size_hint: None, 1
 
            TileDock: # context info to the right
                root: root
                name: 'sidebar_right'
                decoration: TileDecorationRoundedBorder
                visible: True
                cols: 1
                rows: 1
                width: 220
                size_hint: None, 0.5
                pos_hint: {'center_y': 0.5}

        Widget: # spacer
            height: 20
            size_hint: 1, None

        HGuide:
            height: 20
            size_hint: 1, None
 
        Status:
            id: status
            root: root
            size_hint: 1, None
            height: 30

    Context: # context menu
        id: context
        root: root
        cancel_handler_widget: root
        bounding_box_widget: root
        name: 'context'

    KeybindDock:
        # key-only actions
        root: root
        size_hint: None, None
        size: 0, 0

## EOF ##