2018-06-05 22:54:03 +09:00
|
|
|
<template>
|
|
|
|
<div>
|
2018-06-06 05:18:08 +09:00
|
|
|
<x-column :id="column.id">
|
2018-06-05 22:54:03 +09:00
|
|
|
<span slot="header">
|
2018-06-06 05:18:08 +09:00
|
|
|
<template v-if="column.type == 'home'">%fa:home%%i18n:@home%</template>
|
|
|
|
<template v-if="column.type == 'local'">%fa:R comments%%i18n:@local%</template>
|
|
|
|
<template v-if="column.type == 'global'">%fa:globe%%i18n:@global%</template>
|
|
|
|
<template v-if="column.type == 'list'">%fa:list%{{ column.list.title }}</template>
|
2018-06-05 22:54:03 +09:00
|
|
|
</span>
|
2018-06-06 05:18:08 +09:00
|
|
|
|
|
|
|
<x-list-tl v-if="column.type == 'list'" :list="column.list"/>
|
|
|
|
<x-tl v-else :src="column.type"/>
|
2018-06-05 22:54:03 +09:00
|
|
|
</x-column>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
|
|
import Vue from 'vue';
|
|
|
|
import XColumn from './deck.column.vue';
|
|
|
|
import XTl from './deck.tl.vue';
|
2018-06-06 05:18:08 +09:00
|
|
|
import XListTl from './deck.list-tl.vue';
|
2018-06-05 22:54:03 +09:00
|
|
|
|
|
|
|
export default Vue.extend({
|
|
|
|
components: {
|
|
|
|
XColumn,
|
2018-06-06 05:18:08 +09:00
|
|
|
XTl,
|
|
|
|
XListTl
|
2018-06-05 22:54:03 +09:00
|
|
|
},
|
|
|
|
|
|
|
|
props: {
|
2018-06-06 05:18:08 +09:00
|
|
|
column: {
|
|
|
|
type: Object,
|
|
|
|
required: true
|
2018-06-05 22:54:03 +09:00
|
|
|
}
|
2018-06-06 05:18:08 +09:00
|
|
|
}
|
2018-06-05 22:54:03 +09:00
|
|
|
});
|
|
|
|
</script>
|