apb/vue-poc
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

jobs

Browse source
This commit is contained in:
Andy Bunce 2017-06-26 22:48:38 +01:00
parent 81b53aea83
commit 06c70e13d9
14 changed files with 368 additions and 182 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/vue-poc/login.xqm
View file

@ -51,9 +51,10 @@ declare
%rest:path("/vue-poc/api/logout")
function vue-login:logout(
) as element(rest:response) {
session:close(),
admin:write-log('vue-poc user was logged out: ' || $vue-login:SESSION-VALUE),
web:redirect("/vue-poc/login", map { 'name': $vue-login:SESSION-VALUE }),
session:delete($vue-login:SESSION-KEY)
web:redirect("/vue-poc/login", map { 'name': $vue-login:SESSION-VALUE })
};
(:~

192
src/vue-poc/static/app-gen.js
View file

@ -1,4 +1,4 @@
// generated 2017-06-24T12:17:19.685+01:00
// generated 2017-06-26T17:16:36.47+01:00
/**
* vue filters
*/
@ -326,21 +326,43 @@ const Edit=Vue.extend({template:`
const Eval=Vue.extend({template:`
<v-container fluid="">
<v-card class="grey lighten-1 z-depth-1 mb-5">
<v-card-row>
<v-btn @click.native="run()">Run</v-btn>
<v-btn @click.native="submit()">Submit</v-btn>
</v-card-row>
<v-card-row height="200px">
<vue-ace :content="xq" mode="xquery" wrap="true" v-on:change-content="onChange"></vue-ace>
</v-card-row>
</v-card>
<v-alert error="" v-bind:value="showError">
{{result}}
</v-alert>
<v-card v-if="show">
<v-card v-if="show" class="grey lighten-1 z-depth-1 mb-5">
<v-card-row height="200px">
<vue-ace :content="result" mode="text" wrap="true" read-only="true"></vue-ace>
</v-card-row>
<v-card-row actions="">
<v-chip class="green white--text">
<v-avatar class="green darken-4">{{elapsed}}</v-avatar>
Elapsed:
</v-chip>
<v-chip class="green white--text">
<v-avatar class="green darken-4">{{jobId}}</v-avatar>
JobId:
</v-chip>
<v-spacer></v-spacer>
<v-btn flat="" class="green--text darken-1">@TODO</v-btn>
</v-card-row>
</v-card>
</v-container>
`,
@ -351,7 +373,8 @@ const Eval=Vue.extend({template:`
result:'',
elapsed:null,
show:false,
showError:false
showError:false,
jobId:null
}
},
methods:{
@ -364,9 +387,12 @@ const Eval=Vue.extend({template:`
run(){
var data={xq:this.xq}
this.showError=this.show=false
var _start = performance.now();
HTTP.post("eval/execute",Qs.stringify(data))
.then(r=>{
this.elapsed=Math.floor(performance.now() - _start);
this.result=r.data.result
this.jobId=null
this.show=true
})
.catch(r=> {
@ -375,13 +401,29 @@ const Eval=Vue.extend({template:`
this.showError=true;
});
localforage.setItem('eval/xq', this.xq)
},
submit(){
alert("submit")
var data={xq:this.xq}
this.showError=this.show=false
var _start = performance.now();
HTTP.post("eval/submit",Qs.stringify(data))
.then(r=>{
this.elapsed=Math.floor(performance.now() - _start);
this.result=this.jobId=r.data.job
this.show=true
})
.catch(r=> {
console.log("error",r)
this.jobId=r.response.job
this.showError=true;
});
}
},
created:function(){
console.log("notfound",this.$route.query.q)
localforage.getItem('eval/xq').then((value) => { this.xq=value || this.xq});
}
}
@ -390,8 +432,8 @@ const Files=Vue.extend({template:`
<v-container fluid="">
<v-card>
<v-app-bar>
<v-menu>
<v-card-row class="green white--text">
<v-menu bottom="" right="">
<v-btn icon="" dark="" slot="activator"><v-icon>folder</v-icon></v-btn>
<v-list>
<v-list-item v-for="item in crumbs" :key="item">
@ -401,12 +443,14 @@ const Files=Vue.extend({template:`
</v-list-item>
</v-list>
</v-menu>
<v-toolbar-title>{{ url }}</v-toolbar-title>
<v-spacer></v-spacer>
<v-text-field prepend-icon="search" label="Filter..." v-model="q" type="search" hide-details="" single-line="" dark="" @keyup.native.enter="filter"></v-text-field>
<v-icon>view_module</v-icon>
</v-app-bar>
</v-card-row>
<v-progress-linear v-if="busy" v-bind:indeterminate="true"></v-progress-linear>
<v-list v-if="!busy" two-line="" subheader="">
@ -609,39 +653,24 @@ const Home=Vue.extend({template:`
const Job=Vue.extend({template:`
<v-container fluid="">
<h1>JOBS</h1>
<nav-apb :items="items"></nav-apb>
</v-container>
`,
data: function(){
return {
message: 'Hello Vue.js!',
q:this.$route.query.q,
items:[
{href: '/',text: 'Home', icon: 'home' },
jobs:[]
{href: 'files', text: 'File system',icon: 'folder' },
{href: 'edit',text: 'edit',icon: 'mode_edit'},
{href: 'history',text: 'history',icon: 'history'},
{href: 'eval',text: 'Evaluate',icon: 'cake'},
{href: 'tasks',text: 'Tasks',icon: 'build'},
{href: 'jobs',text: 'Jobs',icon: 'print'},
{href: 'logs',text: 'Server logs',icon: 'dns'},
{href: 'people',text: 'People',icon: 'person'},
{href: 'select',text: 'select',icon: 'extension'},
{href: 'puzzle',text: 'Puzzle',icon: 'extension'},
{href: 'options',text: 'options',icon: 'domain'},
{href: 'tabs',text: 'tabs',icon: 'switch_camera'},
{href: 'ping',text: 'ping',icon: 'update'},
{href: 'thumbnail',text: 'thumbnail',icon: 'touch_app'},
{href: 'settings',text: 'settings',icon: 'settings' }
]
}
},
created:function(){
console.log("Serch",this.$route.query.q)
methods:{
getJobs(){
alert("get jobs")
}
},
created(){
this.getJobs()
}
}
@ -781,8 +810,14 @@ const People=Vue.extend({template:`
<v-layout>Look at all the people who work here!
<v-btn light="" default="" v-on:click.native="reverseMessage">Reverse Message</v-btn>
<p>{{ message }}</p>
<v-btn light="" default="" v-on:click.native="logout">logout</v-btn>
</v-layout>
<v-card>
<v-layout>
<v-flex xs5="">created:{{$auth.created}}</v-flex>
<v-flex xs5="">session:{{$auth.session}}</v-flex>
</v-layout>
</v-card>
<v-layout>
<v-flex xs5="">
<v-card-row img="resources/music.jpg" height="300px"></v-card-row>
@ -801,8 +836,11 @@ const People=Vue.extend({template:`
}
},
methods: {
reverseMessage: function () {
reverseMessage() {
this.message = this.message.split('').reverse().join('')
},
logout(){
alert("TODU")
}
}
}
@ -1152,7 +1190,7 @@ const Settings=Vue.extend({template:`
created: function () {
// `this` points to the vm instance
console.log('created: ')
localforage.getItem('ace').then((value) => {
localforage.getItem('settings/ace').then((value) => {
console.log('oh say can you see, ' + value);
this.ace=value || this.ace
}).catch((err) => {
@ -1162,7 +1200,7 @@ const Settings=Vue.extend({template:`
updated: function () {
// `this` points to the vm instance
console.log('updated: ')
localforage.setItem('ace', this.ace).then((value) => {
localforage.setItem('settings/ace', this.ace).then((value) => {
console.log('woot! we saved ' + value);
}).catch((err) => {
console.log('he\'s dead, jim!');
@ -1321,8 +1359,8 @@ const HTTP = axios.create({
const axios_json={ headers: {accept: 'application/json'}};
const Auth={
name:"guest",
role:null,
user:"guest",
permission:null,
install: function(Vue){
Object.defineProperty(Vue.prototype, '$auth', {
get () { return Auth }
@ -1345,7 +1383,7 @@ Vue.component('my-component', {
},
});
Vue.component('nav-apb', {
Vue.component('nav-list', {
props: ['items'],
template:`
@ -1370,12 +1408,17 @@ Vue.component('nav-apb', {
<v-list-item slot="item">
<v-list-tile :href="item.href" router ripple>
<v-list-tile-action>
<v-icon>{{ item.model ? item.icon : item['icon-alt'] }}</v-icon>
<v-icon>{{ item.icon }}</v-icon>
</v-list-tile-action>
<v-list-tile-content>
<v-list-tile-title>
{{ item.text }}
</v-list-tile-title>
<v-spacer></v-spacer>
<v-list-tile-action>
<v-icon>{{ item.model ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }}</v-icon>
</v-list-tile-action>
<v-list-tile-content>
</v-list-tile-content>
</v-list-tile>
</v-list-item>
@ -1383,7 +1426,7 @@ Vue.component('nav-apb', {
v-for="(child, i) in item.children"
:key="i"
>
<v-list-tile>
<v-list-tile :href="child.href" router ripple>
<v-list-tile-action v-if="child.icon">
<v-icon>{{ child.icon }}</v-icon>
</v-list-tile-action>
@ -1451,7 +1494,7 @@ router.beforeEach((to, from, next) => {
if (to.matched.some(record => record.meta.requiresAuth)) {
// this route requires auth, check if logged in
// if not, redirect to login page.
if ("admin"==Auth.role) {
if ("admin"==Auth.permission) {
next({
path: '/login',
query: { redirect: to.fullPath }
@ -1473,25 +1516,40 @@ const app = new Vue({
drawer:true,
mini: false,
items:[
{href: '/',title: 'Home', icon: 'home' },
{href: 'files', title: 'File system',icon: 'folder' },
{href: 'edit',title: 'edit',icon: 'mode_edit'},
{href: 'history',title: 'history',icon: 'history'},
{href: 'eval',title: 'Evaluate',icon: 'cake'},
{href: 'tasks',title: 'Tasks',icon: 'build'},
{href: 'jobs',title: 'Jobs',icon: 'print'},
{href: 'logs',title: 'Server logs',icon: 'dns'},
{href: 'people',title: 'People',icon: 'person'},
{href: 'select',title: 'select',icon: 'extension'},
{href: 'puzzle',title: 'Puzzle',icon: 'extension'},
{href: 'options',title: 'options',icon: 'domain'},
{href: 'tabs',title: 'tabs',icon: 'switch_camera'},
{href: 'ping',title: 'ping',icon: 'update'},
{href: 'thumbnail',title: 'thumbnail',icon: 'touch_app'},
{href: 'settings',title: 'settings',icon: 'settings' }
{href: '/',text: 'Home', icon: 'home' },
{
icon: 'folder_open',
text: 'Collections' ,
model: false,
children: [
{href: 'files', text: 'File system',icon: 'folder' },
{href: 'edit',text: 'edit',icon: 'mode_edit'},
{href: 'history',text: 'history',icon: 'history'},
]},
{
icon: 'directions_run',
text: 'Actions' ,
model: false,
children: [
{href: 'eval',text: 'Evaluate',icon: 'cake'},
{href: 'tasks',text: 'Tasks',icon: 'build'},
{href: 'jobs',text: 'Jobs',icon: 'print'},
{href: 'logs',text: 'Server logs',icon: 'dns'}
]},
{
icon: 'more_horiz',
text: 'More' ,
model: false,
children: [
{href: 'people',text: 'People',icon: 'person'},
{href: 'select',text: 'select',icon: 'extension'},
{href: 'puzzle',text: 'Puzzle',icon: 'extension'},
{href: 'options',text: 'options',icon: 'domain'},
{href: 'tabs',text: 'tabs',icon: 'switch_camera'},
{href: 'ping',text: 'ping',icon: 'update'},
{href: 'thumbnail',text: 'thumbnail',icon: 'touch_app'}
]},
{href: 'settings',text: 'settings',icon: 'settings' }
]
}},
@ -1499,14 +1557,20 @@ const app = new Vue({
search(){
this.$router.push({path: 'search',query: { q: this.q }})
},
logout(){
HTTP.get("logout").then(r=>{
alert("logout")
})
}
},
created(){
console.log("create-----------")
HTTP.get("status")
.then(r=>{
console.log("status",r)
this.$auth.name=r.data.user
console.log("status",r.data)
Object.assign(Auth,r.data)
this.$forceUpdate()
})
},

38
src/vue-poc/static/app.html
View file

@ -54,23 +54,7 @@
</v-list-tile>
</v-list-item>
</v-list>
<v-list class="pt-0" dense>
<v-divider></v-divider>
<v-list-item v-for="item in items" :key="item">
<v-list-tile :href="item.href" router ripple>
<v-list-tile-action>
<v-icon>{{ item.icon }}</v-icon>
</v-list-tile-action>
<v-list-tile-content>
<v-list-tile-title >{{ item.title }}</v-list-tile-title>
</v-list-tile-content>
</v-list-tile>
</v-list-item>
</v-list>
<nav-list :items="items"></nav-list>
</v-navigation-drawer>
<v-toolbar class="green lighten-1" >
@ -79,9 +63,23 @@
<v-spacer></v-spacer>
<v-text-field prepend-icon="search" label="Search..." v-model="q"
hide-details single-line dark @keyup.native.enter="search"></v-text-field>
<v-avatar>
{{$auth.name}}
</v-avatar>
<v-menu left transition="v-fade-transition">
<v-btn dark icon slot="activator">
{{$auth.user}}
</v-btn>
<v-list>
<v-list-item @click="logout()">
<v-list-tile>
<v-list-tile-title >logout</v-list-tile-title>
</v-list-tile>
<v-list-tile>
<v-list-tile-title >permission: {{$auth.permission}}</v-list-tile-title>
</v-list-tile>
</v-list-item>
</v-list>
</v-menu>
</v-toolbar>
<main>
<transition name="fade" mode="out-in">

82
src/vue-poc/static/core.js
View file

@ -12,8 +12,8 @@ const HTTP = axios.create({
const axios_json={ headers: {accept: 'application/json'}};
const Auth={
name:"guest",
role:null,
user:"guest",
permission:null,
install: function(Vue){
Object.defineProperty(Vue.prototype, '$auth', {
get () { return Auth }
@ -36,7 +36,7 @@ Vue.component('my-component', {
},
});
Vue.component('nav-apb', {
Vue.component('nav-list', {
props: ['items'],
template:`
@ -61,12 +61,17 @@ Vue.component('nav-apb', {
<v-list-item slot="item">
<v-list-tile :href="item.href" router ripple>
<v-list-tile-action>
<v-icon>{{ item.model ? item.icon : item['icon-alt'] }}</v-icon>
<v-icon>{{ item.icon }}</v-icon>
</v-list-tile-action>
<v-list-tile-content>
<v-list-tile-title>
{{ item.text }}
</v-list-tile-title>
<v-spacer></v-spacer>
<v-list-tile-action>
<v-icon>{{ item.model ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }}</v-icon>
</v-list-tile-action>
<v-list-tile-content>
</v-list-tile-content>
</v-list-tile>
</v-list-item>
@ -74,7 +79,7 @@ Vue.component('nav-apb', {
v-for="(child, i) in item.children"
:key="i"
>
<v-list-tile>
<v-list-tile :href="child.href" router ripple>
<v-list-tile-action v-if="child.icon">
<v-icon>{{ child.icon }}</v-icon>
</v-list-tile-action>
@ -142,7 +147,7 @@ router.beforeEach((to, from, next) => {
if (to.matched.some(record => record.meta.requiresAuth)) {
// this route requires auth, check if logged in
// if not, redirect to login page.
if ("admin"==Auth.role) {
if ("admin"==Auth.permission) {
next({
path: '/login',
query: { redirect: to.fullPath }
@ -164,25 +169,40 @@ const app = new Vue({
drawer:true,
mini: false,
items:[
{href: '/',title: 'Home', icon: 'home' },
{href: 'files', title: 'File system',icon: 'folder' },
{href: 'edit',title: 'edit',icon: 'mode_edit'},
{href: 'history',title: 'history',icon: 'history'},
{href: 'eval',title: 'Evaluate',icon: 'cake'},
{href: 'tasks',title: 'Tasks',icon: 'build'},
{href: 'jobs',title: 'Jobs',icon: 'print'},
{href: 'logs',title: 'Server logs',icon: 'dns'},
{href: 'people',title: 'People',icon: 'person'},
{href: 'select',title: 'select',icon: 'extension'},
{href: 'puzzle',title: 'Puzzle',icon: 'extension'},
{href: 'options',title: 'options',icon: 'domain'},
{href: 'tabs',title: 'tabs',icon: 'switch_camera'},
{href: 'ping',title: 'ping',icon: 'update'},
{href: 'thumbnail',title: 'thumbnail',icon: 'touch_app'},
{href: 'settings',title: 'settings',icon: 'settings' }
{href: '/',text: 'Home', icon: 'home' },
{
icon: 'folder_open',
text: 'Collections' ,
model: false,
children: [
{href: 'files', text: 'File system',icon: 'folder' },
{href: 'edit',text: 'edit',icon: 'mode_edit'},
{href: 'history',text: 'history',icon: 'history'},
]},
{
icon: 'directions_run',
text: 'Actions' ,
model: false,
children: [
{href: 'eval',text: 'Evaluate',icon: 'cake'},
{href: 'tasks',text: 'Tasks',icon: 'build'},
{href: 'jobs',text: 'Jobs',icon: 'print'},
{href: 'logs',text: 'Server logs',icon: 'dns'}
]},
{
icon: 'more_horiz',
text: 'More' ,
model: false,
children: [
{href: 'people',text: 'People',icon: 'person'},
{href: 'select',text: 'select',icon: 'extension'},
{href: 'puzzle',text: 'Puzzle',icon: 'extension'},
{href: 'options',text: 'options',icon: 'domain'},
{href: 'tabs',text: 'tabs',icon: 'switch_camera'},
{href: 'ping',text: 'ping',icon: 'update'},
{href: 'thumbnail',text: 'thumbnail',icon: 'touch_app'}
]},
{href: 'settings',text: 'settings',icon: 'settings' }
]
}},
@ -190,14 +210,20 @@ const app = new Vue({
search(){
this.$router.push({path: 'search',query: { q: this.q }})
},
logout(){
HTTP.get("logout").then(r=>{
alert("logout")
})
}
},
created(){
console.log("create-----------")
HTTP.get("status")
.then(r=>{
console.log("status",r)
this.$auth.name=r.data.user
console.log("status",r.data)
Object.assign(Auth,r.data)
this.$forceUpdate()
})
},

50
src/vue-poc/templates/eval/eval.vue
View file

@ -2,24 +2,46 @@
<template id="eval">
<v-container fluid>
<v-card class="grey lighten-1 z-depth-1 mb-5">
<v-card-row>
<v-btn @click.native="run()">Run</v-btn>
<v-btn @click.native="submit()">Submit</v-btn>
</v-card-row>
<v-card-row height="200px" >
<vue-ace :content="xq" mode="xquery" wrap="true"
v-on:change-content="onChange"
></vue-ace>
</v-card-row>
</v-card>
<v-alert error v-bind:value="showError">
{{result}}
</v-alert>
<v-card v-if="show">
<v-card v-if="show" class="grey lighten-1 z-depth-1 mb-5">
<v-card-row height="200px">
<vue-ace :content="result" mode="text" wrap="true" read-only="true"
></vue-ace>
</v-card-row>
<v-card-row actions>
<v-chip class="green white--text">
<v-avatar class="green darken-4">{{elapsed}}</v-avatar>
Elapsed:
</v-chip>
<v-chip class="green white--text">
<v-avatar class="green darken-4">{{jobId}}</v-avatar>
JobId:
</v-chip>
<v-spacer></v-spacer>
<v-btn flat class="green--text darken-1">@TODO</v-btn>
</v-card-row>
</v-card>
</v-container>
</template>
@ -31,7 +53,8 @@
result:'',
elapsed:null,
show:false,
showError:false
showError:false,
jobId:null
}
},
methods:{
@ -44,9 +67,12 @@
run(){
var data={xq:this.xq}
this.showError=this.show=false
var _start = performance.now();
HTTP.post("eval/execute",Qs.stringify(data))
.then(r=>{
this.elapsed=Math.floor(performance.now() - _start);
this.result=r.data.result
this.jobId=null
this.show=true
})
.catch(r=> {
@ -55,13 +81,29 @@
this.showError=true;
});
localforage.setItem('eval/xq', this.xq)
},
submit(){
alert("submit")
var data={xq:this.xq}
this.showError=this.show=false
var _start = performance.now();
HTTP.post("eval/submit",Qs.stringify(data))
.then(r=>{
this.elapsed=Math.floor(performance.now() - _start);
this.result=this.jobId=r.data.job
this.show=true
})
.catch(r=> {
console.log("error",r)
this.jobId=r.response.job
this.showError=true;
});
}
},
created:function(){
console.log("notfound",this.$route.query.q)
localforage.getItem('eval/xq').then((value) => { this.xq=value || this.xq});
}
}
</script>

17
src/vue-poc/templates/eval/eval.xqm
View file

@ -24,3 +24,20 @@ function vue-api:eval($xq )
</json>
};
(:~
: submit a simple job
:)
declare
%rest:POST %rest:path("/vue-poc/api/eval/submit")
%rest:form-param("xq", "{$xq}")
%output:method("json")
function vue-api:submit($xq )
{
let $x:=fn:trace($xq,"submit: ")
let $bindings:=map{}
let $opts:=map{"cache":true()}
let $r:=jobs:eval($xq,$bindings,$opts)
return <json type="object" >
<job>{$r}</job>
</json>
};

8
src/vue-poc/templates/files.vue
View file

@ -3,8 +3,8 @@
<v-container fluid>
<v-card>
<v-app-bar>
<v-menu >
<v-card-row class="green white--text">
<v-menu bottom right>
<v-btn icon dark slot="activator"><v-icon >folder</v-icon></v-btn>
<v-list>
<v-list-item v-for="item in crumbs" :key="item">
@ -14,13 +14,15 @@
</v-list-item>
</v-list>
</v-menu>
<v-toolbar-title>{{ url }}</v-toolbar-title>
<v-spacer></v-spacer>
<v-text-field prepend-icon="search" label="Filter..." v-model="q" type="search"
hide-details single-line dark @keyup.native.enter="filter"></v-text-field>
<v-icon>view_module</v-icon>
</v-app-bar>
</v-card-row>
<v-progress-linear v-if="busy" v-bind:indeterminate="true" ></v-progress-linear>
<v-list v-if="!busy" two-line subheader>

26
src/vue-poc/templates/job/jobs.vue Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<template id="job">
<v-container fluid>
<h1>JOBS</h1>
</v-container>
</template>
<script>{
data: function(){
return {
message: 'Hello Vue.js!',
jobs:[]
}
},
methods:{
getJobs(){
alert("get jobs")
}
},
created(){
this.getJobs()
}
}
</script>

25
src/vue-poc/templates/job/jobs.xqm Normal file
View file

@ -0,0 +1,25 @@
module namespace j = 'quodatum.test.jobs';
(:~
: job list
:)
declare
%rest:GET %rest:path("/vue-poc/api/job")
%output:method("json")
function j:list()
as element(json)
{
let $jlist:=jobs:list()[. != jobs:current()] !jobs:list-details(.)
return <json type="array">
{for $j in $jlist
return <_ type="object">
<id>{$j/@id/string()}</id>
<type>{$j/@type/string()}</type>
<state>{$j/@state/string()}</state>
<user>{$j/@user/string()}</user>
<duration>{$j/@duration/string()}</duration>
</_>
}</json>
};

41
src/vue-poc/templates/jobs.vue
View file

@ -1,41 +0,0 @@
<!DOCTYPE html>
<template id="job">
<v-container fluid>
<h1>JOBS</h1>
<nav-apb :items="items"></nav-apb>
</v-container>
</template>
<script>{
data: function(){
return {
message: 'Hello Vue.js!',
q:this.$route.query.q,
items:[
{href: '/',text: 'Home', icon: 'home' },
{href: 'files', text: 'File system',icon: 'folder' },
{href: 'edit',text: 'edit',icon: 'mode_edit'},
{href: 'history',text: 'history',icon: 'history'},
{href: 'eval',text: 'Evaluate',icon: 'cake'},
{href: 'tasks',text: 'Tasks',icon: 'build'},
{href: 'jobs',text: 'Jobs',icon: 'print'},
{href: 'logs',text: 'Server logs',icon: 'dns'},
{href: 'people',text: 'People',icon: 'person'},
{href: 'select',text: 'select',icon: 'extension'},
{href: 'puzzle',text: 'Puzzle',icon: 'extension'},
{href: 'options',text: 'options',icon: 'domain'},
{href: 'tabs',text: 'tabs',icon: 'switch_camera'},
{href: 'ping',text: 'ping',icon: 'update'},
{href: 'thumbnail',text: 'thumbnail',icon: 'touch_app'},
{href: 'settings',text: 'settings',icon: 'settings' }
]
}
},
created:function(){
console.log("Serch",this.$route.query.q)
}
}
</script>

13
src/vue-poc/templates/people.vue
View file

@ -4,8 +4,14 @@
<v-layout >Look at all the people who work here!
<v-btn light default v-on:click.native="reverseMessage">Reverse Message</v-btn>
<p>{{ message }}</p>
<v-btn light default v-on:click.native="logout">logout</v-btn>
</v-layout>
<v-card>
<v-layout >
<v-flex xs5>created:{{$auth.created}}</v-flex>
<v-flex xs5>session:{{$auth.session}}</v-flex>
</v-layout>
</v-card>
<v-layout>
<v-flex xs5>
<v-card-row img="resources/music.jpg" height="300px"></v-card-row>
@ -25,8 +31,11 @@
}
},
methods: {
reverseMessage: function () {
reverseMessage() {
this.message = this.message.split('').reverse().join('')
},
logout(){
alert("TODU")
}
}
}

4
src/vue-poc/templates/settings.vue
View file

@ -59,7 +59,7 @@
created: function () {
// `this` points to the vm instance
console.log('created: ')
localforage.getItem('ace').then((value) => {
localforage.getItem('settings/ace').then((value) => {
console.log('oh say can you see, ' + value);
this.ace=value || this.ace
}).catch((err) => {
@ -69,7 +69,7 @@
updated: function () {
// `this` points to the vm instance
console.log('updated: ')
localforage.setItem('ace', this.ace).then((value) => {
localforage.setItem('settings/ace', this.ace).then((value) => {
console.log('woot! we saved ' + value);
}).catch((err) => {
console.log('he\'s dead, jim!');

1
src/vue-poc/vue-api2.xqm
View file

@ -66,6 +66,7 @@ function vue-api:history( )
'/vue-poc/static/app-gen.js',
'/vue-poc/static/app.html',
'/vue-poc/static/app.css',
'/vue-poc/logo.svg',
'/vue-poc/static/resources/sparql.rq',
'/vue-poc/static/resources/turtle.ttl'
)

20
src/vue-poc/vue-poc.xqm
View file

@ -4,7 +4,7 @@
: @author Andy Bunce may-2017
:)
module namespace vue-poc = 'quodatum:vue.poc';
declare variable $vue-poc:index:=file:base-dir() || 'static/' || "app.html";
declare variable $vue-poc:index:=resolve-uri ('static/' || "app.html",fn:static-base-uri() );
(:~
: Redirects to the start page.
@ -43,7 +43,7 @@ function vue-poc:file(
declare function vue-poc:get-file($file)
{
let $path := file:base-dir() || 'static/' || $file
let $path := resolve-uri( 'static/' || $file,static-base-uri())
let $path:=if(file:exists($path))then $path else $vue-poc:index
return (
@ -51,3 +51,19 @@ declare function vue-poc:get-file($file)
file:read-binary($path)
)
};
declare function vue-poc:get-filex($file)
{
let $path := resolve-uri( 'static/' || $file,static-base-uri())
return
try{
(web:response-header(map { 'media-type': web:content-type($path) }),
fetch:binary($path))
}catch * {
(web:response-header(map { 'media-type': web:content-type($vue-poc:index) }),
fetch:binary($vue-poc:index))
}
};