chore(cds-plugin-ui5): showcase formatter usage in TS running in CDS (#…

…969)
ui5-community · Mar 4, 2024 · 5237f66 · 5237f66
1 parent 4449224
commit 5237f66
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 3 deletions.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/showcases/cds-bookshop/package.json b/showcases/cds-bookshop/package.json
@@ -24,7 +24,8 @@
   "devDependencies": {
     "cds-bookshop-ui5-viewer": "workspace:^",
     "cds-plugin-ui5": "workspace:^",
-    "rimraf": "^5.0.5"
+    "rimraf": "^5.0.5",
+    "ui5-tsapp-simple": "workspace:^"
   },
   "scripts": {
     "clean": "rimraf gen",

diff --git a/showcases/ui5-tsapp-simple/webapp/model/Formatter.ts b/showcases/ui5-tsapp-simple/webapp/model/Formatter.ts
@@ -0,0 +1,5 @@
+export default {
+	formatValue: (value: string) => {
+		return value?.toUpperCase();
+	},
+};
diff --git a/showcases/ui5-tsapp-simple/webapp/view/Main.view.xml b/showcases/ui5-tsapp-simple/webapp/view/Main.view.xml
@@ -1,5 +1,14 @@
-<mvc:View controllerName="ui5.ecosystem.demo.simpletsapp.controller.Main" displayBlock="true" xmlns="sap.m" xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc">
-  <Page id="page" title="{i18n>appTitle}">
+<mvc:View
+  controllerName="ui5.ecosystem.demo.simpletsapp.controller.Main"
+  displayBlock="true"
+  xmlns="sap.m"
+  xmlns:core="sap.ui.core"
+  xmlns:mvc="sap.ui.core.mvc"
+  core:require="{
+		Formatter: 'ui5/ecosystem/demo/simpletsapp/model/Formatter'
+	}"
+>
+  <Page id="page" title="{formatter: 'Formatter.formatValue', path: 'i18n>appTitle'}">
     <headerContent>
       <core:Icon color="#1873B4" src="sap-icon://sap-ui5" size="2rem" />
     </headerContent>