create-ui5-freestyle-lr 0.2.0

package/src/templates/webapp/css/style.css

@@ -0,0 +1,17 @@
+html, body, body > .sapUiBody {
+    height: 100%;
+}
+
+.infoBarText {
+    font-style: italic;
+}
+
+.lrTable,
+.lrTable .sapMListTbl,
+.lrTable .sapMListTblCnt,
+.lrTable .sapMListHdr,
+.lrTable .sapMListHdrTBar,
+.lrTable .sapMIBar,
+.lrTable .sapMOTB {
+    border-radius: 0 !important;
+}

package/src/templates/webapp/i18n/i18n.properties.ejs

@@ -0,0 +1,83 @@
+# App
+appTitle=<%= appTitle %>
+appDescription=<%= appDescription %>
+errorText=An unexpected error occurred.
+
+# Worklist
+worklistTitle=<%= appTitle %>
+worklistViewTitle=<%= appTitle %>
+tableTitleCount=Items ({0}/{1})
+tableTitleNoCount=Items
+noDataText=No items to display
+
+# Search
+searchField.placeholder=Search
+
+# Columns
+<% columns.forEach(function (col) { -%>
+col.<%= col.name %>=<%= col.label %>
+<% }) -%>
+col.info=Info
+
+# Filters
+<% filters.forEach(function (f) { -%>
+filter.<%= f.fieldName %>=<%= f.label %>
+<% }) -%>
+
+# Pagination
+rowsPerPage=Rows per page
+rowsPerPageError=Rows per page must be between {0} and {1}.
+
+# Info bar
+info.filteredBy=Filtered by {0}
+info.sortedBy=Sorted by {0} ({1})
+info.groupedBy=Grouped by {0}
+info.searchedBy=Searched: "{0}"
+sort.asc=Ascending
+sort.desc=Descending
+group.empty=(empty)
+
+# Toolbar
+columnSettings=Columns
+tooltip.sort=Sort
+tooltip.group=Group
+tooltip.refresh=Refresh
+tooltip.export=Export to Excel
+tooltip.autoRefresh=Auto-refresh every 30s
+autoRefresh.btnOff=Auto: Off
+autoRefresh.btnOn=Auto: On
+autoRefresh.on=Auto-refresh enabled (every 30s)
+autoRefresh.off=Auto-refresh disabled
+tableRefreshed=Table refreshed
+lastRefreshed.label=Last updated
+variant.saved=View saved
+close=Close
+
+# Export
+export.noData=Nothing to export
+export.success=Export complete
+export.error=Export failed
+export.largeConfirm=You are about to export {0} rows. Continue?
+export.dialogTitle=Exporting…
+export.dialogText=Generating Excel file
+
+# Multi-select / bulk action
+selectedCount=selected
+bulkAction=Action
+bulkActionDemo={0} item(s) actioned
+clearSelection=Clear selection
+
+# Empty state
+noDataIllustrationTitle=No items
+noDataIllustrationDesc=Try adjusting your filters or refresh the table.
+
+# Info popover (demo — see Worklist.controller.js onInfoPopoverPress)
+link.info=Info
+infoPopoverTitle=Row Details
+infoPopoverKey=Key
+infoPopoverDetail=Detail
+infoPopoverTimestamp=Timestamp
+
+# Not Found
+notFoundTitle=Not Found
+notFoundText=The requested resource was not found.

package/src/templates/webapp/i18n/i18n_de.properties.ejs

