Apply UI5 best practices

Author: matz3

webapp/i18n/i18n.properties

@@ -1,4 +1,4 @@
-TITLE=todos
+TITLE=Todos
 INPUT_PLACEHOLDER=What needs to be done?
 CLEAR_COMPLETED=Clear completed
 ACTIVE_ITEMS=Active items

webapp/i18n/i18n_de.properties

@@ -1,4 +1,4 @@
-TITLE=Todos
+TITLE=Aufgabenliste
 INPUT_PLACEHOLDER=Was muss getan werden?
 CLEAR_COMPLETED=Erledigte Einträge entfernen
 ACTIVE_ITEMS=Aktive Einträge

webapp/i18n/i18n_en.properties

@@ -1,4 +1,4 @@
-TITLE=todos
+TITLE=Todos
 INPUT_PLACEHOLDER=What needs to be done?
 CLEAR_COMPLETED=Clear completed
 ACTIVE_ITEMS=Active items

webapp/manifest.json

@@ -2,7 +2,19 @@
 	"_version": "2.0.0",
 	"sap.app": {
 		"id": "sap.ui.demo.todo",
-		"type": "application"
+		"type": "application",
+		"title": "{{TITLE}}",
+		"applicationVersion": {
+			"version": "0.5.0"
+		}
+	},
+	"sap.ui": {
+		"technology": "UI5",
+		"deviceTypes": {
+			"desktop": true,
+			"tablet": true,
+			"phone": true
+		}
 	},
 	"sap.ui5": {
 		"dependencies": {
@@ -13,6 +25,10 @@
 				"sap.f": {}
 			}
 		},
+		"contentDensities": {
+			"compact": true,
+			"cozy": true
+		},
 		"rootView": {
 			"viewName": "sap.ui.demo.todo.view.App",
 			"type": "XML",

webapp/view/App.view.xml

@@ -44,7 +44,7 @@
 								</infoToolbar>
 								<CustomListItem>
 									<HBox>
-										<CheckBox selected="{completed}"  />
+										<CheckBox selected="{completed}" />
 										<VBox justifyContent="Center">
 											<Text text="{title}"/>
 										</VBox>
@@ -63,9 +63,9 @@
 					<OverflowToolbar id="toolbar-footer" visible="{= !!${view>/isMobile} }">
 						<SegmentedButton selectedKey="all" selectionChange=".onFilter" class="sapMSegmentedButtonNoAutoWidth">
 							<items>
-								<SegmentedButtonItem text="All" key="all"/>
-								<SegmentedButtonItem text="Active" key="active"/>
-								<SegmentedButtonItem text="Completed" key="completed"/>
+								<SegmentedButtonItem text="{i18n>LABEL_ALL}" key="all"/>
+								<SegmentedButtonItem text="{i18n>LABEL_ACTIVE}" key="active"/>
+								<SegmentedButtonItem text="{i18n>LABEL_COMPLETED}" key="completed"/>
 							</items>
 						</SegmentedButton>
 						<ToolbarSpacer />