Extend master view

d3xter666 · Jun 8, 2017 · 96f8b97 · 96f8b97
1 parent 36b95a0
commit 96f8b97
Show file tree

Hide file tree

Showing 2 changed files with 61 additions and 2 deletions.
diff --git a/webapp/i18n/i18n.properties b/webapp/i18n/i18n.properties
@@ -8,5 +8,10 @@ master.title.Edit=Edit
 master.title.Delete=Delete
 master.title.ToggleFooter=Toggle Footer
 
+master.Name=Name:
+master.Category=Category:
+master.SupplierName=Supplier Name:
+
+
 master.footer.Accept=Accept
 master.title.Reject=Reject
diff --git a/webapp/view/Master.view.xml b/webapp/view/Master.view.xml
@@ -2,6 +2,8 @@
 		  xmlns:mvc="sap.ui.core.mvc"
 		  xmlns="sap.m"
 		  xmlns:f="sap.f"
+		  xmlns:layout="sap.ui.layout"
+		  xmlns:core="sap.ui.core"
 		  displayBlock="true"
 		  height="100%">
 	<f:DynamicPage id="dynamicPageId">
@@ -15,13 +17,65 @@
 					<ToolbarSpacer/>
 					<OverflowToolbarButton icon="sap-icon://add" text="{i18n>master.title.Add}" type="Transparent"/>
 					<OverflowToolbarButton icon="sap-icon://edit" text="{i18n>master.title.Edit}" type="Transparent"/>
-					<OverflowToolbarButton icon="sap-icon://delete" text="{i18n>master.title.Delete}" type="Transparent"/>
-					<Button icon="sap-icon://post" text="{i18n>master.title.ToggleFooter}" type="Transparent" press="onToggleFooter" />
+					<OverflowToolbarButton icon="sap-icon://delete" text="{i18n>master.title.Delete}"
+										   type="Transparent"/>
+					<Button icon="sap-icon://post" text="{i18n>master.title.ToggleFooter}" type="Transparent"
+							press="onToggleFooter"/>
 				</f:actions>
 			</f:DynamicPageTitle>
 		</f:title>
 		<!-- DynamicPage Title -->
 
+		<!-- DynamicPage Header -->
+		<f:header>
+			<f:DynamicPageHeader pinnable="true">
+				<f:content>
+					<layout:Grid defaultSpan="XL4 L6 M6 S12">
+						<layout:VerticalLayout>
+							<Label text="{i18n>master.Name}"/>
+							<Select id="slName"
+									width="200px"
+									forceSelection="true">
+							</Select>
+						</layout:VerticalLayout>
+						<layout:VerticalLayout>
+							<Label text="{i18n>master.Category}"/>
+							<Select id="slCategory"
+									width="200px"
+									forceSelection="true">
+							</Select>
+						</layout:VerticalLayout>
+						<layout:VerticalLayout>
+							<Label text="{i18n>master.SupplierName}"/>
+							<Select id="slSupplierName"
+									width="200px"
+									forceSelection="true">
+							</Select>
+						</layout:VerticalLayout>
+					</layout:Grid>
+				</f:content>
+			</f:DynamicPageHeader>
+		</f:header>
+		<!-- DynamicPage Header -->
+
+		<!-- DynamicPage Content -->
+		<f:content>
+			<Table id="idProductsTable" inset="false">
+				<columns>
+					<Column minScreenWidth="Tablet" demandPopin="true">
+						<Text text="{i18n>master.Name}"/>
+					</Column>
+					<Column minScreenWidth="Tablet" demandPopin="true">
+						<Text text="{i18n>master.Category}"/>
+					</Column>
+					<Column minScreenWidth="Tablet" demandPopin="true">
+						<Text text="{i18n>master.SupplierName}"/>
+					</Column>
+				</columns>
+			</Table>
+		</f:content>
+		<!-- DynamicPage Content -->
+
 		<!-- DynamicPage Footer -->
 		<f:footer>
 			<OverflowToolbar>