@@ -0,0 +1,83 @@
+# App
+appTitle=<%= appTitle %>
+appDescription=<%= appDescription %>
+errorText=Ein unerwarteter Fehler ist aufgetreten.
+
+# Worklist
+worklistTitle=<%= appTitle %>
+worklistViewTitle=<%= appTitle %>
+tableTitleCount=Einträge ({0}/{1})
+tableTitleNoCount=Einträge
+noDataText=Keine Einträge vorhanden
+
+# Search
+searchField.placeholder=Suchen
+
+# Columns — translate field labels manually
+<% columns.forEach(function (col) { -%>
+col.<%= col.name %>=<%= col.label %>
+<% }) -%>
+col.info=Info
+
+# Filters — translate filter labels manually
+<% filters.forEach(function (f) { -%>
+filter.<%= f.fieldName %>=<%= f.label %>
+<% }) -%>
+
+# Pagination
+rowsPerPage=Zeilen pro Seite
+rowsPerPageError=Zeilen pro Seite muss zwischen {0} und {1} liegen.
+
+# Info bar
+info.filteredBy=Gefiltert nach {0}
+info.sortedBy=Sortiert nach {0} ({1})
+info.groupedBy=Gruppiert nach {0}
+info.searchedBy=Gesucht: "{0}"
+sort.asc=Aufsteigend
+sort.desc=Absteigend
+group.empty=(leer)
+
+# Toolbar
+columnSettings=Spalten
+tooltip.sort=Sortieren
+tooltip.group=Gruppieren
+tooltip.refresh=Aktualisieren
+tooltip.export=Nach Excel exportieren
+tooltip.autoRefresh=Auto-Aktualisierung alle 30s
+autoRefresh.btnOff=Auto: Aus
+autoRefresh.btnOn=Auto: An
+autoRefresh.on=Auto-Aktualisierung aktiv (alle 30s)
+autoRefresh.off=Auto-Aktualisierung deaktiviert
+tableRefreshed=Tabelle aktualisiert
+lastRefreshed.label=Zuletzt aktualisiert
+variant.saved=Ansicht gespeichert
+close=Schließen
+
+# Export
+export.noData=Keine Daten zum Exportieren
+export.success=Export abgeschlossen
+export.error=Export fehlgeschlagen
+export.largeConfirm=Sie exportieren {0} Zeilen. Fortfahren?
+export.dialogTitle=Export läuft…
+export.dialogText=Excel-Datei wird erstellt
+
+# Multi-select / bulk action
+selectedCount=ausgewählt
+bulkAction=Aktion
+bulkActionDemo={0} Eintrag/Einträge bearbeitet
+clearSelection=Auswahl aufheben
+
+# Empty state
+noDataIllustrationTitle=Keine Einträge
+noDataIllustrationDesc=Filter anpassen oder Tabelle aktualisieren.
+
+# Info popover
+link.info=Info
+infoPopoverTitle=Zeilendetails
+infoPopoverKey=Schlüssel
+infoPopoverDetail=Detail
+infoPopoverTimestamp=Zeitstempel
+
+# Not Found
+notFoundTitle=Nicht gefunden
+notFoundText=Die angeforderte Ressource wurde nicht gefunden.

package/src/templates/webapp/index.html.ejs

@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title><%= appTitle %></title>
+    <!--
+        flexibilityServices wires sap.ui.fl (used by VariantManagement) to a
+        connector. Default = LocalStorageConnector, so saved variants live in
+        the browser. To persist on a SAP backend, swap to "LrepConnector"
+        (requires /sap/bc/lrep to be reachable). Multiple connectors can be
+        chained; see sap.ui.fl docs.
+    -->
+    <script
+        id="sap-ui-bootstrap"
+        src="resources/sap-ui-core.js"
+        data-sap-ui-theme="sap_horizon"
+        data-sap-ui-resourceroots='{"<%= appId %>": "./"}'
+        data-sap-ui-compat-version="edge"
+        data-sap-ui-async="true"
+        data-sap-ui-xx-waitForTheme="true"
+        data-sap-ui-flexibilityServices='[{"connector":"LocalStorageConnector"}]'>
+    </script>
+    <script>
+        // Wait for UI5 core, run the backend preflight check, then mount the
+        // Component. If the backend is reachable the app uses real data; if
+        // not (e.g. offline dev, no proxy), backendCheck starts a MockServer
+        // that fakes data from localService/metadata.xml.
+        sap.ui.require(["sap/ui/core/Core"], function (Core) {
+            Core.ready().then(function () {
+                sap.ui.require([
+                    "sap/ui/core/ComponentContainer",
+                    "<%= namespacePath %>/localService/backendCheck"
+                ], function (ComponentContainer, backendCheck) {
+                    backendCheck.decide().then(function () {
+                        new ComponentContainer({
+                            id: "container",
+                            name: "<%= appId %>",
+                            settings: { id: "<%= appName %>" },
+                            height: "100%",
+                            async: true
+                        }).placeAt("content");
+                    });
+                });
+            });
+        });
+    </script>
+</head>
+<body class="sapUiBody" id="content">
+</body>
+</html>

package/src/templates/webapp/localService/backendCheck.js.ejs

