[mod] entity

src/vue-poc/components/mimetypes.js

@@ -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 });

src/vue-poc/features/edit/edit.vue

@@ -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 =>{

src/vue-poc/features/model/entity.vue

@@ -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">
         

src/vue-poc/models.gen.xqm

@@ -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';

src/vue-poc/package.json

@@ -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",

src/vue-poc/static/app-gen.js

@@ -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">
         

src/vue-poc/static/app.html

@@ -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>