From d94be7934421981ab5e1030e0f0877815d1a7a25 Mon Sep 17 00:00:00 2001 From: Andy Bunce Date: Wed, 27 Jan 2021 22:25:00 +0000 Subject: [PATCH] [mod] svg view start --- src/vue-poc/app.vue | 14 +- src/vue-poc/components/qd-autoheight.vue | 2 +- src/vue-poc/components/vp-paramform.vue | 32 +++- src/vue-poc/features/components/viewsvg.vue | 101 +++++++++++ src/vue-poc/features/server/upload.vue | 9 +- src/vue-poc/features/server/upload.xqm | 5 +- src/vue-poc/package.json | 8 +- src/vue-poc/router.js | 37 ++-- src/vue-poc/static/app-gen.js | 188 ++++++++++++++++---- src/vue-poc/static/app.html | 13 +- src/vue-poc/static/state.js | 4 +- 11 files changed, 323 insertions(+), 90 deletions(-) create mode 100644 src/vue-poc/features/components/viewsvg.vue diff --git a/src/vue-poc/app.vue b/src/vue-poc/app.vue index b0207f3..b1e3c94 100644 --- a/src/vue-poc/app.vue +++ b/src/vue-poc/app.vue @@ -154,15 +154,15 @@ {href: '/',text: 'Dashboard', icon: 'home' }, { icon: 'input', - text: 'Actions' , + text: 'Action' , model: false, children: [ - {href: '/eval',text: 'Query',icon: 'play_circle_outline'}, - - {href: '/edit',text: 'Edit',icon: 'mode_edit'}, - {href: '/tabs',text: 'Tabs',icon: 'switch_camera'}, - {href: '/validate',text: 'Validate',icon: 'playlist_add_check'}, - {href: '/transform',text: 'XSLT Transform',icon: 'forward'} + {href: '/action/eval',text: 'Query',icon: 'play_circle_outline'}, + {href: '/action/edit',text: 'Edit',icon: 'mode_edit'}, + {href: '/action/tabs',text: 'Tabs',icon: 'switch_camera'}, + {href: '/action/validate',text: 'Validate',icon: 'playlist_add_check'}, + {href: '/action/transform',text: 'XSLT Transform',icon: 'forward'}, + {href: '/view/svg',text: 'SVG test',icon: 'preview'} ]}, { diff --git a/src/vue-poc/components/qd-autoheight.vue b/src/vue-poc/components/qd-autoheight.vue index 48d7c5d..6a65330 100644 --- a/src/vue-poc/components/qd-autoheight.vue +++ b/src/vue-poc/components/qd-autoheight.vue @@ -19,7 +19,7 @@ var el=this.$refs["auto"]; var e=el; // console.log("top",e.offsetTop,e.getBoundingClientRect().top,window.innerHeight); - var h=window.innerHeight - e.getBoundingClientRect().top -10; + var h=window.innerHeight - e.getBoundingClientRect().top -20; h=Math.max(1,h) ; // console.log("h",h) e.style.height=h +"px"; diff --git a/src/vue-poc/components/vp-paramform.vue b/src/vue-poc/components/vp-paramform.vue index 9f7aeda..4ca39fe 100644 --- a/src/vue-poc/components/vp-paramform.vue +++ b/src/vue-poc/components/vp-paramform.vue @@ -1,19 +1,35 @@