b.santos/cloud-cap-samples
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bookshop showing user info

Browse Source 
Show current user name, locale and tenant (if available).
Useful in deployments w/ real auth and tenant contexts.
This commit is contained in:
Christian Georgi
2022-03-28 13:54:16 +02:00
committed by Christian Georgi
parent 5fc86d45ad
commit bb55c432c9
5 changed files with 68 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
bookshop/app/vue/app.js
View File

@@ -9,7 +9,8 @@ const books = Vue.createApp ({
return {
list: [],
book: undefined,
order: { quantity:1, succeeded:'', failed:'' }
order: { quantity:1, succeeded:'', failed:'' },
user: {}
}
},
@@ -37,12 +38,24 @@ const books = Vue.createApp ({
book.stock = res.data.stock
books.order = { quantity, succeeded: `Successfully ordered ${quantity} item(s).` }
} catch (e) {
books.order = { quantity, failed: e.response.data.error.message }
books.order = { quantity, failed: e.response.data.error ? e.response.data.error.message : e.response.data }
}
}
},
async fetchUserInfo() {
try {
books.user = (await axios.get('/user/Me')).data
if (!books.user.ID) books.user.ID = 'anonymous'
} catch (err) { books.user = {}; books.user.ID = err.message }
}
}
}).mount("#app")
// initially fill list of books
books.fetch()
books.fetchUserInfo()
document.addEventListener('keydown', (event) => {
// hide user info on request
if (event.key === 'u') books.user = undefined
})

7
bookshop/app/vue/index.html
View File

@@ -11,12 +11,19 @@
.rating-stars { color:teal }
.succeeded { color:teal }
.failed { color:red }
.user {text-align: end; color: grey;}
</style>
</head>
<body class="small-container", style="margin-top: 70px;">
<div id='app'>
<div v-if="user" class="user">
<div>User: {{ user.ID || 'anonymous' }}</div>
<div>Locale: {{ user.locale }}</div>
<div v-if="user.tenant">Tenant: {{ user.tenant }}</div>
</div>
<h1> Capire Books </h1>
<input type="text" placeholder="Search..." @input="search">

17
bookshop/srv/user-service.cds Normal file
View File

@@ -0,0 +1,17 @@
/**
* Exposes user information
*/
@requires : 'authenticated-user'
service UserService {
/**
* The current user
*/
@odata.singleton
entity Me {
ID : String;
locale : String;
tenant : String;
}
}

11
bookshop/srv/user-service.js Normal file
View File

@@ -0,0 +1,11 @@
const cds = require('@sap/cds');
module.exports = cds.service.impl((srv) => {
srv.on('READ', 'Me', ({ user }) => {
return {
ID: user.id,
locale: user.locale,
tenant: user.tenant,
};
});
});