39 lines
890 B
Vue
Executable File
39 lines
890 B
Vue
Executable File
<template>
|
|
<div class="col-span-7 modal-media modal-media-height border-r border-indigo-100">
|
|
<component
|
|
:title="title"
|
|
:feed_id="feed_id"
|
|
:preview="preview"
|
|
:medias="medias"
|
|
:is="currentModalMedia"
|
|
></component>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import ModalFeedMediaImages from "@/Shared/Overlay/ModalFeedMediaImages.vue";
|
|
import ModalFeedMediaVideos from "@/Shared/Overlay/ModalFeedMediaVideos.vue";
|
|
import ModalFeedMediaMusics from "@/Shared/Overlay/ModalFeedMediaMusics.vue";
|
|
|
|
export default {
|
|
components: {
|
|
ModalFeedMediaImages,
|
|
ModalFeedMediaVideos,
|
|
ModalFeedMediaMusics,
|
|
},
|
|
props: {
|
|
medias: Array,
|
|
type: String,
|
|
feed_id: Number,
|
|
title: String,
|
|
preview: String,
|
|
},
|
|
computed: {
|
|
currentModalMedia() {
|
|
return "modal-feed-media-" + this.type.toLowerCase();
|
|
},
|
|
},
|
|
methods: {},
|
|
};
|
|
</script>
|