Added everything for Step 9: Formatting Values

Author: wridgeu

webapp/i18n/i18n.properties

@@ -12,3 +12,8 @@ address=Address
 # Screen titles
 panel1HeaderText=Data Binding Basics 
 panel2HeaderText=Address Details
+
+# E-mail
+sendEmail=Send Mail
+mailSubject=Hi {0}!
+mailBody=How are you?

webapp/i18n/i18n_de.properties

@@ -9,4 +9,9 @@ enabled=Aktiviert
 
 # Screen titles
 panel1HeaderText=Data Binding Grundlagen
-panel2HeaderText=Adressdetails
+panel2HeaderText=Adressdetails
+
+# E-mail
+sendEmail=E-mail versenden
+mailSubject=Hallo {0}!
+mailBody=Wie geht es dir?

webapp/i18n/i18n_en.properties

@@ -11,4 +11,9 @@ address=Address
 
 # Screen titles
 panel1HeaderText=Data Binding Basics 
-panel2HeaderText=Address Details
+panel2HeaderText=Address Details
+
+# E-mail
+sendEmail=Send Mail
+mailSubject=Hi {0}!
+mailBody=How are you?

webapp/model/formatter.js

@@ -1,4 +1,14 @@
-sap.ui.define([], function () {
+sap.ui.define([
+	"sap/m/library"
+], function (mobileLibrary) {
 	"use strict";
-	return {};
+	return {
+		formatMail: function(sFirstName, sLastName) {
+			var oBundle = this.getOwnerComponent().getModel("i18n").getResourceBundle();
+			return mobileLibrary.URLHelper.normalizeEmail(
+				sFirstName + "." + sLastName + "@example.com",
+				oBundle.getText("mailSubject", [sFirstName]),
+				oBundle.getText("mailBody"));
+		}
+	};
 });

webapp/view/Home.view.xml

@@ -17,6 +17,15 @@
         <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"/>
+          <Link class="sapUiSmallMarginBegin"
+					href="{
+							parts: [
+								'/firstName',
+								'/lastName'
+							],
+							formatter: '.formatter.formatMail'
+						}"
+            text="{i18n>sendEmail}"/>
         </l:VerticalLayout>
       </content>
     </Panel>