parent
5144d1aff8
commit
b2ddcec1b6
@ -1,7 +1,7 @@
|
||||
{
|
||||
"/js/vue/Authentication/app.js": "/js/vue/Authentication/app.js",
|
||||
"/js/vue/Home/app.js": "/js/vue/Home/app.js",
|
||||
"/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js",
|
||||
"/js/vue/Modules/Reservation/app.js": "/js/vue/Modules/Reservation/app.js",
|
||||
"/js/vue/User/app.js": "/js/vue/User/app.js"
|
||||
"/js/vue/Authentication/app.js": "/js/vue/Authentication/app.js?id=1e82449eeed5825a8ba1",
|
||||
"/js/vue/Home/app.js": "/js/vue/Home/app.js?id=8eaf21984d417aafd698",
|
||||
"/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js?id=f30c2bd0c5cc464db69b",
|
||||
"/js/vue/Modules/Reservation/app.js": "/js/vue/Modules/Reservation/app.js?id=b993b2ea20cfffd23264",
|
||||
"/js/vue/User/app.js": "/js/vue/User/app.js?id=ed8c59c266ebb9751214"
|
||||
}
|
||||
|
@ -1,9 +1,24 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div :class="element.width" style="position:relative">
|
||||
<div style="padding:150px;">
|
||||
<h3>{{element.label}}</h3>
|
||||
<template v-if="element.children">
|
||||
<element-factory v-for="(elm, key) in element.children" :element="elm" :key="key"></element-factory>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import Factory from '../FactoryPattern'
|
||||
export default {};
|
||||
export default {
|
||||
components:{
|
||||
'element-factory' : Factory
|
||||
},
|
||||
props:{
|
||||
element: {
|
||||
type: Object,
|
||||
required: true
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
@ -0,0 +1,30 @@
|
||||
<template>
|
||||
<div>
|
||||
<v-text-field
|
||||
type="number"
|
||||
:label="element.label"
|
||||
:placeholder="element.placeholder"
|
||||
:hint="element.hint"
|
||||
:color="element.color"
|
||||
:append-icon="element.append_icon"
|
||||
:prepend-icon="element.prepend_icon"
|
||||
:class="element.width"
|
||||
></v-text-field>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props:{
|
||||
element:{
|
||||
type: Object
|
||||
}
|
||||
},
|
||||
watch:{
|
||||
element(){
|
||||
console.log(this.element);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
@ -0,0 +1,30 @@
|
||||
<template>
|
||||
<div>
|
||||
<v-slider
|
||||
:label="element.label"
|
||||
:hint="element.hint"
|
||||
:color="element.color"
|
||||
:append-icon="element.append_icon"
|
||||
:prepend-icon="element.prepend_icon"
|
||||
:class="element.width"
|
||||
:min="element.min"
|
||||
:max="element.max"
|
||||
></v-slider>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props:{
|
||||
element:{
|
||||
type: Object
|
||||
}
|
||||
},
|
||||
watch:{
|
||||
element(){
|
||||
console.log(this.element);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
Loading…
Reference in new issue