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

[mod] entity

Browse source
This commit is contained in:
Andy Bunce 2020-11-01 22:29:24 +00:00
parent c7090cdc74
commit a5f2c39987
7 changed files with 33 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/vue-poc/components/mimetypes.js
View file

@ -1,6 +1,8 @@
// Mimetype info as vue extension. defines $MimeTypes
// $MimeTypes.mode
//
// $MimeTypes.mode(acemode) ->{icon,formatfn}
// $MimeTypes.contentType(mimetype) ->{mode}
const MimeTypes=new function(){
var formatdom= t=>html_beautify(t, { indent_size: 3 ,indent_inner_html:true});
var formatjs= t=>js_beautify(t, { indent_size: 2 });

11
src/vue-poc/features/edit/edit.vue
View file

@ -280,20 +280,27 @@ v-on:annotation="annotation"></vue-ace>
//debugger;
console.log("Leaving...");
if(this.dirty)event.preventDefault();
}
},
onResize(){
var h=window.innerHeight
//console.log("height:",h)
}
},
computed:{
icon(){
return (this.protocol=="xmldb")?"account_balance":"folder"
}
},
created(){
//https://forum.vuejs.org/t/detect-browser-close/5001/3 @fixme
document.addEventListener('beforeunload', this.leaving);
this.protocol=this.$route.query.protocol?this.$route.query.protocol:this.protocol
this.protocol=this.$route.query.protocol?this.$route.query.protocol:this.protocol
var url=this.$route.query.url
if(url) this.fetch(url)
},
beforeRouteEnter (to, from, next) {
Settings.getItem('settings/ace')
.then( v =>{

3
src/vue-poc/features/model/entity.vue
View file

@ -39,8 +39,7 @@
<v-layout wrap >
<v-flex
v-for="item in props.items"
:key="item.name" align-items="flex-start"
>
:key="item.name" >
<v-card :hover="true" active-class="default-class qd-active" max-width="20em" min-width="20em">

2
src/vue-poc/models.gen.xqm
View file

@ -1,5 +1,5 @@
(: entity access maps
: auto generated from xml files in entities folder at: 2020-10-20T22:43:25.275+01:00
: auto generated from xml files in entities folder at: 2020-10-26T12:23:41.567Z
:)
module namespace entity = 'quodatum.models.generated';

2
src/vue-poc/package.json
View file

@ -4,7 +4,7 @@
"description": "App framework experiments, Frontend vuetify, backend: basex",
"dependencies": {
"ace-builds": "1.4.12",
"vuetify": "2.3.14",
"vuetify": "2.3.16",
"vue": "2.6.11",
"vuex": "3.1.0",
"vue-router": "3.1.6",

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

@ -1,4 +1,4 @@
// generated 2020-10-25T22:11:28.368Z
// generated 2020-11-01T22:01:41.739Z
// src: file:///C:/Users/andy/git/vue-poc/src/vue-poc/components/qd-autoheight.vue
Vue.component('qd-autoheight',{template:`
@ -1660,8 +1660,10 @@ Vue.use(Fullscreen);
// src: file:///C:/Users/andy/git/vue-poc/src/vue-poc/components/mimetypes.js
// Mimetype info as vue extension. defines $MimeTypes
// $MimeTypes.mode
//
// $MimeTypes.mode(acemode) ->{icon,formatfn}
// $MimeTypes.contentType(mimetype) ->{mode}
const MimeTypes=new function(){
var formatdom= t=>html_beautify(t, { indent_size: 3 ,indent_inner_html:true});
var formatjs= t=>js_beautify(t, { indent_size: 2 });
@ -3748,20 +3750,27 @@ const Edit=Vue.extend({template:`
//debugger;
console.log("Leaving...");
if(this.dirty)event.preventDefault();
}
},
onResize(){
var h=window.innerHeight
//console.log("height:",h)
}
},
computed:{
icon(){
return (this.protocol=="xmldb")?"account_balance":"folder"
}
},
created(){
//https://forum.vuejs.org/t/detect-browser-close/5001/3 @fixme
document.addEventListener('beforeunload', this.leaving);
this.protocol=this.$route.query.protocol?this.$route.query.protocol:this.protocol
this.protocol=this.$route.query.protocol?this.$route.query.protocol:this.protocol
var url=this.$route.query.url
if(url) this.fetch(url)
},
beforeRouteEnter (to, from, next) {
Settings.getItem('settings/ace')
.then( v =>{
@ -5914,7 +5923,7 @@ const Entity=Vue.extend({template:`
<template v-slot:default="props">
<v-layout wrap>
<v-flex v-for="item in props.items" :key="item.name" align-items="flex-start">
<v-flex v-for="item in props.items" :key="item.name">
<v-card :hover="true" active-class="default-class qd-active" max-width="20em" min-width="20em">

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

@ -10,7 +10,7 @@
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"/>
<link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons"/>
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@mdi/font@4.x/css/materialdesignicons.min.css" >
<link rel="stylesheet" href="//unpkg.com/vuetify@2.3.14/dist/vuetify.min.css" type="text/css"/>
<link rel="stylesheet" href="//unpkg.com/vuetify@2.3.16/dist/vuetify.min.css" type="text/css"/>
<link rel="stylesheet" href="//unpkg.com/@riophae/vue-treeselect@0.0.29/dist/vue-treeselect.min.css"/>
<link rel="stylesheet" href="/vue-poc/ui/prism/prism.css" type="text/css"/>
<link rel="stylesheet" href="//unpkg.com/leaflet@1.6.0/dist/leaflet.css"/>
@ -39,7 +39,7 @@
<script src="//cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.js" crossorigin="anonymous"></script>
<script src="//unpkg.com/vuex@3.1.0/dist/vuex.js" crossorigin="anonymous"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/qs/6.4.0/qs.js" crossorigin="anonymous" ></script>
<script src="//unpkg.com/vuetify@2.3.14/dist/vuetify.min.js" crossorigin="anonymous"></script>
<script src="//unpkg.com/vuetify@2.3.16/dist/vuetify.min.js" crossorigin="anonymous"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/ace.js" crossorigin="anonymous"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/ext-language_tools.js" crossorigin="anonymous"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/ext-linking.js" crossorigin="anonymous" charset="utf-8"></script>