From 554f7ad93b488ce5ee3e52c879cd8c462e0228d0 Mon Sep 17 00:00:00 2001
From: Marco Beier <marco-beier@t-online.de>
Date: Wed, 20 May 2020 19:47:09 +0200
Subject: [PATCH] Added everything for Step 8: Binding Paths: Accessing
 Properties in Hierarchically Structured Models

---
 webapp/controller/Home.controller.js |  7 ++++++-
 webapp/i18n/i18n.properties          | 11 +++++++++++
 webapp/i18n/i18n_de.properties       |  7 ++++++-
 webapp/i18n/i18n_en.properties       | 11 +++++++++++
 webapp/view/Home.view.xml            | 17 +++++++++++++----
 5 files changed, 47 insertions(+), 6 deletions(-)

diff --git a/webapp/controller/Home.controller.js b/webapp/controller/Home.controller.js
index 21d0b90..ae9685a 100644
--- a/webapp/controller/Home.controller.js
+++ b/webapp/controller/Home.controller.js
@@ -13,7 +13,12 @@ sap.ui.define(
           firstName: "Harry",
           lastName: "Hawk",
           enabled: true,
-          panelHeaderText: "Data Binding Basics",
+          address: {
+            street: "Dietmar-Hopp-Allee 16",
+            city: "Walldorf",
+            zip: "69190",
+            country: "Germany"
+          }
         });
 
         //Set model globally for all views/controls (dirty) "sap.ui.getCore().setModel(oModel);""
diff --git a/webapp/i18n/i18n.properties b/webapp/i18n/i18n.properties
index a3dbba8..837ae63 100644
--- a/webapp/i18n/i18n.properties
+++ b/webapp/i18n/i18n.properties
@@ -1,3 +1,14 @@
 title=UI5-Data-Binding
 appTitle=UI5-Data-Binding
 appDescription=UI5 Data Binding Walkthrough
+
+# Field labels
+firstName=First Name
+lastName=Last Name
+enabled=Enabled
+address=Address
+
+
+# Screen titles
+panel1HeaderText=Data Binding Basics 
+panel2HeaderText=Address Details
diff --git a/webapp/i18n/i18n_de.properties b/webapp/i18n/i18n_de.properties
index 8a4ba0c..cf2b97b 100644
--- a/webapp/i18n/i18n_de.properties
+++ b/webapp/i18n/i18n_de.properties
@@ -1,7 +1,12 @@
+title=UI5-Data-Binding
+appTitle=UI5-Data-Binding
+appDescription=UI5 Data Binding Walkthrough
+
 # Field labels
 firstName=Vorname
 lastName=Nachname
 enabled=Aktiviert
 
 # Screen titles
-panelHeaderText=Data Binding Grundlagen
\ No newline at end of file
+panel1HeaderText=Data Binding Grundlagen
+panel2HeaderText=Adressdetails
\ No newline at end of file
diff --git a/webapp/i18n/i18n_en.properties b/webapp/i18n/i18n_en.properties
index a3dbba8..5eeb61c 100644
--- a/webapp/i18n/i18n_en.properties
+++ b/webapp/i18n/i18n_en.properties
@@ -1,3 +1,14 @@
 title=UI5-Data-Binding
 appTitle=UI5-Data-Binding
 appDescription=UI5 Data Binding Walkthrough
+
+# Field labels
+firstName=First Name
+lastName=Last Name
+enabled=Enabled
+address=Address
+
+
+# Screen titles
+panel1HeaderText=Data Binding Basics 
+panel2HeaderText=Address Details
\ No newline at end of file
diff --git a/webapp/view/Home.view.xml b/webapp/view/Home.view.xml
index 876f8e7..2ead389 100644
--- a/webapp/view/Home.view.xml
+++ b/webapp/view/Home.view.xml
@@ -1,14 +1,23 @@
 <mvc:View controllerName="com.mrb.UI5-Data-Binding.controller.Home" displayBlock="true" 
   xmlns="sap.m" 
+  xmlns:l="sap.ui.layout" 
   xmlns:mvc="sap.ui.core.mvc">
   <Page titleAlignment="Center" title="{i18n>title}">
-    <Panel headerText="{i18n_example>panelHeaderText}" class="sapUiResponsiveMargin" width="auto">
+    <Panel headerText="{i18n>panel1HeaderText}" class="sapUiResponsiveMargin" width="auto">
       <content>
-        <Label text="{i18n_example>firstName}" class="sapUiSmallMargin" />
+        <Label text="{i18n>firstName}" class="sapUiSmallMargin" />
         <Input value="{/firstName}" valueLiveUpdate="true" width="200px" enabled="{/enabled}" />
-        <Label text="{i18n_example>lastName}" class="sapUiSmallMargin" />
+        <Label text="{i18n>lastName}" class="sapUiSmallMargin" />
         <Input value="{/lastName}" valueLiveUpdate="true" width="200px" enabled="{/enabled}" />
-        <CheckBox selected="{/enabled}" text="{i18n_example>enabled}" />
+        <CheckBox selected="{/enabled}" text="{i18n>enabled}" />
+      </content>
+    </Panel>
+    <Panel headerText="{i18n>panel2HeaderText}" class="sapUiResponsiveMargin" width="auto">
+      <content>
+        <l:VerticalLayout>
+          <Label class="sapUiSmallMargin" text="{i18n>address}:"/>
+          <FormattedText class="sapUiSmallMarginBegin sapUiSmallMarginBottom" htmlText="{/address/street}&lt;br&gt;{/address/zip} {/address/city}&lt;br&gt;{/address/country}" width="200px"/>
+        </l:VerticalLayout>
       </content>
     </Panel>
   </Page>