<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
             xmlns:e="urn:import:org.ovirt.engine.ui.common.widget.editor"
             xmlns:t="urn:import:org.ovirt.engine.ui.common.widget.tooltip"
             xmlns:g="urn:import:com.google.gwt.user.client.ui"
             xmlns:b="urn:import:org.gwtbootstrap3.client.ui">

    <ui:with field='constants' type='org.ovirt.engine.ui.common.CommonApplicationConstants'/>

    <ui:style>
        .listModelPanel {
            padding-right: 10px;
            overflow: hidden;
        }

        .filterListEditor {
            width: 100%
        }

        .addSelectedItemButton {
            float:right;
        }
    </ui:style>

    <g:FlowPanel>
        <b:Row>
            <b:Column size="SM_6">
                <t:WidgetTooltip ui:field="filterListLabelTooltip" text="{constants.selectItemTooltip}">
                    <g:Label ui:field="filterListLabel" text="{constants.selectItemLabel}" />
                </t:WidgetTooltip>
            </b:Column>
            <b:Column size="SM_6">
                <b:Button ui:field="addSelectedItemButton" text="{constants.addItemButtonLabel}" addStyleNames="{style.addSelectedItemButton}"/>
                <g:SimplePanel addStyleNames="{style.listModelPanel}">
                    <e:ListModelTypeAheadListBoxEditor ui:field="filterListEditor" usePatternFly="true" addStyleNames="{style.filterListEditor}"/>
                </g:SimplePanel>
            </b:Column>
        </b:Row>
    </g:FlowPanel>
</ui:UiBinder>
