diff --git a/html/app.css b/html/app.css new file mode 100644 index 0000000..d2ac37a --- /dev/null +++ b/html/app.css @@ -0,0 +1,172 @@ +/* app.css */ + +/* page scroll bar off */ +html { overflow-y: auto } + +pre { + white-space: pre-wrap; /* css-3 */ + white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ + white-space: -pre-wrap; /* Opera 4-6 */ + white-space: -o-pre-wrap; /* Opera 7 */ + word-wrap: break-word; /* Internet Explorer 5.5+ */ +} +/* http://tobiasahlin.com/spinkit/ */ +.spinner { + margin: 100px auto; + width: 100px; + height: 80px; + text-align: center; + font-size: 16px; +} + +.spinner > div { + background-color: #0000a0; + height: 100%; + width: 16px; + display: inline-block; + + -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; + animation: sk-stretchdelay 1.2s infinite ease-in-out; +} + +.spinner .rect2 { + -webkit-animation-delay: -1.1s; + animation-delay: -1.1s; +} + +.spinner .rect3 { + -webkit-animation-delay: -1.0s; + animation-delay: -1.0s; +} + +.spinner .rect4 { + -webkit-animation-delay: -0.9s; + animation-delay: -0.9s; +} + +.spinner .rect5 { + -webkit-animation-delay: -0.8s; + animation-delay: -0.8s; +} + +@-webkit-keyframes sk-stretchdelay { + 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } + 20% { -webkit-transform: scaleY(1.0) } +} + +@keyframes sk-stretchdelay { + 0%, 40%, 100% { + transform: scaleY(0.4); + -webkit-transform: scaleY(0.4); + } 20% { + transform: scaleY(1.0); + -webkit-transform: scaleY(1.0); + } +} +.fade-enter-active, .fade-leave-active { + transition-property: opacity; + transition-duration: .25s; +} + +.fade-enter-active { + transition-delay: .25s; +} + +.fade-enter, .fade-leave-active { + opacity: 0 +} + +.child-view { + position: absolute; + transition: all .5s cubic-bezier(.55,0,.1,1); +} +.slide-left-enter, .slide-right-leave-active { + opacity: 0; + -webkit-transform: translate(30px, 0); + transform: translate(30px, 0); +} +.slide-left-leave-active, .slide-right-enter { + opacity: 0; + -webkit-transform: translate(-30px, 0); + transform: translate(-30px, 0); +} + +td.vtop { + vertical-align:top; +} +/* +.ace_editor { height: 200px; } +*/ + .acewrap{ + top:0px; + left:0px; + bottom:0px; + right:0px; + height:100%; + } + +.ace_gutter-cell.ace_breakpoint{ + border-radius: 20px 0px 0px 20px; + box-shadow: 0px 0px 1px 1px red inset; +} +.ace_editor_wrapper { + height: 100% +} + +.ace_editor { +height: 100%; +} + +.multiline-ellipsis { + display: block; + display: -webkit-box; + max-height: 110px; + margin: 0 auto; + line-height: 1.4; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; +} +.qd-active { + background-color: green; +} +.selcard { + background-color: green; + border: thick double #32a1ce; +} + +.contain { + object-fit: contain; +} +.canvas { + overflow: hidden; +} +.canvas .wrapper.outer > .background { + fill: #000000; +} +.canvas .wrapper.inner > .background { + fill: #CCCCCC; + cursor: move; +} +.canvas .background { + fill: #F6F6F6; + stroke: #333333; + cursor: move; +} +.canvas .panCanvas { + cursor: move; +} + +.canvas .minimap .frame { + pointer-events: all; +} +.canvas .minimap .frame .background { + stroke: #111111; + stroke-width: 4px; + fill-opacity: 0.1; + fill: #000000; + fill: url(#minimapGradient_qwpyza); + filter: url(#minimapDropShadow_qwpyza); + cursor: move; +} \ No newline at end of file diff --git a/html/app.html b/html/app.html new file mode 100644 index 0000000..bd2dfb4 --- /dev/null +++ b/html/app.html @@ -0,0 +1,80 @@ + + + + + + + + Vue Router Test + + + + + + + + + + + + + + + +
+

vue-poc

+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/html/state.js b/html/state.js new file mode 100644 index 0000000..2cfb52c --- /dev/null +++ b/html/state.js @@ -0,0 +1,64 @@ +// +const store = new Vuex.Store({ + state: { + count: 92, + + edit:{ + currentId: "?", + query: "todo edit/query" + }, + "features":{ + "serviceworker": false + }, + "images": { + thumbtask :` + + + + Some Text here + + + + + + ` + }, + "settings": { + "ace": { + theme: "github", + themeDark: "chaos", + keybinding: "ace", + fontsize: 16, + enableSnippets:true, + enableBasicAutocompletion:true, + enableLiveAutocompletion:true + }, + "dark": false + }, + "markdown":{ + "toc": true + } + }, + + mutations: { + increment (state) { + state.count++ + }, + initialiseStore(state) { + // Check if the ID exists + var s=localStorage.getItem('store') + if(s) { + // Replace the state object with the stored item + this.replaceState( + Object.assign(state, JSON.parse(s)) + ); + } + //console.log("initialiseStore: ",s) + } + } +}) +store.subscribe((mutation, state) => { + // Store the state object as a JSON string + localStorage.setItem('store', JSON.stringify(state)); + //console.log("store subscribe") +}); \ No newline at end of file diff --git a/media/icon.png b/media/icon.png new file mode 100644 index 0000000..1dd5ba4 Binary files /dev/null and b/media/icon.png differ diff --git a/media/quodatum.gif b/media/quodatum.gif new file mode 100644 index 0000000..3ca03c9 Binary files /dev/null and b/media/quodatum.gif differ diff --git a/media/vue-poc.svg b/media/vue-poc.svg new file mode 100644 index 0000000..e019f0b --- /dev/null +++ b/media/vue-poc.svg @@ -0,0 +1,200 @@ + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/code/diag-xqdoc.xq b/xquery/diag-xqdoc.xq similarity index 100% rename from code/diag-xqdoc.xq rename to xquery/diag-xqdoc.xq diff --git a/code/graphviz.xqm b/xquery/graphviz.xqm similarity index 100% rename from code/graphviz.xqm rename to xquery/graphviz.xqm