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

vuetify 1.1.4

Browse source
This commit is contained in:
Andy Bunce 2018-07-10 23:16:42 +01:00
parent c5740af450
commit 5506b42789
14 changed files with 222 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/vue-poc/components/vp-entitylink.vue Normal file
View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<!--
show a entity link
-->
<template id="vp-entitylink">
<router-link :to="'entity/'+entity">E</router-link>
</template>
<script>{
props: ['entity']
}
</script>

23
src/vue-poc/components/vp-validationreport.vue Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<!--
show a validition report
-->
<template id="vp-validationreport">
<v-card v-if="report" >
<v-toolbar class="orange darken-1">
<v-card-title>Validation</v-card-title>
<span v-for="(value, key) in report.msgcounts">{{ key }}:{{ value }}</span>
</v-toolbar>
<v-card-text>
<pre >*** {{ report }}</pre>
</v-card-text>
</v-card>
</template>
<script>{
props: ['report']
}
</script>

BIN
src/vue-poc/data/vuetif.zip
View file

Binary file not shown.

28
src/vue-poc/features/edit/edit.xqm
View file

@ -58,7 +58,10 @@ function vue-api:edit-post($url as xs:string,$data)
(:~ (:~
: Returns a file content. : Returns a file content.
:) :)
declare function vue-api:get-webfile($url as xs:string) declare
%rest:GET %rest:path("/vue-poc/api/get")
%rest:query-param("url", "{$url}")
function vue-api:get-webfile($url as xs:string?)
as element(json) as element(json)
{ {
let $path := ufile:web( $url)=>trace("path ") let $path := ufile:web( $url)=>trace("path ")
@ -74,6 +77,29 @@ as element(json)
error(xs:QName('vue-api:raw'),$url) error(xs:QName('vue-api:raw'),$url)
}; };
(:~
: Returns a file content.
:)
declare
%rest:GET %rest:path("/vue-poc/api/get2")
%rest:query-param("url", "{$url}")
%output:method("json")
function vue-api:get-file($url as xs:string?)
as element(json)
{
let $path := $url
return if( file:exists($path))then
let $type:=mt:type($path)
let $fetch:=mt:fetch-fn($type("treat-as"))
return <json type="object" >
<url>{$url}</url>
<mimetype>{$type?type}</mimetype>
<data>{$fetch($path)}</data>
</json>
else
error(xs:QName('vue-api:raw'),$url)
};
(:~ (:~
: Returns a file content. : Returns a file content.
:) :)

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