@@ -0,0 +1,52 @@
+sap.ui.define([
+    "./mockserver"
+], function (mockserver) {
+    "use strict";
+
+    const SERVICE_URL = "<%= serviceUrl %>";
+    const TIMEOUT_MS = 3000;
+
+    function ping() {
+        return new Promise(function (resolve) {
+            const controller = new AbortController();
+            const timer = setTimeout(function () {
+                controller.abort();
+                resolve(false);
+            }, TIMEOUT_MS);
+
+            fetch(SERVICE_URL + "$metadata", {
+                method: "HEAD",
+                signal: controller.signal,
+                credentials: "include"
+            }).then(function (r) {
+                clearTimeout(timer);
+                // 2xx = backend reachable and accessible.
+                // 401 / 403 = backend alive, auth issue only — still treat as "real".
+                resolve(r.ok || r.status === 401 || r.status === 403);
+            }).catch(function () {
+                clearTimeout(timer);
+                resolve(false);
+            });
+        });
+    }
+
+    return {
+        /**
+         * Pings the configured OData service. If reachable, returns without
+         * side-effects. If unreachable, starts a MockServer so the app works
+         * offline with synthetic data generated from the local metadata.xml.
+         */
+        decide: function () {
+            return ping().then(function (isReachable) {
+                if (!isReachable) {
+                    // eslint-disable-next-line no-console
+                    console.info("[backendCheck] Backend not reachable — starting MockServer");
+                    mockserver.init();
+                } else {
+                    // eslint-disable-next-line no-console
+                    console.info("[backendCheck] Backend is reachable — using real data");
+                }
+            });
+        }
+    };
+});

package/src/templates/webapp/localService/mockserver.js.ejs

@@ -0,0 +1,29 @@
+sap.ui.define([
+    "sap/ui/core/util/MockServer"
+], function (MockServer) {
+    "use strict";
+
+    return {
+        /**
+         * Starts a MockServer that reads localService/metadata.xml and
+         * returns randomly generated rows matching the schema for every
+         * OData request going to the main service URL.
+         */
+        init: function () {
+            const oMockServer = new MockServer({
+                rootUri: "<%= serviceUrl %>"
+            });
+
+            MockServer.config({
+                autoRespond: true,
+                autoRespondAfter: 300
+            });
+
+            oMockServer.simulate(
+                sap.ui.require.toUrl("<%= namespacePath %>/localService/metadata.xml")
+            );
+            oMockServer.start();
+            return oMockServer;
+        }
+    };
+});

package/src/templates/webapp/manifest.json.ejs

@@ -0,0 +1,106 @@
+{
+    "_version": "1.60.0",
+    "sap.app": {
+        "id": "<%= appId %>",
+        "type": "application",
+        "i18n": "i18n/i18n.properties",
+        "title": "{{appTitle}}",
+        "description": "{{appDescription}}",
+        "applicationVersion": {
+            "version": "1.0.0"
+        },
+        "dataSources": {
+            "mainService": {
+                "uri": "<%= serviceUrl %>",
+                "type": "OData",
+                "settings": {
+                    "odataVersion": "2.0",
+                    "localUri": "localService/metadata.xml"
+                }
+            }
+        }
+    },
+    "sap.ui": {
+        "technology": "UI5",
+        "fullWidth": true,
+        "icons": {
+            "icon": "sap-icon://task"
+        },
+        "deviceTypes": {
+            "desktop": true,
+            "tablet": true,
+            "phone": true
+        }
+    },
+    "sap.ui5": {
+        "flexEnabled": true,
+        "rootView": {
+            "viewName": "<%= appId %>.view.App",
+            "type": "XML",
+            "async": true,
+            "id": "app"
+        },
+        "dependencies": {
+            "minUI5Version": "<%= minUI5Version %>",
+            "libs": {
+                "sap.ui.core": {},
+                "sap.m": {},
+                "sap.f": {},
+                "sap.ui.comp": {},
+                "sap.ui.layout": {},
+                "sap.uxap": {},
+                "sap.ui.export": {},
+                "sap.ui.fl": {}
+            }
+        },
+        "contentDensities": {
+            "compact": true,
+            "cozy": true
+        },
+        "resources": {
+            "css": [
+                { "uri": "css/style.css" }
+            ]
+        },
+        "models": {
+            "i18n": {
+                "type": "sap.ui.model.resource.ResourceModel",
+                "settings": {
+                    "bundleName": "<%= appId %>.i18n.i18n",
+                    "supportedLocales": [""<% if (hasGerman) { %>, "de"<% } %>],
+                    "fallbackLocale": ""
+                }
+            },
+            "": {
+                "dataSource": "mainService",
+                "preload": true
+            }
+        },
+        "routing": {
+            "config": {
+                "routerClass": "sap.m.routing.Router",
+                "viewType": "XML",
+                "viewPath": "<%= appId %>.view",
+                "controlId": "app",
+                "controlAggregation": "pages",
+                "bypassed": { "target": ["notFound"] },
+                "async": true
+            },
+            "routes": [
+                { "pattern": ":?query:", "name": "worklist", "target": ["worklist"] }
+            ],
+            "targets": {
+                "worklist": {
+                    "viewName": "Worklist",
+                    "viewId": "worklist",
+                    "viewLevel": 1,
+                    "title": "{i18n>worklistViewTitle}"
+                },
+                "notFound": {
+                    "viewName": "NotFound",
+                    "viewId": "notFound"
+                }
+            }
+        }
+    }
+}

