<template>
    <!-- <div class="event-content"> -->
    <div class="eventContentArea-view">
        <!--<VoteHint v-if="this.$store.getters.getisVoteResulthover==true"/>-->
        <div v-if="getIsSelectedNow">

            <!--<div v-if="getItemTitle.eventType=='preview'">
              <PreviewMission/>
            </div>
            <div v-if="getItemTitle.eventType=='homeWork'">
              <Homework/>
            </div>-->
            <div v-if="getItemTitle.eventType == 'Exam'">
                <PaperView />
            </div>
            <div v-if="getItemTitle.eventType == 'Vote'">
                <Vote />
            </div>
            <div v-if="getItemTitle.eventType == 'Survey'">
                <QuesNaire />
            </div>
        </div>
        <!-- 如果篩選時未選的時候預設顯示列表第一個-->
        <div class="noSelected" v-if="!getIsSelectedNow">
            <h3>{{$t("studentWeb.event.selectActivity")}}</h3>
        </div>

    </div>
</template>

<script>
    import Homework from "./EventContentTypeTemplate/Homework";
    import PreviewMission from "./EventContentTypeTemplate/PreviewMission";
    import Vote from "./EventContentTypeTemplate/Vote";
    import PaperView from "./EventContentTypeTemplate/PaperView";
    import VoteHint from "./EventContentTypeTemplate/VoteHint";
    import QuesNaire from "./EventContentTypeTemplate/QuesNaire";
    import { mapGetters } from 'vuex';
    export default {
        name: "EventContent",
        components: {
            Homework,
            PreviewMission,
            PaperView,
            Vote,
            VoteHint,
            QuesNaire
        },
        methods: {},
        mounted() {

        },
        data() {
            return {
            };
        },
        computed: {
            ...mapGetters([
                "getIsSelectedNow",
                "getItemTitle"
            ])
        }
    };
</script>

<style scoped>
@import "EventContentArea.css";
</style>