<core:FragmentDefinition id="prodList"
                         xmlns="sap.m"
                         xmlns:core="sap.ui.core"
                         controllerName="slsordage.controller.Items"
                         xmlns:mvc="sap.ui.core.mvc"
                         xmlns:l="sap.ui.layout"
                         xmlns:f="sap.ui.layout.form"
                         xmlns:smartTable="sap.ui.comp.smarttable">
 
    <Dialog title="{i18n>NewItems}"
            icon="sap-icon://add-product"
            resizable="true"
            draggable="true"
            contentWidth="900px"
            contentHeight="600px"
            class="f2mProductDialog">
 
        <!-- =============================================================
             SubHeader sotto il titolo del Dialog
             ============================================================= -->
        <subHeader>
            <Bar class="f2mDialogSubHeader" design="SubHeader">
                <contentLeft>
                    <HBox alignItems="Center" class="sapUiTinyMarginBegin">
                        <core:Icon src="sap-icon://product"
                                   size="1rem"
                                   class="sapUiTinyMarginEnd f2mDialogSubIcon"/>
                        <Text text="Seleziona i prodotti da aggiungere all'ordine"
                              class="f2mDialogSubText"/>
                    </HBox>
                </contentLeft>
            </Bar>
        </subHeader>
 
        <content>
 
            <Table id="producttable"
                   items="{Json1>/Product}"
                   mode="MultiSelect"
                   growing="true"
                   growingThreshold="50"
                   alternateRowColors="true"
                   sticky="HeaderToolbar,InfoToolbar,ColumnHeaders"
                   class="f2mDataTable">
 
                <headerToolbar>
                    <OverflowToolbar design="Transparent" class="f2mSectionToolbar">
                        <core:Icon src="sap-icon://search" color="#0a6ed1" class="sapUiTinyMarginBegin sapUiTinyMarginEnd"/>
                        <Title text="Ricerca prodotto" level="H4"/>
                        <ToolbarSpacer/>
                        <Input width="14rem"
                               placeholder="{i18n>matSearch}"
                               id="prodInput"
                               liveChange="onFilterProduct">
                            <layoutData>
                                <OverflowToolbarLayoutData priority="High"/>
                            </layoutData>
                        </Input>
                        <Input width="18rem"
                               placeholder="{i18n>desSearch}"
                               id="prodDescrInput"
                               liveChange="onFilterProductDescription">
                            <layoutData>
                                <OverflowToolbarLayoutData priority="High"/>
                            </layoutData>
                        </Input>
                    </OverflowToolbar>
                </headerToolbar>
 
                <columns>
                    <Column id="colProductCode"
                            width="12em"
                            minScreenWidth="Tablet"
                            importance="High"
                            demandPopin="true">
                        <Text id="ProductId" text="Product Code"/>
                    </Column>
                    <Column id="colDescr"
                            minScreenWidth="Tablet"
                            importance="High"
                            demandPopin="true">
                        <Text id="DescrId" text="Description"/>
                    </Column>
                    <Column id="colPrice"
                            width="10em"
                            hAlign="End"
                            minScreenWidth="Tablet"
                            importance="High"
                            demandPopin="true">
                        <Text id="PriceId" text="Price"/>
                    </Column>
                    <Column id="colQuantity"
                            width="8em"
                            hAlign="End"
                            minScreenWidth="Tablet"
                            demandPopin="true"
                            importance="High">
                        <Text id="QtyId" text="Quantity"/>
                    </Column>
                </columns>
 
                <items>
                    <ColumnListItem id="ProdListColListItem" vAlign="Middle">
                        <cells>
                            <Text id="prodListMatnr" text="{Json1>matnr}"/>
                            <Text id="prodListmaktx" text="{Json1>maktx}"/>
                            <ObjectNumber id="prodListKbetr"
                                          number="{
                                              parts:[{path:'Json1>Kbetr'},{path:'Json1>waerk'}],
                                              type: 'sap.ui.model.type.Currency',
                                              formatOptions: {showMeasure: false}
                                          }"
                                          unit="{Json1>waerk}"
                                          state="Information"
                                          class="sapUiSmallMarginBottom"
                                          inverted="true"/>
                            <Input id="prodListKwmeng" type="Number" textAlign="End"/>
                        </cells>
                    </ColumnListItem>
                </items>
 
            </Table>
 
        </content>
 
        <!-- =============================================================
             Pulsanti del Dialog (posizione standard SAPUI5)
             ============================================================= -->
        <buttons>
            <Button icon="sap-icon://accept"
                    type="Accept"
                    text="{i18n>Add}"
                    press="onPressCreateNewItems"/>
            <Button icon="sap-icon://decline"
                    type="Reject"
                    text="{i18n>Cancel}"
                    press="onPressCancelNewItems"/>
        </buttons>
 
    </Dialog>
</core:FragmentDefinition>