package/src/templates/webapp/model/formatter.js

@@ -0,0 +1,148 @@
+sap.ui.define([
+    "sap/ui/core/format/DateFormat"
+], function (DateFormat) {
+    "use strict";
+
+    return {
+
+        /**
+         * Date+time formatter. Default pattern "dd.MM.yyyy HH:mm:ss".
+         * Pass a custom pattern as 2nd arg for variations.
+         */
+        formatDate: function (vValue, sPattern) {
+            if (!vValue) return "";
+            const oDate = vValue instanceof Date ? vValue : new Date(vValue);
+            if (isNaN(oDate.getTime())) return "";
+            return DateFormat.getDateTimeInstance({
+                pattern: sPattern || "dd.MM.yyyy HH:mm:ss"
+            }).format(oDate);
+        },
+
+        /**
+         * Date-only formatter "dd.MM.yyyy". Useful as ObjectIdentifier title.
+         */
+        formatDateOnly: function (vValue) {
+            if (!vValue) return "";
+            const oDate = vValue instanceof Date ? vValue : new Date(vValue);
+            if (isNaN(oDate.getTime())) return "";
+            return DateFormat.getDateInstance({ pattern: "dd.MM.yyyy" }).format(oDate);
+        },
+
+        /**
+         * Time-only formatter "HH:mm:ss". Useful as ObjectIdentifier secondary text.
+         */
+        formatTimeOnly: function (vValue) {
+            if (!vValue) return "";
+            const oDate = vValue instanceof Date ? vValue : new Date(vValue);
+            if (isNaN(oDate.getTime())) return "";
+            return DateFormat.getTimeInstance({ pattern: "HH:mm:ss" }).format(oDate);
+        },
+
+        /**
+         * Maps a status value to one of: "None" / "Success" / "Warning" / "Error" / "Information".
+         * Used by GenericTag (status attribute) and ColumnListItem (highlight attribute).
+         *
+         * The defaults below cover common English status vocabulary. To support
+         * your own domain-specific codes (e.g. "MTCH", "01", "OPEN"), add cases
+         * at the TOP of the function — they take priority over the generic ones.
+         */
+        formatStatusState: function (sStatus) {
+            if (sStatus === undefined || sStatus === null || sStatus === "") return "None";
+            const s = String(sStatus).toUpperCase();
+
+            // ---- Add your domain-specific status codes here ----
+            // if (s === "MTCH") return "Success";
+            // if (s === "NMTC") return "Error";
+            // if (s === "CMTC") return "Warning";
+            // ----------------------------------------------------
+
+            // Generic English status terms — cover most cases out of the box
+            if (/^(OK|SUCCESS|SUCCESSFUL|SUCC|DONE|COMPLETE|COMPLETED|ACTIVE|APPROVED|PASSED|YES|TRUE|1)$/.test(s)) return "Success";
+            if (/^(ERR|ERROR|FAIL|FAILED|REJECTED|INACTIVE|CANCELLED|CANCELED|BLOCKED|NO|FALSE|0)$/.test(s)) return "Error";
+            if (/^(WRN|WARN|WARNING|PENDING|PEND|TODO|DRAFT|HOLD|REVIEW|IN_PROGRESS)$/.test(s)) return "Warning";
+            if (/^(INFO|INFORMATION|NEW|OPEN|UNREAD)$/.test(s)) return "Information";
+
+            return "None";
+        },
+
+        /**
+         * DEMO ONLY — always returns "Success".
+         *
+         * Bind ColumnListItem `highlight` (or GenericTag `status`) to this
+         * formatter to verify the highlight is visually wired up — every row
+         * gets a green bar regardless of data. Useful when MockServer returns
+         * random strings that don't match any real status code.
+         *
+         * Switch back to `formatStatusState` once your real backend (or your
+         * domain mapping inside formatStatusState) is in place.
+         */
+        formatStatusStateDemo: function () {
+            return "Success";
+        },
+
+        /**
+         * Strip leading zeros (e.g. SAP partner ID "0000123456" -> "123456").
+         */
+        formatPartnerId: function (sId) {
+            if (!sId) return "";
+            return String(sId).replace(/^0+/, "");
+        },
+
+        /**
+         * Wrap value in <strong><code> — bold monospace, most visually prominent.
+         * Use for primary identifiers like GUIDs.
+         */
+        formatStrongCode: function (sValue) {
+            if (sValue === undefined || sValue === null) return "";
+            return "<strong><code>" + sValue + "</code></strong>";
+        },
+
+        /**
+         * Wrap value in <code> — monospace, lighter weight.
+         * Use for secondary identifiers like CustomerId, PartnerId.
+         */
+        formatCode: function (sValue) {
+            if (sValue === undefined || sValue === null) return "";
+            return "<code>" + sValue + "</code>";
+        },
+
+        /**
+         * Wrap value in <cite> — italic, reference-like.
+         * Use for keys, UUIDs, references.
+         */
+        formatCite: function (sValue) {
+            if (sValue === undefined || sValue === null) return "";
+            return "<cite>" + sValue + "</cite>";
+        },
+
+        /**
+         * Round a numeric value to 2 decimals.
+         */
+        numberUnit: function (sValue) {
+            if (sValue === undefined || sValue === null || sValue === "") return "";
+            const n = parseFloat(sValue);
+            return isNaN(n) ? "" : n.toFixed(2);
+        },
+
+        /**
+         * Animate a numeric JSON-model value from current to fTarget over
+         * iDuration ms (ease-out-cubic). Useful for progress bars.
+         */
+        _animateValue: function (oModel, sPath, fTarget, iDuration) {
+            oModel._animations = oModel._animations || {};
+            if (oModel._animations[sPath]) oModel._animations[sPath].cancelled = true;
+            const oToken = { cancelled: false };
+            oModel._animations[sPath] = oToken;
+            const fStart = oModel.getProperty(sPath) || 0;
+            const iStartTime = performance.now();
+            const ease = (t) => 1 - Math.pow(1 - t, 3);
+            const step = (iNow) => {
+                if (oToken.cancelled) return;
+                const iProgress = Math.min((iNow - iStartTime) / iDuration, 1);
+                oModel.setProperty(sPath, Math.round(fStart + (fTarget - fStart) * ease(iProgress)));
+                if (iProgress < 1) requestAnimationFrame(step);
+            };
+            requestAnimationFrame(step);
+        }
+    };
+});

