cosmetics

bookshop/app/vue.html

@@ -31,24 +31,5 @@
 </div>
 </body>
 
-<script>
-    const GET = (url) => axios.get('/browse'+url)
-    const books = new Vue ({ el:'#app', data:{
-        list: [],
-        info: '( click on a row to see details... )',
-    }, methods:{
-        search: ({target:{value:v}}) => books.fetch (v && '$search='+v),
-        async fetch (_filter='') {
-            const columns = 'ID,title,author,price', details = 'genre,currency'
-            const {data} = await GET(`/Books?$select=${columns}&$expand=${details}&${_filter}`)
-            books.list = data.value
-        },
-        async inspect ({currentTarget:{id}}) {
-            const {data} = await GET(`/Books/${id}?$select=descr`)
-            books.info = data.descr
-        },
-    }})
-    books.fetch()
-</script>
-
+<script src="vue.js"></script>
 </html>

bookshop/app/vue.js

@@ -0,0 +1,32 @@
+/* global Vue axios */ //> from vue.html
+const GET = (url) => axios.get('/browse'+url)
+
+const books = new Vue ({
+
+    el:'#app',
+
+    data: {
+        list: [],
+        info: '( click on a row to see details... )',
+    },
+
+    methods: {
+
+        search: ({target:{value:v}}) => books.fetch (v && '$search='+v),
+
+        async fetch (_filter='') {
+            const columns = 'ID,title,author,price', details = 'genre,currency'
+            const {data} = await GET(`/Books?$select=${columns}&$expand=${details}&${_filter}`)
+            books.list = data.value
+        },
+
+        async inspect ({currentTarget:{id}}) {
+            const {data} = await GET(`/Books/${id}?$select=descr`)
+            books.info = data.descr
+        },
+
+    }
+})
+
+// initilly fill list of books
+books.fetch()

bookshop/db/schema.cds

@@ -1,5 +1,5 @@
-namespace sap.capire.bookshop;
 using { Currency, managed, sap } from '@sap/cds/common';
+namespace sap.capire.bookshop;
 
 entity Books : managed {
   key ID : Integer;
@@ -22,6 +22,7 @@ entity Authors : managed {
   books  : Association to many Books on books.author = $self;
 }
 
+/** Hierarchically organized Code List for Genres */
 entity Genres : sap.common.CodeList {
   key ID   : Integer;
   parent   : Association to Genres;