[mod] vuetify 2.0.5
This commit is contained in:
parent
d2dd404ac2
commit
62e071578b
24 changed files with 361 additions and 288 deletions
|
@ -14,8 +14,8 @@
|
|||
<vp-notifications :show-notifications.sync="showNotifications"></vp-notifications>
|
||||
</v-navigation-drawer>
|
||||
|
||||
<v-navigation-drawer app :mini-variant.sync="mini" v-model="drawer"
|
||||
:enable-resize-watcher="true">
|
||||
<v-navigation-drawer app :mini-variant.sync="mini" v-model="drawer" :clipped="$vuetify.breakpoint.lgAndUp"
|
||||
>
|
||||
<v-list class="pa-0">
|
||||
|
||||
<v-list-item tag="div">
|
||||
|
@ -37,14 +37,15 @@
|
|||
</v-list-item>
|
||||
|
||||
</v-list>
|
||||
<qd-navlist :items="items" :mini="mini"></qd-navlist>
|
||||
<qd-navlist2 :items="items" :mini="mini"></qd-navlist2>
|
||||
</v-navigation-drawer>
|
||||
|
||||
<v-app-bar app
|
||||
<v-app-bar app :clipped-left="$vuetify.breakpoint.lgAndUp"
|
||||
color="blue darken-3"
|
||||
dark >
|
||||
<v-toolbar-title class="hidden-sm-and-down" >
|
||||
<v-app-bar-nav-icon @click.stop="drawer = !drawer" ></v-app-bar-nav-icon>
|
||||
<v-toolbar-title class="hidden-sm-and-down" >
|
||||
|
||||
{{$route.meta.title}}</v-toolbar-title>
|
||||
|
||||
<vp-favorite :frmfav.sync="frmfav"></vp-favorite>
|
||||
|
|
|
@ -1,49 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
for nav drawer
|
||||
-->
|
||||
<template id="qd-navlist">
|
||||
<v-list dense>
|
||||
<template v-for="(item, i) in items">
|
||||
<v-list-group v-if="item.children"
|
||||
v-bind:key="item.text"
|
||||
:prepend-icon="item.icon"
|
||||
no-action
|
||||
>
|
||||
<template v-slot:activator="{ on }">
|
||||
<v-list-item v-on="on" >
|
||||
<v-list-item-content>
|
||||
<v-list-item-title>{{ item.text }}</v-list-item-title>
|
||||
</v-list-item-content>
|
||||
</v-list-item>
|
||||
</template>
|
||||
|
||||
<v-list-item v-if="!mini" v-for="subItem in item.children" v-bind:key="subItem.text"
|
||||
:prepend-icon="subItem.icon"
|
||||
:to="subItem.href" ripple >
|
||||
<v-list-item-avatar>
|
||||
<v-icon>{{ subItem.icon }}</v-icon>
|
||||
</v-list-item-avatar>
|
||||
<v-list-item-content>
|
||||
<v-list-item-title>{{ subItem.text }}</v-list-item-title>
|
||||
</v-list-item-content>
|
||||
</v-list-item>
|
||||
</v-list-group>
|
||||
|
||||
<v-list-item v-else v-bind:key="item.text" :to="item.href" ripple>
|
||||
<v-list-item-avatar>
|
||||
<v-icon>{{ item.icon }}</v-icon>
|
||||
</v-list-item-avatar>
|
||||
<v-list-item-content>
|
||||
<v-list-item-title>{{ item.text }}</v-list-item-title>
|
||||
</v-list-item-content>
|
||||
|
||||
</v-list-item>
|
||||
</template>
|
||||
</v-list>
|
||||
</template>
|
||||
|
||||
<script>{
|
||||
props: ['items','mini']
|
||||
}
|
||||
</script>
|
60
src/vue-poc/components/qd-navlist2.vue
Normal file
60
src/vue-poc/components/qd-navlist2.vue
Normal file
|
@ -0,0 +1,60 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
for nav drawer
|
||||
-->
|
||||
<template id="qd-navlist2">
|
||||
<v-list dense nav>
|
||||
<template v-for="(item, i) in items">
|
||||
<v-list-group
|
||||
v-if="item.children"
|
||||
:key="item.text"
|
||||
v-model="item.model"
|
||||
:prepend-icon="item.icon"
|
||||
:title="item.text"
|
||||
>
|
||||
<template v-slot:activator>
|
||||
<v-list-item >
|
||||
<v-list-item-content>
|
||||
<v-list-item-title>
|
||||
{{ item.text }}
|
||||
</v-list-item-title>
|
||||
</v-list-item-content>
|
||||
</v-list-item>
|
||||
</template>
|
||||
<v-list-item :to="child.href"
|
||||
v-for="(child, i) in item.children"
|
||||
:key="i" :title="child.text"
|
||||
>
|
||||
<v-list-item-icon>
|
||||
<v-icon v-if="mini" v-text="child.icon"></v-icon>
|
||||
</v-list-item-icon>
|
||||
<v-list-item-content>
|
||||
<v-list-item-title>
|
||||
{{ child.text }}
|
||||
</v-list-item-title>
|
||||
</v-list-item-content>
|
||||
<v-list-item-action>
|
||||
<v-icon v-text="child.icon"></v-icon>
|
||||
</v-list-item-action>
|
||||
</v-list-item>
|
||||
</v-list-group>
|
||||
|
||||
|
||||
<v-list-item v-else :key="item.text" :to="item.href" >
|
||||
<v-list-item-action>
|
||||
<v-icon>{{ item.icon }}</v-icon>
|
||||
</v-list-item-action>
|
||||
<v-list-item-content>
|
||||
<v-list-item-title>
|
||||
{{ item.text }}
|
||||
</v-list-item-title>
|
||||
</v-list-item-content>
|
||||
</v-list-item>
|
||||
</template>
|
||||
</v-list>
|
||||
</template>
|
||||
|
||||
<script>{
|
||||
props: ['items','mini']
|
||||
}
|
||||
</script>
|
|
@ -27,7 +27,7 @@
|
|||
{{ item.text }}
|
||||
</v-list-item-title>
|
||||
<v-spacer></v-spacer>
|
||||
<v-list-item-action @click.stop>
|
||||
<v-list-item-action>
|
||||
<v-btn
|
||||
icon
|
||||
:to="item.value"
|
||||
|
|
|
@ -25,12 +25,12 @@
|
|||
<v-data-table
|
||||
:headers="headers"
|
||||
:items="items"
|
||||
hide-actions
|
||||
hide-default-footer
|
||||
:search="q"
|
||||
class="elevation-1"
|
||||
>
|
||||
<template slot="items" slot-scope="props">
|
||||
<td ><router-link :to="'tasks/' + props.item.to" v-text="props.item.title"></router-link></td>
|
||||
<td >AA: <router-link :to="'tasks/' + props.item.to" v-text="props.item.title"></router-link></td>
|
||||
<td >{{ props.item.description }}</td>
|
||||
</template>
|
||||
<template slot="no-data">
|
||||
|
|
|
@ -1,9 +1,7 @@
|
|||
<!DOCTYPE html>
|
||||
<template id="login">
|
||||
<v-layout>
|
||||
<v-flex >
|
||||
<v-container fluid>
|
||||
<v-card >
|
||||
|
||||
<v-card-title class="red">
|
||||
<span class="white--text">The current credentials do the give access this page, please login.</span>
|
||||
</v-card-title>
|
||||
|
@ -16,6 +14,7 @@
|
|||
:rules="nameRules"
|
||||
required
|
||||
></v-text-field>
|
||||
|
||||
<v-text-field
|
||||
label="Enter your password"
|
||||
v-model="password"
|
||||
|
@ -27,6 +26,7 @@
|
|||
counter
|
||||
required
|
||||
></v-text-field>
|
||||
|
||||
<v-switch
|
||||
label="Remember me" v-model="remember">
|
||||
</v-switch>
|
||||
|
@ -45,8 +45,7 @@
|
|||
</v-card-actions>
|
||||
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-container>
|
||||
</template>
|
||||
|
||||
<script>{
|
||||
|
|
|
@ -51,15 +51,15 @@
|
|||
<v-toolbar color="blue lighten-3" dense>
|
||||
<v-toolbar-title>
|
||||
<router-link :to="{path:'entity/'+ item.name}">
|
||||
|
||||
<v-icon>{{ item.iconclass }}</v-icon> {{ item.name }}
|
||||
|
||||
<v-avatar>
|
||||
<v-icon>{{ item.iconclass }}</v-icon>
|
||||
</v-avatar> {{ item.name }}
|
||||
</v-toolbar-title>
|
||||
</v-card-title>
|
||||
</v-toolbar>
|
||||
<v-card-text >{{ item.description }}</<v-card-text>
|
||||
<v-card-actions green>
|
||||
Fields
|
||||
|
||||
<v-badge >
|
||||
<span slot="badge">{{ item.nfields }}</span>
|
||||
Fields
|
||||
|
|
|
@ -8,9 +8,6 @@
|
|||
>crumbs</qd-breadcrumbs>
|
||||
</v-toolbar-title>
|
||||
<v-menu offset-y v-model="showmenu" >
|
||||
<template v-slot:activator="{ on }">
|
||||
<v-btn v-on="on">M</v-btn>
|
||||
</template>
|
||||
<v-list dense>
|
||||
<v-subheader >Actions</v-subheader>
|
||||
<v-list-item @click="getxml" >
|
||||
|
@ -31,31 +28,46 @@
|
|||
|
||||
</v-toolbar>
|
||||
|
||||
<v-container fluid grid-list-md>
|
||||
|
||||
<v-expansion-panel v-model="panel" expand >
|
||||
<v-expansion-panel-content>
|
||||
<div slot="header" class="title"><v-icon>{{ item.iconclass }}</v-icon> {{ item.name }}</div>
|
||||
<v-container fluid >
|
||||
<v-expansion-panels>
|
||||
<v-expansion-panel expand >
|
||||
<v-expansion-panel-header><v-layout>
|
||||
<v-flex xs12>
|
||||
<v-icon>{{ item.iconclass }}</v-icon> {{ item.name }}</div>
|
||||
{{item.description}}
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-expansion-panel-header>
|
||||
<v-expansion-panel-content>
|
||||
<pre v-if="xml"><code>{{ xml }}</code></pre>
|
||||
</v-expansion-panel-content>
|
||||
<v-expansion-panel>
|
||||
</v-expansion-panel>
|
||||
|
||||
<v-expansion-panel>
|
||||
<v-expansion-panel-header><v-layout>
|
||||
<v-flex xs12>Type: <code>{{ item.type }}</code></v-flex>
|
||||
</v-layout>
|
||||
</v-expansion-panel-header>
|
||||
<v-expansion-panel-content>
|
||||
<div slot="header" class="title">Type: <code>{{ item.type }}</code></div>
|
||||
<prism language="xquery">{{ code(item) }}</prism>
|
||||
</v-expansion-panel-content>
|
||||
|
||||
<v-expansion-panel-content>
|
||||
<div slot="header" class="title">
|
||||
<v-badge >
|
||||
<span slot="badge">{{ item.nfields }}</span>Fields
|
||||
</v-badge>
|
||||
</div>
|
||||
<qd-table :headers="headers" :data-uri='"data/entity/"+entity +"/field"' entity="entity.field" no-data-msg="Nothing found">
|
||||
|
||||
</qd-table>
|
||||
</v-expansion-panel-content>
|
||||
</v-expansion-panel>
|
||||
|
||||
<v-expansion-panel>
|
||||
<v-expansion-panel-header><v-layout>
|
||||
<v-flex xs12><v-badge >
|
||||
<span slot="badge">{{ item.nfields }}</span>Fields
|
||||
</v-badge>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-expansion-panel-header>
|
||||
<v-expansion-panel-content>
|
||||
<qd-table :headers="headers" :data-uri='"data/entity/"+entity +"/field"' entity="entity.field" no-data-msg="Nothing found">
|
||||
</qd-table>
|
||||
</v-expansion-panel-content>
|
||||
</v-expansion-panel>
|
||||
</v-expansion-panels>
|
||||
</v-container>
|
||||
</v-card>
|
||||
</template>
|
||||
|
|
|
@ -32,17 +32,15 @@
|
|||
:headers="headers"
|
||||
:items="items"
|
||||
:loading="loading"
|
||||
hide-actions
|
||||
hide-default-footer
|
||||
:search="q"
|
||||
class="elevation-1"
|
||||
>
|
||||
<template slot="items" slot-scope="props">
|
||||
<td ><router-link :to="{path:'namespace/item?xmlns='+ props.item.xmlns}">
|
||||
{{ props.item.xmlns }}
|
||||
</router-link></td>
|
||||
<td >{{ props.item.description }}</td>
|
||||
<td >{{ props.item.prefix }}</td>
|
||||
|
||||
<template v-slot:item.xmlns="{ item }" >
|
||||
<td ><router-link :to="{path:'namespace/item?xmlns='+ item.xmlns}">
|
||||
{{ item.xmlns }}
|
||||
</router-link></td>
|
||||
</template>
|
||||
|
||||
<template slot="no-results">
|
||||
|
@ -65,10 +63,7 @@
|
|||
loading: false,
|
||||
q: "",
|
||||
message: 'bad route!',
|
||||
rowsPerPageItems: [4, 8, 20],
|
||||
pagination: {
|
||||
rowsPerPage: 20
|
||||
},
|
||||
|
||||
selected:[],
|
||||
headers: [
|
||||
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
<v-data-table
|
||||
:headers="headers"
|
||||
:items="filtered"
|
||||
class="elevation-1" :pagination.sync="pagination"
|
||||
class="elevation-1"
|
||||
|
||||
>
|
||||
<template slot="items" slot-scope="props">
|
||||
|
|
|
@ -17,11 +17,13 @@ function set:values()
|
|||
let $sm:=map:merge($settings!map:entry(name(.),string(.)))
|
||||
let $names:=distinct-values((map:keys( $dm),map:keys($sm)))=>sort()
|
||||
return <json type="array">
|
||||
{for $name in $names return <_ type="object">
|
||||
{for $name in $names
|
||||
let $change:=$dm($name) ne $sm($name)
|
||||
return <_ type="object">
|
||||
<name>{$name}</name>
|
||||
<default>{$dm($name)}</default>
|
||||
<current>{$sm($name)}</current>
|
||||
<changed type="boolean">{$dm($name) ne $sm($name)}</changed>
|
||||
<changed type="boolean">{ if ($change) then $change else false() }</changed>
|
||||
</_>}
|
||||
</json>
|
||||
};
|
||||
|
|
|
@ -19,7 +19,7 @@
|
|||
|
||||
</v-flex>
|
||||
|
||||
<table class="v-table">
|
||||
<table class="v-data-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th xs1>url</th>
|
||||
|
@ -74,6 +74,7 @@
|
|||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<h3>Value: <v-chip color="amber" text-color="white">{{counter}}</v-chip></h3>
|
||||
<pre>{{ result | pretty}}</pre>
|
||||
</v-card-text>
|
||||
|
|
|
@ -56,7 +56,7 @@
|
|||
<v-list two-line subheader>
|
||||
<v-subheader>Ace editor settings</v-subheader>
|
||||
|
||||
<v-list-item avatar>
|
||||
<v-list-item >
|
||||
<v-list-item-action>
|
||||
<v-checkbox v-model="ace.enableSnippets"></v-checkbox>
|
||||
</v-list-item-action>
|
||||
|
@ -67,7 +67,7 @@
|
|||
</v-list-item-content>
|
||||
</v-list-item>
|
||||
|
||||
<v-list-item avatar>
|
||||
<v-list-item >
|
||||
<v-list-item-action>
|
||||
<v-checkbox v-model="ace.enableBasicAutocompletion"></v-checkbox>
|
||||
</v-list-item-action>
|
||||
|
@ -77,7 +77,7 @@
|
|||
</v-list-item-content>
|
||||
</v-list-item>
|
||||
|
||||
<v-list-item avatar>
|
||||
<v-list-item >
|
||||
<v-list-item-action>
|
||||
<v-checkbox v-model="ace.enableLiveAutocompletion"></v-checkbox>
|
||||
</v-list-item-action>
|
||||
|
|
|
@ -16,6 +16,7 @@
|
|||
</v-toolbar>
|
||||
|
||||
<v-card-text>
|
||||
<v-expansion-panels>
|
||||
<v-expansion-panel v-model="openIndex">
|
||||
<v-expansion-panel-content popout
|
||||
v-for="key in keys"
|
||||
|
@ -29,6 +30,7 @@
|
|||
</v-card>
|
||||
</v-expansion-panel-content>
|
||||
</v-expansion-panel>
|
||||
</v-expansion-panels>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
<v-snackbar :value="true" >Settings are currently only stored locally in the browser, using <code>localstorage</code></v-snackbar>
|
||||
|
|
|
@ -27,14 +27,14 @@
|
|||
<v-data-table
|
||||
:headers="headers"
|
||||
:items="items"
|
||||
hide-actions
|
||||
hide-default-footer
|
||||
:search="q"
|
||||
class="elevation-1"
|
||||
>
|
||||
<template slot="items" slot-scope="props">
|
||||
<td ><router-link :to="'tasks/' + props.item.to" v-text="props.item.title"></router-link></td>
|
||||
<td >{{ props.item.description }}</td>
|
||||
<template v-slot:item.title="{ item }" >
|
||||
<td ><router-link :to="'tasks/' + item.to" v-text="item.title"></router-link></td>
|
||||
</template>
|
||||
|
||||
<template slot="no-data">
|
||||
<v-alert :value="true" icon="warning">
|
||||
No matching items.
|
||||
|
|
16
src/vue-poc/lib/vue-compile/smoke-jsoup.xq
Normal file
16
src/vue-poc/lib/vue-compile/smoke-jsoup.xq
Normal file
|
@ -0,0 +1,16 @@
|
|||
import module namespace html5="text.html5" at "C:\Users\andy\git\vue-poc\src\vue-poc\lib\vue-compile\html5parse.xqm";
|
||||
|
||||
let $text:=fetch:text("C:\Users\andy\git\vue-poc\src\vue-poc\features\server\dicetest.vue")
|
||||
let $text:=``[
|
||||
<!DOCTYPE html>
|
||||
<template id="dicetest">
|
||||
<v-abc >
|
||||
<thead>xxx</thead>
|
||||
</v-abc>
|
||||
</template>
|
||||
]``
|
||||
let $doc:=html5:doc($text)
|
||||
let $tempNode:= html5:getElementFirstByTagName($doc,"template")
|
||||
let $template:= html5:getInnerHTML($tempNode)
|
||||
let $id := html5:getAttribute($tempNode,"id")=>trace("ID")
|
||||
return $template
|
16
src/vue-poc/lib/vue-compile/smoke.xq
Normal file
16
src/vue-poc/lib/vue-compile/smoke.xq
Normal file
|
@ -0,0 +1,16 @@
|
|||
import module namespace html5="text.html5" at "C:\Users\andy\git\vue-poc\src\vue-poc\lib\vue-compile\html5parse.xqm";
|
||||
|
||||
let $text:=fetch:text("C:\Users\andy\git\vue-poc\src\vue-poc\features\server\dicetest.vue")
|
||||
let $text:=``[
|
||||
<!DOCTYPE html>
|
||||
<template id="dicetest">
|
||||
<v-abc >
|
||||
<thead>xxx</thead>
|
||||
</v-abc>
|
||||
</template>
|
||||
]``
|
||||
let $doc:=html5:doc($text)
|
||||
let $tempNode:= html5:getElementFirstByTagName($doc,"template")
|
||||
let $template:= html5:getInnerHTML($tempNode)
|
||||
let $id := html5:getAttribute($tempNode,"id")=>trace("ID")
|
||||
return $template
|
|
@ -1,5 +1,5 @@
|
|||
(: entity access maps
|
||||
: auto generated from xml files in entities folder at: 2019-07-04T23:21:15.539+01:00
|
||||
: auto generated from xml files in entities folder at: 2019-08-06T22:46:17.734+01:00
|
||||
:)
|
||||
|
||||
module namespace entity = 'quodatum.models.generated';
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
// generated 2019-08-01T21:43:37.847+01:00
|
||||
// generated 2019-08-08T22:52:09.345+01:00
|
||||
|
||||
// src: file:///C:/Users/andy/git/vue-poc/src/vue-poc/components/qd-autoheight.vue
|
||||
Vue.component('qd-autoheight',{template:`
|
||||
|
@ -240,37 +240,45 @@ Vue.component('qd-mimelist',{template:`
|
|||
}
|
||||
);
|
||||
|
||||
// src: file:///C:/Users/andy/git/vue-poc/src/vue-poc/components/qd-navlist.vue
|
||||
Vue.component('qd-navlist',{template:`
|
||||
<v-list dense>
|
||||
// src: file:///C:/Users/andy/git/vue-poc/src/vue-poc/components/qd-navlist2.vue
|
||||
Vue.component('qd-navlist2',{template:`
|
||||
<v-list dense nav>
|
||||
<template v-for="(item, i) in items">
|
||||
<v-list-group v-if="item.children" v-bind:key="item.text" :prepend-icon="item.icon" no-action>
|
||||
<template v-slot:activator="{ on }">
|
||||
<v-list-item v-on="on">
|
||||
<v-list-group v-if="item.children" :key="item.text" v-model="item.model" :prepend-icon="item.icon" :title="item.text">
|
||||
<template v-slot:activator>
|
||||
<v-list-item>
|
||||
<v-list-item-content>
|
||||
<v-list-item-title>{{ item.text }}</v-list-item-title>
|
||||
<v-list-item-title>
|
||||
{{ item.text }}
|
||||
</v-list-item-title>
|
||||
</v-list-item-content>
|
||||
</v-list-item>
|
||||
</template>
|
||||
|
||||
<v-list-item v-if="!mini" v-for="subItem in item.children" v-bind:key="subItem.text" :prepend-icon="subItem.icon" :to="subItem.href" ripple>
|
||||
<v-list-item-avatar>
|
||||
<v-icon>{{ subItem.icon }}</v-icon>
|
||||
</v-list-item-avatar>
|
||||
<v-list-item :to="child.href" v-for="(child, i) in item.children" :key="i" :title="child.text">
|
||||
<v-list-item-icon>
|
||||
<v-icon v-if="mini" v-text="child.icon"></v-icon>
|
||||
</v-list-item-icon>
|
||||
<v-list-item-content>
|
||||
<v-list-item-title>{{ subItem.text }}</v-list-item-title>
|
||||
<v-list-item-title>
|
||||
{{ child.text }}
|
||||
</v-list-item-title>
|
||||
</v-list-item-content>
|
||||
<v-list-item-action>
|
||||
<v-icon v-text="child.icon"></v-icon>
|
||||
</v-list-item-action>
|
||||
</v-list-item>
|
||||
</v-list-group>
|
||||
|
||||
<v-list-item v-else v-bind:key="item.text" :to="item.href" ripple>
|
||||
<v-list-item-avatar>
|
||||
<v-icon>{{ item.icon }}</v-icon>
|
||||
</v-list-item-avatar>
|
||||
<v-list-item-content>
|
||||
<v-list-item-title>{{ item.text }}</v-list-item-title>
|
||||
</v-list-item-content>
|
||||
|
||||
<v-list-item v-else :key="item.text" :to="item.href">
|
||||
<v-list-item-action>
|
||||
<v-icon>{{ item.icon }}</v-icon>
|
||||
</v-list-item-action>
|
||||
<v-list-item-content>
|
||||
<v-list-item-title>
|
||||
{{ item.text }}
|
||||
</v-list-item-title>
|
||||
</v-list-item-content>
|
||||
</v-list-item>
|
||||
</template>
|
||||
</v-list>
|
||||
|
@ -317,7 +325,7 @@ Vue.component('qd-search',{template:`
|
|||
{{ item.text }}
|
||||
</v-list-item-title>
|
||||
<v-spacer></v-spacer>
|
||||
<v-list-item-action @click.stop>
|
||||
<v-list-item-action>
|
||||
<v-btn icon :to="item.value">
|
||||
<v-icon>arrow_forward</v-icon>
|
||||
</v-btn>
|
||||
|
@ -3470,9 +3478,9 @@ const Taskhistory=Vue.extend({template:`
|
|||
</v-toolbar>
|
||||
|
||||
<v-card-text>
|
||||
<v-data-table :headers="headers" :items="items" hide-actions :search="q" class="elevation-1">
|
||||
<v-data-table :headers="headers" :items="items" hide-default-footer :search="q" class="elevation-1">
|
||||
<template slot="items" slot-scope="props">
|
||||
<td><router-link :to="'tasks/' + props.item.to" v-text="props.item.title"></router-link></td>
|
||||
<td>AA: <router-link :to="'tasks/' + props.item.to" v-text="props.item.title"></router-link></td>
|
||||
<td>{{ props.item.description }}</td>
|
||||
</template>
|
||||
<template slot="no-data">
|
||||
|
@ -4544,10 +4552,8 @@ const Services=Vue.extend({template:`
|
|||
|
||||
// src: file:///C:/Users/andy/git/vue-poc/src/vue-poc/features/login/login.vue
|
||||
const Login=Vue.extend({template:`
|
||||
<v-layout>
|
||||
<v-flex>
|
||||
<v-container fluid>
|
||||
<v-card>
|
||||
|
||||
<v-card-title class="red">
|
||||
<span class="white--text">The current credentials do the give access this page, please login.</span>
|
||||
</v-card-title>
|
||||
|
@ -4555,7 +4561,9 @@ const Login=Vue.extend({template:`
|
|||
<v-card-actions>
|
||||
<v-form v-model="valid" ref="form">
|
||||
<v-text-field label="Enter your user id " v-model="name" :rules="nameRules" required></v-text-field>
|
||||
|
||||
<v-text-field label="Enter your password" v-model="password" min="8" :append-icon="hidepass ? 'visibility' : 'visibility_off'" @click:append="() => hidepass = !hidepass" :type="hidepass ? 'password' : 'text'" :rules="passwordRules" counter required></v-text-field>
|
||||
|
||||
<v-switch label="Remember me" v-model="remember">
|
||||
</v-switch>
|
||||
<v-layout justify-space-between>
|
||||
|
@ -4573,8 +4581,7 @@ const Login=Vue.extend({template:`
|
|||
</v-card-actions>
|
||||
|
||||
</v-card>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-container>
|
||||
`,
|
||||
|
||||
data () {
|
||||
|
@ -4775,15 +4782,15 @@ const Entity=Vue.extend({template:`
|
|||
<v-toolbar color="blue lighten-3" dense>
|
||||
<v-toolbar-title>
|
||||
<router-link :to="{path:'entity/'+ item.name}">
|
||||
|
||||
<v-icon>{{ item.iconclass }}</v-icon> {{ item.name }}
|
||||
|
||||
<v-avatar>
|
||||
<v-icon>{{ item.iconclass }}</v-icon>
|
||||
</v-avatar> {{ item.name }}
|
||||
</router-link></v-toolbar-title>
|
||||
|
||||
</v-toolbar>
|
||||
<v-card-text>{{ item.description }}<!--<v-card-text-->
|
||||
<v-card-actions green>
|
||||
Fields
|
||||
|
||||
<v-badge>
|
||||
<span slot="badge">{{ item.nfields }}</span>
|
||||
Fields
|
||||
|
@ -4842,9 +4849,6 @@ const Entity1=Vue.extend({template:`
|
|||
<qd-breadcrumbs @todo="showmenu= ! showmenu" :crumbs="[{to: '/entity', text:'Entities'}, {text: entity, disabled: false, menu: 'todo'}]">crumbs</qd-breadcrumbs>
|
||||
</v-toolbar-title>
|
||||
<v-menu offset-y v-model="showmenu">
|
||||
<template v-slot:activator="{ on }">
|
||||
<v-btn v-on="on">M</v-btn>
|
||||
</template>
|
||||
<v-list dense>
|
||||
<v-subheader>Actions</v-subheader>
|
||||
<v-list-item @click="getxml">
|
||||
|
@ -4862,31 +4866,46 @@ const Entity1=Vue.extend({template:`
|
|||
|
||||
</v-toolbar>
|
||||
|
||||
<v-container fluid grid-list-md>
|
||||
|
||||
<v-expansion-panel v-model="panel" expand>
|
||||
<v-expansion-panel-content>
|
||||
<div slot="header" class="title"><v-icon>{{ item.iconclass }}</v-icon> {{ item.name }}</div>
|
||||
<v-container fluid>
|
||||
<v-expansion-panels>
|
||||
<v-expansion-panel expand>
|
||||
<v-expansion-panel-header><v-layout>
|
||||
<v-flex xs12>
|
||||
<v-icon>{{ item.iconclass }}</v-icon> {{ item.name }}
|
||||
{{item.description}}
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-expansion-panel-header>
|
||||
<v-expansion-panel-content>
|
||||
<pre v-if="xml"><code>{{ xml }}</code></pre>
|
||||
</v-expansion-panel-content>
|
||||
<v-expansion-panel>
|
||||
</v-expansion-panel>
|
||||
|
||||
<v-expansion-panel>
|
||||
<v-expansion-panel-header><v-layout>
|
||||
<v-flex xs12>Type: <code>{{ item.type }}</code></v-flex>
|
||||
</v-layout>
|
||||
</v-expansion-panel-header>
|
||||
<v-expansion-panel-content>
|
||||
<div slot="header" class="title">Type: <code>{{ item.type }}</code></div>
|
||||
<prism language="xquery">{{ code(item) }}</prism>
|
||||
</v-expansion-panel-content>
|
||||
|
||||
<v-expansion-panel-content>
|
||||
<div slot="header" class="title">
|
||||
<v-badge>
|
||||
<span slot="badge">{{ item.nfields }}</span>Fields
|
||||
</v-badge>
|
||||
</div>
|
||||
<qd-table :headers="headers" :data-uri=""data/entity/"+entity +"/field"" entity="entity.field" no-data-msg="Nothing found">
|
||||
|
||||
</qd-table>
|
||||
</v-expansion-panel-content>
|
||||
</v-expansion-panel>
|
||||
|
||||
<v-expansion-panel>
|
||||
<v-expansion-panel-header><v-layout>
|
||||
<v-flex xs12><v-badge>
|
||||
<span slot="badge">{{ item.nfields }}</span>Fields
|
||||
</v-badge>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-expansion-panel-header>
|
||||
<v-expansion-panel-content>
|
||||
<qd-table :headers="headers" :data-uri=""data/entity/"+entity +"/field"" entity="entity.field" no-data-msg="Nothing found">
|
||||
</qd-table>
|
||||
</v-expansion-panel-content>
|
||||
</v-expansion-panel>
|
||||
</v-expansion-panel></v-expansion-panels>
|
||||
</v-container>
|
||||
</v-card>
|
||||
`,
|
||||
|
@ -4977,14 +4996,12 @@ const Namespace=Vue.extend({template:`
|
|||
</v-toolbar>
|
||||
|
||||
<v-card-text>
|
||||
<v-data-table :headers="headers" :items="items" :loading="loading" hide-actions :search="q" class="elevation-1">
|
||||
<template slot="items" slot-scope="props">
|
||||
<td><router-link :to="{path:'namespace/item?xmlns='+ props.item.xmlns}">
|
||||
{{ props.item.xmlns }}
|
||||
</router-link></td>
|
||||
<td>{{ props.item.description }}</td>
|
||||
<td>{{ props.item.prefix }}</td>
|
||||
<v-data-table :headers="headers" :items="items" :loading="loading" hide-default-footer :search="q" class="elevation-1">
|
||||
|
||||
<template v-slot:item.xmlns="{ item }">
|
||||
<td><router-link :to="{path:'namespace/item?xmlns='+ item.xmlns}">
|
||||
{{ item.xmlns }}
|
||||
</router-link></td>
|
||||
</template>
|
||||
|
||||
<template slot="no-results">
|
||||
|
@ -5006,10 +5023,7 @@ const Namespace=Vue.extend({template:`
|
|||
loading: false,
|
||||
q: "",
|
||||
message: 'bad route!',
|
||||
rowsPerPageItems: [4, 8, 20],
|
||||
pagination: {
|
||||
rowsPerPage: 20
|
||||
},
|
||||
|
||||
selected:[],
|
||||
headers: [
|
||||
|
||||
|
@ -5632,7 +5646,7 @@ const Basexsettings=Vue.extend({template:`
|
|||
</v-toolbar>
|
||||
|
||||
<v-card-text>
|
||||
<v-data-table :headers="headers" :items="filtered" class="elevation-1" :pagination.sync="pagination">
|
||||
<v-data-table :headers="headers" :items="filtered" class="elevation-1">
|
||||
<template slot="items" slot-scope="props">
|
||||
<td>{{ props.item.name }}</td>
|
||||
<td>{{ props.item.current }}</td>
|
||||
|
@ -5710,7 +5724,7 @@ const Dicetest=Vue.extend({template:`
|
|||
|
||||
</v-flex>
|
||||
|
||||
<table class="v-table">
|
||||
<table class="v-data-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th xs1>url</th>
|
||||
|
@ -5765,6 +5779,7 @@ const Dicetest=Vue.extend({template:`
|
|||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<h3>Value: <v-chip color="amber" text-color="white">{{counter}}</v-chip></h3>
|
||||
<pre>{{ result | pretty}}</pre>
|
||||
</v-card-text>
|
||||
|
@ -6149,7 +6164,7 @@ const Acesettings=Vue.extend({template:`
|
|||
<v-list two-line subheader>
|
||||
<v-subheader>Ace editor settings</v-subheader>
|
||||
|
||||
<v-list-item avatar>
|
||||
<v-list-item>
|
||||
<v-list-item-action>
|
||||
<v-checkbox v-model="ace.enableSnippets"></v-checkbox>
|
||||
</v-list-item-action>
|
||||
|
@ -6160,7 +6175,7 @@ const Acesettings=Vue.extend({template:`
|
|||
</v-list-item-content>
|
||||
</v-list-item>
|
||||
|
||||
<v-list-item avatar>
|
||||
<v-list-item>
|
||||
<v-list-item-action>
|
||||
<v-checkbox v-model="ace.enableBasicAutocompletion"></v-checkbox>
|
||||
</v-list-item-action>
|
||||
|
@ -6170,7 +6185,7 @@ const Acesettings=Vue.extend({template:`
|
|||
</v-list-item-content>
|
||||
</v-list-item>
|
||||
|
||||
<v-list-item avatar>
|
||||
<v-list-item>
|
||||
<v-list-item-action>
|
||||
<v-checkbox v-model="ace.enableLiveAutocompletion"></v-checkbox>
|
||||
</v-list-item-action>
|
||||
|
@ -6248,6 +6263,7 @@ const Keys=Vue.extend({template:`
|
|||
</v-toolbar>
|
||||
|
||||
<v-card-text>
|
||||
<v-expansion-panels>
|
||||
<v-expansion-panel v-model="openIndex">
|
||||
<v-expansion-panel-content popout v-for="key in keys" :key="key">
|
||||
<div slot="header">{{key}}</div>
|
||||
|
@ -6258,6 +6274,7 @@ const Keys=Vue.extend({template:`
|
|||
</v-card>
|
||||
</v-expansion-panel-content>
|
||||
</v-expansion-panel>
|
||||
</v-expansion-panels>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
<v-snackbar :value="true">Settings are currently only stored locally in the browser, using <code>localstorage</code></v-snackbar>
|
||||
|
@ -6448,7 +6465,7 @@ const Model=Vue.extend({template:`
|
|||
|
||||
);
|
||||
|
||||
// src: file:///C:/Users/andy/git/vue-poc/src/vue-poc/features/tasks/task/task.vue
|
||||
// src: file:///C:/Users/andy/git/vue-poc/src/vue-poc/features/tasks/task/runtask.vue
|
||||
const Runtask=Vue.extend({template:`
|
||||
<v-container fluid>
|
||||
<v-card>
|
||||
|
@ -6567,11 +6584,11 @@ const Tasks=Vue.extend({template:`
|
|||
</v-toolbar>
|
||||
|
||||
<v-card-text>
|
||||
<v-data-table :headers="headers" :items="items" hide-actions :search="q" class="elevation-1">
|
||||
<template slot="items" slot-scope="props">
|
||||
<td><router-link :to="'tasks/' + props.item.to" v-text="props.item.title"></router-link></td>
|
||||
<td>{{ props.item.description }}</td>
|
||||
<v-data-table :headers="headers" :items="items" hide-default-footer :search="q" class="elevation-1">
|
||||
<template v-slot:item.title="{ item }">
|
||||
<td><router-link :to="'tasks/' + item.to" v-text="item.title"></router-link></td>
|
||||
</template>
|
||||
|
||||
<template slot="no-data">
|
||||
<v-alert :value="true" icon="warning">
|
||||
No matching items.
|
||||
|
@ -7478,7 +7495,7 @@ const Vuepoc=Vue.extend({template:`
|
|||
<vp-notifications :show-notifications.sync="showNotifications"></vp-notifications>
|
||||
</v-navigation-drawer>
|
||||
|
||||
<v-navigation-drawer app :mini-variant.sync="mini" v-model="drawer" :enable-resize-watcher="true">
|
||||
<v-navigation-drawer app :mini-variant.sync="mini" v-model="drawer" :clipped="$vuetify.breakpoint.lgAndUp">
|
||||
<v-list class="pa-0">
|
||||
|
||||
<v-list-item tag="div">
|
||||
|
@ -7500,12 +7517,13 @@ const Vuepoc=Vue.extend({template:`
|
|||
</v-list-item>
|
||||
|
||||
</v-list>
|
||||
<qd-navlist :items="items" :mini="mini"></qd-navlist>
|
||||
<qd-navlist2 :items="items" :mini="mini"></qd-navlist2>
|
||||
</v-navigation-drawer>
|
||||
|
||||
<v-app-bar app color="blue darken-3" dark>
|
||||
<v-toolbar-title class="hidden-sm-and-down">
|
||||
<v-app-bar app :clipped-left="$vuetify.breakpoint.lgAndUp" color="blue darken-3" dark>
|
||||
<v-app-bar-nav-icon @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
|
||||
<v-toolbar-title class="hidden-sm-and-down">
|
||||
|
||||
{{$route.meta.title}}</v-toolbar-title>
|
||||
|
||||
<vp-favorite :frmfav.sync="frmfav"></vp-favorite>
|
||||
|
|
|
@ -10,9 +10,9 @@
|
|||
<link rel="shortcut icon" href="/vue-poc/ui/icon.png"/>
|
||||
<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="//unpkg.com/vuetify@2.0.4/dist/vuetify.min.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="//unpkg.com/vuetify@2.0.5/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" rel="stylesheet" type="text/css"/>
|
||||
<link rel="stylesheet" href="/vue-poc/ui/prism/prism.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="//unpkg.com/leaflet@1.0.3/dist/leaflet.css"/>
|
||||
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@koumoul/vuetify-jsonschema-form@0.27.1/dist/main.css" />
|
||||
<link href="/vue-poc/ui/app.css" rel="stylesheet" type="text/css"/>
|
||||
|
@ -22,7 +22,7 @@
|
|||
|
||||
<body>
|
||||
<div id="app">
|
||||
<h3><code>vue-poc</code> <small>(v0.3.163)</small> </h3>
|
||||
<h3><code>vue-poc</code> <small>(v0.4.1)</small> </h3>
|
||||
|
||||
<div class="spinner">
|
||||
<div class="rect1"></div>
|
||||
|
@ -39,7 +39,7 @@
|
|||
<script src="//cdnjs.cloudflare.com/ajax/libs/axios/0.18.1/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.0.4/dist/vuetify.min.js" crossorigin="anonymous"></script>
|
||||
<script src="//unpkg.com/vuetify@2.0.5/dist/vuetify.min.js" crossorigin="anonymous"></script>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/ace/1.4.5/ace.js" crossorigin="anonymous"></script>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/ace/1.4.5/ext-language_tools.js" crossorigin="anonymous"></script>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/ace/1.4.5/ext-linking.js" crossorigin="anonymous" charset="utf-8"></script>
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"baseUrl": "http://localhost:8984/vue-poc",
|
||||
"viewportWidth": 1600,
|
||||
"viewportHeight": 800
|
||||
"viewportHeight": 800,
|
||||
"projectId": "269dic"
|
||||
}
|
||||
|
||||
|
|
BIN
tests/cypress/cypress/videos/apb_spec.js.mp4
Normal file
BIN
tests/cypress/cypress/videos/apb_spec.js.mp4
Normal file
Binary file not shown.
BIN
tests/cypress/cypress/videos/validate.js.mp4
Normal file
BIN
tests/cypress/cypress/videos/validate.js.mp4
Normal file
Binary file not shown.
Loading…
Add table
Reference in a new issue