Week1 Challenge

HexClan-dev · HexClan-dev · commit 09d191978349 · 2022-06-11T15:47:43.000+02:00
diff --git a/webapp/controller/MainController.controller.js b/webapp/controller/MainController.controller.js
@@ -0,0 +1,38 @@
+sap.ui.define([
+    "./BaseController",
+    "sap/ui/model/json/JSONModel",
+    "sap/m/MessageToast",
+], function (Controller, JSONModel, MessageToast) {
+    "use strict";
+
+    return Controller.extend("ui5.challenge.controller.MainController", {
+        onInit: function () {
+            // This is used for Dynamically change title
+            // document.title = 'ui5-challenge';
+
+            var oDummyData = {
+                Employees: [{
+                    Name: "Name1",
+                    Surname: "Surname1",
+                    Age: 26
+                }, {
+                    Name: "Name2",
+                    Surname: "Surname2",
+                    Age: 23
+                }, {
+                    Name: "Name3",
+                    Surname: "Surname3",
+                    Age: 32
+                }]
+            };
+
+            const oModel = new JSONModel(oDummyData);
+            this.getView().setModel(oModel);
+
+        },
+
+        onPress: function () {
+            MessageToast.show("You pressed the Button!");
+        }
+    });
+});
diff --git a/webapp/i18n/i18n.properties b/webapp/i18n/i18n.properties
@@ -0,0 +1,13 @@
+
+browserTitle=ui5-challenge
+
+
+# Main Page
+mainPageTitle=ui5-challenge
+appTitle=ui5-challenge
+appDescription=App test Desciption
+
+mainButtonText=Test Button
+
+listEmployees=Employees
+
diff --git a/webapp/index.html b/webapp/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <title>title</title>
+    <title>ui5-challenge</title>
 
     <script
         id="sap-ui-bootstrap"
diff --git a/webapp/manifest.json b/webapp/manifest.json
@@ -51,10 +51,10 @@
       "targets": {}
     },
     "rootView": {
-      "viewName": "ui5.challenge.view.App",
+      "viewName": "ui5.challenge.view.Main",
       "type": "XML",
       "async": true,
-      "id": "app"
+      "id": "shell"
     },
     "models": {
       "i18n": {
diff --git a/webapp/test/e2e/week1.test.js b/webapp/test/e2e/week1.test.js
@@ -1,4 +1,6 @@
-const { wdi5 } = require("wdio-ui5-service")
+const {
+    wdi5
+} = require("wdio-ui5-service")
 const Main = require("./pageObjects/Main")
 
 describe("main page", () => {
@@ -16,7 +18,7 @@ describe("main page", () => {
             selector: {
                 id: "mainButton",
                 viewName: Main._viewName
-              }
+            }
         })
         const buttonText = await button.getText()
         expect(buttonText).not.toEqual("")
@@ -28,7 +30,7 @@ describe("main page", () => {
             selector: {
                 controlType: "sap.m.List",
                 viewName: Main._viewName
-              }
+            }
         })
         const ListItems = await List.getItems()
         expect(ListItems.length).toBeGreaterThanOrEqual(3)
diff --git a/webapp/view/App.view.xml b/webapp/view/App.view.xml
diff --git a/webapp/view/Main.view.xml b/webapp/view/Main.view.xml
@@ -0,0 +1,31 @@
+<mvc:View controllerName="ui5.challenge.controller.MainController" displayBlock="true"
+    xmlns:mvc="sap.ui.core.mvc"
+    xmlns="sap.m">
+    <Shell id="shell">
+        <App id="app">
+            <pages>
+                <Page title="{i18n>mainPageTitle}">
+                    <content>
+
+                        <Panel width="auto" title="Button Controller" class="sapUiSmallMargin">
+                            <content>
+                                <Button id="mainButton" text="{i18n>mainButtonText}" press=".onPress" />
+                            </content>
+                        </Panel>
+
+                        <Panel width="auto" title="List Information" class="sapUiSmallMargin">
+                            <content>
+                                <List headerText="{i18n>listEmployees}" items="{
+                                    path: '/Employees'
+                                }">
+                                    <StandardListItem title="{Name}" description="{Surname}" counter="{Age}"/>
+                                </List>
+                            </content>
+                        </Panel>
+
+                    </content>
+                </Page>
+            </pages>
+        </App>
+    </Shell>
+</mvc:View>
