54 lines
1.1 KiB
Vue
54 lines
1.1 KiB
Vue
<template>
|
|
<modal>
|
|
<content-block-title-input slot="header"></content-block-title-input>
|
|
|
|
<div v-for="element in elements" :key="element.id">
|
|
<component :is="type(element)"></component>
|
|
<add-content-element></add-content-element>
|
|
</div>
|
|
</modal>
|
|
</template>
|
|
|
|
<script>
|
|
import Modal from '@/components/Modal';
|
|
import ContentBlockChooserWidget from '@/components/ContentBlockChooserWidget';
|
|
import ContentBlockTitleInput from '@/components/ContentBlockTitleInput';
|
|
import AddContentElement from '@/components/AddContentElement';
|
|
|
|
export default {
|
|
components: {
|
|
Modal,
|
|
ContentBlockChooserWidget,
|
|
ContentBlockTitleInput,
|
|
AddContentElement
|
|
},
|
|
|
|
methods: {
|
|
type(element) {
|
|
return 'content-block-chooser-widget'
|
|
}
|
|
},
|
|
|
|
data() {
|
|
return {
|
|
elements: [
|
|
{id: 1},
|
|
{id: 2},
|
|
{id: 3}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@import "@/styles/_variables.scss";
|
|
|
|
.new-content-block {
|
|
&__title {
|
|
padding: 10px 30px;
|
|
border-bottom: 1px solid $color-lightgrey;
|
|
}
|
|
}
|
|
</style>
|