summaryrefslogtreecommitdiff
path: root/src/client/app/common/views/deck/deck.column-template.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/app/common/views/deck/deck.column-template.vue')
-rw-r--r--src/client/app/common/views/deck/deck.column-template.vue45
1 files changed, 45 insertions, 0 deletions
diff --git a/src/client/app/common/views/deck/deck.column-template.vue b/src/client/app/common/views/deck/deck.column-template.vue
new file mode 100644
index 0000000000..09583de4b2
--- /dev/null
+++ b/src/client/app/common/views/deck/deck.column-template.vue
@@ -0,0 +1,45 @@
+<template>
+<x-column>
+ <template #header>
+ <fa :icon="icon"/>{{ title }}
+ </template>
+
+ <div>
+ <component :is="component" @init="init" v-bind="$attrs"/>
+ </div>
+</x-column>
+</template>
+
+<script lang="ts">
+import Vue from 'vue';
+import XColumn from './deck.column.vue';
+
+export default Vue.extend({
+ components: {
+ XColumn,
+ },
+
+ props: {
+ component: {
+ required: true
+ }
+ },
+
+ data() {
+ return {
+ title: null,
+ icon: null,
+ };
+ },
+
+ mounted() {
+ },
+
+ methods: {
+ init(v) {
+ this.title = v.title;
+ this.icon = v.icon;
+ }
+ }
+});
+</script>