@ -263,11 +263,15 @@
}, },
loadItem(url){ loadItem(url){
HTTP.get("get",{params: {url:url}}) HTTP.get("get2",{params: {url:url}})
.then(r=>{ .then(r=>{
//console.log(r) console.log(r)
alert("go") var tab={
//alert(mode) text: ""+ r.data.data,
location: url,
name: url.split(/.*[\/|\\]/)[1]
};
this.addItem(tab);
}) })
.catch(error=> { .catch(error=> {
console.log(error); console.log(error);

44
src/vue-poc/features/model/namespace.vue
View file

@ -1,18 +1,29 @@
<!DOCTYPE html> <!DOCTYPE html>
<template id="namespace"> <template id="namespace">
<v-container fluid grid-list-md> <v-container fluid grid-list-md>
<v-toolbar > <v-toolbar >
<v-toolbar-title>Namespaces</v-toolbar-title> <v-toolbar-title>Namespaces</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn @click="load" <v-btn @click="load"
:loading="loading" :loading="loading"
:disabled="loading" :disabled="loading"
>Refresh</v-btn> ><v-icon>refresh</v-icon></v-btn>
Text
<v-spacer></v-spacer>
<v-text-field prepend-icon="filter_list" label="Filter..." v-model="q" type="search"
hide-details single-line @keyup.enter="setfilter"
:append-icon="this.q?'clear':''" :append-icon-cb="e=>this.q=''"></v-text-field>
<v-spacer></v-spacer>
<vp-entitylink entity="namespace"></vp-entitylink>
</v-toolbar> </v-toolbar>
<v-data-table <v-data-table
:headers="headers" :headers="headers"
:items="items" :items="filtered"
hide-actions hide-actions
class="elevation-1" class="elevation-1"
> >
@ -25,8 +36,8 @@
</template> </template>
<template slot="no-data"> <template slot="no-data">
<v-alert :value="true" color="error" icon="warning"> <v-alert :value="true" icon="warning">
Sorry, nothing to display here :( No matching items.
</v-alert> </v-alert>
</template> </template>
</v-data-table> </v-data-table>
@ -71,8 +82,25 @@
}); });
}, },
setfilter(){
console.log("TODO",this.q)
this.$router.push({ query: {url:this.url,q:this.q }})
},
}, },
watch:{
$route(vnew,vold){
console.log("ROUTE",vnew,vold)
var url=this.$route.query.url
this.url=url?url:"/";
if(vnew.query.url != vold.query.url) this.load()
}
},
computed: {
filtered(){
var regex = new RegExp( this.q, "i");
return this.items.filter(item=>{return ((!this.q) || regex.test(item.description))})
}
},
created:function(){ created:function(){
this.q=this.$route.query.q || this.q; this.q=this.$route.query.q || this.q;
this.load(); this.load();

2
src/vue-poc/features/tasks/model.build/model.vue
View file

@ -52,7 +52,7 @@
data: function(){ data: function(){
return { return {
params:{ params:{
efolder:"C:/Users/andy/git/vue-poc/src/vue-poc/models", efolder:"C:/Users/andy/git/vue-poc/src/vue-poc/models/entities",
target:"C:/Users/andy/git/vue-poc/src/vue-poc/models.gen.xqm" target:"C:/Users/andy/git/vue-poc/src/vue-poc/models.gen.xqm"
}, },
waiting:false, waiting:false,

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

@ -64,12 +64,12 @@
<script>{ <script>{
data(){ data(){
return { return {
image:"https://cdn.pixabay.com/photo/2017/10/31/07/49/horses-2904536_960_720.jpg", image:"https://upload.wikimedia.org/wikipedia/commons/c/c1/Lycidae-Kadavoor-2017-05-22-001.jpg",
step: 0, step: 0,
taskxml:"<task></task>", taskxml:"<task></task>",
items:[ items:[
{ {
src: 'https://cdn.pixabay.com/photo/2017/10/31/07/49/horses-2904536_960_720.jpg' src: 'https://upload.wikimedia.org/wikipedia/commons/c/c1/Lycidae-Kadavoor-2017-05-22-001.jpg'
}] }]
} }
}, },

26
src/vue-poc/features/validate/validate.vue
View file

@ -32,15 +32,18 @@
<v-card-text v-resize="onResize" style="height:100px" ref="auto"> <v-card-text v-resize="onResize" style="height:100px" ref="auto">
<v-container fluid> <v-container fluid>
<v-layout row wrap> <v-layout row wrap>
<v-flex xs8> <v-flex xs8>
<v-text-field v-for="field in fields" :key="field.model" <v-flex v-for="field in fields" :key="field.model" >
v-model="params[field.model]" :label="field.label" clearable :rules="[rules.required]" box <v-text-field xs10
></v-text-field> v-model="params[field.model]" :label="field.label"
clearable :rules="[rules.required]" box
append-outer-icon="send" @click:append-outer="source(field)"
></v-text-field>
</v-flex>
</v-flex> </v-flex>
<v-flex xs4 green fill-height style="height:100%;overflow:scroll">
<v-flex xs4 fill-height style="overflow:scroll"> <vp-validationreport :report="result"></vp-validationreport>
<pre >Result: {{ result }}</pre>
</v-flex> </v-flex>
</v-layout> </v-layout>
</v-container> </v-container>
@ -66,7 +69,7 @@
required: value => !!value || 'Required.' required: value => !!value || 'Required.'
}, },
params:{ params:{
doc: "C:/Users/andy/git/vue-poc/src/vue-poc/models/adminlog.xml", doc: "C:/Users/andy/git/vue-poc/src/vue-poc/models/entities/adminlog.xml",
schema: "C:/Users/andy/git/vue-poc/src/vue-poc/models/schemas/entity.xsd" schema: "C:/Users/andy/git/vue-poc/src/vue-poc/models/schemas/entity.xsd"
}, },
snackbar:{show:false,msg:"",context:"success"} snackbar:{show:false,msg:"",context:"success"}
@ -82,6 +85,11 @@
el.style.height=h +"px"; el.style.height=h +"px";
}, },
source(field){
console.log("field: ",field);
router.push({ path: 'tabs', query: { url:this.params[field.model]}})
},
validate(){ validate(){
this.loading=true this.loading=true
this.start = performance.now(); this.start = performance.now();

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

@ -1,5 +1,5 @@
(: entity access maps (: entity access maps
: auto generated from xml files in entities folder at: 2018-06-27T22:03:58.364+01:00 : auto generated from xml files in entities folder at: 2018-07-07T11:46:28.985+01:00
:) :)
module namespace entity = 'quodatum.models.generated'; module namespace entity = 'quodatum.models.generated';
@ -108,7 +108,7 @@ declare variable $entity:list:=map {
"code": function($_ as element()) as xs:string? {$_/ent:data }, "code": function($_ as element()) as xs:string? {$_/ent:data },
"description": function($_ as element()) as xs:string {$_/ent:description }, "description": function($_ as element()) as xs:string {$_/ent:description },
"fieldslink": function($_ as element()) as xs:string {$_/fn:concat("/data/entity/",@name,"/field") }, "fieldslink": function($_ as element()) as xs:string {$_/fn:concat("/data/entity/",@name,"/field") },
"iconclass": function($_ as element()) as xs:string {$_/ent:iconclass }, "iconclass": function($_ as element()) as xs:string {$_/ent:views/@iconclass },
"modules": function($_ as element()) as xs:string? {$_/ent:module/concat("import module namespace ",@prefix,"='",@namespace,"'; "modules": function($_ as element()) as xs:string? {$_/ent:module/concat("import module namespace ",@prefix,"='",@namespace,"';
")=>string-join() }, ")=>string-join() },
"name": function($_ as element()) as xs:string {$_/@name }, "name": function($_ as element()) as xs:string {$_/@name },
@ -138,7 +138,7 @@ declare variable $entity:list:=map {
}, },
"iconclass": function($_ as element()) as element(iconclass)? { "iconclass": function($_ as element()) as element(iconclass)? {
(: xs:string :) (: xs:string :)
fn:data($_/ent:iconclass)!element iconclass { .} fn:data($_/ent:views/@iconclass)!element iconclass { .}
}, },
"modules": function($_ as element()) as element(modules)? { "modules": function($_ as element()) as element(modules)? {
(: xs:string? :) (: xs:string? :)
@ -446,7 +446,7 @@ declare variable $entity:list:=map {
}, },
"user": map{ "user": map{
"name": "user", "name": "user",
"description": "users ", "description": "A BaseX user ",
"access": map{ "access": map{
"name": function($_ as element()) as xs:string {$_/@name }, "name": function($_ as element()) as xs:string {$_/@name },
"permission": function($_ as element()) as xs:string {$_/@permission } }, "permission": function($_ as element()) as xs:string {$_/@permission } },

3
src/vue-poc/models/entities/entity.field.xml
View file

@ -1,9 +1,8 @@
<entity name="entity.field" xmlns="https://github.com/Quodatum/app-doc/entity"> <entity name="entity.field" xmlns="https://github.com/Quodatum/app-doc/entity">
<has-a name="entity" />
<description>About an entity field. </description> <description>About an entity field. </description>
<namespace prefix="ent" <namespace prefix="ent"
uri="https://github.com/Quodatum/app-doc/entity" /> uri="https://github.com/Quodatum/app-doc/entity" />
<fields> <fields parent="entity">
<field name="name" type="xs:string"> <field name="name" type="xs:string">
<description>name</description> <description>name</description>
<xpath>@name</xpath> <xpath>@name</xpath>

1
src/vue-poc/models/schemas/entity.xsd
View file

@ -27,6 +27,7 @@
</xs:complexType> </xs:complexType>
</xs:element> </xs:element>
</xs:sequence> </xs:sequence>
<xs:attribute type="xs:string" name="parent" use="optional"/>
</xs:complexType> </xs:complexType>
</xs:element> </xs:element>

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

@ -1,4 +1,4 @@
// generated 2018-07-06T22:33:10.411+01:00 // generated 2018-07-10T23:15:53.605+01:00
// src: file:///C:/Users/andy/git/vue-poc/src/vue-poc/components/qd-autoheight.vue // src: file:///C:/Users/andy/git/vue-poc/src/vue-poc/components/qd-autoheight.vue
Vue.component('qd-autoheight',{template:` Vue.component('qd-autoheight',{template:`
@ -327,6 +327,16 @@ Vue.component('vis-time-line',{template:`
} }
); );
// src: file:///C:/Users/andy/git/vue-poc/src/vue-poc/components/vp-entitylink.vue
Vue.component('vp-entitylink',{template:`
<router-link :to="'entity/'+entity">E</router-link>
`,
props: ['entity']
}
);
// src: file:///C:/Users/andy/git/vue-poc/src/vue-poc/components/vp-favorite.vue // src: file:///C:/Users/andy/git/vue-poc/src/vue-poc/components/vp-favorite.vue
Vue.component('vp-favorite',{template:` Vue.component('vp-favorite',{template:`
<v-menu :close-on-click="false" offset-x="" :close-on-content-click="false" :nudge-width="200" v-model="frmfav"> <v-menu :close-on-click="false" offset-x="" :close-on-content-click="false" :nudge-width="200" v-model="frmfav">
@ -609,6 +619,27 @@ Vue.component('vp-selectpath',{template:`
} }
); );
// src: file:///C:/Users/andy/git/vue-poc/src/vue-poc/components/vp-validationreport.vue
Vue.component('vp-validationreport',{template:`
<v-card v-if="report">
<v-toolbar class="orange darken-1">
<v-card-title>Validation</v-card-title>
<span v-for="(value, key) in report.msgcounts">{{ key }}:{{ value }}</span>
</v-toolbar>
<v-card-text>
<pre>*** {{ report }}</pre>
</v-card-text>
</v-card>
`,
props: ['report']
}
);
// src: file:///C:/Users/andy/git/vue-poc/src/vue-poc/components/vue-ace.vue // src: file:///C:/Users/andy/git/vue-poc/src/vue-poc/components/vue-ace.vue
Vue.component('vue-ace',{template:` Vue.component('vue-ace',{template:`
<div style="width: 100%; height: 100%;"></div> <div style="width: 100%; height: 100%;"></div>
@ -2418,11 +2449,15 @@ const Tabs=Vue.extend({template:`
}, },
loadItem(url){ loadItem(url){
HTTP.get("get",{params: {url:url}}) HTTP.get("get2",{params: {url:url}})
.then(r=>{ .then(r=>{
//console.log(r) console.log(r)
alert("go") var tab={
//alert(mode) text: ""+ r.data.data,
location: url,
name: url.split(/.*[\/|\\]/)[1]
};
this.addItem(tab);
}) })
.catch(error=> { .catch(error=> {
console.log(error); console.log(error);
@ -4052,13 +4087,22 @@ const Entity1=Vue.extend({template:`
// src: file:///C:/Users/andy/git/vue-poc/src/vue-poc/features/model/namespace.vue // src: file:///C:/Users/andy/git/vue-poc/src/vue-poc/features/model/namespace.vue
const Namespace=Vue.extend({template:` const Namespace=Vue.extend({template:`
<v-container fluid="" grid-list-md=""> <v-container fluid="" grid-list-md="">
<v-toolbar> <v-toolbar>
<v-toolbar-title>Namespaces</v-toolbar-title> <v-toolbar-title>Namespaces</v-toolbar-title>
<v-btn @click="load" :loading="loading" :disabled="loading"><v-icon>refresh</v-icon></v-btn>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-btn @click="load" :loading="loading" :disabled="loading">Refresh</v-btn>
Text <v-text-field prepend-icon="filter_list" label="Filter..." v-model="q" type="search" hide-details="" single-line="" @keyup.enter="setfilter" :append-icon="this.q?'clear':''" :append-icon-cb="e=>this.q=''"></v-text-field>
<v-spacer></v-spacer>
<vp-entitylink entity="namespace"></vp-entitylink>
</v-toolbar> </v-toolbar>
<v-data-table :headers="headers" :items="items" hide-actions="" class="elevation-1">
<v-data-table :headers="headers" :items="filtered" hide-actions="" class="elevation-1">
<template slot="items" slot-scope="props"> <template slot="items" slot-scope="props">
<td><router-link :to="{path:'namespace/item?xmlns='+ props.item.xmlns}"> <td><router-link :to="{path:'namespace/item?xmlns='+ props.item.xmlns}">
{{ props.item.xmlns }} {{ props.item.xmlns }}
@ -4068,8 +4112,8 @@ const Namespace=Vue.extend({template:`
</template> </template>
<template slot="no-data"> <template slot="no-data">
<v-alert :value="true" color="error" icon="warning"> <v-alert :value="true" icon="warning">
Sorry, nothing to display here :( No matching items.
</v-alert> </v-alert>
</template> </template>
</v-data-table> </v-data-table>
@ -4113,8 +4157,25 @@ const Namespace=Vue.extend({template:`
}); });
}, },
setfilter(){
console.log("TODO",this.q)
this.$router.push({ query: {url:this.url,q:this.q }})
},
}, },
watch:{
$route(vnew,vold){
console.log("ROUTE",vnew,vold)
var url=this.$route.query.url
this.url=url?url:"/";
if(vnew.query.url != vold.query.url) this.load()
}
},
computed: {
filtered(){
var regex = new RegExp( this.q, "i");
return this.items.filter(item=>{return ((!this.q) || regex.test(item.description))})
}
},
created:function(){ created:function(){
this.q=this.$route.query.q || this.q; this.q=this.$route.query.q || this.q;
this.load(); this.load();
@ -4987,7 +5048,7 @@ const Model=Vue.extend({template:`
data: function(){ data: function(){
return { return {
params:{ params:{
efolder:"C:/Users/andy/git/vue-poc/src/vue-poc/models", efolder:"C:/Users/andy/git/vue-poc/src/vue-poc/models/entities",
target:"C:/Users/andy/git/vue-poc/src/vue-poc/models.gen.xqm" target:"C:/Users/andy/git/vue-poc/src/vue-poc/models.gen.xqm"
}, },
waiting:false, waiting:false,
@ -5354,12 +5415,12 @@ const Thumbnail=Vue.extend({template:`
data(){ data(){
return { return {
image:"https://cdn.pixabay.com/photo/2017/10/31/07/49/horses-2904536_960_720.jpg", image:"https://upload.wikimedia.org/wikipedia/commons/c/c1/Lycidae-Kadavoor-2017-05-22-001.jpg",
step: 0, step: 0,
taskxml:"<task></task>", taskxml:"<task></task>",
items:[ items:[
{ {
src: 'https://cdn.pixabay.com/photo/2017/10/31/07/49/horses-2904536_960_720.jpg' src: 'https://upload.wikimedia.org/wikipedia/commons/c/c1/Lycidae-Kadavoor-2017-05-22-001.jpg'
}] }]
} }
}, },
@ -5470,13 +5531,14 @@ const Validate=Vue.extend({template:`
<v-card-text v-resize="onResize" style="height:100px" ref="auto"> <v-card-text v-resize="onResize" style="height:100px" ref="auto">
<v-container fluid=""> <v-container fluid="">
<v-layout row="" wrap=""> <v-layout row="" wrap="">
<v-flex xs8=""> <v-flex xs8="">
<v-text-field v-for="field in fields" :key="field.model" v-model="params[field.model]" :label="field.label" clearable="" :rules="[rules.required]" box=""></v-text-field> <v-flex v-for="field in fields" :key="field.model">
<v-text-field xs10="" v-model="params[field.model]" :label="field.label" clearable="" :rules="[rules.required]" box="" append-outer-icon="send" @click:append-outer="source(field)"></v-text-field>
</v-flex>
</v-flex> </v-flex>
<v-flex xs4="" green="" fill-height="" style="height:100%;overflow:scroll">
<v-flex xs4="" fill-height="" style="overflow:scroll"> <vp-validationreport :report="result"></vp-validationreport>
<pre>Result: {{ result }}</pre>
</v-flex> </v-flex>
</v-layout> </v-layout>
</v-container> </v-container>
@ -5501,7 +5563,7 @@ const Validate=Vue.extend({template:`
required: value => !!value || 'Required.' required: value => !!value || 'Required.'
}, },
params:{ params:{
doc: "C:/Users/andy/git/vue-poc/src/vue-poc/models/adminlog.xml", doc: "C:/Users/andy/git/vue-poc/src/vue-poc/models/entities/adminlog.xml",
schema: "C:/Users/andy/git/vue-poc/src/vue-poc/models/schemas/entity.xsd" schema: "C:/Users/andy/git/vue-poc/src/vue-poc/models/schemas/entity.xsd"
}, },
snackbar:{show:false,msg:"",context:"success"} snackbar:{show:false,msg:"",context:"success"}
@ -5517,6 +5579,11 @@ const Validate=Vue.extend({template:`
el.style.height=h +"px"; el.style.height=h +"px";
}, },
source(field){
console.log("field: ",field);
router.push({ path: 'tabs', query: { url:this.params[field.model]}})
},
validate(){ validate(){
this.loading=true this.loading=true
this.start = performance.now(); this.start = performance.now();

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

@ -11,7 +11,7 @@
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"/> <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="//fonts.googleapis.com/icon?family=Material+Icons"/>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="//unpkg.com/vuetify@1.1.1/dist/vuetify.min.css" rel="stylesheet" type="text/css"/> <link href="//unpkg.com/vuetify@1.1.4/dist/vuetify.min.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="//unpkg.com/@riophae/vue-treeselect@0.0.29/dist/vue-treeselect.min.css"> <link rel="stylesheet" href="//unpkg.com/@riophae/vue-treeselect@0.0.29/dist/vue-treeselect.min.css">
<link rel="stylesheet" href="//unpkg.com/vue-form-generator@2.2.2/dist/vfg-core.css"/> <link rel="stylesheet" href="//unpkg.com/vue-form-generator@2.2.2/dist/vfg-core.css"/>
<link href="/vue-poc/ui/app.css" rel="stylesheet" type="text/css"/> <link href="/vue-poc/ui/app.css" rel="stylesheet" type="text/css"/>
@ -38,7 +38,7 @@
<script src="//cdnjs.cloudflare.com/ajax/libs/vue-router/3.0.1/vue-router.js" crossorigin="anonymous"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/vue-router/3.0.1/vue-router.js" crossorigin="anonymous"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/axios/0.17.1/axios.js" crossorigin="anonymous"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/axios/0.17.1/axios.js" crossorigin="anonymous"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/qs/6.4.0/qs.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@1.1.1/dist/vuetify.min.js" crossorigin="anonymous"></script> <script src="//unpkg.com/vuetify@1.1.4/dist/vuetify.min.js" crossorigin="anonymous"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ace/1.3.3/ace.js" crossorigin="anonymous"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/ace/1.3.3/ace.js" crossorigin="anonymous"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ace/1.3.3/ext-language_tools.js" crossorigin="anonymous"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/ace/1.3.3/ext-language_tools.js" crossorigin="anonymous"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ace/1.3.3/ext-linking.js" type="text/javascript" charset="utf-8"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/ace/1.3.3/ext-linking.js" type="text/javascript" charset="utf-8"></script>