first success with x-data-spreadsheet

Signed-off-by: Stephan Richter <s.richter@srsoftware.de>

frontend/src/App.svelte

@@ -33,6 +33,7 @@
     import ResetPw     from "./routes/user/ResetPw.svelte";
     import Search      from "./routes/search/Search.svelte";
     import SendDoc     from "./routes/document/Send.svelte";
+    import Spreadsheet from "./routes/calc.svelte";
     import Stock       from './routes/stock/Index.svelte';
     import TagList     from "./routes/tags/Index.svelte";
     import TagUses     from "./routes/tags/TagUses.svelte";
@@ -89,6 +90,7 @@
         <Route path="/"                            component={User} />
         <Route path="/bookmark"                    component={Bookmarks} />
         <Route path="/bookmark/:id/view"           component={Bookmark} />
+        <Route path="/calc"                        component={Spreadsheet} />
         <Route path="/company"                     component={Companies} />
         <Route path="/contact"                     component={ContactList} />
         <Route path="/document"                    component={DocList} />

frontend/src/routes/calc.svelte

@@ -0,0 +1,19 @@
+<script>
+	import { onMount } from 'svelte';
+	import Spreadsheet from "x-data-spreadsheet";
+
+	function load(){
+const s = new Spreadsheet("#example-table")
+  .loadData({}) // load data
+  .change(data => {
+    // save data to db
+  });
+
+// data validation
+s.validate()
+	}
+
+	onMount(load);
+</script>
+
+<div id="example-table"></div>