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

settings

Browse source
This commit is contained in:
Andy Bunce 2018-06-01 23:33:45 +01:00
parent 68cc85267b
commit f8acb23e8d
9 changed files with 4060 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/vue-poc/components/vp-selectpath.vue
View file

@ -74,7 +74,7 @@ display button that invokes a select path form
favorite(){
this.$emit('selectpath', {
type:this.type,
type:this.protocols[this.type],
uri: this.xmldb,
name: "doc" + moment().format("YYYY-MM-DDThh:mm:ss") ,
text:"Some text"

4
src/vue-poc/features/404.vue
View file

@ -11,8 +11,8 @@
message: 'bad route!'
}
},
created:function(){
console.log("notfound",this.$route.query.q)
mounted:function(){
console.log("notfound",this.$route.path)
}
}
</script>

5
src/vue-poc/features/edit/tabs.vue
View file

@ -12,7 +12,7 @@
<v-chip label small slot="activator" >{{ active.mode }}</v-chip>
<v-list dense>
<v-list-tile v-for="type in mimeTypes" :key="type.name">
<v-list-tile-title v-text="type.name" @click="alert('todo')"></v-list-tile-title>
<v-list-tile-title v-text="type.name" @click="mimetype(type)"></v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
@ -149,6 +149,9 @@
openUri(){
alert("openUri TODO")
},
mimetype(type){
this.active.mode=type.mode
},
lightbulb(d){
alert("lightbulb TODO: " + d)
},

46
src/vue-poc/features/settings/keys.vue Normal file
View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<template id="keys">
<v-container fluid>
<p>Settings are currently only stored locally in the browser, using <code>localstorage</code></p>
<v-card>
<v-card-title class="lime darken-1">keys</v-card-title>
<v-card-text>keys
<ul >
<li v-for="key in keys">
{{ key }}
</li>
</ul>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn @click="wipe" color="error">Wipe</v-btn></v-card-actions>
</v-card>
</v-container>
</template>
<script>{
data(){return {
keys: ["?"],
showDev: false,
dark:false
}
},
methods:{
wipe(){
if(confirm("wipe localstorage? "+this.keys.length)) settings.clear();
},
theme(){
this.$root.$emit("theme",this.dark)
}
},
created(){
console.log("settings")
settings.keys()
.then( v =>{
this.keys=v
})
}
}
</script>

18
src/vue-poc/features/settings/settings.vue
View file

@ -9,23 +9,11 @@
<v-card-text>
<router-link to="/acesettings">Editor</router-link>
<router-link to="settings/ace">Editor</router-link>
<router-link to="settings/keys">Keys</router-link>
</v-card-text>
</v-card>
<v-switch label="Show advanced options" v-model="showDev"></v-switch>
<v-card v-if="showDev">
<v-card-title class="amber darken-1">System information</v-card-title>
<v-card-text>keys
<ul >
<li v-for="key in keys">
{{ key }}
</li>
</ul>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn @click="wipe" color="error">Wipe</v-btn></v-card-actions>
</v-card>
</v-container>
</template>

7
src/vue-poc/features/tree2.vue
View file

@ -3,13 +3,16 @@
<v-container fluid>
<v-card>
<v-toolbar class="lime darken-1">
<v-card-title ><qd-link href="https://github.com/riophae/vue-treeselect">vue-treeselect@0.0.25</qd-link> </v-card-title>
<v-card-title ><qd-link href="https://github.com/riophae/vue-treeselect">vue-treeselect@0.0.28</qd-link> </v-card-title>
<v-spacer></v-spacer>
<v-btn>todo</v-btn>
</v-toolbar>
<v-card-text>
<v-layout row wrap>
<v-flex xs6 offset-xs6>
<v-flex xs6 >
Select some things
</v-flex>
<v-flex xs6 >
<treeselect
v-model="value"
:multiple="true"

20
src/vue-poc/router.js
View file

@ -42,8 +42,24 @@ const router = new VueRouter({
{ path: '/files', component: Files,meta:{title:"File system"},props:{protocol:"webfile"} },
{ path: '/database', component: Files,meta:{title:"Databases"},props:{protocol:"xmldb"} },
{ path: '/ping', component: Ping,meta:{title:"Ping"} },
{ path: '/settings', component: Settings, meta:{title:"Settings"} },
{ path: '/acesettings', component: Acesettings, meta:{title:"Editor settings"} },
{ path: '/settings', component: { template: '<router-view/>' }
,children: [
{
path: '',
component: Settings, meta:{title:"Settings"}
},
{
path: 'keys',
component: Keys,
meta:{title:"keys"}
},
{
path: 'ace',
component: Acesettings,
meta:{title:"Editor settings"}
}
]
},
{ path: '/history', component: History, meta:{title:"File History"} },
{ path: '/puzzle', component: Puzzle, meta:{title:"Jigsaw"} },
{ path: '/svg', component: Svg, meta:{title:"SVG"} },

3901
src/vue-poc/static/ace-workers/worker-xml.js
View file

File diff suppressed because one or more lines are too long

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

@ -1,4 +1,4 @@
// generated 2018-05-16T22:38:13.701+01:00
// generated 2018-06-01T23:15:21.554+01:00
// src: file:///C:/Users/andy/git/vue-poc/src/vue-poc/components/qd-confirm.vue
Vue.component('qd-confirm',{template:`
@ -522,7 +522,7 @@ Vue.component('vp-selectpath',{template:`
favorite(){
this.$emit('selectpath', {
type:this.type,
type:this.protocols[this.type],
uri: this.xmldb,
name: "doc" + moment().format("YYYY-MM-DDThh:mm:ss") ,
text:"Some text"
@ -748,8 +748,8 @@ const Notfound=Vue.extend({template:`
message: 'bad route!'
}
},
created:function(){
console.log("notfound",this.$route.query.q)
mounted:function(){
console.log("notfound",this.$route.path)
}
}
@ -1508,7 +1508,7 @@ const Tabs=Vue.extend({template:`
<v-chip label="" small="" slot="activator">{{ active.mode }}</v-chip>
<v-list dense="">
<v-list-tile v-for="type in mimeTypes" :key="type.name">
<v-list-tile-title v-text="type.name" @click="alert('todo')"></v-list-tile-title>
<v-list-tile-title v-text="type.name" @click="mimetype(type)"></v-list-tile-title>
</v-list-tile>
</v-list>
</v-menu>
@ -1624,6 +1624,9 @@ const Tabs=Vue.extend({template:`
openUri(){
alert("openUri TODO")
},
mimetype(type){
this.active.mode=type.mode
},
lightbulb(d){
alert("lightbulb TODO: " + d)
},
@ -4020,6 +4023,53 @@ const Acesettings=Vue.extend({template:`
);
// src: file:///C:/Users/andy/git/vue-poc/src/vue-poc/features/settings/keys.vue
const Keys=Vue.extend({template:`
<v-container fluid="">
<p>Settings are currently only stored locally in the browser, using <code>localstorage</code></p>
<v-card>
<v-card-title class="lime darken-1">keys</v-card-title>
<v-card-text>keys
<ul>
<li v-for="key in keys">
{{ key }}
</li>
</ul>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn @click="wipe" color="error">Wipe</v-btn></v-card-actions>
</v-card>
</v-container>
`,
data(){return {
keys: ["?"],
showDev: false,
dark:false
}
},
methods:{
wipe(){
if(confirm("wipe localstorage? "+this.keys.length)) settings.clear();
},
theme(){
this.$root.$emit("theme",this.dark)
}
},
created(){
console.log("settings")
settings.keys()
.then( v =>{
this.keys=v
})
}
}
);
// src: file:///C:/Users/andy/git/vue-poc/src/vue-poc/features/settings/settings.vue
const Settings=Vue.extend({template:`
<v-container fluid="">
@ -4031,23 +4081,11 @@ const Settings=Vue.extend({template:`
<v-card-text>
<router-link to="/acesettings">Editor</router-link>
<router-link to="settings/ace">Editor</router-link>
<router-link to="settings/keys">Keys</router-link>
</v-card-text>
</v-card>
<v-switch label="Show advanced options" v-model="showDev"></v-switch>
<v-card v-if="showDev">
<v-card-title class="amber darken-1">System information</v-card-title>
<v-card-text>keys
<ul>
<li v-for="key in keys">
{{ key }}
</li>
</ul>
</v-card-text>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn @click="wipe" color="error">Wipe</v-btn></v-card-actions>
</v-card>
</v-container>
`,
@ -4791,13 +4829,16 @@ const Tree2=Vue.extend({template:`
<v-container fluid="">
<v-card>
<v-toolbar class="lime darken-1">
<v-card-title><qd-link href="https://github.com/riophae/vue-treeselect">vue-treeselect@0.0.25</qd-link> </v-card-title>
<v-card-title><qd-link href="https://github.com/riophae/vue-treeselect">vue-treeselect@0.0.28</qd-link> </v-card-title>
<v-spacer></v-spacer>
<v-btn>todo</v-btn>
</v-toolbar>
<v-card-text>
<v-layout row="" wrap="">
<v-flex xs6="" offset-xs6="">
<v-flex xs6="">
Select some things
</v-flex>
<v-flex xs6="">
<treeselect v-model="value" :multiple="true" :options="source">
</treeselect></v-flex>
</v-layout>
@ -5188,8 +5229,24 @@ const router = new VueRouter({
{ path: '/files', component: Files,meta:{title:"File system"},props:{protocol:"webfile"} },
{ path: '/database', component: Files,meta:{title:"Databases"},props:{protocol:"xmldb"} },
{ path: '/ping', component: Ping,meta:{title:"Ping"} },
{ path: '/settings', component: Settings, meta:{title:"Settings"} },
{ path: '/acesettings', component: Acesettings, meta:{title:"Editor settings"} },
{ path: '/settings', component: { template: '<router-view/>' }
,children: [
{
path: '',
component: Settings, meta:{title:"Settings"}
},
{
path: 'keys',
component: Keys,
meta:{title:"keys"}
},
{
path: 'ace',
component: Acesettings,
meta:{title:"Editor settings"}
}
]
},
{ path: '/history', component: History, meta:{title:"File History"} },
{ path: '/puzzle', component: Puzzle, meta:{title:"Jigsaw"} },
{ path: '/svg', component: Svg, meta:{title:"SVG"} },