Compare commits
3 Commits
Reuse-Migr
...
use-db-con
| Author | SHA1 | Date | |
|---|---|---|---|
|
0a6ddfd9bb | ||
|
|
ae247d493e | ||
|
|
a524e419db |
27
.eslintrc
Normal file
27
.eslintrc
Normal file
@@ -0,0 +1,27 @@
|
|||||||
|
{
|
||||||
|
"extends": "eslint:recommended",
|
||||||
|
"env": {
|
||||||
|
"browser": true,
|
||||||
|
"node": true,
|
||||||
|
"es6": true,
|
||||||
|
"jest": true,
|
||||||
|
"mocha": true
|
||||||
|
},
|
||||||
|
"parserOptions": {
|
||||||
|
"ecmaVersion": 2018
|
||||||
|
},
|
||||||
|
"globals": {
|
||||||
|
"SELECT": true,
|
||||||
|
"INSERT": true,
|
||||||
|
"UPDATE": true,
|
||||||
|
"DELETE": true,
|
||||||
|
"CREATE": true,
|
||||||
|
"DROP": true,
|
||||||
|
"cds": true
|
||||||
|
},
|
||||||
|
"rules": {
|
||||||
|
"no-console": "off",
|
||||||
|
"require-atomic-updates": "off",
|
||||||
|
"require-await":"warn"
|
||||||
|
}
|
||||||
|
}
|
||||||
5
.github/ISSUE_TEMPLATE/config.yml
vendored
5
.github/ISSUE_TEMPLATE/config.yml
vendored
@@ -1,5 +0,0 @@
|
|||||||
blank_issues_enabled: false
|
|
||||||
contact_links:
|
|
||||||
- name: This channel is CLOSED.
|
|
||||||
about: Use SAP community instead
|
|
||||||
url: https://answers.sap.com/tags/9f13aee1-834c-4105-8e43-ee442775e5ce
|
|
||||||
10
.github/ISSUE_TEMPLATE/question--feedback-or-bug-.md
vendored
Normal file
10
.github/ISSUE_TEMPLATE/question--feedback-or-bug-.md
vendored
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
---
|
||||||
|
name: This channel is CLOSED.
|
||||||
|
about: Use our community at https://answers.sap.com/tags/9f13aee1-834c-4105-8e43-ee442775e5ce
|
||||||
|
title: ''
|
||||||
|
labels: ''
|
||||||
|
assignees: ''
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
Please use our community on https://answers.sap.com/tags/9f13aee1-834c-4105-8e43-ee442775e5ce
|
||||||
20
.github/dependabot.yml
vendored
20
.github/dependabot.yml
vendored
@@ -1,20 +0,0 @@
|
|||||||
version: 2
|
|
||||||
|
|
||||||
updates:
|
|
||||||
- package-ecosystem: npm
|
|
||||||
directory: /
|
|
||||||
versioning-strategy: increase-if-necessary
|
|
||||||
schedule:
|
|
||||||
interval: weekly
|
|
||||||
groups:
|
|
||||||
production-dependencies:
|
|
||||||
dependency-type: "production"
|
|
||||||
development-dependencies:
|
|
||||||
dependency-type: "development"
|
|
||||||
ignore:
|
|
||||||
- dependency-name: "chai"
|
|
||||||
# chai 5 doesn't work atm w/ cds.test, TODO fix that in cds.test
|
|
||||||
versions: ["5.x"]
|
|
||||||
- dependency-name: "chai-as-promised"
|
|
||||||
# chai-as-promised 8 doesn't work atm w/ cds.test, TODO fix that in cds.test
|
|
||||||
versions: ["8.x"]
|
|
||||||
18
.github/workflows/node.js.yml
vendored
18
.github/workflows/node.js.yml
vendored
@@ -11,28 +11,18 @@ on:
|
|||||||
|
|
||||||
jobs:
|
jobs:
|
||||||
build:
|
build:
|
||||||
|
|
||||||
runs-on: ubuntu-latest
|
runs-on: ubuntu-latest
|
||||||
|
|
||||||
strategy:
|
strategy:
|
||||||
matrix:
|
matrix:
|
||||||
node-version: [22.x, 20.x, 18.x]
|
node-version: [12.x, 14.x]
|
||||||
|
|
||||||
steps:
|
steps:
|
||||||
- uses: actions/checkout@v4
|
- uses: actions/checkout@v2
|
||||||
- name: Use Node.js ${{ matrix.node-version }}
|
- name: Use Node.js ${{ matrix.node-version }}
|
||||||
uses: actions/setup-node@v4
|
uses: actions/setup-node@v1
|
||||||
with:
|
with:
|
||||||
node-version: ${{ matrix.node-version }}
|
node-version: ${{ matrix.node-version }}
|
||||||
- run: npm ci
|
- run: npm ci
|
||||||
- run: npm test
|
- run: npm test
|
||||||
|
|
||||||
lint:
|
|
||||||
runs-on: ubuntu-latest
|
|
||||||
|
|
||||||
steps:
|
|
||||||
- uses: actions/checkout@v4
|
|
||||||
- uses: actions/setup-node@v4
|
|
||||||
with:
|
|
||||||
node-version: 22.x
|
|
||||||
- run: npm ci
|
|
||||||
- run: npm run lint
|
|
||||||
|
|||||||
6
.gitignore
vendored
6
.gitignore
vendored
@@ -12,14 +12,8 @@ target/
|
|||||||
*.mtar
|
*.mtar
|
||||||
connection.properties
|
connection.properties
|
||||||
default-env.json
|
default-env.json
|
||||||
.cdsrc-private.json
|
|
||||||
packages/messageBox
|
packages/messageBox
|
||||||
reviews/msg-box
|
reviews/msg-box
|
||||||
reviews/db/test.db
|
reviews/db/test.db
|
||||||
|
|
||||||
*.openapi3.json
|
*.openapi3.json
|
||||||
*.sqlite
|
|
||||||
*.db
|
|
||||||
|
|
||||||
@types/
|
|
||||||
@cds-models/
|
|
||||||
|
|||||||
1
.registry/.gitignore
vendored
Normal file
1
.registry/.gitignore
vendored
Normal file
@@ -0,0 +1 @@
|
|||||||
|
*.tgz
|
||||||
80
.registry/server.js
Normal file
80
.registry/server.js
Normal file
@@ -0,0 +1,80 @@
|
|||||||
|
const { exec } = require ('child_process')
|
||||||
|
const isWin = process.platform === 'win32'
|
||||||
|
const express = require ('express')
|
||||||
|
const fs = require ('fs')
|
||||||
|
const app = express()
|
||||||
|
|
||||||
|
const { PORT=4444 } = process.env
|
||||||
|
const [,,port=PORT,scope='@capire'] = process.argv
|
||||||
|
const cwd = __dirname
|
||||||
|
|
||||||
|
// clean up on start (exit handler might not complete on Windows)
|
||||||
|
exec(isWin ? 'del *.tgz' : 'rm *.tgz', {cwd})
|
||||||
|
|
||||||
|
|
||||||
|
app.use('/-/:tarball', (req,res,next) => {
|
||||||
|
console.debug ('GET', req.params)
|
||||||
|
try {
|
||||||
|
const { tarball } = req.params
|
||||||
|
const [, pkg ] = /^\w+-(\w+)/.exec(tarball)
|
||||||
|
fs.lstat(tarball,(err => {
|
||||||
|
if (err) console.debug (`npm pack ../${pkg}`)
|
||||||
|
if (err) exec(`npm pack ../${pkg}`,{cwd},next)
|
||||||
|
else next()
|
||||||
|
}))
|
||||||
|
} catch (e) {
|
||||||
|
console.error(e)
|
||||||
|
res.sendStatus(500)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
app.use('/-', express.static(__dirname))
|
||||||
|
|
||||||
|
app.get('/*', (req,res)=>{
|
||||||
|
const urlRegex = /^\/(@\w+)\/(\w+)/
|
||||||
|
const url = decodeURIComponent(req.url)
|
||||||
|
console.debug ('GET',url)
|
||||||
|
try {
|
||||||
|
if (!urlRegex.test(url)) return res.sendStatus(404)
|
||||||
|
const [, scpe, pkg ] = urlRegex.exec(url)
|
||||||
|
const package = require (`${scpe}/${pkg}/package.json`)
|
||||||
|
const tarball = `${scpe.slice(1)}-${pkg}-${package.version}.tgz`
|
||||||
|
// https://github.com/npm/registry/blob/master/docs/responses/package-metadata.md
|
||||||
|
res.json({
|
||||||
|
"name": package.name,
|
||||||
|
"dist-tags": {
|
||||||
|
"latest": package.version
|
||||||
|
},
|
||||||
|
"versions": {
|
||||||
|
[package.version]: {
|
||||||
|
"name": package.name,
|
||||||
|
"version": package.version,
|
||||||
|
"dist": {
|
||||||
|
"tarball": `${server.url}/-/${tarball}`
|
||||||
|
},
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
} catch (e) {
|
||||||
|
if (e.code === 'MODULE_NOT_FOUND') return res.sendStatus(404)
|
||||||
|
console.error(e); throw e
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const server = app.listen(port, ()=>{
|
||||||
|
const url = server.url = `http://localhost:${server.address().port}`
|
||||||
|
console.log (`npm set ${scope}:registry=${url}`)
|
||||||
|
exec(`npm set ${scope}:registry=${url}`)
|
||||||
|
console.log (`${scope} registry listening on ${url}`)
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
const _exit = ()=>{
|
||||||
|
server.close()
|
||||||
|
exec(`npm conf rm "${scope}:registry"`, ()=> { process.exit() })
|
||||||
|
}
|
||||||
|
|
||||||
|
process.on ('SIGTERM',_exit)
|
||||||
|
process.on ('SIGHUP',_exit)
|
||||||
|
process.on ('SIGINT',_exit)
|
||||||
|
process.on ('SIGUSR2',_exit)
|
||||||
29
.reuse/dep5
Normal file
29
.reuse/dep5
Normal file
@@ -0,0 +1,29 @@
|
|||||||
|
Format: https://www.debian.org/doc/packaging-manuals/copyright-format/1.0/
|
||||||
|
Upstream-Name: cloud-cap-samples
|
||||||
|
Upstream-Contact: <Christian Georgi (christian.georgi@sap.com)>
|
||||||
|
Source: https://github.com/SAP-samples/cloud-cap-samples
|
||||||
|
Disclaimer: The code in this project may include calls to APIs (“API Calls”) of
|
||||||
|
SAP or third-party products or services developed outside of this project
|
||||||
|
(“External Products”).
|
||||||
|
“APIs” means application programming interfaces, as well as their respective
|
||||||
|
specifications and implementing code that allows software to communicate with
|
||||||
|
other software.
|
||||||
|
API Calls to External Products are not licensed under the open source license
|
||||||
|
that governs this project. The use of such API Calls and related External
|
||||||
|
Products are subject to applicable additional agreements with the relevant
|
||||||
|
provider of the External Products. In no event shall the open source license
|
||||||
|
that governs this project grant any rights in or to any External Products,or
|
||||||
|
alter, expand or supersede any terms of the applicable additional agreements.
|
||||||
|
If you have a valid license agreement with SAP for the use of a particular SAP
|
||||||
|
External Product, then you may make use of any API Calls included in this
|
||||||
|
project’s code for that SAP External Product, subject to the terms of such
|
||||||
|
license agreement. If you do not have a valid license agreement for the use of
|
||||||
|
a particular SAP External Product, then you may only make use of any API Calls
|
||||||
|
in this project for that SAP External Product for your internal, non-productive
|
||||||
|
and non-commercial test and evaluation of such API Calls. Nothing herein grants
|
||||||
|
you any rights to use or access any SAP External Product, or provide any third
|
||||||
|
parties the right to use of access any SAP External Product, through API Calls.
|
||||||
|
|
||||||
|
Files: *
|
||||||
|
Copyright: 2019-2020 SAP SE or an SAP affiliate company and cap-cloud-samples
|
||||||
|
License: Apache-2.0
|
||||||
@@ -104,7 +104,7 @@
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
"file": "fiori/app/services.cds",
|
"file": "fiori/app/services.cds",
|
||||||
"description": "### Annotations for SAP Fiori Elements\n\nAdds an SAP Fiori elements application to bookstore, thereby introducing:\n- OData Annotations in `.cds` files\n- Support for Fiori Draft\n- Support for Value Helps\n- Serving SAP Fiori apps locally\n\nSee the [Serving Fiori UIs](https://cap.cloud.sap/docs/advanced/fiori) documentation for more information.",
|
"description": "### Annotations for SAP Fiori Elements\n\n- [Adds an SAP Fiori elements application](https://cap.cloud.sap/docs/guides/fiori/) to bookstore, thereby introducing to:\n- [OData Annotations](https://cap.cloud.sap/docs/guides/fiori#adding-odata-annotations) in `.cds` files\n- Support for [Fiori Draft](https://cap.cloud.sap/docs/guides/fiori#draft)\n- Support for [Value Helps](https://cap.cloud.sap/docs/guides/fiori#value-help)\n- Serving SAP Fiori apps locally\n",
|
||||||
"line": 1,
|
"line": 1,
|
||||||
"selection": {
|
"selection": {
|
||||||
"start": {
|
"start": {
|
||||||
|
|||||||
4
.vscode/extensions.json
vendored
4
.vscode/extensions.json
vendored
@@ -4,11 +4,13 @@
|
|||||||
|
|
||||||
// List of extensions which should be recommended for users of this workspace.
|
// List of extensions which should be recommended for users of this workspace.
|
||||||
"recommendations": [
|
"recommendations": [
|
||||||
"qwtel.sqlite-viewer",
|
|
||||||
"sapse.vscode-cds",
|
"sapse.vscode-cds",
|
||||||
"dbaeumer.vscode-eslint",
|
"dbaeumer.vscode-eslint",
|
||||||
|
"esbenp.prettier-vscode",
|
||||||
"mechatroner.rainbow-csv",
|
"mechatroner.rainbow-csv",
|
||||||
"humao.rest-client",
|
"humao.rest-client",
|
||||||
|
"alexcvzz.vscode-sqlite",
|
||||||
|
"hbenl.vscode-mocha-test-adapter",
|
||||||
"sdras.night-owl",
|
"sdras.night-owl",
|
||||||
"vsls-contrib.codetour"
|
"vsls-contrib.codetour"
|
||||||
],
|
],
|
||||||
|
|||||||
20
.vscode/launch.json
vendored
20
.vscode/launch.json
vendored
@@ -13,7 +13,7 @@
|
|||||||
"<node_internals>/**",
|
"<node_internals>/**",
|
||||||
"**/node_modules/**",
|
"**/node_modules/**",
|
||||||
"**/cds/lib/lazy.js",
|
"**/cds/lib/lazy.js",
|
||||||
"**/cds/lib/req/cds-context.js",
|
"**/cds/lib/req/cls.js",
|
||||||
"**/odata-v4/okra/**"
|
"**/odata-v4/okra/**"
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
@@ -26,24 +26,10 @@
|
|||||||
"<node_internals>/**",
|
"<node_internals>/**",
|
||||||
"**/node_modules/**",
|
"**/node_modules/**",
|
||||||
"**/cds/lib/lazy.js",
|
"**/cds/lib/lazy.js",
|
||||||
"**/cds/lib/req/cds-context.js",
|
"**/cds/lib/req/cls.js",
|
||||||
"**/odata-v4/okra/**"
|
"**/odata-v4/okra/**"
|
||||||
]
|
]
|
||||||
},
|
}
|
||||||
{
|
|
||||||
"name": "Debug Mocha Tests",
|
|
||||||
"type": "node",
|
|
||||||
"request": "attach",
|
|
||||||
"port": 9229,
|
|
||||||
"continueOnAttach": true,
|
|
||||||
"skipFiles": [
|
|
||||||
"<node_internals>/**",
|
|
||||||
"**/node_modules/**",
|
|
||||||
"**/cds/lib/lazy.js",
|
|
||||||
"**/cds/lib/req/cds-context.js",
|
|
||||||
"**/odata-v4/okra/**",
|
|
||||||
]
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
"inputs": [
|
"inputs": [
|
||||||
{
|
{
|
||||||
|
|||||||
2
.vscode/settings.json
vendored
2
.vscode/settings.json
vendored
@@ -10,7 +10,7 @@
|
|||||||
"<node_internals>/**",
|
"<node_internals>/**",
|
||||||
"**/node_modules/**",
|
"**/node_modules/**",
|
||||||
"**/cds/lib/lazy.js",
|
"**/cds/lib/lazy.js",
|
||||||
"**/cds/lib/req/cds-context.js",
|
"**/cds/lib/req/cls.js",
|
||||||
"**/odata-v4/okra/**"
|
"**/odata-v4/okra/**"
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
38
README.md
38
README.md
@@ -1,29 +1,19 @@
|
|||||||
[](https://api.reuse.software/info/github.com/SAP-samples/cloud-cap-samples)
|
|
||||||
|
|
||||||
|
|
||||||
# Welcome to cap/samples
|
# Welcome to cap/samples
|
||||||
|
|
||||||
Find here a collection of samples for the [SAP Cloud Application Programming Model](https://cap.cloud.sap) organized in a simplistic [monorepo setup](samples.md#all-in-one-monorepo).
|
Find here a collection of samples for the [SAP Cloud Application Programming Model](https://cap.cloud.sap) organized in a simplistic [monorepo setup](samples.md#all-in-one-monorepo). → See [**Overview** of contained samples](samples.md)
|
||||||
|
|
||||||
[See **Overview** of contained samples](samples.md):
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
[](https://api.reuse.software/info/github.com/SAP-samples/cloud-cap-samples)
|
[](https://api.reuse.software/info/github.com/SAP-samples/cloud-cap-samples)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
### Preliminaries
|
### Preliminaries
|
||||||
|
|
||||||
1. Ensure you have the latest LTS version of Node.js installed (see [Getting Started](https://cap.cloud.sap/docs/get-started/jumpstart))
|
1. Install [**@sap/cds-dk**](https://cap.cloud.sap/docs/get-started/) globally:
|
||||||
2. Install [**@sap/cds-dk**](https://cap.cloud.sap/docs/get-started/) globally:
|
|
||||||
|
|
||||||
```sh
|
```sh
|
||||||
npm i -g @sap/cds-dk
|
npm i -g @sap/cds-dk
|
||||||
```
|
```
|
||||||
|
|
||||||
3. _Optional:_ [Use Visual Studio Code](https://cap.cloud.sap/docs/get-started/tools#vscode)
|
2. _Optional:_ [Use Visual Studio Code](https://cap.cloud.sap/docs/get-started/tools#vscode)
|
||||||
|
|
||||||
### Download
|
### Download
|
||||||
|
|
||||||
@@ -39,7 +29,7 @@ cd samples
|
|||||||
In the samples folder run:
|
In the samples folder run:
|
||||||
|
|
||||||
```sh
|
```sh
|
||||||
npm ci
|
npm install
|
||||||
```
|
```
|
||||||
|
|
||||||
### Run
|
### Run
|
||||||
@@ -63,6 +53,24 @@ npx jest
|
|||||||
```
|
```
|
||||||
> While mocha is a bit smaller and faster, jest runs tests in parallel and isolation, which allows to run all tests.
|
> While mocha is a bit smaller and faster, jest runs tests in parallel and isolation, which allows to run all tests.
|
||||||
|
|
||||||
|
|
||||||
|
### Serve `npm`
|
||||||
|
|
||||||
|
We've included a simple npm registry mock, which allows you to do an `npm install @capire/<package>` locally. Use it as follows:
|
||||||
|
|
||||||
|
1. Start the @capire registry:
|
||||||
|
```sh
|
||||||
|
npm run registry
|
||||||
|
```
|
||||||
|
> While running this will have `@capire:registry=http://localhost:4444` set with npmrc.
|
||||||
|
|
||||||
|
2. Install one of the @capire packages wherever you like, for example:
|
||||||
|
|
||||||
|
```sh
|
||||||
|
npm add @capire/common @capire/bookshop
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
## Code Tours
|
## Code Tours
|
||||||
|
|
||||||
Take one of the [guided tours](.tours) in VS Code through our CAP samples and learn which CAP features are showcased by the different parts of the repository. Just install the [CodeTour extension](https://marketplace.visualstudio.com/items?itemName=vsls-contrib.codetour) for VS Code. We'll add more code tours in the future. Stay tuned!
|
Take one of the [guided tours](.tours) in VS Code through our CAP samples and learn which CAP features are showcased by the different parts of the repository. Just install the [CodeTour extension](https://marketplace.visualstudio.com/items?itemName=vsls-contrib.codetour) for VS Code. We'll add more code tours in the future. Stay tuned!
|
||||||
@@ -75,4 +83,4 @@ In case you've a question, find a bug, or otherwise need support, use our [commu
|
|||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
Copyright (c) 2022 SAP SE or an SAP affiliate company. All rights reserved. This file is licensed under the Apache Software License, version 2.0 except as noted otherwise in the [LICENSE](LICENSE) file.
|
Copyright (c) 2021 SAP SE or an SAP affiliate company. All rights reserved. This file is licensed under the Apache Software License, version 2.0 except as noted otherwise in the [LICENSE](LICENSE.txt) file.
|
||||||
|
|||||||
11
REUSE.toml
11
REUSE.toml
@@ -1,11 +0,0 @@
|
|||||||
version = 1
|
|
||||||
SPDX-PackageName = "cloud-cap-samples"
|
|
||||||
SPDX-PackageSupplier = "<CAP (cap@sap.com)>"
|
|
||||||
SPDX-PackageDownloadLocation = "https://github.com/SAP-samples/cloud-cap-samples"
|
|
||||||
SPDX-PackageComment = "The code in this project may include calls to APIs (“API Calls”) of\n SAP or third-party products or services developed outside of this project\n (“External Products”).\n “APIs” means application programming interfaces, as well as their respective\n specifications and implementing code that allows software to communicate with\n other software.\n API Calls to External Products are not licensed under the open source license\n that governs this project. The use of such API Calls and related External\n Products are subject to applicable additional agreements with the relevant\n provider of the External Products. In no event shall the open source license\n that governs this project grant any rights in or to any External Products,or\n alter, expand or supersede any terms of the applicable additional agreements.\n If you have a valid license agreement with SAP for the use of a particular SAP\n External Product, then you may make use of any API Calls included in this\n project’s code for that SAP External Product, subject to the terms of such\n license agreement. If you do not have a valid license agreement for the use of\n a particular SAP External Product, then you may only make use of any API Calls\n in this project for that SAP External Product for your internal, non-productive\n and non-commercial test and evaluation of such API Calls. Nothing herein grants\n you any rights to use or access any SAP External Product, or provide any third\n parties the right to use of access any SAP External Product, through API Calls."
|
|
||||||
|
|
||||||
[[annotations]]
|
|
||||||
path = "**.**"
|
|
||||||
precedence = "aggregate"
|
|
||||||
SPDX-FileCopyrightText = "2019-2025 SAP SE or an SAP affiliate company and cap-cloud-samples"
|
|
||||||
SPDX-License-Identifier = "Apache-2.0"
|
|
||||||
2
bookshop/app/services.cds
Normal file
2
bookshop/app/services.cds
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
// Incorporate pre-build extensions from...
|
||||||
|
using from '@capire/common';
|
||||||
@@ -3,15 +3,14 @@ const $ = sel => document.querySelector(sel)
|
|||||||
const GET = (url) => axios.get('/browse'+url)
|
const GET = (url) => axios.get('/browse'+url)
|
||||||
const POST = (cmd,data) => axios.post('/browse'+cmd,data)
|
const POST = (cmd,data) => axios.post('/browse'+cmd,data)
|
||||||
|
|
||||||
const books = Vue.createApp ({
|
const books = new Vue ({
|
||||||
|
|
||||||
data() {
|
el:'#app',
|
||||||
return {
|
|
||||||
|
data: {
|
||||||
list: [],
|
list: [],
|
||||||
book: undefined,
|
book: undefined,
|
||||||
order: { quantity:1, succeeded:'', failed:'' },
|
order: { quantity:1, succeeded:'', failed:'' }
|
||||||
user: undefined
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
@@ -19,7 +18,7 @@ const books = Vue.createApp ({
|
|||||||
search: ({target:{value:v}}) => books.fetch(v && '&$search='+v),
|
search: ({target:{value:v}}) => books.fetch(v && '&$search='+v),
|
||||||
|
|
||||||
async fetch (etc='') {
|
async fetch (etc='') {
|
||||||
const {data} = await GET(`/ListOfBooks?$expand=genre($select=name),currency($select=symbol)${etc}`)
|
const {data} = await GET(`/ListOfBooks?$expand=genre,currency${etc}`)
|
||||||
books.list = data.value
|
books.list = data.value
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -38,52 +37,12 @@ const books = Vue.createApp ({
|
|||||||
book.stock = res.data.stock
|
book.stock = res.data.stock
|
||||||
books.order = { quantity, succeeded: `Successfully ordered ${quantity} item(s).` }
|
books.order = { quantity, succeeded: `Successfully ordered ${quantity} item(s).` }
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
books.order = { quantity, failed: e.response.data.error ? e.response.data.error.message : e.response.data }
|
books.order = { quantity, failed: e.response.data.error.message }
|
||||||
}
|
}
|
||||||
},
|
}
|
||||||
|
|
||||||
async login() {
|
|
||||||
try {
|
|
||||||
const { data:user } = await axios.post('/user/login',{})
|
|
||||||
if (user.id !== 'anonymous') books.user = user
|
|
||||||
} catch (err) { books.user = { id: err.message } }
|
|
||||||
},
|
|
||||||
|
|
||||||
async getUserInfo() {
|
|
||||||
try {
|
|
||||||
const { data:user } = await axios.get('/user/me')
|
|
||||||
if (user.id !== 'anonymous') books.user = user
|
|
||||||
} catch (err) { books.user = { id: err.message } }
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
}).mount('#app')
|
|
||||||
|
|
||||||
books.getUserInfo()
|
|
||||||
books.fetch() // initially fill list of books
|
|
||||||
|
|
||||||
document.addEventListener('keydown', (event) => {
|
|
||||||
// hide user info on request
|
|
||||||
if (event.key === 'u') books.user = undefined
|
|
||||||
})
|
})
|
||||||
|
|
||||||
axios.interceptors.request.use(csrfToken)
|
// initially fill list of books
|
||||||
function csrfToken (request) {
|
books.fetch()
|
||||||
if (request.method === 'head' || request.method === 'get') return request
|
|
||||||
if ('csrfToken' in document) {
|
|
||||||
request.headers['x-csrf-token'] = document.csrfToken
|
|
||||||
return request
|
|
||||||
}
|
|
||||||
return fetchToken().then(token => {
|
|
||||||
document.csrfToken = token
|
|
||||||
request.headers['x-csrf-token'] = document.csrfToken
|
|
||||||
return request
|
|
||||||
}).catch(() => {
|
|
||||||
document.csrfToken = null // set mark to not try again
|
|
||||||
return request
|
|
||||||
})
|
|
||||||
|
|
||||||
function fetchToken() {
|
|
||||||
return axios.get('/', { headers: { 'x-csrf-token': 'fetch' } })
|
|
||||||
.then(res => res.headers['x-csrf-token'])
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -5,32 +5,19 @@
|
|||||||
<title> Capire Books </title>
|
<title> Capire Books </title>
|
||||||
<link rel="stylesheet" href="https://unpkg.com/primitive-ui/dist/css/main.css">
|
<link rel="stylesheet" href="https://unpkg.com/primitive-ui/dist/css/main.css">
|
||||||
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/vue@3/dist/vue.global.prod.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
|
||||||
<style>
|
<style>
|
||||||
.hovering tr:hover td { color:cyan; background: #123; cursor: pointer; }
|
.hovering tr:hover td { color:cyan; background: #123; cursor: pointer; }
|
||||||
.rating-stars { color:teal }
|
.rating-stars { color:teal }
|
||||||
.succeeded { color:teal }
|
.succeeded { color:teal }
|
||||||
.failed { color:red }
|
.failed { color:red }
|
||||||
.user {text-align: end; color: grey;}
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="small-container", style="margin-top: 70px;">
|
<body class="small-container", style="margin-top: 70px;">
|
||||||
<div id='app'>
|
<div id='app'>
|
||||||
|
|
||||||
<form class="user" @submit.prevent="login">
|
<h1> {{ document.title }} </h1>
|
||||||
<div v-if="user">
|
|
||||||
<div v-if="user.tenant">Tenant: {{ user.tenant }}</div>
|
|
||||||
<div> User: {{ user.id }}</div>
|
|
||||||
<div>Locale: {{ user.locale }}</div>
|
|
||||||
</div>
|
|
||||||
<div v-else>
|
|
||||||
<input type="submit" value="Login" class="muted-button">
|
|
||||||
<!-- <a href="/user/login()">Login</a> -->
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<h1> Capire Books </h1>
|
|
||||||
|
|
||||||
<input type="text" placeholder="Search..." @input="search">
|
<input type="text" placeholder="Search..." @input="search">
|
||||||
|
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
ID,name,dateOfBirth,placeOfBirth,dateOfDeath,placeOfDeath
|
ID;name;dateOfBirth;placeOfBirth;dateOfDeath;placeOfDeath
|
||||||
101,Emily Brontë,1818-07-30,"Thornton, Yorkshire",1848-12-19,"Haworth, Yorkshire"
|
101;Emily Brontë;1818-07-30;Thornton, Yorkshire;1848-12-19;Haworth, Yorkshire
|
||||||
107,Charlotte Brontë,1818-04-21,"Thornton, Yorkshire",1855-03-31,"Haworth, Yorkshire"
|
107;Charlotte Brontë;1818-04-21;Thornton, Yorkshire;1855-03-31;Haworth, Yorkshire
|
||||||
150,Edgar Allen Poe,1809-01-19,"Boston, Massachusetts",1849-10-07,"Baltimore, Maryland"
|
150;Edgar Allen Poe;1809-01-19;Boston, Massachusetts;1849-10-07;Baltimore, Maryland
|
||||||
170,Richard Carpenter,1929-08-14,"King’s Lynn, Norfolk",2012-02-26,"Hertfordshire, England"
|
170;Richard Carpenter;1929-08-14;King’s Lynn, Norfolk;2012-02-26;Hertfordshire, England
|
||||||
|
@@ -1,6 +1,6 @@
|
|||||||
ID,title,descr,author_ID,stock,price,currency_code,genre_ID
|
ID;title;descr;author_ID;stock;price;currency_code;genre_ID
|
||||||
201,Wuthering Heights,"Wuthering Heights, Emily Brontë's only novel, was published in 1847 under the pseudonym ""Ellis Bell"". It was written between October 1845 and June 1846. Wuthering Heights and Anne Brontë's Agnes Grey were accepted by publisher Thomas Newby before the success of their sister Charlotte's novel Jane Eyre. After Emily's death, Charlotte edited the manuscript of Wuthering Heights and arranged for the edited version to be published as a posthumous second edition in 1850.",101,12,11.11,GBP,11
|
201;Wuthering Heights;"Wuthering Heights, Emily Brontë's only novel, was published in 1847 under the pseudonym ""Ellis Bell"". It was written between October 1845 and June 1846. Wuthering Heights and Anne Brontë's Agnes Grey were accepted by publisher Thomas Newby before the success of their sister Charlotte's novel Jane Eyre. After Emily's death, Charlotte edited the manuscript of Wuthering Heights and arranged for the edited version to be published as a posthumous second edition in 1850.";101;12;11.11;GBP;11
|
||||||
207,Jane Eyre,"Jane Eyre /ɛər/ (originally published as Jane Eyre: An Autobiography) is a novel by English writer Charlotte Brontë, published under the pen name ""Currer Bell"", on 16 October 1847, by Smith, Elder & Co. of London. The first American edition was published the following year by Harper & Brothers of New York. Primarily a bildungsroman, Jane Eyre follows the experiences of its eponymous heroine, including her growth to adulthood and her love for Mr. Rochester, the brooding master of Thornfield Hall. The novel revolutionised prose fiction in that the focus on Jane's moral and spiritual development is told through an intimate, first-person narrative, where actions and events are coloured by a psychological intensity. The book contains elements of social criticism, with a strong sense of Christian morality at its core and is considered by many to be ahead of its time because of Jane's individualistic character and how the novel approaches the topics of class, sexuality, religion and feminism.",107,11,12.34,GBP,11
|
207;Jane Eyre;"Jane Eyre /ɛər/ (originally published as Jane Eyre: An Autobiography) is a novel by English writer Charlotte Brontë, published under the pen name ""Currer Bell"", on 16 October 1847, by Smith, Elder & Co. of London. The first American edition was published the following year by Harper & Brothers of New York. Primarily a bildungsroman, Jane Eyre follows the experiences of its eponymous heroine, including her growth to adulthood and her love for Mr. Rochester, the brooding master of Thornfield Hall. The novel revolutionised prose fiction in that the focus on Jane's moral and spiritual development is told through an intimate, first-person narrative, where actions and events are coloured by a psychological intensity. The book contains elements of social criticism, with a strong sense of Christian morality at its core and is considered by many to be ahead of its time because of Jane's individualistic character and how the novel approaches the topics of class, sexuality, religion and feminism.";107;11;12.34;GBP;11
|
||||||
251,The Raven,"""The Raven"" is a narrative poem by American writer Edgar Allan Poe. First published in January 1845, the poem is often noted for its musicality, stylized language, and supernatural atmosphere. It tells of a talking raven's mysterious visit to a distraught lover, tracing the man's slow fall into madness. The lover, often identified as being a student, is lamenting the loss of his love, Lenore. Sitting on a bust of Pallas, the raven seems to further distress the protagonist with its constant repetition of the word ""Nevermore"". The poem makes use of folk, mythological, religious, and classical references.",150,333,13.13,USD,16
|
251;The Raven;"""The Raven"" is a narrative poem by American writer Edgar Allan Poe. First published in January 1845, the poem is often noted for its musicality, stylized language, and supernatural atmosphere. It tells of a talking raven's mysterious visit to a distraught lover, tracing the man's slow fall into madness. The lover, often identified as being a student, is lamenting the loss of his love, Lenore. Sitting on a bust of Pallas, the raven seems to further distress the protagonist with its constant repetition of the word ""Nevermore"". The poem makes use of folk, mythological, religious, and classical references.";150;333;13.13;USD;16
|
||||||
252,Eleonora,"""Eleonora"" is a short story by Edgar Allan Poe, first published in 1842 in Philadelphia in the literary annual The Gift. It is often regarded as somewhat autobiographical and has a relatively ""happy"" ending.",150,555,14,USD,15
|
252;Eleonora;"""Eleonora"" is a short story by Edgar Allan Poe, first published in 1842 in Philadelphia in the literary annual The Gift. It is often regarded as somewhat autobiographical and has a relatively ""happy"" ending.";150;555;14;USD;16
|
||||||
271,Catweazle,"Catweazle is a British fantasy television series, starring Geoffrey Bayldon in the title role, and created by Richard Carpenter for London Weekend Television. The first series, produced and directed by Quentin Lawrence, was screened in the UK on ITV in 1970. The second series, directed by David Reid and David Lane, was shown in 1971. Each series had thirteen episodes, most but not all written by Carpenter, who also published two books based on the scripts.",170,22,150,JPY,13
|
271;Catweazle;Catweazle is a British fantasy television series, starring Geoffrey Bayldon in the title role, and created by Richard Carpenter for London Weekend Television. The first series, produced and directed by Quentin Lawrence, was screened in the UK on ITV in 1970. The second series, directed by David Reid and David Lane, was shown in 1971. Each series had thirteen episodes, most but not all written by Carpenter, who also published two books based on the scripts.;170;22;150;JPY;13
|
||||||
|
@@ -1,5 +0,0 @@
|
|||||||
ID,locale,title,descr
|
|
||||||
201,de,Sturmhöhe,"Sturmhöhe (Originaltitel: Wuthering Heights) ist der einzige Roman der englischen Schriftstellerin Emily Brontë (1818–1848). Der 1847 unter dem Pseudonym Ellis Bell veröffentlichte Roman wurde vom viktorianischen Publikum weitgehend abgelehnt, heute gilt er als ein Klassiker der britischen Romanliteratur des 19. Jahrhunderts."
|
|
||||||
201,fr,Les Hauts de Hurlevent,"Les Hauts de Hurlevent (titre original : Wuthering Heights), parfois orthographié Les Hauts de Hurle-Vent, est l'unique roman d'Emily Brontë, publié pour la première fois en 1847 sous le pseudonyme d’Ellis Bell. Loin d'être un récit moralisateur, Emily Brontë achève néanmoins le roman dans une atmosphère sereine, suggérant le triomphe de la paix et du Bien sur la vengeance et le Mal."
|
|
||||||
207,de,Jane Eyre,"Jane Eyre. Eine Autobiographie (Originaltitel: Jane Eyre. An Autobiography), erstmals erschienen im Jahr 1847 unter dem Pseudonym Currer Bell, ist der erste veröffentlichte Roman der britischen Autorin Charlotte Brontë und ein Klassiker der viktorianischen Romanliteratur des 19. Jahrhunderts. Der Roman erzählt in Form einer Ich-Erzählung die Lebensgeschichte von Jane Eyre (ausgesprochen /ˌdʒeɪn ˈɛə/), die nach einer schweren Kindheit eine Stelle als Gouvernante annimmt und sich in ihren Arbeitgeber verliebt, jedoch immer wieder um ihre Freiheit und Selbstbestimmung kämpfen muss. Als klein, dünn, blass, stets schlicht dunkel gekleidet und mit strengem Mittelscheitel beschrieben, gilt die Heldin des Romans Jane Eyre nicht zuletzt aufgrund der Kino- und Fernsehversionen der melodramatischen Romanvorlage als die bekannteste englische Gouvernante der Literaturgeschichte"
|
|
||||||
252,de,Eleonora,"“Eleonora” ist eine Erzählung von Edgar Allan Poe. Sie wurde 1841 erstveröffentlicht. In ihr geht es um das Paradox der Treue in der Treulosigkeit."
|
|
||||||
|
5
bookshop/db/data/sap.capire.bookshop-Books_texts.csv
Normal file
5
bookshop/db/data/sap.capire.bookshop-Books_texts.csv
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
ID;locale;title;descr
|
||||||
|
201;de;Sturmhöhe;Sturmhöhe (Originaltitel: Wuthering Heights) ist der einzige Roman der englischen Schriftstellerin Emily Brontë (1818–1848). Der 1847 unter dem Pseudonym Ellis Bell veröffentlichte Roman wurde vom viktorianischen Publikum weitgehend abgelehnt, heute gilt er als ein Klassiker der britischen Romanliteratur des 19. Jahrhunderts.
|
||||||
|
201;fr;Les Hauts de Hurlevent;Les Hauts de Hurlevent (titre original : Wuthering Heights), parfois orthographié Les Hauts de Hurle-Vent, est l'unique roman d'Emily Brontë, publié pour la première fois en 1847 sous le pseudonyme d’Ellis Bell. Loin d'être un récit moralisateur, Emily Brontë achève néanmoins le roman dans une atmosphère sereine, suggérant le triomphe de la paix et du Bien sur la vengeance et le Mal.
|
||||||
|
207;de;Jane Eyre;Jane Eyre. Eine Autobiographie (Originaltitel: Jane Eyre. An Autobiography), erstmals erschienen im Jahr 1847 unter dem Pseudonym Currer Bell, ist der erste veröffentlichte Roman der britischen Autorin Charlotte Brontë und ein Klassiker der viktorianischen Romanliteratur des 19. Jahrhunderts. Der Roman erzählt in Form einer Ich-Erzählung die Lebensgeschichte von Jane Eyre (ausgesprochen /ˌdʒeɪn ˈɛə/), die nach einer schweren Kindheit eine Stelle als Gouvernante annimmt und sich in ihren Arbeitgeber verliebt, jedoch immer wieder um ihre Freiheit und Selbstbestimmung kämpfen muss. Als klein, dünn, blass, stets schlicht dunkel gekleidet und mit strengem Mittelscheitel beschrieben, gilt die Heldin des Romans Jane Eyre nicht zuletzt aufgrund der Kino- und Fernsehversionen der melodramatischen Romanvorlage als die bekannteste englische Gouvernante der Literaturgeschichte
|
||||||
|
252;de;Eleonora;“Eleonora” ist eine Erzählung von Edgar Allan Poe. Sie wurde 1841 erstveröffentlicht. In ihr geht es um das Paradox der Treue in der Treulosigkeit.
|
||||||
|
@@ -1,16 +1,16 @@
|
|||||||
ID,parent_ID,name
|
ID;parent_ID;name
|
||||||
10,,Fiction
|
10;;Fiction
|
||||||
11,10,Drama
|
11;10;Drama
|
||||||
12,10,Poetry
|
12;10;Poetry
|
||||||
13,10,Fantasy
|
13;10;Fantasy
|
||||||
14,10,Science Fiction
|
14;10;Science Fiction
|
||||||
15,10,Romance
|
15;10;Romance
|
||||||
16,10,Mystery
|
16;10;Mystery
|
||||||
17,10,Thriller
|
17;10;Thriller
|
||||||
18,10,Dystopia
|
18;10;Dystopia
|
||||||
19,10,Fairy Tale
|
19;10;Fairy Tale
|
||||||
20,,Non-Fiction
|
20;;Non-Fiction
|
||||||
21,20,Biography
|
21;20;Biography
|
||||||
22,21,Autobiography
|
22;21;Autobiography
|
||||||
23,20,Essay
|
23;20;Essay
|
||||||
24,20,Speech
|
24;20;Speech
|
||||||
|
|||||||
|
@@ -1,21 +0,0 @@
|
|||||||
const cds = require('@sap/cds')
|
|
||||||
|
|
||||||
/**
|
|
||||||
* In order to keep basic bookshop sample as simple as possible, we don't add
|
|
||||||
* reuse dependencies. This db/init.js ensures we still have a minimum set of
|
|
||||||
* currencies, if not obtained through @capire/common.
|
|
||||||
*/
|
|
||||||
|
|
||||||
// NOTE: We use cds.on('served') to delay the UPSERTs after the db init
|
|
||||||
// to run after all INSERTs from .csv files happened.
|
|
||||||
module.exports = cds.on('served', ()=>
|
|
||||||
UPSERT.into ('sap.common.Currencies') .columns (
|
|
||||||
[ 'code', 'symbol', 'name' ]
|
|
||||||
) .rows (
|
|
||||||
[ 'EUR', '€', 'Euro' ],
|
|
||||||
[ 'USD', '$', 'US Dollar' ],
|
|
||||||
[ 'GBP', '£', 'British Pound' ],
|
|
||||||
[ 'ILS', '₪', 'Shekel' ],
|
|
||||||
[ 'JPY', '¥', 'Yen' ],
|
|
||||||
)
|
|
||||||
)
|
|
||||||
@@ -2,25 +2,25 @@ using { Currency, managed, sap } from '@sap/cds/common';
|
|||||||
namespace sap.capire.bookshop;
|
namespace sap.capire.bookshop;
|
||||||
|
|
||||||
entity Books : managed {
|
entity Books : managed {
|
||||||
key ID : Integer;
|
key ID : Integer;
|
||||||
title : localized String(111) @mandatory;
|
title : localized String(111);
|
||||||
descr : localized String(1111);
|
descr : localized String(1111);
|
||||||
author : Association to Authors @mandatory;
|
author : Association to Authors;
|
||||||
genre : Association to Genres;
|
genre : Association to Genres;
|
||||||
stock : Integer;
|
stock : Integer;
|
||||||
price : Decimal;
|
price : Decimal;
|
||||||
currency : Currency;
|
currency : Currency;
|
||||||
image : LargeBinary @Core.MediaType: 'image/png';
|
image : LargeBinary @Core.MediaType : 'image/png';
|
||||||
}
|
}
|
||||||
|
|
||||||
entity Authors : managed {
|
entity Authors : managed {
|
||||||
key ID : Integer;
|
key ID : Integer;
|
||||||
name : String(111) @mandatory;
|
name : String(111);
|
||||||
dateOfBirth : Date;
|
dateOfBirth : Date;
|
||||||
dateOfDeath : Date;
|
dateOfDeath : Date;
|
||||||
placeOfBirth : String;
|
placeOfBirth : String;
|
||||||
placeOfDeath : String;
|
placeOfDeath : String;
|
||||||
books : Association to many Books on books.author = $self;
|
books : Association to many Books on books.author = $self;
|
||||||
}
|
}
|
||||||
|
|
||||||
/** Hierarchically organized Code List for Genres */
|
/** Hierarchically organized Code List for Genres */
|
||||||
|
|||||||
@@ -2,4 +2,3 @@ namespace sap.capire.bookshop; //> important for reflection
|
|||||||
using from './db/schema';
|
using from './db/schema';
|
||||||
using from './srv/cat-service';
|
using from './srv/cat-service';
|
||||||
using from './srv/admin-service';
|
using from './srv/admin-service';
|
||||||
using from './srv/user-service';
|
|
||||||
|
|||||||
2
bookshop/index.js
Normal file
2
bookshop/index.js
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
const { CatalogService } = require('./srv/cat-service')
|
||||||
|
module.exports = { CatalogService }
|
||||||
@@ -2,23 +2,25 @@
|
|||||||
"name": "@capire/bookshop",
|
"name": "@capire/bookshop",
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"description": "A simple self-contained bookshop service.",
|
"description": "A simple self-contained bookshop service.",
|
||||||
"files": [
|
|
||||||
"app",
|
|
||||||
"srv",
|
|
||||||
"db",
|
|
||||||
"index.cds",
|
|
||||||
"index.js"
|
|
||||||
],
|
|
||||||
"devDependencies": {
|
|
||||||
"@cap-js/sqlite": "*"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@sap/cds": ">=7",
|
"@capire/common": "*",
|
||||||
"express": "^4.17.1"
|
"@sap/cds": "^5.0.4",
|
||||||
|
"express": "^4.17.1",
|
||||||
|
"passport": "0.4.1"
|
||||||
},
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"genres": "cds serve test/genres.cds",
|
"genres": "cds serve test/genres.cds",
|
||||||
"start": "cds-serve",
|
"start": "cds run",
|
||||||
"watch": "cds watch"
|
"watch": "cds watch"
|
||||||
|
},
|
||||||
|
"cds": {
|
||||||
|
"requires": {
|
||||||
|
"db": {
|
||||||
|
"kind": "sql"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"features": {
|
||||||
|
"assert_integrity": "db"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -20,12 +20,12 @@ npm run watch
|
|||||||
|
|
||||||
| Links to capire | Sample files / folders |
|
| Links to capire | Sample files / folders |
|
||||||
| --------------------------------------------------------------------------------------------------------- | ------------------------------------ |
|
| --------------------------------------------------------------------------------------------------------- | ------------------------------------ |
|
||||||
| [Project Setup & Layouts](https://cap.cloud.sap/docs/get-started/jumpstart#project-structure) | [`./`](./) |
|
| [Project Setup & Layouts](https://cap.cloud.sap/docs/get-started/projects#sharing-and-reusing-content) | [`./`](./) |
|
||||||
| [Domain Modeling with CDS](https://cap.cloud.sap/docs/guides/domain-modeling) | [`./db/schema.cds`](./db/schema.cds) |
|
| [Domain Modeling with CDS](https://cap.cloud.sap/docs/guides/domain-models) | [`./db/schema.cds`](./db/schema.cds) |
|
||||||
| [Defining Services](https://cap.cloud.sap/docs/guides/providing-services#modeling-services) | [`./srv/*.cds`](./srv) |
|
| [Defining Services](https://cap.cloud.sap/docs/guides/services#defining-services) | [`./srv/*.cds`](./srv) |
|
||||||
| [Single-purposed Services](https://cap.cloud.sap/docs/guides/providing-services#single-purposed-services) | [`./srv/*.cds`](./srv) |
|
| [Single-purposed Services](https://cap.cloud.sap/docs/guides/services#single-purposed-services) | [`./srv/*.cds`](./srv) |
|
||||||
| [Providing & Consuming Providers](https://cap.cloud.sap/docs/guides/providing-services) | http://localhost:4004 |
|
| [Providing & Consuming Providers](https://cap.cloud.sap/docs/guides/providing-services) | http://localhost:4004 |
|
||||||
| [Using Databases](https://cap.cloud.sap/docs/guides/databases) | [`./db/data/*.csv`](./db/data) |
|
| [Using Databases](https://cap.cloud.sap/docs/guides/databases) | [`./db/data/*.csv`](./db/data) |
|
||||||
| [Adding Custom Logic](https://cap.cloud.sap/docs/guides/providing-services#adding-custom-logic) | [`./srv/*.js`](./srv) |
|
| [Adding Custom Logic](https://cap.cloud.sap/docs/guides/service-impl) | [`./srv/*.js`](./srv) |
|
||||||
| Adding Tests | [`./test`](./test) |
|
| Adding Tests | [`./test`](./test) |
|
||||||
| [Sharing for Reuse](https://cap.cloud.sap/docs/guides/extensibility/composition) | [`./index.cds`](./index.cds) |
|
| [Sharing for Reuse](https://cap.cloud.sap/docs/guides/reuse-and-compose) | [`./index.cds`](./index.cds) |
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
using { sap.capire.bookshop as my } from '../db/schema';
|
using { sap.capire.bookshop as my } from '../db/schema';
|
||||||
service AdminService @(requires:'admin', path:'/admin') {
|
service AdminService @(requires:'admin') {
|
||||||
entity Books as projection on my.Books;
|
entity Books as projection on my.Books;
|
||||||
entity Authors as projection on my.Authors;
|
entity Authors as projection on my.Authors;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,14 +1,12 @@
|
|||||||
const cds = require('@sap/cds')
|
const cds = require('@sap/cds')
|
||||||
|
|
||||||
module.exports = class AdminService extends cds.ApplicationService { init(){
|
module.exports = cds.service.impl (function(){
|
||||||
this.before (['NEW','CREATE'],'Authors', genid)
|
this.before ('NEW','Authors', genid)
|
||||||
this.before (['NEW','CREATE'],'Books', genid)
|
this.before ('NEW','Books', genid)
|
||||||
return super.init()
|
})
|
||||||
}}
|
|
||||||
|
|
||||||
/** Generate primary keys for target entity in request */
|
/** Generate primary keys for target entity in request */
|
||||||
async function genid (req) {
|
async function genid (req) {
|
||||||
if (req.data.ID) return
|
const {ID} = await cds.tx(req).run (SELECT.one.from(req.target).columns('max(ID) as ID'))
|
||||||
const {id} = await SELECT.one.from(req.target).columns('max(ID) as id')
|
req.data.ID = ID - ID % 100 + 100 + 1
|
||||||
req.data.ID = id + 4 // Note: that is not safe! ok for this sample only.
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,38 +1,26 @@
|
|||||||
const cds = require('@sap/cds')
|
const cds = require('@sap/cds')
|
||||||
|
|
||||||
class CatalogService extends cds.ApplicationService { init() {
|
class CatalogService extends cds.ApplicationService { init(){
|
||||||
|
|
||||||
const { Books } = cds.entities('sap.capire.bookshop')
|
const { Books } = cds.entities ('sap.capire.bookshop')
|
||||||
const { ListOfBooks } = this.entities
|
|
||||||
|
|
||||||
// Add some discount for overstocked books
|
|
||||||
this.after('each', ListOfBooks, book => {
|
|
||||||
if (book.stock > 111) book.title += ` -- 11% discount!`
|
|
||||||
})
|
|
||||||
|
|
||||||
// Reduce stock of ordered books if available stock suffices
|
// Reduce stock of ordered books if available stock suffices
|
||||||
this.on('submitOrder', async req => {
|
this.on ('submitOrder', async req => {
|
||||||
let { book:id, quantity } = req.data
|
const {book,quantity} = req.data
|
||||||
let book = await SELECT.from (Books, id, b => b.stock)
|
if (quantity < 1) return req.reject (400,`quantity has to be 1 or more`)
|
||||||
|
let {stock} = await SELECT `stock` .from (Books,book)
|
||||||
// Validate input data
|
if (quantity > stock) return req.reject (409,`${quantity} exceeds stock for book #${book}`)
|
||||||
if (!book) return req.error (404, `Book #${id} doesn't exist`)
|
await UPDATE (Books,book) .with ({ stock: stock -= quantity })
|
||||||
if (quantity < 1) return req.error (400, `quantity has to be 1 or more`)
|
await this.emit ('OrderedBook', { book, quantity, buyer:req.user.id })
|
||||||
if (quantity > book.stock) return req.error (409, `${quantity} exceeds stock for book #${id}`)
|
return { stock }
|
||||||
|
|
||||||
// Reduce stock in database and return updated stock value
|
|
||||||
await UPDATE (Books, id) .with ({ stock: book.stock -= quantity })
|
|
||||||
return book
|
|
||||||
})
|
})
|
||||||
|
|
||||||
// Emit event when an order has been submitted
|
// Add some discount for overstocked books
|
||||||
this.after('submitOrder', async (_,req) => {
|
this.after ('READ','ListOfBooks', each => {
|
||||||
let { book, quantity } = req.data
|
if (each.stock > 111) each.title += ` -- 11% discount!`
|
||||||
await this.emit('OrderedBook', { book, quantity, buyer: req.user.id })
|
|
||||||
})
|
})
|
||||||
|
|
||||||
// Delegate requests to the underlying generic service
|
|
||||||
return super.init()
|
return super.init()
|
||||||
}}
|
}}
|
||||||
|
|
||||||
module.exports = CatalogService
|
module.exports = { CatalogService }
|
||||||
|
|||||||
@@ -1,15 +0,0 @@
|
|||||||
/**
|
|
||||||
* Exposes user information
|
|
||||||
*/
|
|
||||||
service UserService @(path: '/user') {
|
|
||||||
/**
|
|
||||||
* The current user
|
|
||||||
*/
|
|
||||||
@odata.singleton entity me @cds.persistence.skip {
|
|
||||||
id : String; // user id
|
|
||||||
locale : String;
|
|
||||||
tenant : String;
|
|
||||||
}
|
|
||||||
|
|
||||||
action login() returns me;
|
|
||||||
}
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
const cds = require('@sap/cds')
|
|
||||||
module.exports = class UserService extends cds.Service { init(){
|
|
||||||
this.on('READ', 'me', ({ tenant, user, locale }) => ({ id: user.id, locale, tenant }))
|
|
||||||
this.on('login', (req) => {
|
|
||||||
if (req.user._is_anonymous)
|
|
||||||
req._.res.set('WWW-Authenticate','Basic realm="Users"').sendStatus(401)
|
|
||||||
else return this.read('me')
|
|
||||||
})
|
|
||||||
}}
|
|
||||||
@@ -3,15 +3,15 @@
|
|||||||
# Genres
|
# Genres
|
||||||
#
|
#
|
||||||
|
|
||||||
GET http://localhost:4004/odata/v4/test/Genres?
|
GET http://localhost:4004/test/Genres?
|
||||||
###
|
###
|
||||||
|
|
||||||
GET http://localhost:4004/odata/v4/test/Genres?
|
GET http://localhost:4004/test/Genres?
|
||||||
&$filter=parent_ID eq null&$select=name
|
&$filter=parent_ID eq null&$select=name
|
||||||
&$expand=children($select=name)
|
&$expand=children($select=name)
|
||||||
###
|
###
|
||||||
|
|
||||||
POST http://localhost:4004/odata/v4/test/Genres?
|
POST http://localhost:4004/test/Genres?
|
||||||
Content-Type: application/json
|
Content-Type: application/json
|
||||||
|
|
||||||
{ "ID":100, "name":"Some Sample Genres...", "children":[
|
{ "ID":100, "name":"Some Sample Genres...", "children":[
|
||||||
@@ -26,13 +26,13 @@ Content-Type: application/json
|
|||||||
]}
|
]}
|
||||||
###
|
###
|
||||||
|
|
||||||
GET http://localhost:4004/odata/v4/test/Genres(100)?
|
GET http://localhost:4004/test/Genres(100)?
|
||||||
# &$expand=children
|
# &$expand=children
|
||||||
# &$expand=children($expand=children($expand=children($expand=children)))
|
# &$expand=children($expand=children($expand=children($expand=children)))
|
||||||
###
|
###
|
||||||
|
|
||||||
DELETE http://localhost:4004/odata/v4/test/Genres(103)
|
DELETE http://localhost:4004/test/Genres(103)
|
||||||
###
|
###
|
||||||
|
|
||||||
DELETE http://localhost:4004/odata/v4/test/Genres(100)
|
DELETE http://localhost:4004/test/Genres(100)
|
||||||
###
|
###
|
||||||
|
|||||||
@@ -16,9 +16,9 @@ GET {{server}}/browse/$metadata
|
|||||||
|
|
||||||
### ------------------------------------------------------------------------
|
### ------------------------------------------------------------------------
|
||||||
# Browse Books as any user
|
# Browse Books as any user
|
||||||
GET {{server}}/browse/ListOfBooks?
|
GET {{server}}/browse/Books?
|
||||||
# &$select=title,stock
|
&$select=title,stock,author
|
||||||
&$expand=genre
|
# &$expand=currency
|
||||||
# &sap-language=de
|
# &sap-language=de
|
||||||
{{me}}
|
{{me}}
|
||||||
|
|
||||||
@@ -62,6 +62,22 @@ Authorization: Basic alice:
|
|||||||
"currency": { "code": "USD" }
|
"currency": { "code": "USD" }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
### ------------------------------------------------------------------------
|
||||||
|
# Create book with invalid author ID -> will fail
|
||||||
|
POST {{server}}/admin/Books
|
||||||
|
Content-Type: application/json;IEEE754Compatible=true
|
||||||
|
Authorization: Basic alice:
|
||||||
|
|
||||||
|
{
|
||||||
|
"ID": 34,
|
||||||
|
"title": "Let constraints do the magic",
|
||||||
|
"descr": "Database constraints are helpful little things that prevent messing up your data.",
|
||||||
|
"author": { "ID": 777 },
|
||||||
|
"genre": { "ID": 14 },
|
||||||
|
"stock": 4,
|
||||||
|
"price": "19.99",
|
||||||
|
"currency": { "code": "USD" }
|
||||||
|
}
|
||||||
|
|
||||||
### ------------------------------------------------------------------------
|
### ------------------------------------------------------------------------
|
||||||
# Put image to books
|
# Put image to books
|
||||||
|
|||||||
@@ -1,12 +0,0 @@
|
|||||||
Books = Bücher
|
|
||||||
Book = Buch
|
|
||||||
Title = Titel
|
|
||||||
Description = Beschreibung
|
|
||||||
Stock = Bestand
|
|
||||||
Image = Bild
|
|
||||||
Price = Preis
|
|
||||||
Currency = Währung
|
|
||||||
|
|
||||||
Authors = Autoren
|
|
||||||
Author = Autor
|
|
||||||
AuthorID = ID des Autors
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
Books = Livres
|
|
||||||
Book = Livre
|
|
||||||
Title = Titre
|
|
||||||
Description = Description
|
|
||||||
Stock = Action
|
|
||||||
Image = Image
|
|
||||||
Price = Prix
|
|
||||||
Currency = Devise
|
|
||||||
|
|
||||||
Authors = Auteurs
|
|
||||||
Author = Auteur
|
|
||||||
AuthorID = ID de l''auteur
|
|
||||||
Name = Nom
|
|
||||||
DateOfBirth = Date de naissance
|
|
||||||
DateOfDeath = Date de décès
|
|
||||||
PlaceOfBirth = Lieu de naissance
|
|
||||||
PlaceOfDeath = Lieu de décès
|
|
||||||
|
|
||||||
Genres = Genre
|
|
||||||
Genre = Genre
|
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
400 = Ungültige Anfrage
|
|
||||||
401 = Nicht autorisiert
|
|
||||||
403 = Verboten
|
|
||||||
404 = Nicht gefunden
|
|
||||||
405 = Methode nicht zulässig
|
|
||||||
406 = Nicht akzeptabel
|
|
||||||
407 = Proxy-Authentifizierung erforderlich
|
|
||||||
408 = Anfrage-Timeout
|
|
||||||
409 = Konflikt
|
|
||||||
410 = Weg
|
|
||||||
411 = Erforderliche Länge
|
|
||||||
412 = Vorbedingung fehlgeschlagen
|
|
||||||
413 = Nutzlast zu groß
|
|
||||||
414 = URI zu lang
|
|
||||||
415 = Nicht unterstützter Medientyp
|
|
||||||
416 = Bereich nicht erfüllbar
|
|
||||||
417 = Erwartung fehlgeschlagen
|
|
||||||
422 = Nicht verarbeitbarer Inhalt
|
|
||||||
424 = Fehlgeschlagene Abhängigkeit
|
|
||||||
428 = Vorbedingung erforderlich
|
|
||||||
429 = Zu viele Anfragen
|
|
||||||
431 = Anfrage-Headerfelder zu groß
|
|
||||||
451 = Aus rechtlichen Gründen nicht verfügbar
|
|
||||||
500 = Interner Serverfehler
|
|
||||||
501 = Der Server unterstützt die zur Erfüllung der Anfrage erforderliche Funktionalität nicht
|
|
||||||
502 = Ungültiges Gateway
|
|
||||||
503 = Dienst nicht verfügbar
|
|
||||||
504 = Gateway-Timeout
|
|
||||||
|
|
||||||
ASSERT_RANGE = Wert {0} liegt nicht im angegebenen Bereich [{1}, {2}]
|
|
||||||
ASSERT_FORMAT = Wert "{0}" liegt nicht im angegebenen Format "{1}"
|
|
||||||
ASSERT_ARRAY = Wert muss ein Array sein
|
|
||||||
ASSERT_ENUM = Wert {0} ist gemäß Enumerationsdeklaration {{1}} ungültig
|
|
||||||
ASSERT_NOT_NULL = Wert ist erforderlich
|
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
400 = Bad Request
|
|
||||||
401 = Unauthorized
|
|
||||||
403 = Forbidden
|
|
||||||
404 = Not Found
|
|
||||||
405 = Method Not Allowed
|
|
||||||
406 = Not Acceptable
|
|
||||||
407 = Proxy Authentication Required
|
|
||||||
408 = Request Timeout
|
|
||||||
409 = Conflict
|
|
||||||
410 = Gone
|
|
||||||
411 = Length Required
|
|
||||||
412 = Precondition Failed
|
|
||||||
413 = Payload Too Large
|
|
||||||
414 = URI Too Long
|
|
||||||
415 = Unsupported Media Type
|
|
||||||
416 = Range Not Satisfiable
|
|
||||||
417 = Expectation Failed
|
|
||||||
422 = Unprocessable Content
|
|
||||||
424 = Failed Dependency
|
|
||||||
428 = Precondition Required
|
|
||||||
429 = Too Many Requests
|
|
||||||
431 = Request Header Fields Too Large
|
|
||||||
451 = Unavailable For Legal Reasons
|
|
||||||
500 = Internal Server Error
|
|
||||||
501 = The server does not support the functionality required to fulfill the request
|
|
||||||
502 = Bad Gateway
|
|
||||||
503 = Service Unavailable
|
|
||||||
504 = Gateway Timeout
|
|
||||||
|
|
||||||
ASSERT_RANGE = Value {0} is not in specified range [{1}, {2}]
|
|
||||||
ASSERT_FORMAT = Value "{0}" is not in specified format "{1}"
|
|
||||||
ASSERT_ARRAY = Value must be an array
|
|
||||||
ASSERT_ENUM = Value {0} is invalid according to enum declaration {{1}}
|
|
||||||
ASSERT_NOT_NULL = Value is required
|
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
400 = Requête incorrecte
|
|
||||||
401 = Non autorisée
|
|
||||||
403 = Interdite
|
|
||||||
404 = Introuvable
|
|
||||||
405 = Méthode non autorisée
|
|
||||||
406 = Non acceptable
|
|
||||||
407 = Authentification proxy requise
|
|
||||||
408 = Délai d''expiration de la requête
|
|
||||||
409 = Conflit
|
|
||||||
410 = Disparu
|
|
||||||
411 = Longueur requise
|
|
||||||
412 = Échec de la condition préalable
|
|
||||||
413 = Charge utile trop importante
|
|
||||||
414 = URI trop longue
|
|
||||||
415 = Type de média non pris en charge
|
|
||||||
416 = Plage non satisfaisante
|
|
||||||
417 = Échec de l''attente
|
|
||||||
422 = Contenu non traitable
|
|
||||||
424 = Dépendance échouée
|
|
||||||
428 = Condition préalable requise
|
|
||||||
429 = Trop de requêtes
|
|
||||||
431 = Champs d''en-tête de requête trop importants
|
|
||||||
451 = Indisponible pour des raisons juridiques
|
|
||||||
500 = Erreur interne du serveur
|
|
||||||
501 = Le serveur ne prend pas en charge la fonctionnalité requise pour répondre à la requête
|
|
||||||
502 = Passerelle incorrecte
|
|
||||||
503 = Service indisponible
|
|
||||||
504 = Délai d''attente de la passerelle
|
|
||||||
|
|
||||||
ASSERT_RANGE = La valeur {0} n''est pas dans la plage spécifiée [{1}, {2}]
|
|
||||||
ASSERT_FORMAT = La valeur "{0}" n''est pas au format spécifié "{1}"
|
|
||||||
ASSERT_ARRAY = La valeur doit être un tableau
|
|
||||||
ASSERT_ENUM = La valeur {0} n''est pas valide selon la déclaration d''énumération {{1}}
|
|
||||||
ASSERT_NOT_NULL = La valeur est obligatoire
|
|
||||||
@@ -6,8 +6,7 @@
|
|||||||
"@capire/reviews": "*",
|
"@capire/reviews": "*",
|
||||||
"@capire/orders": "*",
|
"@capire/orders": "*",
|
||||||
"@capire/common": "*",
|
"@capire/common": "*",
|
||||||
"@capire/data-viewer": "*",
|
"@sap/cds": "^5",
|
||||||
"@sap/cds": ">=5",
|
|
||||||
"express": "^4.17.1"
|
"express": "^4.17.1"
|
||||||
},
|
},
|
||||||
"cds": {
|
"cds": {
|
||||||
|
|||||||
@@ -5,16 +5,17 @@ cds.once('served', require('./srv/mashup'))
|
|||||||
|
|
||||||
// Add routes to UIs from imported packages
|
// Add routes to UIs from imported packages
|
||||||
cds.once('bootstrap',(app)=>{
|
cds.once('bootstrap',(app)=>{
|
||||||
try {
|
app.serve ('/bookshop') .from ('@capire/bookshop','app/vue')
|
||||||
app.serve ('/bookshop') .from ('@capire/bookshop','app/vue')
|
app.serve ('/reviews') .from ('@capire/reviews','app/vue')
|
||||||
app.serve ('/reviews') .from ('@capire/reviews','app/vue')
|
app.serve ('/orders') .from('@capire/orders','app/orders')
|
||||||
app.serve ('/orders') .from('@capire/orders','app/orders')
|
|
||||||
app.serve ('/data') .from('@capire/data-viewer','app/viewer')
|
|
||||||
} catch (err) {
|
|
||||||
if (err.code === 'MODULE_NOT_FOUND') throw new Error('Run "npm ci" to install the required dependencies', { cause: err })
|
|
||||||
throw err
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
|
|
||||||
// Add Swagger UI
|
// Add Swagger UI
|
||||||
require('./srv/swagger-ui')
|
require('./srv/swagger-ui')
|
||||||
|
|
||||||
|
// Returning cds.server
|
||||||
|
module.exports = cds.server
|
||||||
|
|
||||||
|
// For didactic reasons in capire
|
||||||
|
const { ReviewsService, OrdersService } = cds.requires
|
||||||
|
if (!ReviewsService.credentials && !OrdersService.credentials) cds.requires.messaging = false
|
||||||
|
|||||||
@@ -4,16 +4,16 @@
|
|||||||
// respective reuse packages and services
|
// respective reuse packages and services
|
||||||
//
|
//
|
||||||
|
|
||||||
|
using { sap.capire.bookshop.Books } from '@capire/bookshop';
|
||||||
|
|
||||||
//
|
//
|
||||||
// Extend Books with access to Reviews and average ratings
|
// Extend Books with access to Reviews and average ratings
|
||||||
//
|
//
|
||||||
using { sap.capire.bookshop.Books } from '@capire/bookshop';
|
|
||||||
using { ReviewsService.Reviews } from '@capire/reviews';
|
using { ReviewsService.Reviews } from '@capire/reviews';
|
||||||
extend Books with {
|
extend Books with {
|
||||||
reviews : Composition of many Reviews on reviews.subject = $self.ID;
|
reviews : Composition of many Reviews on reviews.subject = $self.ID;
|
||||||
rating : type of Reviews:rating; // average rating
|
rating : Decimal;
|
||||||
numberOfReviews : Integer @title : '{i18n>NumberOfReviews}';
|
numberOfReviews : Integer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -21,11 +21,12 @@ extend Books with {
|
|||||||
// Extend Orders with Books as Products
|
// Extend Orders with Books as Products
|
||||||
//
|
//
|
||||||
using { sap.capire.orders.Orders } from '@capire/orders';
|
using { sap.capire.orders.Orders } from '@capire/orders';
|
||||||
extend Orders:Items with {
|
extend Orders with {
|
||||||
book : Association to Books on product.ID = book.ID
|
extend Items with {
|
||||||
|
book : Association to Books on product.ID = book.ID
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Ensure models from all imported packages are loaded
|
|
||||||
|
// Add orders fiori app (in case of embedded orders service)
|
||||||
using from '@capire/orders/app/fiori';
|
using from '@capire/orders/app/fiori';
|
||||||
using from '@capire/data-viewer';
|
|
||||||
using from '@capire/common';
|
|
||||||
|
|||||||
@@ -18,7 +18,7 @@ module.exports = async()=>{ // called by server.js
|
|||||||
// Note: prepend is neccessary to intercept generic default handler
|
// Note: prepend is neccessary to intercept generic default handler
|
||||||
//
|
//
|
||||||
CatalogService.prepend (srv => srv.on ('READ', 'Books/reviews', (req) => {
|
CatalogService.prepend (srv => srv.on ('READ', 'Books/reviews', (req) => {
|
||||||
console.debug ('> delegating request to ReviewsService') // eslint-disable-line no-console
|
console.debug ('> delegating request to ReviewsService')
|
||||||
const [id] = req.params, { columns, limit } = req.query.SELECT
|
const [id] = req.params, { columns, limit } = req.query.SELECT
|
||||||
return ReviewsService.read ('Reviews',columns).limit(limit).where({subject:String(id)})
|
return ReviewsService.read ('Reviews',columns).limit(limit).where({subject:String(id)})
|
||||||
}))
|
}))
|
||||||
@@ -28,8 +28,8 @@ module.exports = async()=>{ // called by server.js
|
|||||||
//
|
//
|
||||||
CatalogService.on ('OrderedBook', async (msg) => {
|
CatalogService.on ('OrderedBook', async (msg) => {
|
||||||
const { book, quantity, buyer } = msg.data
|
const { book, quantity, buyer } = msg.data
|
||||||
const { title, price } = await db.read (Books, book, b => { b.title, b.price })
|
const { title, price } = await db.tx(msg).read (Books, book, b => { b.title, b.price })
|
||||||
return OrdersService.create ('Orders').entries({
|
return OrdersService.tx(msg).create ('Orders').entries({
|
||||||
OrderNo: 'Order at '+ (new Date).toLocaleString(),
|
OrderNo: 'Order at '+ (new Date).toLocaleString(),
|
||||||
Items: [{ product:{ID:`${book}`}, title, price, quantity }],
|
Items: [{ product:{ID:`${book}`}, title, price, quantity }],
|
||||||
buyer, createdBy: buyer
|
buyer, createdBy: buyer
|
||||||
@@ -40,7 +40,7 @@ module.exports = async()=>{ // called by server.js
|
|||||||
// Update Books' average ratings when ReviewsService signals updated reviews
|
// Update Books' average ratings when ReviewsService signals updated reviews
|
||||||
//
|
//
|
||||||
ReviewsService.on ('reviewed', (msg) => {
|
ReviewsService.on ('reviewed', (msg) => {
|
||||||
console.debug ('> received:', msg.event, msg.data) // eslint-disable-line no-console
|
console.debug ('> received:', msg.event, msg.data)
|
||||||
const { subject, count, rating } = msg.data
|
const { subject, count, rating } = msg.data
|
||||||
return UPDATE(Books,subject).with({ numberOfReviews:count, rating })
|
return UPDATE(Books,subject).with({ numberOfReviews:count, rating })
|
||||||
})
|
})
|
||||||
@@ -49,7 +49,7 @@ module.exports = async()=>{ // called by server.js
|
|||||||
// Reduce stock of ordered books for orders are created from Orders admin UI
|
// Reduce stock of ordered books for orders are created from Orders admin UI
|
||||||
//
|
//
|
||||||
OrdersService.on ('OrderChanged', (msg) => {
|
OrdersService.on ('OrderChanged', (msg) => {
|
||||||
console.debug ('> received:', msg.event, msg.data) // eslint-disable-line no-console
|
console.debug ('> received:', msg.event, msg.data)
|
||||||
const { product, deltaQuantity } = msg.data
|
const { product, deltaQuantity } = msg.data
|
||||||
return UPDATE (Books) .where ('ID =', product)
|
return UPDATE (Books) .where ('ID =', product)
|
||||||
.and ('stock >=', deltaQuantity)
|
.and ('stock >=', deltaQuantity)
|
||||||
|
|||||||
@@ -12,12 +12,11 @@
|
|||||||
#
|
#
|
||||||
|
|
||||||
GET {{reviews-service}}/Reviews
|
GET {{reviews-service}}/Reviews
|
||||||
Authorization: Basic me:
|
|
||||||
|
|
||||||
###
|
###
|
||||||
|
|
||||||
POST {{reviews-service}}/Reviews
|
POST {{reviews-service}}/Reviews
|
||||||
Authorization: Basic me:
|
Authorization: Basic {{$processEnv USER}}:
|
||||||
Content-Type: application/json
|
Content-Type: application/json
|
||||||
|
|
||||||
{"subject":"201", "title":"boo", "rating":3 }
|
{"subject":"201", "title":"boo", "rating":3 }
|
||||||
@@ -42,7 +41,7 @@ GET {{bookshop}}/browse/Books(201)?
|
|||||||
###
|
###
|
||||||
|
|
||||||
GET {{bookshop}}/browse/Books?
|
GET {{bookshop}}/browse/Books?
|
||||||
&$select=title,author&$expand=currency
|
&$select=title,author&$expand=currency
|
||||||
Accept-Language: de
|
Accept-Language: de
|
||||||
|
|
||||||
#################################################
|
#################################################
|
||||||
@@ -51,23 +50,23 @@ Accept-Language: de
|
|||||||
#
|
#
|
||||||
@newOrderID = e939604c-ab83-4d4f-bdb6-95fe30b3773e
|
@newOrderID = e939604c-ab83-4d4f-bdb6-95fe30b3773e
|
||||||
|
|
||||||
GET {{bookshop}}/odata/v4/orders/Orders
|
GET {{bookshop}}/orders/Orders
|
||||||
|
|
||||||
### Create order, still inactive
|
### Create order, still inactive
|
||||||
POST {{bookshop}}/odata/v4/orders/Orders
|
POST {{bookshop}}/orders/Orders
|
||||||
Content-Type: application/json
|
Content-Type: application/json
|
||||||
|
|
||||||
{"ID": "{{newOrderID}}"}
|
{"ID": "{{newOrderID}}"}
|
||||||
|
|
||||||
### Get inactive order. We have to specify `IsActiveEntity`.
|
### Get inactive order. We have to specify `IsActiveEntity`.
|
||||||
GET {{bookshop}}/odata/v4/orders/Orders(ID={{newOrderID}},IsActiveEntity=false)
|
GET {{bookshop}}/orders/Orders(ID={{newOrderID}},IsActiveEntity=false)
|
||||||
|
|
||||||
### Activate order using `.../<servicename>.draftActivate`
|
### Activate order using `.../<servicename>.draftActivate`
|
||||||
POST {{bookshop}}/odata/v4/orders/Orders(ID={{newOrderID}},IsActiveEntity=false)/OrdersService.draftActivate
|
POST {{bookshop}}/orders/Orders(ID={{newOrderID}},IsActiveEntity=false)/OrdersService.draftActivate
|
||||||
Content-Type: application/json
|
Content-Type: application/json
|
||||||
|
|
||||||
### Get active order
|
### Get active order
|
||||||
GET {{bookshop}}/odata/v4/orders/Orders(ID={{newOrderID}},IsActiveEntity=true)
|
GET {{bookshop}}/orders/Orders(ID={{newOrderID}},IsActiveEntity=true)
|
||||||
|
|
||||||
### Create author
|
### Create author
|
||||||
POST {{bookshop}}/admin/Authors
|
POST {{bookshop}}/admin/Authors
|
||||||
|
|||||||
@@ -1 +0,0 @@
|
|||||||
// dummy to auto-load the plugin
|
|
||||||
@@ -20,7 +20,7 @@ extend sap.common.Currencies with {
|
|||||||
* annotate sap.common.Countries with @cds.persistence.skip:false;
|
* annotate sap.common.Countries with @cds.persistence.skip:false;
|
||||||
*/
|
*/
|
||||||
|
|
||||||
context sap.common.countries {
|
context sap.common_countries {
|
||||||
|
|
||||||
extend sap.common.Countries {
|
extend sap.common.Countries {
|
||||||
regions : Composition of many Regions on regions._parent = $self.code;
|
regions : Composition of many Regions on regions._parent = $self.code;
|
||||||
|
|||||||
@@ -4,12 +4,5 @@
|
|||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@sap/cds": "*"
|
"@sap/cds": "*"
|
||||||
},
|
|
||||||
"cds": {
|
|
||||||
"requires": {
|
|
||||||
"@capire/common/data": {
|
|
||||||
"model": "@capire/common"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,119 +0,0 @@
|
|||||||
/* global Vue axios */ //> from vue.html
|
|
||||||
const GET = (url) => axios.get('/odata/v4/-data'+url)
|
|
||||||
const storageGet = (key, def) => localStorage.getItem('data-viewer:'+key) || def
|
|
||||||
const storageSet = (key, val) => localStorage.setItem('data-viewer:'+key, val)
|
|
||||||
const columnKeysFirst = (c1, c2) => {
|
|
||||||
if (c1.isKey && !c2.isKey) return -1
|
|
||||||
if (!c1.isKey && c2.isKey) return 1
|
|
||||||
if (c1.isKey && c2.isKey) return c1.name.localeCompare(c2.name)
|
|
||||||
return 0 // retain natural order of normal columns
|
|
||||||
}
|
|
||||||
|
|
||||||
const vue = Vue.createApp ({
|
|
||||||
|
|
||||||
data() { return {
|
|
||||||
error: undefined,
|
|
||||||
dataSource: storageGet('data-source', 'db'),
|
|
||||||
skip: storageGet('skip', 0),
|
|
||||||
top: storageGet('top', 20),
|
|
||||||
entity: storageGet('entity') ? JSON.parse(storageGet('entity')) : undefined,
|
|
||||||
entities: [],
|
|
||||||
columns: [],
|
|
||||||
data: [],
|
|
||||||
rowDetails: {},
|
|
||||||
rowKey: storageGet('rowKey')
|
|
||||||
}},
|
|
||||||
|
|
||||||
watch: {
|
|
||||||
dataSource: (v) => { storageSet('data-source', v); vue.fetchEntities() },
|
|
||||||
skip: (v) => { storageSet('skip', v); if (vue.entity) vue.fetchData() },
|
|
||||||
top: (v) => { storageSet('top', v); if (vue.entity) vue.fetchData() },
|
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
|
||||||
|
|
||||||
async fetchEntities () {
|
|
||||||
let url = `/Entities`
|
|
||||||
if (vue.dataSource === 'db') url += `?dataSource=db`
|
|
||||||
const {data} = await GET(url)
|
|
||||||
vue.entities = data.value
|
|
||||||
vue.entities.forEach(entity => entity.columns.sort(columnKeysFirst))
|
|
||||||
const entity = vue.entity && vue.entities.find(e => e.name === vue.entity.name)
|
|
||||||
if (entity) { // restore selection from previous fetch
|
|
||||||
vue.columns = entity.columns
|
|
||||||
await vue.fetchData(entity)
|
|
||||||
} else {
|
|
||||||
vue.entity = undefined
|
|
||||||
vue.columns = []
|
|
||||||
vue.data = []
|
|
||||||
vue.rowDetails = {}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
async inspectEntity (eve) {
|
|
||||||
const entity = vue.entity = vue.entities [eve.currentTarget.rowIndex-1]
|
|
||||||
storageSet('entity', JSON.stringify(entity))
|
|
||||||
vue.columns = vue.entities.find(e => e.name === entity.name).columns
|
|
||||||
return await this.fetchData()
|
|
||||||
},
|
|
||||||
|
|
||||||
async fetchData () {
|
|
||||||
let url = `/Data?entity=${vue.entity.name}&$skip=${vue.skip}&$top=${vue.top}`
|
|
||||||
if (vue.dataSource === 'db') url += `&dataSource=db`
|
|
||||||
|
|
||||||
try {
|
|
||||||
const {data} = await GET(url)
|
|
||||||
// sort data along column order
|
|
||||||
const columnIndexes = {}
|
|
||||||
vue.columns.forEach((col, i) => columnIndexes[col.name] = i)
|
|
||||||
vue.data = data.value.map(d => d.record
|
|
||||||
.sort((r1, r2) => columnIndexes[r1.column] - columnIndexes[r2.column])
|
|
||||||
.map(r => r.data)
|
|
||||||
)
|
|
||||||
const row = vue.data.find(data => vue._makeRowKey(data) === vue.rowKey)
|
|
||||||
if (row) vue._setRowDetails(row)
|
|
||||||
else vue.rowDetails = {}
|
|
||||||
vue.error = undefined
|
|
||||||
} catch (err) {
|
|
||||||
vue.data = []
|
|
||||||
vue.rowDetails = {}
|
|
||||||
if (err.response?.data?.error) {
|
|
||||||
vue.error = err.response.data.error
|
|
||||||
} else {
|
|
||||||
vue.error = { code:err.code, message:err.message }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
inspectRow (eve) {
|
|
||||||
vue.rowDetails = {}
|
|
||||||
const selectedRow = eve.currentTarget.rowIndex-1
|
|
||||||
vue.rowKey = vue._makeRowKey(vue.data[selectedRow])
|
|
||||||
storageSet('rowKey', vue.rowKey)
|
|
||||||
vue._setRowDetails(vue.data[selectedRow])
|
|
||||||
},
|
|
||||||
|
|
||||||
_setRowDetails(row) {
|
|
||||||
vue.rowDetails = {}
|
|
||||||
row.forEach((line, colIndex) => {
|
|
||||||
vue.rowDetails[vue.columns[colIndex].name] = line
|
|
||||||
})
|
|
||||||
},
|
|
||||||
|
|
||||||
_makeRowKey(row) {
|
|
||||||
// to identify a row, build a key string out of all key columns' values
|
|
||||||
return row
|
|
||||||
.filter((_, colIndex) => vue.columns[colIndex] && vue.columns[colIndex].isKey)
|
|
||||||
.reduce(((prev, next) => prev += next), '')
|
|
||||||
},
|
|
||||||
|
|
||||||
isActiveRow(row) {
|
|
||||||
return vue._makeRowKey(row) === vue.rowKey
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.mount('#app')
|
|
||||||
|
|
||||||
vue.fetchEntities()
|
|
||||||
@@ -1,95 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<title>Data Browser</title>
|
|
||||||
<link rel="stylesheet" href="https://unpkg.com/primitive-ui/dist/css/main.css">
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/vue@3/dist/vue.global.prod.js"></script>
|
|
||||||
<script src="app.js" defer></script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
th { position: sticky; top:0; z-index: 2; background-color: white; }
|
|
||||||
.noscroll { overflow: hidden; }
|
|
||||||
.hovering tr:hover td { background: #ebeefc; cursor: pointer; }
|
|
||||||
.highlight { background: #ebeefc !important; }
|
|
||||||
.rating-stars { color:teal }
|
|
||||||
.succeeded { color:teal }
|
|
||||||
.failed { color:red }
|
|
||||||
.condensed { max-width: 100px; text-overflow: ellipsis; white-space: nowrap; }
|
|
||||||
.key { font-weight: bold }
|
|
||||||
.not-key { font-weight: lighter;}
|
|
||||||
.with-sidebar { display: flex; flex-wrap: wrap; gap: 1rem; }
|
|
||||||
.sidebar { flex-basis: 20rem; flex-grow: 1; }
|
|
||||||
.sidebar-main { height: 100vh; overflow-y: scroll; }
|
|
||||||
.not-sidebar { flex-basis: 0; flex-grow: 999; min-inline-size: 50%; align-items: stretch;}
|
|
||||||
.not-sidebar-main { max-height: 40vh; overflow-y: scroll; }
|
|
||||||
.not-sidebar-sub { max-height: 40vh; overflow-y: scroll; }
|
|
||||||
.horizontal label { display: inline; }
|
|
||||||
.horizontal input { width: initial; display: inline; }
|
|
||||||
.error { color: red; }
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body class="noscroll">
|
|
||||||
<div id='app' class="full-container">
|
|
||||||
|
|
||||||
<h1>Data Browser – {{ entity ? entity.name : '' }}</h1>
|
|
||||||
|
|
||||||
<div class="with-sidebar">
|
|
||||||
<div class="sidebar">
|
|
||||||
<div class="horizontal" style="padding: 0.75rem 0;">
|
|
||||||
<label>Datasource:</label>
|
|
||||||
<input type="radio" id="dataSource-db" value="db" v-model="dataSource">
|
|
||||||
<label for="dataSource-db">Database</label>
|
|
||||||
<input type="radio" id="dataSource-srv" value="service" v-model="dataSource">
|
|
||||||
<label for="dataSource-srv">Service</label>
|
|
||||||
</div>
|
|
||||||
<div class="sidebar-main">
|
|
||||||
<table id='entities' class="hovering">
|
|
||||||
<thead>
|
|
||||||
<th>Entity Name</th>
|
|
||||||
</thead>
|
|
||||||
<tr v-for="e in entities" :key="e.name" @click="inspectEntity" :class="{'highlight': (entity && e.name === entity.name)}">
|
|
||||||
<td>{{ e.name }}</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="not-sidebar">
|
|
||||||
<div class="horizontal">
|
|
||||||
<label for="skip">Skip:</label>
|
|
||||||
<input id="skip" v-model.lazy="skip" title="No. of entries to skip" type="number" min="0">
|
|
||||||
<label for="top">Top:</label>
|
|
||||||
<input id="top" v-model.lazy="top" title="No. of entries to read" type="number" min="0">
|
|
||||||
</div>
|
|
||||||
<div v-if="data" class="not-sidebar-main">
|
|
||||||
<table id='data' class="hovering striped-table condensed">
|
|
||||||
<thead>
|
|
||||||
<th v-for="col in columns" :title="col.type" :class="[col.isKey ? 'key' : 'not-key']">{{ col.name }} </th>
|
|
||||||
</thead>
|
|
||||||
<tr v-for="row in data" @click="inspectRow" :class="{'highlight': isActiveRow(row)}">
|
|
||||||
<td v-for="d in row" :title="d">{{ d }}</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
<div v-if="error" class="not-sidebar-main error">
|
|
||||||
Error: {{ error.code ? error.code + ' – ' + error.message : error.message }}
|
|
||||||
</div>
|
|
||||||
<p></p>
|
|
||||||
<div v-if="rowDetails" class="not-sidebar-sub">
|
|
||||||
<table id='rowDetails'>
|
|
||||||
<tr v-for="(key, value) in rowDetails" >
|
|
||||||
<td class="key">{{ value }}</td>
|
|
||||||
<td>{{ key }}</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
using from './srv/data-service';
|
|
||||||
@@ -1,13 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "@capire/data-viewer",
|
|
||||||
"version": "0.1.0",
|
|
||||||
"description": "A generic browser for data",
|
|
||||||
"dependencies": {
|
|
||||||
"@sap/cds": ">=5.0.4"
|
|
||||||
},
|
|
||||||
"files": [
|
|
||||||
"app",
|
|
||||||
"srv",
|
|
||||||
"index.cds"
|
|
||||||
]
|
|
||||||
}
|
|
||||||
@@ -1,30 +0,0 @@
|
|||||||
/**
|
|
||||||
* Exposes data + entity metadata
|
|
||||||
*/
|
|
||||||
@requires:'authenticated-user'
|
|
||||||
@odata service DataService @( path:'-data' ) {
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Metadata like name and columns/elements
|
|
||||||
*/
|
|
||||||
entity Entities @cds.persistence.skip {
|
|
||||||
key name : String;
|
|
||||||
columns: Composition of many {
|
|
||||||
name : String;
|
|
||||||
type : String;
|
|
||||||
isKey: Boolean;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The actual data, organized by column name
|
|
||||||
*/
|
|
||||||
entity Data @cds.persistence.skip {
|
|
||||||
key ID : String; // to be OData-compliant
|
|
||||||
record : array of {
|
|
||||||
column : String;
|
|
||||||
data : String;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,62 +0,0 @@
|
|||||||
const cds = require('@sap/cds')
|
|
||||||
const log = cds.log('data')
|
|
||||||
|
|
||||||
class DataService extends cds.ApplicationService { init(){
|
|
||||||
|
|
||||||
this.on ('READ', 'Entities', req => {
|
|
||||||
const { dataSource } = req.req.query
|
|
||||||
const srvPrefixes = cds.db.model.all('service').map(srv => srv.name+'.')
|
|
||||||
const dataSourceFilter = dataSource === 'db'
|
|
||||||
? e => e['@cds.persistence.skip'] !== true // for DB, excl. entities w/o persistence
|
|
||||||
: e => !!srvPrefixes.find(srvName => e.name.startsWith(srvName)) // only entities reachable from a service
|
|
||||||
|
|
||||||
return cds.db.model.all('entity')
|
|
||||||
.filter (e => req.data && req.data.name ? e.name === req.data.name : true) // honor name filter from request, if any
|
|
||||||
.filter (e => !e.name.startsWith('DRAFT.')) // exclude synthetic stuff
|
|
||||||
.filter (e => !e.name.startsWith('DataService.')) // exclude this service
|
|
||||||
.filter (dataSourceFilter)
|
|
||||||
.sort((e1, e2) => e1.name.localeCompare(e2.name))
|
|
||||||
.map(e => {
|
|
||||||
const columns = Object.entries(e.elements)
|
|
||||||
.filter(([,el]) => !(el instanceof cds.Association)) // exclude assocs+compositions
|
|
||||||
.map(([name, el]) => { return { name, type: el.type, isKey:!!el.key }})
|
|
||||||
return { name: e.name, columns }
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
this.on ('READ', 'Data', async req => {
|
|
||||||
const { entity: entityName, dataSource: dataSourceName } = req.req.query
|
|
||||||
if (!entityName) return req.reject(400, `Must provide 'entity' query`)
|
|
||||||
const entity = cds.db.model.definitions[entityName]
|
|
||||||
if (!entity) return req.reject(404, 'No such entity: ' + entityName)
|
|
||||||
|
|
||||||
const query = SELECT.from(entity)
|
|
||||||
query.SELECT.limit = req.query.SELECT.limit // forward $skip / $top
|
|
||||||
|
|
||||||
const dataSource = findDataSource(dataSourceName, entityName)
|
|
||||||
const res = await dataSource.run(query)
|
|
||||||
return res.map((line) => {
|
|
||||||
const record = Object.entries(line).map(([column, data]) => ({ column, data }))
|
|
||||||
return {
|
|
||||||
record,
|
|
||||||
ID: cds.utils.uuid() // just to be OData-compliant
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
return super.init()
|
|
||||||
}}
|
|
||||||
|
|
||||||
module.exports = { DataService }
|
|
||||||
|
|
||||||
/** @returns {cds.Service} */
|
|
||||||
function findDataSource(dataSourceName, entityName) {
|
|
||||||
for (let srv of Object.values(cds.services)) { // all connected services
|
|
||||||
if (!srv.name) continue // FIXME intermediate/pending in cds.services ?
|
|
||||||
if (dataSourceName === srv.name || entityName.startsWith(srv.name+'.')) {
|
|
||||||
log._debug && log.debug(`using ${srv.name} as data source`)
|
|
||||||
return srv
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return cds.services.db // fallback
|
|
||||||
}
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
import cds from '@sap/cds/eslint.config.mjs'
|
|
||||||
export default [ ...cds.recommended ]
|
|
||||||
|
|
||||||
//
|
|
||||||
// The above is the recommended minimalistic eslint config, just using
|
|
||||||
// recommended defaults provided by cds. Alternatively, go for enhanced
|
|
||||||
// project-specific options, but only if really required, like this:
|
|
||||||
//
|
|
||||||
// export default [ ...cds.recommended, {
|
|
||||||
// rules: {
|
|
||||||
// 'complexity': [ 'warn', 66 ],
|
|
||||||
// 'require-await': 'warn',
|
|
||||||
// 'no-await-in-loop': 'warn',
|
|
||||||
// },
|
|
||||||
// }, {
|
|
||||||
// ignores: [
|
|
||||||
// '**/webapp/**'
|
|
||||||
// ]
|
|
||||||
// }]
|
|
||||||
//
|
|
||||||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 67 KiB |
@@ -1,195 +0,0 @@
|
|||||||
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="357px" height="283px" viewBox="-0.5 -0.5 357 283" content="<mxfile><diagram id="QQJxv4aCTC7ZgE7HHOvM" name="Page-1">7VrZcqM4FP0av7q0L4+T9DIvU9VVeZhnFtlQwRYly7HTX98XgzBgOpNJG7eZGlKVwNECuudwdSSyoI+b41cXldlfNjXFgqD0uKCfFoQIIuF3BbzWACO6BtYuT2sInYGn/LupQRzQfZ6aXYPVkLe28HnZBxO73ZrE97DIOXvoV1vZIu0BZbQ2vceogKckKsxFtb/z1Gc1qsKwKvxPk6+zcGcsmvHFUfK8dna/be63IBQxXpdtotBRc9NdFqX20IHo5wV9dNb6+mxzfDRFFdd+zL78pLR9aGe2/j0NSN3gJSr2zbgXDCVRmTtTNSIi2pQL+rCNd9UfuC6g24fYwdnad5EAxNY+7zJbhgLoJT5XPg3Zv4YYw+jL6jQzx2htt1ClNC7fGG/cGf0WIAjOwyHLvXkqo6RqdgDhAZb5TQFXGE5X+dEELVXXu2fjkyri6FRYFI+2sO50c7paGZEkVSXv7LPplKRSxwi1JYF+0g6hG98m5C/GeXPsQE28vxoLD+9eoUpTSiSrm4QXQ9L6+nCWmW7kkXUUphosaoS9bns+8wsnDcXjdNNJ6Pa2an73fKvEjPMdK874zfimktyMb3Ztvp15yQ2k1rtnO+VGpWyMbUViKsRUbFOB+2xjfTO2+bXZTuxmA8TdPdkrXv1UuN36Dl4fYyIQp+NWImDhRbyBCMS1RWBdatwc3vjIqNVofheJMvFqKrKxEr+NbHlJ9pATs03/qOwwXCVFtNvlST/EvZBeBgiaN/GXp/LI+d71INRfTsdbgd3ZvUtML2FBp2vjew7FpMGd/yT4neDykeAGzJki8vlL39OPRby5wzebw/OeuSW4P3lzRPp91MNpmnWN9kVPYmD7+KCnOgoXPZ0k0A78XapQ81aFuHdVwKu75Iq2B+knAKrJslNKqfyYZIhmS4ZFewzXDQgvO6VC0Kn0pOetJzJzPTH+NtHX0hN7W7bX01PY4pmroNjMBcWHgppET3ygJzaZnIJlu5rl3e3Lssj/d73/wvXecp2LyUj+GFD4BJ2A4tD9M2hwys1oVtJC0miyRaoeEHjDbSk8sg85pwkgCLA7A4QsNI8pYOgp5CA7T+QpyGCqueIkMLLVOXdJibtSFAaqJVKcICw1ZIuw+dAuRzQoQSKGKFeSsY+aVIyXRGMmtSJIEBk+jrRrKw2yJpprwTAYmek86shm6qz0FL6Z3q1JxVpAClKnL8MaCc4HmUMuYaUDVhXWuUroD267EFClolhKLhHSlA1uwtmSUsGY4lphitRkarr6ruwqty7/T5ubCyczovl3f3Qjt3Q3974rO0gA/5hL6IjbEb/V3Ei9FFIpyBuKcKF0f5KozA3lEqYQLDimUvyCuaGQSSFzYMkoHtwFvI1gkGGwokwJWHBdKXvA5fkfQOrq5/+woZ9/AA==</diagram></mxfile>" style="background-color: rgb(0, 68, 85);">
|
|
||||||
<defs/>
|
|
||||||
<g>
|
|
||||||
<path d="M 199 202 L 249 202 L 269 242 L 249 282 L 199 282 L 179 242 Z" fill="#ffe6cc" stroke="#d79b00" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 242px; margin-left: 180px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
@capire/
|
|
||||||
<br/>
|
|
||||||
<b>
|
|
||||||
bookshop
|
|
||||||
</b>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="224" y="246" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
|
||||||
@capire/...
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 199 101 L 249 101 L 269 141 L 249 181 L 199 181 L 179 141 Z" fill="#f8cecc" stroke="#b85450" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 141px; margin-left: 180px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
@capire/
|
|
||||||
<br/>
|
|
||||||
<b>
|
|
||||||
bookstore
|
|
||||||
</b>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="224" y="145" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
|
||||||
@capire/...
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 286 48 L 336 48 L 356 88 L 336 128 L 286 128 L 266 88 Z" fill="#d5e8d4" stroke="#82b366" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 88px; margin-left: 267px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
@capire/
|
|
||||||
<br/>
|
|
||||||
<b>
|
|
||||||
reviews
|
|
||||||
</b>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="311" y="92" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
|
||||||
@capire/...
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 286 153 L 336 153 L 356 193 L 336 233 L 286 233 L 266 193 Z" fill="#f5f5f5" stroke="#666666" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 193px; margin-left: 267px;">
|
|
||||||
<div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
@capire/
|
|
||||||
<br/>
|
|
||||||
<b>
|
|
||||||
common
|
|
||||||
</b>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="311" y="197" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
|
||||||
@capire/...
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 111 153 L 161 153 L 181 193 L 161 233 L 111 233 L 91 193 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 193px; margin-left: 92px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
@capire/
|
|
||||||
<br/>
|
|
||||||
<b>
|
|
||||||
orders
|
|
||||||
</b>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="136" y="197" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
|
||||||
@capire/...
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 276.35 172.29 L 266.36 166.32" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
|
|
||||||
<path d="M 260.57 162.86 L 270.6 163.61 L 266.36 166.32 L 265.98 171.34 Z" fill="#ffffff" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<path d="M 170.74 172.47 L 181.53 166.1" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
|
|
||||||
<path d="M 187.34 162.66 L 181.88 171.12 L 181.53 166.1 L 177.3 163.37 Z" fill="#ffffff" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<path d="M 224 202 L 224 189.99" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
|
|
||||||
<path d="M 224 183.24 L 228.5 192.24 L 224 189.99 L 219.5 192.24 Z" fill="#ffffff" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<path d="M 276.51 109.01 L 266.17 115.31" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
|
|
||||||
<path d="M 260.4 118.82 L 265.75 110.3 L 266.17 115.31 L 270.43 117.98 Z" fill="#ffffff" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<path d="M 111 48 L 161 48 L 181 88 L 161 128 L 111 128 L 91 88 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 88px; margin-left: 92px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
@capire/
|
|
||||||
<br/>
|
|
||||||
<b>
|
|
||||||
suppliers
|
|
||||||
</b>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="136" y="92" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
|
||||||
@capire/...
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 21 101 L 71 101 L 91 141 L 71 181 L 21 181 L 1 141 Z" fill="#e1d5e7" stroke="#9673a6" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 141px; margin-left: 2px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
<b>
|
|
||||||
S/4
|
|
||||||
</b>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="46" y="145" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
|
||||||
S/4
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 80.76 120.53 L 93.49 113.03" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
|
|
||||||
<path d="M 99.31 109.61 L 93.84 118.05 L 93.49 113.03 L 89.27 110.3 Z" fill="#ffffff" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<path d="M 80.91 161.17 L 93.31 168.33" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
|
|
||||||
<path d="M 99.15 171.71 L 89.11 171.1 L 93.31 168.33 L 93.61 163.31 Z" fill="#ffffff" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<path d="M 170.59 108.83 L 181.72 115.53" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
|
|
||||||
<path d="M 187.5 119.02 L 177.47 118.23 L 181.72 115.53 L 182.11 110.52 Z" fill="#ffffff" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<path d="M 199 1 L 249 1 L 269 41 L 249 81 L 199 81 L 179 41 Z" fill="#e1d5e7" stroke="#9673a6" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 41px; margin-left: 180px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
@capire/
|
|
||||||
<br/>
|
|
||||||
<b>
|
|
||||||
fiori
|
|
||||||
</b>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="224" y="45" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
|
||||||
@capire/...
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 224 101 L 224 89.99" fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
|
|
||||||
<path d="M 224 83.24 L 228.5 92.24 L 224 89.99 L 219.5 92.24 Z" fill="#ffffff" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
</g>
|
|
||||||
<switch>
|
|
||||||
<g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
|
|
||||||
<a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
|
|
||||||
<text text-anchor="middle" font-size="10px" x="50%" y="100%">
|
|
||||||
Text is not SVG - cannot display
|
|
||||||
</text>
|
|
||||||
</a>
|
|
||||||
</switch>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 16 KiB |
@@ -1,281 +0,0 @@
|
|||||||
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="569px" height="428px" viewBox="-0.5 -0.5 569 428" content="<mxfile><diagram id="QQJxv4aCTC7ZgE7HHOvM" name="Page-1">7Vpbc9soFP41fqxHCF0f7VyanWl2O3W3fcYSltkg4UH41l+/EIEtGdl1HTlRM508RBzDMfB9h/NxrAG8yTcfOVrMH1mK6cB10s0A3g5cFwAQy3/Ksq0sgQcrQ8ZJWpmcvWFCfmA90liXJMWltlUmwRgVZNE0JqwocCIaNsQ5Wze7zRhNG4YFynBjGsowSRDFVrfvJBXzyhq54d7+gEk2N98MAr3gHJnO2nE5Rylb10zwbgBvOGOieso3N5iqzWvuy/2RT3cT47gQ5wxwqwErRJd6bRPZ2ZOmh9HfIz1HsTUL52xZpFiNdQZwvJ4TgScLlKhP1xJqaZuLnMoWkI8Jy0miu5ZPWCRz3fiPZNmzR082ZqwQ9ygnVHHhAdMVFiRBaojg7Gm3v3JnxoiSrJDPvNra8Qpz1ZeOtF0wNYNSTogUmWz7Oy83jDL+vAQYuepPzZRx8kN+OaJmjtXALxq4UE9uopcPdLvmy7tVf9Jub7tGQk0Rb2omDcNHzHIs+FZ20Z9+AIHmhA4KYDiy3lMMxH5lm9fpZVBEmtbZzvkeefmgwW8nArSIMF6WpMBlOVDzCKja8CmXT5l6+oy4KDA/QRDwSgSpwTGNfM93WqkzI5TWes6iBCdJV8CBaOg3ofNjGzoDZx0633k5cp6F3A4ug9ZfRSIPTLlC13nMclFDVDrf9bJRvtsIXJSEFXLEaLHo6XFA8eyc0yA+eRpcMbLPiGvohTY5oBe/nB2+xQ5DhrJfwRskEZ7OzgneFOFo1lHwun7YBCd27cgFLYduF5EbtETuASS4SEdKsMhWSlDOivTrnEh2j+UH94QaMGRLqyQQNGG6KgClkGnAzO/uS46KrbHqyTmmracXn4KtZEueGIml90KOzbDZ88qEU6POjmBbx84EH8cUCbJqCrg28LS7z4w8n5cmhr0GTTzgmyPf+Kgmr4fVFdeBp92BfdxVtWbL1TOddss8i2GhxbCbZSmkB96z6E/DeOqcl7pnOOgqdcdNKFqD/1ppO7KgmSyTROqte5QIdhKf3197t0htS46/pfZ2g8BmQhwMWxKB63SgvmOLDN8Zf5oxdRy2ym8ZwEqV9SmEe6O+oQNfL4xNSaIG3V2+oGyL25H7SnJczjEWf8BrBy9qibyrgQcs8E4psCllyZNceYokggaovRBzmkLMvVSIdZkL65IK2ooqfENF1RTePggv1VM/cdSdmjKatEaXR5mwUYZ7pqb6cZeCDrBD+Vp3KWAXsE6Fcl8vU7Vr0nmXq7Mi3+9V5LshbPIEwgtD3/yOcMxRh6FvV9kmmK/IEX2m1FvfqqO9uGK9rjazi1/vOL3HdpAb1r5FlINDYQeDSxN8fOAq8A9m02Gc/1pNrmAFPkWS3uQPtsDFpdnDsKgnpTgQuEMnigNVlAO+E0O3QQ43iC/jGQjg0AMODEPoR17sBFHTL7hecrHLdCaBtOSW0QoRiqaEErH9k2HsDPOqF0i7iveOM4ypdTRSzBsKSWDlGO/CHAMc77SjDoPdrvWNUfIkcZdGrSnt66Qpt35CU0w/s5II9ausZBQTguUKavMiiVPnl1Or3CYSWnmkNDh1pIpr0UZ6X6iZ5JtMvdEzzCWPl4thjrj6lyw53Y758zFzorT0wuOGM4H0qp0TZakZJYtvenkdnC4fwMHvNb7Tcr5AYJ8vbgfni2tXF/9V9QZp+kbw+l3xZHdqXZcn5sTrmCfRYSHzdXliFzLr727cIoHeE1V26viqVNkp646p4nrxGzLFrmFazDDQJFtKpJrk8OdSclrpzk/TnUHmtOxZjf6zFNIN1vayEjfuMIaxH4cQ+B4MXAgOATx+yzn/ptQBViBqYgXi0MYqtqEC/i9DJZv79z4rYbF/exbe/Q8=</diagram></mxfile>">
|
|
||||||
<defs/>
|
|
||||||
<g>
|
|
||||||
<rect x="1" y="1" width="195" height="122" fill="rgb(255, 255, 255)" stroke="#828282" stroke-width="2" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)rotate(-90 11 13)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-end; width: 107px; height: 1px; padding-top: 13px; margin-left: -96px;">
|
|
||||||
<div data-drawio-colors="color: #4D4D4D; " style="box-sizing: border-box; font-size: 0px; text-align: right;">
|
|
||||||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(77, 77, 77); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">
|
|
||||||
S/4 HANA
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="11" y="25" fill="#4D4D4D" font-family="Helvetica" font-size="12px" text-anchor="end" font-weight="bold">
|
|
||||||
S/4 HANA
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<rect x="42.5" y="40" width="120" height="50" rx="7.5" ry="7.5" fill="#f8cecc" stroke="#b85450" stroke-width="2" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 65px; margin-left: 44px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
Business
|
|
||||||
<br/>
|
|
||||||
Partner
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="103" y="69" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
|
||||||
Business...
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<rect x="221" y="1" width="347" height="349" fill="rgb(255, 255, 255)" stroke="#828282" stroke-width="2" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 331px; height: 1px; padding-top: 15px; margin-left: 230px;">
|
|
||||||
<div data-drawio-colors="color: #4D4D4D; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
|
|
||||||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(77, 77, 77); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
<b>
|
|
||||||
Incident Mgmt
|
|
||||||
</b>
|
|
||||||
<br/>
|
|
||||||
Extension App
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="230" y="27" fill="#4D4D4D" font-family="Helvetica" font-size="12px">
|
|
||||||
Incident Mgmt...
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<rect x="418" y="73" width="115" height="50" rx="7.5" ry="7.5" fill="#dae8fc" stroke="#6c8ebf" stroke-width="2" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 113px; height: 1px; padding-top: 98px; margin-left: 419px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
Incidents
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="476" y="102" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
|
||||||
Incidents
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 475.5 182 L 475.5 142.97" fill="none" stroke="#6c8ebf" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
|
|
||||||
<path d="M 481.5 182 L 475.5 170 L 469.5 182" fill="none" stroke="#6c8ebf" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<path d="M 475.5 124.97 L 480.79 133.97 L 475.5 142.97 L 470.21 133.97 Z" fill="#6c8ebf" stroke="#6c8ebf" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<rect x="255" y="73" width="120" height="50" rx="7.5" ry="7.5" fill="#ffe6cc" stroke="#d79b00" stroke-width="2" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 98px; margin-left: 256px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
Customers
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="315" y="102" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
|
||||||
Customers
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<rect x="1" y="147" width="196.5" height="202" fill="rgb(255, 255, 255)" stroke="#828282" stroke-width="2" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)rotate(-90 11 159)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-end; width: 187px; height: 1px; padding-top: 159px; margin-left: -176px;">
|
|
||||||
<div data-drawio-colors="color: #4D4D4D; " style="box-sizing: border-box; font-size: 0px; text-align: right;">
|
|
||||||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(77, 77, 77); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">
|
|
||||||
SuccessFactors
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="11" y="171" fill="#4D4D4D" font-family="Helvetica" font-size="12px" text-anchor="end" font-weight="bold">
|
|
||||||
SuccessFactors
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<rect x="42.5" y="184" width="120" height="50" rx="7.5" ry="7.5" fill="#f8cecc" stroke="#b85450" stroke-width="2" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 209px; margin-left: 44px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
Workforce
|
|
||||||
<br/>
|
|
||||||
Person
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="103" y="213" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
|
||||||
Workforce...
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<rect x="42.5" y="267" width="120" height="50" rx="7.5" ry="7.5" fill="#f8cecc" stroke="#b85450" stroke-width="2" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 292px; margin-left: 44px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
Employee
|
|
||||||
<br/>
|
|
||||||
Timesheet
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="103" y="296" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
|
||||||
Employee...
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 162.5 74.32 L 238.96 86.19" fill="none" stroke="#d79b00" stroke-width="2" stroke-miterlimit="10" stroke-dasharray="6 6" pointer-events="stroke"/>
|
|
||||||
<path d="M 252.79 88.34 L 237.88 93.11 L 240.03 79.27 Z" fill="none" stroke="#d79b00" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<rect x="418" y="182" width="115" height="50" rx="7.5" ry="7.5" fill="#dae8fc" stroke="#6c8ebf" stroke-width="2" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 113px; height: 1px; padding-top: 207px; margin-left: 419px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
Messages
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="476" y="211" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
|
||||||
Messages
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 418 98 L 394.97 98" fill="none" stroke="#6c8ebf" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
|
|
||||||
<path d="M 418 92 L 406 98 L 418 104" fill="none" stroke="#6c8ebf" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<path d="M 376.97 98 L 385.97 92.71 L 394.97 98 L 385.97 103.29 Z" fill="#6c8ebf" stroke="#6c8ebf" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<rect x="255" y="184" width="120" height="50" rx="7.5" ry="7.5" fill="#ffe6cc" stroke="#d79b00" stroke-width="2" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 209px; margin-left: 256px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
Service
|
|
||||||
<br/>
|
|
||||||
Worker
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="315" y="213" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
|
||||||
Service...
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 162.5 209 L 238.76 209" fill="none" stroke="#d79b00" stroke-width="2" stroke-miterlimit="10" stroke-dasharray="6 6" pointer-events="stroke"/>
|
|
||||||
<path d="M 252.76 209 L 238.76 216 L 238.76 202 Z" fill="none" stroke="#d79b00" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<path d="M 354.83 181.46 L 439.35 123" fill="none" stroke="#6c8ebf" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/>
|
|
||||||
<path d="M 358.91 171.95 L 352.99 182.73 L 365.16 180.99" fill="none" stroke="#6c8ebf" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<rect x="255" y="267" width="120" height="50" rx="7.5" ry="7.5" fill="#ffe6cc" stroke="#d79b00" stroke-width="2" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 292px; margin-left: 256px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
Worker
|
|
||||||
<br/>
|
|
||||||
Availability
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="315" y="296" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
|
||||||
Worker...
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 162.5 292 L 238.76 292" fill="none" stroke="#d79b00" stroke-width="2" stroke-miterlimit="10" stroke-dasharray="6 6" pointer-events="stroke"/>
|
|
||||||
<path d="M 252.76 292 L 238.76 299 L 238.76 285 Z" fill="none" stroke="#d79b00" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<path d="M 37 407 C 37 401.48 41.48 397 47 397 L 92.5 397 C 98.02 397 102.5 392.52 102.5 387 C 102.5 392.52 106.98 397 112.5 397 L 158 397 C 163.52 397 168 401.48 168 407" fill="none" stroke="#b85450" stroke-width="2" stroke-miterlimit="10" transform="translate(0,397)scale(1,-1)translate(0,-397)" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 414px; margin-left: 103px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
|
|
||||||
Backend Services
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="103" y="426" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
|
||||||
Backend Services
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 249.5 407 C 249.5 401.48 253.98 397 259.5 397 L 305 397 C 310.52 397 315 392.52 315 387 C 315 392.52 319.48 397 325 397 L 370.5 397 C 376.02 397 380.5 401.48 380.5 407" fill="none" stroke="#d79b00" stroke-width="2" stroke-miterlimit="10" transform="translate(0,397)scale(1,-1)translate(0,-397)" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 414px; margin-left: 315px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
|
|
||||||
Usage Views
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="315" y="426" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
|
||||||
Usage Views
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 410 407 C 410 401.48 414.48 397 420 397 L 465.5 397 C 471.02 397 475.5 392.52 475.5 387 C 475.5 392.52 479.98 397 485.5 397 L 531 397 C 536.52 397 541 401.48 541 407" fill="none" stroke="#6c8ebf" stroke-width="2" stroke-miterlimit="10" transform="translate(0,397)scale(1,-1)translate(0,-397)" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 414px; margin-left: 476px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
|
|
||||||
Extension Data
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="476" y="426" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
|
|
||||||
Extension Data
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 350 80.94 C 350 79.32 354.25 78 359.5 78 C 362.02 78 364.44 78.31 366.22 78.86 C 368 79.41 369 80.16 369 80.94 L 369 90.06 C 369 91.68 364.75 93 359.5 93 C 354.25 93 350 91.68 350 90.06 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<path d="M 369 80.94 C 369 82.56 364.75 83.88 359.5 83.88 C 354.25 83.88 350 82.56 350 80.94" fill="none" stroke="#6c8ebf" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
</g>
|
|
||||||
<switch>
|
|
||||||
<g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
|
|
||||||
<a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
|
|
||||||
<text text-anchor="middle" font-size="10px" x="50%" y="100%">
|
|
||||||
Text is not SVG - cannot display
|
|
||||||
</text>
|
|
||||||
</a>
|
|
||||||
</switch>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 25 KiB |
@@ -1,212 +0,0 @@
|
|||||||
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="368px" height="282px" viewBox="-0.5 -0.5 368 282" content="<mxfile><diagram id="QQJxv4aCTC7ZgE7HHOvM" name="Page-1">7Zpbc9o4FIB/DY9hdL88JqRJH9ppd9mZndk3YwvwxCBXmIT01+9xLNvYMaEl4ZIUeLB1JOt2viMdXXp0MFvduiCdfrWRSXoERaseve4RgpnU8Mglj4VEIF4IJi6OChGqBcP4p/FfltJlHJmFlxWizNoki9OmMLTzuQmzhixwzj40k41tEjUEaTAxzwTDMEieS/+No2xaSBWRtfyziSfTsmQsfINnQZnYt2QxDSL7sCain3p04KzNirfZamCSvPOa/XKzIbaqmDPz7Fc+mJDb2+X19NuX/778vEB/LX+gO3vhc7kPkqVvcI+IBPK7GuVVzh59P4gfy7yeV2M7zy4WT1q6hAQYp6Dpqzoe3ib588rau8XUpmVuUK1RGVeV4F5VxGWa+o6tsiDQx2n+OjWrYGLnkCo1Lp6ZzLha+r0UgQquHqZxZoZpEOafPQDDIJtmswRCOK9MvDIllUU4SQY2se6pPDoeGxGGIF9kzt6ZtZhI6hFCVUzJDvENvAlmcZKbxMDO4hAaMQzmC3h8HfoEZZm4DPtGoqceaGu+VKNxmVmtiTwJt8ZCg90jJPGxhPtPvFlSLYrwQw259uBO1/hWXhZ4s5pUOdfkwYuH7zdAJBtBXKTB/FWgvHlGowblmXVmHelm2i7wQVbUZQ3kNzGJDQUc30xUaLrNZKQ443syE+iCMJ5P/oFRiF7z/dgN0fK4dkP3bzevmwn+NvexgVl4fxPB0Lj7ODQf3IYiblTEumxIkREVYh829Hp7oaxlL0wd117YSw5PoWrop5nNTWcbs4XkOsiCo9NhMPAhu+jQQtLgndBBGT8uHfzUR9NvLjLuPJj+mYMpFidmLqLDXFqaNfPoMl+GQyhMgsUiDpuKanZzLoEvfCcW41ngska4pTA+yP/7U8/CLl1ots8oUM+JybavcEzU2HB4ruw1ZfIOZZYyZ5Igi++b2xRdGvYlfLcxtKxmCesmTKzc0ijzKBruP1vfV2jnRNqjuGzlVHTNs5yekKsavjuF8kxhNXO9MwoJl32uaPUjokkSlv21WEp3RJRI3GdYVD/JmsUQ0V+LFYIelF915rfaiPxg/MqXwXorfsXLZrJnfvWZ32of5mPxyw7DLzsuv+VR0+mu+obLNE3i88LvvPDrncYuGt58bvhqkxlCjdjJ8hMYNe48yRChMqPxRn7aeGznyTey45z3t/kRvOkvIHxkfMjZZaiNaKvPUE5Q78NpaDu95WS/Z6e3rMWhnIaug7czwpsS8pMiGANaEikOs5DUVJJy66tEizIgTyKGKFeSsR29XqxUn+j8CpQiSBApabMUwsCMiOZaMEw4P7DT23UQ9ufxi36R39NatmFJYYhV+aat1kjw1vQuSR+WapxjhrASmuyKr4ABFkvJJUK6OmuoCtF9SgVjimuFKVKHpffkD+puYuvifd9++9BLtfF4TDbcrRMjwfeyVDvMpSF87Mt2+HxwV4/p293v03JeCBd9wmE8Fk+neKp1+IZ1n2kYjyV4FAIcmJ237FBfMsEZlVIphHXLd4ElABIaE8byKyak5ePvPPxDsL4RXSSv75XTT/8D</diagram></mxfile>">
|
|
||||||
<defs/>
|
|
||||||
<g>
|
|
||||||
<path d="M 207 201 L 257 201 L 277 241 L 257 281 L 207 281 L 187 241 Z" fill="#ffe6cc" stroke="#d79b00" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 241px; margin-left: 188px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 11px; font-family: "Comic Sans MS"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
<b style="font-size: 11px;">
|
|
||||||
Bookshop
|
|
||||||
</b>
|
|
||||||
<br style="font-size: 11px;"/>
|
|
||||||
App
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="232" y="244" fill="rgb(0, 0, 0)" font-family="Comic Sans MS" font-size="11px" text-anchor="middle">
|
|
||||||
Bookshop...
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 207 102 L 257 102 L 277 142 L 257 182 L 207 182 L 187 142 Z" fill="#f8cecc" stroke="#b85450" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 145px; margin-left: 188px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 11px; font-family: "Comic Sans MS"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
<span style="font-size: 11px;">
|
|
||||||
<span style="font-size: 11px;">
|
|
||||||
<b>
|
|
||||||
Bookstore
|
|
||||||
<br/>
|
|
||||||
</b>
|
|
||||||
</span>
|
|
||||||
App
|
|
||||||
<br style="font-size: 11px;"/>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="232" y="148" fill="rgb(0, 0, 0)" font-family="Comic Sans MS" font-size="11px" text-anchor="middle">
|
|
||||||
Bookstore...
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 297 53 L 347 53 L 367 93 L 347 133 L 297 133 L 277 93 Z" fill="#d5e8d4" stroke="#82b366" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 93px; margin-left: 278px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 11px; font-family: "Comic Sans MS"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
<span style="font-size: 11px;">
|
|
||||||
<b style="font-size: 11px;">
|
|
||||||
Reviews
|
|
||||||
</b>
|
|
||||||
<br style="font-size: 11px;"/>
|
|
||||||
Service
|
|
||||||
<br style="font-size: 11px;"/>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="322" y="96" fill="rgb(0, 0, 0)" font-family="Comic Sans MS" font-size="11px" text-anchor="middle">
|
|
||||||
Reviews...
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 297 150 L 347 150 L 367 190 L 347 230 L 297 230 L 277 190 Z" fill="#e1d5e7" stroke="#9673a6" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 190px; margin-left: 278px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 11px; font-family: "Comic Sans MS"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
<b>
|
|
||||||
Common
|
|
||||||
</b>
|
|
||||||
<br/>
|
|
||||||
Data
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="322" y="193" fill="rgb(0, 0, 0)" font-family="Comic Sans MS" font-size="11px" text-anchor="middle">
|
|
||||||
Common...
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 117 150 L 167 150 L 187 190 L 167 230 L 117 230 L 97 190 Z" fill="#d5e8d4" stroke="#82b366" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 190px; margin-left: 98px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 11px; font-family: "Comic Sans MS"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
<span style="font-size: 11px;">
|
|
||||||
<b style="font-size: 11px;">
|
|
||||||
Orders
|
|
||||||
</b>
|
|
||||||
<br style="font-size: 11px;"/>
|
|
||||||
Service
|
|
||||||
<br style="font-size: 11px;"/>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="142" y="193" fill="rgb(0, 0, 0)" font-family="Comic Sans MS" font-size="11px" text-anchor="middle">
|
|
||||||
Orders...
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 286.47 171.05 L 273.81 164.3" fill="none" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="stroke"/>
|
|
||||||
<path d="M 268.51 161.47 L 277.45 161.71 L 273.81 164.3 L 273.69 168.77 Z" fill="#5c5c5c" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<path d="M 177.53 171.05 L 190.19 164.3" fill="none" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="stroke"/>
|
|
||||||
<path d="M 195.49 161.47 L 190.31 168.77 L 190.19 164.3 L 186.55 161.71 Z" fill="#5c5c5c" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<path d="M 232 201 L 232 189.12" fill="none" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="stroke"/>
|
|
||||||
<path d="M 232 183.12 L 236 191.12 L 232 189.12 L 228 191.12 Z" fill="#5c5c5c" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<path d="M 286.63 112.26 L 273.62 119.34" fill="none" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="stroke"/>
|
|
||||||
<path d="M 268.35 122.21 L 273.47 114.87 L 273.62 119.34 L 277.29 121.9 Z" fill="#5c5c5c" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<path d="M 117 53 L 167 53 L 187 93 L 167 133 L 117 133 L 97 93 Z" fill="#d5e8d4" stroke="#82b366" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 93px; margin-left: 98px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 11px; font-family: "Comic Sans MS"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
<span style="font-size: 11px;">
|
|
||||||
<b style="font-size: 11px;">
|
|
||||||
Suppliers
|
|
||||||
</b>
|
|
||||||
<br style="font-size: 11px;"/>
|
|
||||||
Service
|
|
||||||
<br style="font-size: 11px;"/>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="142" y="96" fill="rgb(0, 0, 0)" font-family="Comic Sans MS" font-size="11px" text-anchor="middle">
|
|
||||||
Suppliers...
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 21 106 L 71 106 L 91 146 L 71 186 L 21 186 L 1 146 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 146px; margin-left: 2px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 11px; font-family: "Comic Sans MS"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">
|
|
||||||
<span style="font-size: 11px;">
|
|
||||||
S/4
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="46" y="149" fill="rgb(0, 0, 0)" font-family="Comic Sans MS" font-size="11px" text-anchor="middle" font-weight="bold">
|
|
||||||
S/4
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 81.27 126.53 L 100.5 115.91" fill="none" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="stroke"/>
|
|
||||||
<path d="M 105.76 113.01 L 100.69 120.38 L 100.5 115.91 L 96.82 113.37 Z" fill="#5c5c5c" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<path d="M 82.61 162.78 L 98.92 170.25" fill="none" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="stroke"/>
|
|
||||||
<path d="M 104.37 172.75 L 95.43 173.06 L 98.92 170.25 L 98.77 165.79 Z" fill="#5c5c5c" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<path d="M 177.37 112.26 L 190.38 119.34" fill="none" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="stroke"/>
|
|
||||||
<path d="M 195.65 122.21 L 186.71 121.9 L 190.38 119.34 L 190.53 114.87 Z" fill="#5c5c5c" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<path d="M 207 1 L 257 1 L 277 41 L 257 81 L 207 81 L 187 41 Z" fill="#fff2cc" stroke="#d6b656" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
<g transform="translate(-0.5 -0.5)">
|
|
||||||
<switch>
|
|
||||||
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
|
|
||||||
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 44px; margin-left: 188px;">
|
|
||||||
<div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
|
|
||||||
<div style="display: inline-block; font-size: 11px; font-family: "Comic Sans MS"; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
|
|
||||||
<span style="font-size: 11px;">
|
|
||||||
<b style="font-size: 11px;">
|
|
||||||
Fiori
|
|
||||||
</b>
|
|
||||||
<br style="font-size: 11px;"/>
|
|
||||||
App
|
|
||||||
<br style="font-size: 11px;"/>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</foreignObject>
|
|
||||||
<text x="232" y="47" fill="rgb(0, 0, 0)" font-family="Comic Sans MS" font-size="11px" text-anchor="middle">
|
|
||||||
Fiori...
|
|
||||||
</text>
|
|
||||||
</switch>
|
|
||||||
</g>
|
|
||||||
<path d="M 232 102 L 232 88.12" fill="none" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="stroke"/>
|
|
||||||
<path d="M 232 82.12 L 236 90.12 L 232 88.12 L 228 90.12 Z" fill="#5c5c5c" stroke="#5c5c5c" stroke-miterlimit="10" pointer-events="all"/>
|
|
||||||
</g>
|
|
||||||
<switch>
|
|
||||||
<g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
|
|
||||||
<a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
|
|
||||||
<text text-anchor="middle" font-size="10px" x="50%" y="100%">
|
|
||||||
Text is not SVG - cannot display
|
|
||||||
</text>
|
|
||||||
</a>
|
|
||||||
</switch>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 18 KiB |
@@ -2,20 +2,25 @@ Books = Books
|
|||||||
Book = Book
|
Book = Book
|
||||||
ID = ID
|
ID = ID
|
||||||
Title = Title
|
Title = Title
|
||||||
Description = Description
|
|
||||||
Stock = Stock
|
|
||||||
Image = Image
|
|
||||||
Price = Price
|
|
||||||
Currency = Currency
|
|
||||||
|
|
||||||
Authors = Authors
|
|
||||||
Author = Author
|
Author = Author
|
||||||
AuthorID = Author''s ID
|
AuthorID = Author ID
|
||||||
|
Stock = Stock
|
||||||
Name = Name
|
Name = Name
|
||||||
|
AuthorName = Author's Name
|
||||||
DateOfBirth = Date of Birth
|
DateOfBirth = Date of Birth
|
||||||
DateOfDeath = Date of Death
|
DateOfDeath = Date of Death
|
||||||
PlaceOfBirth = Place of Birth
|
PlaceOfBirth = Place of Birth
|
||||||
PlaceOfDeath = Place of Death
|
PlaceOfDeath = Place of Death
|
||||||
|
Age = Age
|
||||||
|
Authors = Authors
|
||||||
|
Order = Order
|
||||||
|
Orders = Orders
|
||||||
|
Price = Price
|
||||||
|
|
||||||
Genres = Genres
|
|
||||||
Genre = Genre
|
Genre = Genre
|
||||||
|
Genres = Genres
|
||||||
|
SubGenres = Sub Genres
|
||||||
|
|
||||||
|
NumCode = Numeric Code
|
||||||
|
MinorUnit = Minor Unit
|
||||||
|
Exponent = Exponent
|
||||||
@@ -1,5 +1,14 @@
|
|||||||
|
Books = Bücher
|
||||||
|
Book = Buch
|
||||||
|
ID = ID
|
||||||
|
Title = Titel
|
||||||
|
Authors = Autoren
|
||||||
|
Author = Autor
|
||||||
|
AuthorID = ID des Autors
|
||||||
AuthorName = Name des Autors
|
AuthorName = Name des Autors
|
||||||
Age = Alter
|
Age = Alter
|
||||||
rder = Bestellung
|
Name = Name
|
||||||
|
Stock = Bestand
|
||||||
|
Order = Bestellung
|
||||||
Orders = Bestellungen
|
Orders = Bestellungen
|
||||||
Price = Preis
|
Price = Preis
|
||||||
|
|||||||
@@ -1,8 +0,0 @@
|
|||||||
Age = Age
|
|
||||||
Lifetime = Lifetime
|
|
||||||
|
|
||||||
SubGenres = Sub Genres
|
|
||||||
|
|
||||||
NumCode = Numeric Code
|
|
||||||
MinorUnit = Minor Unit
|
|
||||||
Exponent = Exponent
|
|
||||||
@@ -43,10 +43,5 @@ extend sap.capire.bookshop.Authors with {
|
|||||||
virtual lifetime : String;
|
virtual lifetime : String;
|
||||||
}
|
}
|
||||||
|
|
||||||
annotate AdminService.Authors with {
|
|
||||||
age @Common.Label : '{i18n>Age}';
|
|
||||||
lifetime @Common.Label : '{i18n>Lifetime}'
|
|
||||||
}
|
|
||||||
|
|
||||||
// Workaround for Fiori popup for asking user to enter a new UUID on Create
|
// Workaround for Fiori popup for asking user to enter a new UUID on Create
|
||||||
annotate AdminService.Authors with { ID @Core.Computed; }
|
annotate AdminService.Authors with { ID @Core.Computed; }
|
||||||
|
|||||||
@@ -2,10 +2,10 @@
|
|||||||
# __ldi.translation.uuid=c3431418-9caf-11e8-98d0-529269fb1459
|
# __ldi.translation.uuid=c3431418-9caf-11e8-98d0-529269fb1459
|
||||||
|
|
||||||
# JCI app descriptor contains lower case TITLE
|
# JCI app descriptor contains lower case TITLE
|
||||||
appTitle=Manage Authors
|
appTitle=Bookshop Authors
|
||||||
|
|
||||||
# JCI app descriptor contains lower case DESCRIPTION
|
# JCI app descriptor contains lower case DESCRIPTION
|
||||||
appSubTitle=CAP Sample Application
|
appSubTitle=Bookshop Authors
|
||||||
|
|
||||||
# JCI app descriptor contains lower case DESCRIPTION
|
# JCI app descriptor contains lower case DESCRIPTION
|
||||||
appDescription=Bookshop Authors
|
appDescription=Bookshop Authors
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
},
|
},
|
||||||
"dataSources": {
|
"dataSources": {
|
||||||
"AdminService": {
|
"AdminService": {
|
||||||
"uri": "admin/",
|
"uri": "/admin/",
|
||||||
"type": "OData",
|
"type": "OData",
|
||||||
"settings": {
|
"settings": {
|
||||||
"odataVersion": "4.0"
|
"odataVersion": "4.0"
|
||||||
@@ -35,7 +35,7 @@
|
|||||||
"additionalParameters": "ignored"
|
"additionalParameters": "ignored"
|
||||||
},
|
},
|
||||||
"semanticObject": "Authors",
|
"semanticObject": "Authors",
|
||||||
"action": "manage",
|
"action": "display",
|
||||||
"title": "{{appTitle}}",
|
"title": "{{appTitle}}",
|
||||||
"info": "{{appInfo}}",
|
"info": "{{appInfo}}",
|
||||||
"subTitle": "{{appSubTitle}}",
|
"subTitle": "{{appSubTitle}}",
|
||||||
|
|||||||
@@ -62,16 +62,10 @@ annotate AdminService.Books.texts with @(
|
|||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
annotate AdminService.Books.texts with {
|
|
||||||
ID @UI.Hidden;
|
|
||||||
ID_texts @UI.Hidden;
|
|
||||||
};
|
|
||||||
|
|
||||||
// Add Value Help for Locales
|
// Add Value Help for Locales
|
||||||
annotate AdminService.Books.texts {
|
annotate AdminService.Books.texts {
|
||||||
locale @(
|
locale @ValueList:{entity:'Languages'};
|
||||||
ValueList.entity:'Languages', Common.ValueListWithFixedValues, //show as drop down, not a dialog
|
locale @Common.ValueListWithFixedValues:true; //show as drop down, not a dialog
|
||||||
)
|
|
||||||
}
|
}
|
||||||
// In addition we need to expose Languages through AdminService as a target for ValueList
|
// In addition we need to expose Languages through AdminService as a target for ValueList
|
||||||
using { sap } from '@sap/cds/common';
|
using { sap } from '@sap/cds/common';
|
||||||
@@ -81,6 +75,3 @@ extend service AdminService {
|
|||||||
|
|
||||||
// Workaround for Fiori popup for asking user to enter a new UUID on Create
|
// Workaround for Fiori popup for asking user to enter a new UUID on Create
|
||||||
annotate AdminService.Books with { ID @Core.Computed; }
|
annotate AdminService.Books with { ID @Core.Computed; }
|
||||||
|
|
||||||
// Show Genre as drop down, not a dialog
|
|
||||||
annotate AdminService.Books with { genre @Common.ValueListWithFixedValues; }
|
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
# __ldi.translation.uuid=c3431418-9caf-11e8-98d0-529269fb1459
|
# __ldi.translation.uuid=c3431418-9caf-11e8-98d0-529269fb1459
|
||||||
|
|
||||||
# JCI app descriptor contains lower case TITLE
|
# JCI app descriptor contains lower case TITLE
|
||||||
appTitle=Manage Books
|
appTitle=Bookshop Sample
|
||||||
|
|
||||||
# JCI app descriptor contains lower case DESCRIPTION
|
# JCI app descriptor contains lower case DESCRIPTION
|
||||||
appSubTitle=CAP Sample Application
|
appSubTitle=CAP Sample Application
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
"i18n": "i18n/i18n.properties",
|
"i18n": "i18n/i18n.properties",
|
||||||
"dataSources": {
|
"dataSources": {
|
||||||
"AdminService": {
|
"AdminService": {
|
||||||
"uri": "admin/",
|
"uri": "/admin/",
|
||||||
"type": "OData",
|
"type": "OData",
|
||||||
"settings": {
|
"settings": {
|
||||||
"odataVersion": "4.0"
|
"odataVersion": "4.0"
|
||||||
@@ -19,22 +19,6 @@
|
|||||||
"id": "ui5template.basicSAPUI5ApplicationProject",
|
"id": "ui5template.basicSAPUI5ApplicationProject",
|
||||||
"-id": "ui5template.smartTemplate",
|
"-id": "ui5template.smartTemplate",
|
||||||
"-version": "1.40.12"
|
"-version": "1.40.12"
|
||||||
},
|
|
||||||
"crossNavigation": {
|
|
||||||
"inbounds": {
|
|
||||||
"intent1": {
|
|
||||||
"signature": {
|
|
||||||
"parameters": {},
|
|
||||||
"additionalParameters": "allowed"
|
|
||||||
},
|
|
||||||
"semanticObject": "Books",
|
|
||||||
"action": "manage",
|
|
||||||
"title": "{{appTitle}}",
|
|
||||||
"info": "{{appInfo}}",
|
|
||||||
"subTitle": "{{appSubTitle}}",
|
|
||||||
"icon": "sap-icon://course-book"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"sap.ui5": {
|
"sap.ui5": {
|
||||||
|
|||||||
@@ -19,14 +19,6 @@
|
|||||||
"title": "Browse Books",
|
"title": "Browse Books",
|
||||||
"targetURL": "#Books-display"
|
"targetURL": "#Books-display"
|
||||||
}
|
}
|
||||||
},
|
|
||||||
{
|
|
||||||
"id": "BrowseGenres",
|
|
||||||
"tileType": "sap.ushell.ui.tile.StaticTile",
|
|
||||||
"properties": {
|
|
||||||
"title": "Browse Genres (OData v2)",
|
|
||||||
"targetURL": "#Genres-display"
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
@@ -50,7 +42,7 @@
|
|||||||
"tileType": "sap.ushell.ui.tile.StaticTile",
|
"tileType": "sap.ushell.ui.tile.StaticTile",
|
||||||
"properties": {
|
"properties": {
|
||||||
"title": "Manage Authors",
|
"title": "Manage Authors",
|
||||||
"targetURL": "#Authors-manage"
|
"targetURL": "#Authors-display"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -99,7 +91,7 @@
|
|||||||
},
|
},
|
||||||
"BrowseAuthors": {
|
"BrowseAuthors": {
|
||||||
"semanticObject": "Authors",
|
"semanticObject": "Authors",
|
||||||
"action": "manage",
|
"action": "display",
|
||||||
"title": "Browse Authors",
|
"title": "Browse Authors",
|
||||||
"signature": {
|
"signature": {
|
||||||
"parameters": {
|
"parameters": {
|
||||||
@@ -115,24 +107,6 @@
|
|||||||
"url": "/admin-authors/webapp"
|
"url": "/admin-authors/webapp"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"BrowseGenres": {
|
|
||||||
"semanticObject": "Genres",
|
|
||||||
"action": "display",
|
|
||||||
"title": "Browse Genres",
|
|
||||||
"signature": {
|
|
||||||
"parameters": {
|
|
||||||
"Genre.ID": {
|
|
||||||
"renameTo": "ID"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"additionalParameters": "ignored"
|
|
||||||
},
|
|
||||||
"resolutionResult": {
|
|
||||||
"applicationType": "SAPUI5",
|
|
||||||
"additionalInformation": "SAPUI5.Component=genres",
|
|
||||||
"url": "/genres/webapp"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"ManageBooks": {
|
"ManageBooks": {
|
||||||
"semanticObject": "Books",
|
"semanticObject": "Books",
|
||||||
"action": "manage",
|
"action": "manage",
|
||||||
|
|||||||
@@ -6,8 +6,8 @@ using CatalogService from '@capire/bookstore';
|
|||||||
//
|
//
|
||||||
annotate CatalogService.Books with @(UI : {
|
annotate CatalogService.Books with @(UI : {
|
||||||
HeaderInfo : {
|
HeaderInfo : {
|
||||||
TypeName : '{i18n>Book}',
|
TypeName : 'Book',
|
||||||
TypeNamePlural : '{i18n>Books}',
|
TypeNamePlural : 'Books',
|
||||||
Description : {Value : author}
|
Description : {Value : author}
|
||||||
},
|
},
|
||||||
HeaderFacets : [{
|
HeaderFacets : [{
|
||||||
@@ -33,7 +33,7 @@ annotate CatalogService.Books with @(UI : {
|
|||||||
|
|
||||||
////////////////////////////////////////////////////////////////////////////
|
////////////////////////////////////////////////////////////////////////////
|
||||||
//
|
//
|
||||||
// Books List Page
|
// Books Object Page
|
||||||
//
|
//
|
||||||
annotate CatalogService.Books with @(UI : {
|
annotate CatalogService.Books with @(UI : {
|
||||||
SelectionFields : [
|
SelectionFields : [
|
||||||
@@ -52,6 +52,9 @@ annotate CatalogService.Books with @(UI : {
|
|||||||
},
|
},
|
||||||
{Value : genre.name},
|
{Value : genre.name},
|
||||||
{Value : price},
|
{Value : price},
|
||||||
{Value : currency.symbol},
|
{
|
||||||
|
Value : currency.symbol,
|
||||||
|
Label : ' '
|
||||||
|
},
|
||||||
]
|
]
|
||||||
}, );
|
}, );
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
# __ldi.translation.uuid=c3431418-9caf-11e8-98d0-529269fb1459
|
# __ldi.translation.uuid=c3431418-9caf-11e8-98d0-529269fb1459
|
||||||
|
|
||||||
# JCI app descriptor contains lower case TITLE
|
# JCI app descriptor contains lower case TITLE
|
||||||
appTitle=Browse Books
|
appTitle=Bookshop Sample
|
||||||
|
|
||||||
# JCI app descriptor contains lower case DESCRIPTION
|
# JCI app descriptor contains lower case DESCRIPTION
|
||||||
appSubTitle=CAP Sample Application
|
appSubTitle=CAP Sample Application
|
||||||
|
|||||||
@@ -11,7 +11,7 @@
|
|||||||
},
|
},
|
||||||
"dataSources": {
|
"dataSources": {
|
||||||
"CatalogService": {
|
"CatalogService": {
|
||||||
"uri": "browse/",
|
"uri": "/browse/",
|
||||||
"type": "OData",
|
"type": "OData",
|
||||||
"settings": {
|
"settings": {
|
||||||
"odataVersion": "4.0"
|
"odataVersion": "4.0"
|
||||||
|
|||||||
@@ -4,53 +4,57 @@
|
|||||||
|
|
||||||
using { sap.capire.bookshop as my } from '@capire/bookstore';
|
using { sap.capire.bookshop as my } from '@capire/bookstore';
|
||||||
using { sap.common } from '@capire/common';
|
using { sap.common } from '@capire/common';
|
||||||
using { sap.common.Currencies } from '@sap/cds/common';
|
|
||||||
|
|
||||||
////////////////////////////////////////////////////////////////////////////
|
////////////////////////////////////////////////////////////////////////////
|
||||||
//
|
//
|
||||||
// Books Lists
|
// Books Lists
|
||||||
//
|
//
|
||||||
annotate my.Books with @(
|
annotate my.Books with @(
|
||||||
Common.SemanticKey : [ID],
|
Common.SemanticKey : [ID],
|
||||||
UI : {
|
UI : {
|
||||||
Identification : [{ Value: title }],
|
Identification : [{Value : title}],
|
||||||
SelectionFields : [
|
SelectionFields : [
|
||||||
ID,
|
ID,
|
||||||
author_ID,
|
author_ID,
|
||||||
price,
|
price,
|
||||||
currency_code
|
currency_code
|
||||||
],
|
],
|
||||||
LineItem : [
|
LineItem : [
|
||||||
{ Value: ID, Label: '{i18n>Title}' },
|
{
|
||||||
{ Value: author.ID, Label: '{i18n>Author}' },
|
Value : ID,
|
||||||
{ Value: genre.name },
|
Label : '{i18n>Title}'
|
||||||
{ Value: stock },
|
},
|
||||||
{ Value: price },
|
{
|
||||||
{ Value: currency.symbol },
|
Value : author.ID,
|
||||||
]
|
Label : '{i18n>Author}'
|
||||||
}
|
},
|
||||||
|
{Value : genre.name},
|
||||||
|
{Value : stock},
|
||||||
|
{Value : price},
|
||||||
|
{
|
||||||
|
Value : currency.symbol,
|
||||||
|
Label : ' '
|
||||||
|
},
|
||||||
|
]
|
||||||
|
}
|
||||||
) {
|
) {
|
||||||
ID @Common: {
|
ID @Common: {
|
||||||
SemanticObject : 'Books',
|
SemanticObject : 'Books',
|
||||||
Text: title,
|
Text: title,
|
||||||
TextArrangement : #TextOnly
|
TextArrangement : #TextOnly
|
||||||
};
|
};
|
||||||
author @ValueList.entity : 'Authors';
|
author @ValueList.entity : 'Authors';
|
||||||
};
|
};
|
||||||
|
|
||||||
annotate Currencies with {
|
|
||||||
symbol @Common.Label : '{i18n>Currency}';
|
|
||||||
}
|
|
||||||
|
|
||||||
////////////////////////////////////////////////////////////////////////////
|
////////////////////////////////////////////////////////////////////////////
|
||||||
//
|
//
|
||||||
// Books Details
|
// Books Details
|
||||||
//
|
//
|
||||||
annotate my.Books with @(UI : {HeaderInfo : {
|
annotate my.Books with @(UI : {HeaderInfo : {
|
||||||
TypeName : '{i18n>Book}',
|
TypeName : '{i18n>Book}',
|
||||||
TypeNamePlural : '{i18n>Books}',
|
TypeNamePlural : '{i18n>Books}',
|
||||||
Title : { Value: title },
|
Title : {Value : title},
|
||||||
Description : { Value: author.name }
|
Description : {Value : author.name}
|
||||||
}, });
|
}, });
|
||||||
|
|
||||||
|
|
||||||
@@ -59,14 +63,19 @@ annotate my.Books with @(UI : {HeaderInfo : {
|
|||||||
// Books Elements
|
// Books Elements
|
||||||
//
|
//
|
||||||
annotate my.Books with {
|
annotate my.Books with {
|
||||||
ID @title: '{i18n>ID}';
|
ID @title : '{i18n>ID}';
|
||||||
title @title: '{i18n>Title}';
|
title @title : '{i18n>Title}';
|
||||||
genre @title: '{i18n>Genre}' @Common: { Text: genre.name, TextArrangement: #TextOnly };
|
genre @title : '{i18n>Genre}' @Common : {
|
||||||
author @title: '{i18n>Author}' @Common: { Text: author.name, TextArrangement: #TextOnly };
|
Text : genre.name,
|
||||||
price @title: '{i18n>Price}' @Measures.ISOCurrency : currency_code;
|
TextArrangement : #TextOnly
|
||||||
stock @title: '{i18n>Stock}';
|
};
|
||||||
descr @title: '{i18n>Description}' @UI.MultiLineText;
|
author @title : '{i18n>Author}' @Common : {
|
||||||
image @title: '{i18n>Image}';
|
Text : author.name,
|
||||||
|
TextArrangement : #TextOnly
|
||||||
|
};
|
||||||
|
price @title : '{i18n>Price}' @Measures.ISOCurrency : currency_code;
|
||||||
|
stock @title : '{i18n>Stock}';
|
||||||
|
descr @UI.MultiLineText;
|
||||||
}
|
}
|
||||||
|
|
||||||
////////////////////////////////////////////////////////////////////////////
|
////////////////////////////////////////////////////////////////////////////
|
||||||
@@ -74,40 +83,36 @@ annotate my.Books with {
|
|||||||
// Genres List
|
// Genres List
|
||||||
//
|
//
|
||||||
annotate my.Genres with @(
|
annotate my.Genres with @(
|
||||||
Common.SemanticKey : [name],
|
Common.SemanticKey : [name],
|
||||||
UI : {
|
UI : {
|
||||||
SelectionFields : [name],
|
SelectionFields : [name],
|
||||||
LineItem : [
|
LineItem : [
|
||||||
{ Value: name },
|
{Value : name},
|
||||||
{
|
{
|
||||||
Value : parent.name,
|
Value : parent.name,
|
||||||
Label: 'Main Genre'
|
Label : 'Main Genre'
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
annotate my.Genres with {
|
|
||||||
ID @Common.Text : name @Common.TextArrangement : #TextOnly;
|
|
||||||
}
|
|
||||||
|
|
||||||
////////////////////////////////////////////////////////////////////////////
|
////////////////////////////////////////////////////////////////////////////
|
||||||
//
|
//
|
||||||
// Genre Details
|
// Genre Details
|
||||||
//
|
//
|
||||||
annotate my.Genres with @(UI : {
|
annotate my.Genres with @(UI : {
|
||||||
Identification : [{ Value: name}],
|
Identification : [{Value : name}],
|
||||||
HeaderInfo : {
|
HeaderInfo : {
|
||||||
TypeName : '{i18n>Genre}',
|
TypeName : '{i18n>Genre}',
|
||||||
TypeNamePlural : '{i18n>Genres}',
|
TypeNamePlural : '{i18n>Genres}',
|
||||||
Title : { Value: name },
|
Title : {Value : name},
|
||||||
Description : { Value: ID }
|
Description : {Value : ID}
|
||||||
},
|
},
|
||||||
Facets : [{
|
Facets : [{
|
||||||
$Type : 'UI.ReferenceFacet',
|
$Type : 'UI.ReferenceFacet',
|
||||||
Label : '{i18n>SubGenres}',
|
Label : '{i18n>SubGenres}',
|
||||||
Target : 'children/@UI.LineItem'
|
Target : 'children/@UI.LineItem'
|
||||||
}, ],
|
}, ],
|
||||||
});
|
});
|
||||||
|
|
||||||
////////////////////////////////////////////////////////////////////////////
|
////////////////////////////////////////////////////////////////////////////
|
||||||
@@ -115,8 +120,8 @@ annotate my.Genres with @(UI : {
|
|||||||
// Genres Elements
|
// Genres Elements
|
||||||
//
|
//
|
||||||
annotate my.Genres with {
|
annotate my.Genres with {
|
||||||
ID @title: '{i18n>ID}';
|
ID @title : '{i18n>ID}';
|
||||||
name @title: '{i18n>Genre}';
|
name @title : '{i18n>Genre}';
|
||||||
}
|
}
|
||||||
|
|
||||||
////////////////////////////////////////////////////////////////////////////
|
////////////////////////////////////////////////////////////////////////////
|
||||||
@@ -124,24 +129,24 @@ annotate my.Genres with {
|
|||||||
// Authors List
|
// Authors List
|
||||||
//
|
//
|
||||||
annotate my.Authors with @(
|
annotate my.Authors with @(
|
||||||
Common.SemanticKey : [ID],
|
Common.SemanticKey : [ID],
|
||||||
UI : {
|
UI : {
|
||||||
Identification : [{ Value: name}],
|
Identification : [{Value : name}],
|
||||||
SelectionFields : [name],
|
SelectionFields : [name],
|
||||||
LineItem : [
|
LineItem : [
|
||||||
{ Value: ID },
|
{Value : ID},
|
||||||
{ Value: dateOfBirth },
|
{Value : dateOfBirth},
|
||||||
{ Value: dateOfDeath },
|
{Value : dateOfDeath},
|
||||||
{ Value: placeOfBirth },
|
{Value : placeOfBirth},
|
||||||
{ Value: placeOfDeath },
|
{Value : placeOfDeath},
|
||||||
],
|
],
|
||||||
}
|
}
|
||||||
) {
|
) {
|
||||||
ID @Common: {
|
ID @Common: {
|
||||||
SemanticObject : 'Authors',
|
SemanticObject : 'Authors',
|
||||||
Text: name,
|
Text: name,
|
||||||
TextArrangement : #TextOnly,
|
TextArrangement : #TextOnly,
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|
||||||
////////////////////////////////////////////////////////////////////////////
|
////////////////////////////////////////////////////////////////////////////
|
||||||
@@ -149,16 +154,16 @@ annotate my.Authors with @(
|
|||||||
// Author Details
|
// Author Details
|
||||||
//
|
//
|
||||||
annotate my.Authors with @(UI : {
|
annotate my.Authors with @(UI : {
|
||||||
HeaderInfo : {
|
HeaderInfo : {
|
||||||
TypeName : '{i18n>Author}',
|
TypeName : '{i18n>Author}',
|
||||||
TypeNamePlural : '{i18n>Authors}',
|
TypeNamePlural : '{i18n>Authors}',
|
||||||
Title : { Value: name },
|
Title : {Value : name},
|
||||||
Description : { Value: dateOfBirth }
|
Description : {Value : dateOfBirth}
|
||||||
},
|
},
|
||||||
Facets : [{
|
Facets : [{
|
||||||
$Type : 'UI.ReferenceFacet',
|
$Type : 'UI.ReferenceFacet',
|
||||||
Target : 'books/@UI.LineItem'
|
Target : 'books/@UI.LineItem'
|
||||||
}, ],
|
}, ],
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
@@ -167,12 +172,12 @@ annotate my.Authors with @(UI : {
|
|||||||
// Authors Elements
|
// Authors Elements
|
||||||
//
|
//
|
||||||
annotate my.Authors with {
|
annotate my.Authors with {
|
||||||
ID @title: '{i18n>ID}';
|
ID @title : '{i18n>ID}';
|
||||||
name @title: '{i18n>Name}';
|
name @title : '{i18n>Name}';
|
||||||
dateOfBirth @title: '{i18n>DateOfBirth}';
|
dateOfBirth @title : '{i18n>DateOfBirth}';
|
||||||
dateOfDeath @title: '{i18n>DateOfDeath}';
|
dateOfDeath @title : '{i18n>DateOfDeath}';
|
||||||
placeOfBirth @title: '{i18n>PlaceOfBirth}';
|
placeOfBirth @title : '{i18n>PlaceOfBirth}';
|
||||||
placeOfDeath @title: '{i18n>PlaceOfDeath}';
|
placeOfDeath @title : '{i18n>PlaceOfDeath}';
|
||||||
}
|
}
|
||||||
|
|
||||||
////////////////////////////////////////////////////////////////////////////
|
////////////////////////////////////////////////////////////////////////////
|
||||||
@@ -180,18 +185,18 @@ annotate my.Authors with {
|
|||||||
// Languages List
|
// Languages List
|
||||||
//
|
//
|
||||||
annotate common.Languages with @(
|
annotate common.Languages with @(
|
||||||
Common.SemanticKey : [code],
|
Common.SemanticKey : [code],
|
||||||
Identification : [{ Value: code}],
|
Identification : [{Value : code}],
|
||||||
UI : {
|
UI : {
|
||||||
SelectionFields : [
|
SelectionFields : [
|
||||||
name,
|
name,
|
||||||
descr
|
descr
|
||||||
],
|
],
|
||||||
LineItem : [
|
LineItem : [
|
||||||
{ Value: code },
|
{Value : code},
|
||||||
{ Value: name },
|
{Value : name},
|
||||||
],
|
],
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
////////////////////////////////////////////////////////////////////////////
|
////////////////////////////////////////////////////////////////////////////
|
||||||
@@ -199,22 +204,22 @@ annotate common.Languages with @(
|
|||||||
// Language Details
|
// Language Details
|
||||||
//
|
//
|
||||||
annotate common.Languages with @(UI : {
|
annotate common.Languages with @(UI : {
|
||||||
HeaderInfo : {
|
HeaderInfo : {
|
||||||
TypeName : '{i18n>Language}',
|
TypeName : '{i18n>Language}',
|
||||||
TypeNamePlural : '{i18n>Languages}',
|
TypeNamePlural : '{i18n>Languages}',
|
||||||
Title : { Value: name },
|
Title : {Value : name},
|
||||||
Description : { Value: descr }
|
Description : {Value : descr}
|
||||||
},
|
},
|
||||||
Facets : [{
|
Facets : [{
|
||||||
$Type : 'UI.ReferenceFacet',
|
$Type : 'UI.ReferenceFacet',
|
||||||
Label : '{i18n>Details}',
|
Label : '{i18n>Details}',
|
||||||
Target : '@UI.FieldGroup#Details'
|
Target : '@UI.FieldGroup#Details'
|
||||||
}, ],
|
}, ],
|
||||||
FieldGroup #Details : {Data : [
|
FieldGroup #Details : {Data : [
|
||||||
{ Value: code },
|
{Value : code},
|
||||||
{ Value: name },
|
{Value : name},
|
||||||
{ Value: descr }
|
{Value : descr}
|
||||||
]},
|
]},
|
||||||
});
|
});
|
||||||
|
|
||||||
////////////////////////////////////////////////////////////////////////////
|
////////////////////////////////////////////////////////////////////////////
|
||||||
@@ -222,19 +227,19 @@ annotate common.Languages with @(UI : {
|
|||||||
// Currencies List
|
// Currencies List
|
||||||
//
|
//
|
||||||
annotate common.Currencies with @(
|
annotate common.Currencies with @(
|
||||||
Common.SemanticKey : [code],
|
Common.SemanticKey : [code],
|
||||||
Identification : [{ Value: code}],
|
Identification : [{Value : code}],
|
||||||
UI : {
|
UI : {
|
||||||
SelectionFields : [
|
SelectionFields : [
|
||||||
name,
|
name,
|
||||||
descr
|
descr
|
||||||
],
|
],
|
||||||
LineItem : [
|
LineItem : [
|
||||||
{ Value: descr },
|
{Value : descr},
|
||||||
{ Value: symbol },
|
{Value : symbol},
|
||||||
{ Value: code },
|
{Value : code},
|
||||||
],
|
],
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
////////////////////////////////////////////////////////////////////////////
|
////////////////////////////////////////////////////////////////////////////
|
||||||
@@ -242,35 +247,35 @@ annotate common.Currencies with @(
|
|||||||
// Currency Details
|
// Currency Details
|
||||||
//
|
//
|
||||||
annotate common.Currencies with @(UI : {
|
annotate common.Currencies with @(UI : {
|
||||||
HeaderInfo : {
|
HeaderInfo : {
|
||||||
TypeName : '{i18n>Currency}',
|
TypeName : '{i18n>Currency}',
|
||||||
TypeNamePlural : '{i18n>Currencies}',
|
TypeNamePlural : '{i18n>Currencies}',
|
||||||
Title : { Value: descr },
|
Title : {Value : descr},
|
||||||
Description : { Value: code }
|
Description : {Value : code}
|
||||||
},
|
|
||||||
Facets : [
|
|
||||||
{
|
|
||||||
$Type : 'UI.ReferenceFacet',
|
|
||||||
Label : '{i18n>Details}',
|
|
||||||
Target : '@UI.FieldGroup#Details'
|
|
||||||
},
|
},
|
||||||
{
|
Facets : [
|
||||||
$Type : 'UI.ReferenceFacet',
|
{
|
||||||
Label : '{i18n>Extended}',
|
$Type : 'UI.ReferenceFacet',
|
||||||
Target : '@UI.FieldGroup#Extended'
|
Label : '{i18n>Details}',
|
||||||
},
|
Target : '@UI.FieldGroup#Details'
|
||||||
],
|
},
|
||||||
FieldGroup #Details : {Data : [
|
{
|
||||||
{ Value: name },
|
$Type : 'UI.ReferenceFacet',
|
||||||
{ Value: symbol },
|
Label : '{i18n>Extended}',
|
||||||
{ Value: code },
|
Target : '@UI.FieldGroup#Extended'
|
||||||
{ Value: descr }
|
},
|
||||||
]},
|
],
|
||||||
FieldGroup #Extended : {Data : [
|
FieldGroup #Details : {Data : [
|
||||||
{ Value: numcode },
|
{Value : name},
|
||||||
{ Value: minor },
|
{Value : symbol},
|
||||||
{ Value: exponent }
|
{Value : code},
|
||||||
]},
|
{Value : descr}
|
||||||
|
]},
|
||||||
|
FieldGroup #Extended : {Data : [
|
||||||
|
{Value : numcode},
|
||||||
|
{Value : minor},
|
||||||
|
{Value : exponent}
|
||||||
|
]},
|
||||||
});
|
});
|
||||||
|
|
||||||
////////////////////////////////////////////////////////////////////////////
|
////////////////////////////////////////////////////////////////////////////
|
||||||
@@ -278,7 +283,7 @@ annotate common.Currencies with @(UI : {
|
|||||||
// Currencies Elements
|
// Currencies Elements
|
||||||
//
|
//
|
||||||
annotate common.Currencies with {
|
annotate common.Currencies with {
|
||||||
numcode @title: '{i18n>NumCode}';
|
numcode @title : '{i18n>NumCode}';
|
||||||
minor @title: '{i18n>MinorUnit}';
|
minor @title : '{i18n>MinorUnit}';
|
||||||
exponent @title: '{i18n>Exponent}';
|
exponent @title : '{i18n>Exponent}';
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<!doctype html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
@@ -10,22 +10,21 @@
|
|||||||
<script>
|
<script>
|
||||||
window["sap-ushell-config"] = {
|
window["sap-ushell-config"] = {
|
||||||
defaultRenderer: "fiori2",
|
defaultRenderer: "fiori2",
|
||||||
applications: {},
|
applications: {}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script id="sap-ushell-bootstrap" src="https://ui5.sap.com/test-resources/sap/ushell/bootstrap/sandbox.js"></script>
|
<script id="sap-ushell-bootstrap" src="https://sapui5.hana.ondemand.com/test-resources/sap/ushell/bootstrap/sandbox.js"></script>
|
||||||
<script id="sap-ui-bootstrap" src="https://ui5.sap.com/resources/sap-ui-core.js"
|
<script id="sap-ui-bootstrap" src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
|
||||||
data-sap-ui-libs="sap.m, sap.ushell, sap.collaboration, sap.ui.layout" data-sap-ui-compatVersion="edge"
|
data-sap-ui-libs="sap.m, sap.ushell, sap.collaboration, sap.ui.layout"
|
||||||
data-sap-ui-theme="sap_horizon"></script>
|
data-sap-ui-compatVersion="edge"
|
||||||
|
data-sap-ui-theme="sap_fiori_3"
|
||||||
|
data-sap-ui-frameOptions="allow"
|
||||||
|
></script>
|
||||||
<script>
|
<script>
|
||||||
sap.ui.getCore().attachInit(() =>
|
sap.ui.getCore().attachInit(()=> sap.ushell.Container.createRenderer().placeAt("content"))
|
||||||
sap.ushell.Container.createRenderer().placeAt("content")
|
|
||||||
);
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
<body class="sapUiBody" id="content"></body>
|
||||||
<body class="sapUiBody" id="content">
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
using { sap.capire.bookshop } from '../../db/common';
|
|
||||||
|
|
||||||
annotate bookshop.GenreHierarchy {
|
|
||||||
ID @sap.hierarchy.node.for;
|
|
||||||
parent @sap.hierarchy.parent.node.for;
|
|
||||||
hierarchyLevel @sap.hierarchy.level.for;
|
|
||||||
drillState @sap.hierarchy.drill.state.for;
|
|
||||||
}
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
sap.ui.define(["sap/suite/ui/generic/template/lib/AppComponent"], (AppComponent) =>
|
|
||||||
AppComponent.extend("genres.Component", {
|
|
||||||
metadata: {
|
|
||||||
manifest: "json",
|
|
||||||
},
|
|
||||||
})
|
|
||||||
);
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
#XTIT
|
|
||||||
appTitle=Genres
|
|
||||||
#XTXT
|
|
||||||
appDescription=Browse Genres
|
|
||||||
@@ -1,155 +0,0 @@
|
|||||||
{
|
|
||||||
"_version": "1.8.0",
|
|
||||||
"sap.app": {
|
|
||||||
"id": "genres",
|
|
||||||
"type": "application",
|
|
||||||
"i18n": "i18n/i18n.properties",
|
|
||||||
"applicationVersion": {
|
|
||||||
"version": "1.0.0"
|
|
||||||
},
|
|
||||||
"title": "Browse Genres Hierarchy (OData v2)",
|
|
||||||
"description": "{{appDescription}}",
|
|
||||||
"tags": {
|
|
||||||
"keywords": []
|
|
||||||
},
|
|
||||||
"crossNavigation": {
|
|
||||||
"inbounds": {
|
|
||||||
"appShow": {
|
|
||||||
"title": "{{appTitle}}",
|
|
||||||
"semanticObject": "GenreHierarchy",
|
|
||||||
"action": "display",
|
|
||||||
"deviceTypes": {
|
|
||||||
"desktop": true,
|
|
||||||
"tablet": true,
|
|
||||||
"phone": true
|
|
||||||
},
|
|
||||||
"icon": "sap-icon://settings",
|
|
||||||
"size": "1x1"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"outbounds": {}
|
|
||||||
},
|
|
||||||
"ach": "",
|
|
||||||
"resources": "resources.json",
|
|
||||||
"dataSources": {
|
|
||||||
"main": {
|
|
||||||
"uri": "/odata/v2/browse",
|
|
||||||
"type": "OData",
|
|
||||||
"settings": {
|
|
||||||
"annotations": ["localAnnotations"],
|
|
||||||
"localUri": "localService/metadata.xml"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"localAnnotations": {
|
|
||||||
"type": "ODataAnnotation",
|
|
||||||
"uri": "annotations/localAnnotations.xml",
|
|
||||||
"settings": {
|
|
||||||
"localUri": "annotations/localAnnotations.xml"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"offline": false,
|
|
||||||
"sourceTemplate": {
|
|
||||||
"id": "ui5template.smartTemplate",
|
|
||||||
"version": "1.40.12"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"sap.ui": {
|
|
||||||
"technology": "UI5",
|
|
||||||
"icons": {
|
|
||||||
"icon": "",
|
|
||||||
"favIcon": "",
|
|
||||||
"phone": "",
|
|
||||||
"phone@2": "",
|
|
||||||
"tablet": "",
|
|
||||||
"tablet@2": ""
|
|
||||||
},
|
|
||||||
"deviceTypes": {
|
|
||||||
"desktop": true,
|
|
||||||
"tablet": true,
|
|
||||||
"phone": true
|
|
||||||
},
|
|
||||||
"supportedThemes": ["sap_hcb", "sap_belize", "sap_belize_deep", "sap_fiori_3"]
|
|
||||||
},
|
|
||||||
"sap.ui5": {
|
|
||||||
"resources": {
|
|
||||||
"js": [],
|
|
||||||
"css": []
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"minUI5Version": "1.65.6",
|
|
||||||
"libs": {},
|
|
||||||
"components": {}
|
|
||||||
},
|
|
||||||
"models": {
|
|
||||||
"i18n": {
|
|
||||||
"type": "sap.ui.model.resource.ResourceModel",
|
|
||||||
"uri": "i18n/i18n.properties"
|
|
||||||
},
|
|
||||||
"@i18n": {
|
|
||||||
"type": "sap.ui.model.resource.ResourceModel",
|
|
||||||
"uri": "i18n/i18n.properties"
|
|
||||||
},
|
|
||||||
"json": {
|
|
||||||
"type": "sap.ui.model.json.JSONModel"
|
|
||||||
},
|
|
||||||
"i18n|sap.suite.ui.generic.template.ListReport|Genres": {
|
|
||||||
"type": "sap.ui.model.resource.ResourceModel",
|
|
||||||
"uri": "i18n/ListReport/Genres/i18n.properties"
|
|
||||||
},
|
|
||||||
"": {
|
|
||||||
"dataSource": "main",
|
|
||||||
"preload": true,
|
|
||||||
"settings": {
|
|
||||||
"useBatch": true,
|
|
||||||
"defaultBindingMode": "TwoWay",
|
|
||||||
"defaultCountMode": "Inline",
|
|
||||||
"refreshAfterChange": true,
|
|
||||||
"metadataUrlParams": {
|
|
||||||
"sap-value-list": "none"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"contentDensities": {
|
|
||||||
"compact": true,
|
|
||||||
"cozy": true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"sap.ui.generic.app": {
|
|
||||||
"_version": "1.3.0",
|
|
||||||
"settings": {
|
|
||||||
"forceGlobalRefresh": false,
|
|
||||||
"useColumnLayoutForSmartForm": false,
|
|
||||||
"showBasicSearch": false
|
|
||||||
},
|
|
||||||
"pages": {
|
|
||||||
"ListReport|Genres": {
|
|
||||||
"entitySet": "GenreHierarchy",
|
|
||||||
"component": {
|
|
||||||
"name": "sap.suite.ui.generic.template.ListReport",
|
|
||||||
"list": true,
|
|
||||||
"settings": {
|
|
||||||
"condensedTableLayout": true,
|
|
||||||
"smartVariantManagement": true,
|
|
||||||
"tableType": "TreeTable",
|
|
||||||
"enableTableFilterInPageVariant": true,
|
|
||||||
"dataLoadSettings": {
|
|
||||||
"loadDataOnAppLaunch": "always"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"sap.fiori": {
|
|
||||||
"registrationIds": [],
|
|
||||||
"archeType": "transactional"
|
|
||||||
},
|
|
||||||
"sap.platform.hcp": {
|
|
||||||
"uri": ""
|
|
||||||
},
|
|
||||||
"sap.platform.cf": {
|
|
||||||
"oAuthScopes": []
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -5,6 +5,5 @@
|
|||||||
using from './admin-authors/fiori-service';
|
using from './admin-authors/fiori-service';
|
||||||
using from './admin-books/fiori-service';
|
using from './admin-books/fiori-service';
|
||||||
using from './browse/fiori-service';
|
using from './browse/fiori-service';
|
||||||
using from './genres/fiori-service';
|
|
||||||
using from './common';
|
using from './common';
|
||||||
using from '@capire/bookstore/srv/mashup';
|
using from '@capire/bookstore/srv/mashup';
|
||||||
|
|||||||
@@ -1,14 +0,0 @@
|
|||||||
namespace sap.capire.bookshop;
|
|
||||||
|
|
||||||
using { sap.capire.bookshop } from '@capire/bookstore/srv/mashup';
|
|
||||||
|
|
||||||
entity GenreHierarchy : bookshop.Genres {
|
|
||||||
hierarchyLevel : Integer default 0;
|
|
||||||
drillState : String default 'leaf';
|
|
||||||
parent : Association to GenreHierarchy;
|
|
||||||
children : Composition of many GenreHierarchy on children.parent = $self;
|
|
||||||
}
|
|
||||||
|
|
||||||
extend service CatalogService with {
|
|
||||||
@readonly entity GenreHierarchy as projection on bookshop.GenreHierarchy;
|
|
||||||
}
|
|
||||||
@@ -1,16 +0,0 @@
|
|||||||
ID;parent_ID;name;hierarchyLevel;drillState
|
|
||||||
10;;Fiction;0;expanded
|
|
||||||
11;10;Drama;1;leaf
|
|
||||||
12;10;Poetry;1;leaf
|
|
||||||
13;10;Fantasy;1;leaf
|
|
||||||
14;10;Science Fiction;1;leaf
|
|
||||||
15;10;Romance;1;leaf
|
|
||||||
16;10;Mystery;1;leaf
|
|
||||||
17;10;Thriller;1;leaf
|
|
||||||
18;10;Dystopia;1;leaf
|
|
||||||
20;;Non-Fiction;0;expanded
|
|
||||||
19;10;Fairy Tale;1;leaf
|
|
||||||
21;20;Biography;1;expanded
|
|
||||||
22;21;Autobiography;2;leaf
|
|
||||||
23;20;Essay;1;leaf
|
|
||||||
24;20;Speech;1;leaf
|
|
||||||
|
@@ -1 +0,0 @@
|
|||||||
using from './db/common';
|
|
||||||
@@ -3,19 +3,19 @@
|
|||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@capire/bookstore": "*",
|
"@capire/bookstore": "*",
|
||||||
"@sap/cds": ">=5",
|
"@sap/cds": "^5",
|
||||||
"@cap-js-community/odata-v2-adapter": "^1",
|
"express": "^4.17.1",
|
||||||
"express": "^4.17.1"
|
"passport": "^0.4.1"
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@cap-js/sqlite": "^1"
|
|
||||||
},
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"start": "cds-serve",
|
"start": "cds run --in-memory?",
|
||||||
"watch": "cds watch"
|
"watch": "cds watch"
|
||||||
},
|
},
|
||||||
"cds": {
|
"cds": {
|
||||||
"requires": {
|
"requires": {
|
||||||
|
"auth": {
|
||||||
|
"strategy": "dummy"
|
||||||
|
},
|
||||||
"ReviewsService": {
|
"ReviewsService": {
|
||||||
"kind": "odata",
|
"kind": "odata",
|
||||||
"model": "@capire/reviews"
|
"model": "@capire/reviews"
|
||||||
@@ -31,7 +31,7 @@
|
|||||||
"[development]": {
|
"[development]": {
|
||||||
"kind": "file-based-messaging"
|
"kind": "file-based-messaging"
|
||||||
},
|
},
|
||||||
"[hybrid]": {
|
"[hybrid!]": {
|
||||||
"kind": "enterprise-messaging-shared"
|
"kind": "enterprise-messaging-shared"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -45,15 +45,10 @@
|
|||||||
"[production]": {
|
"[production]": {
|
||||||
"model": "db/hana"
|
"model": "db/hana"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
"hana": {
|
||||||
|
"deploy-format": "hdbtable"
|
||||||
}
|
}
|
||||||
},
|
|
||||||
"hana": {
|
|
||||||
"deploy-format": "hdbtable"
|
|
||||||
}
|
}
|
||||||
},
|
}
|
||||||
"sapux": [
|
|
||||||
"app/admin-authors",
|
|
||||||
"app/admin-books",
|
|
||||||
"app/browse"
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
1
fiori/server.js
Normal file
1
fiori/server.js
Normal file
@@ -0,0 +1 @@
|
|||||||
|
module.exports = require('@capire/bookstore/server.js')
|
||||||
@@ -12,4 +12,4 @@ Then call the service at: http://localhost:4004/say/hello(to='world')
|
|||||||
Learn more about:
|
Learn more about:
|
||||||
|
|
||||||
- [Hello World!](https://cap.cloud.sap/docs/get-started/hello-world)
|
- [Hello World!](https://cap.cloud.sap/docs/get-started/hello-world)
|
||||||
- [Using TypeScript](https://cap.cloud.sap/docs/node.js/typescript)
|
- [Using TypeScript](https://cap.cloud.sap/docs/get-started/using-typescript)
|
||||||
@@ -3,10 +3,52 @@
|
|||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"test": "npx jest --silent",
|
"test": "npx jest --silent",
|
||||||
"start": "cds-serve srv/world.cds",
|
"start": "cds serve srv/world.cds",
|
||||||
"start:ts": "cds-ts serve srv/world.cds"
|
"start:ts": "cds-ts serve srv/world.cds"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"devDependencies": {
|
||||||
"@sap/cds": ">=5.0.4"
|
"@types/jest": "^27.0.2",
|
||||||
|
"@types/node": "^16.11.6",
|
||||||
|
"ts-jest": "^27.0.2",
|
||||||
|
"typescript": "^4.3.5"
|
||||||
|
},
|
||||||
|
"jest": {
|
||||||
|
"testEnvironment": "node",
|
||||||
|
"preset": "ts-jest",
|
||||||
|
"globals": {
|
||||||
|
"ts-jest": {
|
||||||
|
"diagnostics": {
|
||||||
|
"_comment": "see https://githubmemory.com/repo/kulshekhar/ts-jest/issues/2722",
|
||||||
|
"ignoreCodes": [
|
||||||
|
151001
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"eslintConfig": {
|
||||||
|
"extends": "eslint:recommended",
|
||||||
|
"env": {
|
||||||
|
"es2020": true,
|
||||||
|
"node": true,
|
||||||
|
"jest": true,
|
||||||
|
"mocha": true
|
||||||
|
},
|
||||||
|
"globals": {
|
||||||
|
"SELECT": true,
|
||||||
|
"INSERT": true,
|
||||||
|
"UPDATE": true,
|
||||||
|
"DELETE": true,
|
||||||
|
"CREATE": true,
|
||||||
|
"DROP": true,
|
||||||
|
"CDL": true,
|
||||||
|
"CQL": true,
|
||||||
|
"CXL": true,
|
||||||
|
"cds": true
|
||||||
|
},
|
||||||
|
"rules": {
|
||||||
|
"no-console": "off",
|
||||||
|
"require-atomic-updates": "off"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,7 +1,3 @@
|
|||||||
module.exports = class say {
|
module.exports = class say {
|
||||||
hello(req) {
|
hello(req) { return `Hello ${req.data.to}!` }
|
||||||
let {to} = req.data
|
|
||||||
if (to === 'me') to = require('os').userInfo().username
|
|
||||||
return `Hello ${to}!`
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { Request } from "@sap/cds"
|
import type { Request } from "@sap/cds/apis/services"
|
||||||
|
|
||||||
module.exports = class say {
|
module.exports = class say {
|
||||||
hello(req: Request) {
|
hello(req: Request) {
|
||||||
|
|||||||
15
hello/test/hello-world-ts.test.ts
Normal file
15
hello/test/hello-world-ts.test.ts
Normal file
@@ -0,0 +1,15 @@
|
|||||||
|
process.env.CDS_TYPESCRIPT = 'true';
|
||||||
|
import * as cds from '@sap/cds';
|
||||||
|
|
||||||
|
//@ts-ignore
|
||||||
|
const {GET} = cds.test.in(__dirname,'../srv').run('serve', 'world.cds');
|
||||||
|
|
||||||
|
describe('Hello world!', () => {
|
||||||
|
afterAll(() => { delete process.env.CDS_TYPESCRIPT; });
|
||||||
|
|
||||||
|
it('should say hello with class impl from a typescript file', async () => {
|
||||||
|
const {data} = await GET`/say/hello(to='world')`
|
||||||
|
expect(data.value).toMatch(/Hello world.*typescript.*/i)
|
||||||
|
})
|
||||||
|
|
||||||
|
})
|
||||||
@@ -1,5 +1 @@
|
|||||||
GET http://localhost:4004/odata/v4/say/hello
|
GET http://localhost:4004/say/hello(to='world')
|
||||||
###
|
|
||||||
|
|
||||||
GET http://localhost:4004/odata/v4/say/hello(to='me')
|
|
||||||
###
|
|
||||||
|
|||||||
@@ -1,76 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<title> cds.log </title>
|
|
||||||
<link rel="stylesheet" href="https://unpkg.com/primitive-ui/dist/css/main.css">
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/vue@3/dist/vue.global.prod.js"></script>
|
|
||||||
<style>
|
|
||||||
select { border-color: transparent; padding: 4px 12px; margin: 0px; }
|
|
||||||
button { padding: 2px 11px; margin: 0px 4px; font: 90% italic; }
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body class="small-container" , style="margin-top: 70px;">
|
|
||||||
<div id='app'>
|
|
||||||
<h1> Log Levels </h1>
|
|
||||||
<input type="text" placeholder="Search by ID or Log Level..." @input="fetch">
|
|
||||||
<table id='loggers'>
|
|
||||||
<thead>
|
|
||||||
<th> Module ID </th>
|
|
||||||
<th> Log Level </th>
|
|
||||||
</thead>
|
|
||||||
<tr v-for="each in list">
|
|
||||||
<td>{{ each.id }}</td>
|
|
||||||
<td><select v-bind:id="each.id" v-model="each.level" @change="set">
|
|
||||||
<option>SILENT</option>
|
|
||||||
<option>ERROR</option>
|
|
||||||
<option>WARN</option>
|
|
||||||
<option>INFO</option>
|
|
||||||
<option>DEBUG</option>
|
|
||||||
<option>TRACE</option>
|
|
||||||
</select>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
<h4>Log Format:</h4>
|
|
||||||
[ <button class="round-button" :class={'muted-button':!format.timestamp} @click="toggle_format" id="timestamp">Timestamp </button>
|
|
||||||
| <button class="round-button" :class={'muted-button':!format.level} @click="toggle_format" id="level">Log Level </button>
|
|
||||||
| <button class="round-button" :class={'muted-button':!format.tenant} @click="toggle_format" id="tenant">Tenant </button>
|
|
||||||
| <button class="round-button" :class={'muted-button':!format.reqid} @click="toggle_format" id="reqid">Request ID </button>
|
|
||||||
| <button class="round-button" :class={'muted-button':!format.id} @click="toggle_format" id="module">Logger ID </button>
|
|
||||||
] - <i>log message ...</i>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
axios.defaults.headers['Content-Type'] = 'application/json'
|
|
||||||
axios.defaults.baseURL = '/log'
|
|
||||||
const loggers = Vue.createApp({ el: '#app',
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
format: { timestamp:false, level:false, tenant:false, reqid:false, id:true, },
|
|
||||||
list: [],
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
async fetch (eve) {
|
|
||||||
this.list = (await axios.get (`/Loggers${
|
|
||||||
eve && eve.target.value ? `?$search=${eve.target.value}` : ''
|
|
||||||
}`)).data
|
|
||||||
},
|
|
||||||
async set (eve) {
|
|
||||||
const { id, value:level } = eve.target
|
|
||||||
await axios.put (`/Logger/${id}`, {id,level})
|
|
||||||
},
|
|
||||||
async toggle_format (eve) {
|
|
||||||
this.format[eve.target.id] = !this.format[eve.target.id]
|
|
||||||
await axios.post (`/format`, this.format)
|
|
||||||
},
|
|
||||||
},
|
|
||||||
}).mount('#app')
|
|
||||||
loggers.fetch() // initially fill list of loggers
|
|
||||||
</script>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
@@ -1,17 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "@capire/loggers",
|
|
||||||
"version": "1.0.0",
|
|
||||||
"description": "Simple sample on how to dynamically set cds.log levels and formats.",
|
|
||||||
"files": [
|
|
||||||
"app",
|
|
||||||
"srv"
|
|
||||||
],
|
|
||||||
"dependencies": {
|
|
||||||
"@sap/cds": ">=5.9",
|
|
||||||
"express": "^4.17.1"
|
|
||||||
},
|
|
||||||
"scripts": {
|
|
||||||
"start": "cds-serve",
|
|
||||||
"watch": "cds watch"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
# Dynamically Set `cds.log` Levels and Formats
|
|
||||||
|
|
||||||
### Run
|
|
||||||
|
|
||||||
```sh
|
|
||||||
cds watch
|
|
||||||
```
|
|
||||||
|
|
||||||
### Test
|
|
||||||
|
|
||||||
Either using the UI through http://localhost:4004/loggers.html, or try the requests in `test/requests.http`
|
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
service Sue {
|
|
||||||
entity Dummy { key ID: UUID; title: String; }
|
|
||||||
}
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
@rest service LogService {
|
|
||||||
|
|
||||||
@readonly entity Loggers : Logger {};
|
|
||||||
entity Logger {
|
|
||||||
key id : String;
|
|
||||||
level : String;
|
|
||||||
}
|
|
||||||
|
|
||||||
action format (
|
|
||||||
timestamp : Boolean,
|
|
||||||
level : Boolean,
|
|
||||||
tenant : Boolean,
|
|
||||||
reqid : Boolean,
|
|
||||||
id : Boolean,
|
|
||||||
);
|
|
||||||
|
|
||||||
action debug (logger : String) returns Logger;
|
|
||||||
action reset (logger : String) returns Logger;
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,56 +0,0 @@
|
|||||||
const cds = require ('@sap/cds')
|
|
||||||
const LOG = cds.log('cds.log')
|
|
||||||
|
|
||||||
module.exports = class LogService extends cds.Service {
|
|
||||||
init(){
|
|
||||||
|
|
||||||
this.on('GET','Loggers', (req)=>{
|
|
||||||
let loggers = Object.values(cds.log.loggers).map (_logger)
|
|
||||||
let {$search} = req._.req.query
|
|
||||||
if ($search) {
|
|
||||||
const re = RegExp($search,'i')
|
|
||||||
loggers = loggers.filter (l => re.test(l.id) || re.test(l.level))
|
|
||||||
}
|
|
||||||
return loggers.sort ((a,b) => a.id < b.id ? -1 : 1)
|
|
||||||
})
|
|
||||||
|
|
||||||
this.on('PUT','Logger', (req)=>{
|
|
||||||
const {id} = req.params[0] || req.data
|
|
||||||
if (!id) return req.reject('No logger id specified in request')
|
|
||||||
return _logger (cds.log (id, req.data))
|
|
||||||
})
|
|
||||||
|
|
||||||
this.on('debug', (req)=>{
|
|
||||||
const {logger:id} = req.params[0] || req.data
|
|
||||||
if (!id) return req.reject('No logger id specified in request')
|
|
||||||
return _logger (cds.log (id, {level:'debug'}))
|
|
||||||
})
|
|
||||||
|
|
||||||
this.on('reset', (req)=>{
|
|
||||||
const {logger:id} = req.params[0] || req.data
|
|
||||||
if (!id) return req.reject('No logger id specified in request')
|
|
||||||
return _logger (cds.log (id, {level:'info'}))
|
|
||||||
})
|
|
||||||
|
|
||||||
this.on('format', (req)=>{
|
|
||||||
const $ = req.data; LOG.info('format:',$)
|
|
||||||
// Set format for new loggers constructed subsequently
|
|
||||||
cds.log.format = (id, level, ...args) => {
|
|
||||||
const fmt = []
|
|
||||||
if ($.timestamp) fmt.push ('|', (new Date).toISOString())
|
|
||||||
if ($.level) fmt.push ('|', _levels[level].padEnd(5))
|
|
||||||
if ($.tenant) fmt.push ('|', cds.context && cds.context.tenant)
|
|
||||||
if ($.reqid) fmt.push ('|', cds.context && cds.context.id)
|
|
||||||
if ($.id) fmt.push ('|', id)
|
|
||||||
fmt[0] = '[', fmt.push ('] -', ...args)
|
|
||||||
return fmt
|
|
||||||
}
|
|
||||||
// Apply this format to all existing loggers
|
|
||||||
Object.values(cds.log.loggers).forEach (l => l.setFormat (cds.log.format))
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
const _logger = ({id,level}) => ({id, level:_levels[level] })
|
|
||||||
const _levels = [ 'SILENT', 'ERROR', 'WARN', 'INFO', 'DEBUG', 'TRACE' ]
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
http://localhost:4004/loggers.html
|
|
||||||
@body: = Content-Type: application/json\n\n
|
|
||||||
|
|
||||||
###
|
|
||||||
GET http://localhost:4004/log/Loggers
|
|
||||||
|
|
||||||
###
|
|
||||||
PUT http://localhost:4004/log/Logger/sqlite
|
|
||||||
{{body:}} { "level": "debug" }
|
|
||||||
|
|
||||||
###
|
|
||||||
POST http://localhost:4004/log/debug(logger='sqlite')
|
|
||||||
|
|
||||||
###
|
|
||||||
POST http://localhost:4004/log/reset(logger='sqlite')
|
|
||||||
|
|
||||||
### Dummy request to see sqlite debug output
|
|
||||||
GET http://localhost:4004/sue/Dummy
|
|
||||||
@@ -1,7 +1,6 @@
|
|||||||
using { sap.capire.media as db } from '../db/data-model';
|
using { sap.capire.media as db } from '../db/data-model';
|
||||||
namespace sap.capire.media;
|
namespace sap.capire.media;
|
||||||
|
|
||||||
@path: '/media-server'
|
|
||||||
service MediaServer {
|
service MediaServer {
|
||||||
entity Media as projection on db.Media ;
|
entity Media as projection on db.Media ;
|
||||||
}
|
}
|
||||||
|
|||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user