package/src/templates/webapp/model/models.js

@@ -0,0 +1,23 @@
+sap.ui.define([
+    "sap/ui/model/json/JSONModel",
+    "sap/ui/Device",
+    "sap/base/util/ObjectPath"
+], function (JSONModel, Device, ObjectPath) {
+    "use strict";
+
+    return {
+        createDeviceModel: function () {
+            const oModel = new JSONModel(Device);
+            oModel.setDefaultBindingMode("OneWay");
+            return oModel;
+        },
+
+        createFLPModel: function () {
+            const fnGetUser = ObjectPath.get("sap.ushell.Container.getUser");
+            const bIsShareInJamActive = fnGetUser ? fnGetUser().isJamActive() : false;
+            const oModel = new JSONModel({ isShareInJamActive: bIsShareInJamActive });
+            oModel.setDefaultBindingMode("OneWay");
+            return oModel;
+        }
+    };
+});

package/src/templates/webapp/view/App.view.xml

@@ -0,0 +1,10 @@
+<mvc:View
+    controllerName="__APP_ID__.controller.App"
+    displayBlock="true"
+    xmlns="sap.m"
+    xmlns:mvc="sap.ui.core.mvc">
+    <App
+        id="app"
+        busy="{appView>/busy}"
+        busyIndicatorDelay="{appView>/delay}"/>
+</mvc:View>

package/src/templates/webapp/view/NotFound.view.xml

@@ -0,0 +1,12 @@
+<mvc:View
+    controllerName="__APP_ID__.controller.NotFound"
+    xmlns="sap.m"
+    xmlns:mvc="sap.ui.core.mvc">
+    <MessagePage
+        title="{i18n>notFoundTitle}"
+        text="{i18n>notFoundText}"
+        description=""
+        icon="sap-icon://document"
+        showNavButton="true"
+        navButtonPress=".onNavBack"/>
+</mvc:View>