<Menu autoID="Menu0">
    <items>
        <MenuItem autoName="addNewItemItem">
            <title>Add New Item</title>
            <enabled>true</enabled>
            <icon>https://create-test.reify.com/create/isomorphic/skins/Tahoe/images/actions/plus.png</icon>
            <click>
                    <Process>
                        <sequence>
                            <ShowTask targetTabName="editTab" componentId="detailPaneScreens"/>
                            <FormEditNewRecordTask componentId="supplyItemForm">
                                <initialValues>
                                    <category>$ruleScope.supplyItemGrid.values.category</category>
                                </initialValues>
                            </FormEditNewRecordTask>
                        </sequence>
                    </Process>
            </click>
        </MenuItem>
        <MenuItem autoName="Item1">
            <isSeparator>true</isSeparator>
        </MenuItem>
        <MenuItem autoName="showDetailsItem">
            <title>Show Details</title>
            <icon>https://create-test.reify.com/create/isomorphic/skins/Tahoe/images/actions/view.png</icon>
            <click>
                    <Process>
                        <sequence>
                            <ShowTask targetTabName="viewTab" componentId="detailPaneScreens"/>
                            <GridViewSelectedDataTask selectionComponentId="supplyItemGrid" componentId="supplyItemDetailGrid"/>
                        </sequence>
                    </Process>
            </click>
        </MenuItem>
        <MenuItem autoName="editItemItem">
            <title>Edit Item</title>
            <icon>https://create-test.reify.com/create/isomorphic/skins/Tahoe/images/actions/edit.png</icon>
            <click>
                    <Process>
                        <sequence>
                            <ShowTask targetTabName="editTab" componentId="detailPaneScreens"/>
                            <FormEditSelectedTask selectionComponentId="supplyItemGrid" componentId="supplyItemForm"/>
                        </sequence>
                    </Process>
            </click>
        </MenuItem>
        <MenuItem autoName="deleteItemItem">
            <title>Delete Item</title>
            <icon>https://create-test.reify.com/create/isomorphic/skins/Tahoe/images/actions/remove.png</icon>
            <click>
                    <Process>
                        <sequence>
                            <GridRemoveSelectedDataTask allowMultiRecordRemove="false" showConfirmation="true" failureElement="next" componentId="supplyItemGrid"/>
                        </sequence>
                    </Process>
            </click>
        </MenuItem>
    </items>
</Menu>

<ListGrid dataSource="supplyItem" autoID="supplyItemGrid" showFilterEditor="true" canEdit="true" autoFetchData="true">
    <fields>
        <field name="itemName"/>
        <field name="SKU">
            <canEdit>false</canEdit>
        </field>
        <field name="description"/>
        <field name="category">
            <canEdit>false</canEdit>
        </field>
        <field name="units"/>
        <field name="unitCost"/>
        <field name="inStock">
            <canEdit>false</canEdit>
        </field>
        <field name="nextShipment">
            <canEdit>false</canEdit>
        </field>
    </fields>
    <canDragRecordsOut>true</canDragRecordsOut>
    <canReorderRecords>true</canReorderRecords>
    <contextMenu ref="Menu0"/>
    <recordClick>
            <Action target="supplyItemForm" name="editSelectedData" mapping="viewer"/>
    </recordClick>
</ListGrid>

<DynamicForm dataSource="supplyItem" autoID="supplyItemForm" numCols="4">
    <fields>
        <TextItem name="itemName" title="Item"/>
        <TextItem name="SKU" title="SKU"/>
        <TextAreaItem name="description" rowSpan="3"/>
        <ComboBoxItem name="category">
            <valueField>parentID</valueField>
            <displayField>categoryName</displayField>
            <optionDataSource>supplyCategory</optionDataSource>
        </ComboBoxItem>
        <SelectItem name="units"/>
        <FloatItem name="unitCost"/>
        <CheckboxItem name="inStock"/>
        <DateItem useTextField="true" name="nextShipment"/>
        <ButtonItem title="Save Item" autoName="saveItemButton" colSpan="4">
            <align>center</align>
            <click>
                    <Process>
                        <sequence>
                            <FormSaveDataTask clearAfterSave="false" failureElement="next" componentId="supplyItemForm"/>
                            <ShowNotificationTask description="Show notification: "Item #{_lastTask.itemID}  ..."">
                                <textFormula text="Item #{_lastTask.SKU} / #{_lastTask.itemName} updated successfully"/>
                            </ShowNotificationTask>
                        </sequence>
                    </Process>
            </click>
        </ButtonItem>
    </fields>
    <wrapItemTitles>false</wrapItemTitles>
</DynamicForm>

<TabSet ID="detailPaneScreens">
    <tabs>
        <Tab title="View" autoID="viewTab">
            <pane ref="VLayout2"/>
        </Tab>
        <Tab title="Edit" autoID="editTab">
            <pane ref="VLayout1"/>
        </Tab>
    </tabs>
    <destroyPanes>false</destroyPanes>
</TabSet>

</isomorphicXML>