willaengine/resources/js/Modules/Common/components/Event/Timeline.vue

<!-- --------------------------------------------------------------------
                            Event Timeline
-------------------------------------------------------------------- -->
<template>
    <v-dialog v-model="$store.state.EventTimeline" width="90%" transition="slide-x-transition">
        <v-card class="RTL">
            <v-card-title class=" grey lighten-3" primary-title>
                <WM-PartTitle class="WM-Margin-T-20" TitleFa=" رویداد ها " TitleEn=" Events " Color="cyan"></WM-PartTitle>
            </v-card-title>
            <v-card-text>
                <wm-timeline :events="events"></wm-timeline>
            </v-card-text>


            <v-divider></v-divider>

            <v-card-actions>
                <v-spacer></v-spacer>
                <v-btn color="cyan" depressed dark @click="$store.state.EventTimeline = false">
                    <v-icon dark right>fas fa-check</v-icon> بسیار خب
                </v-btn>
            </v-card-actions>
        </v-card>
    </v-dialog>

</template>

<script>
import Timeline from "@Global/components/Misc/Timeline.vue";
export default {
    components: {
        'wm-timeline' : Timeline,
    },
    props: {
        Color:     { default: 'grey darken-4' },
    },
    data () {
        return {
            events: [
                {
                    title: ' ویزیت بیمار ',
                    desc: ' بیمار پیگیری شد، نتیجه بهبودی بیمار رو میگه، بسیار سیستم خوب و پیشرفته ای آماده شده ',
                    user_id: 12,
                    user_name: ' علیرضا حسنی ',
                    date: 'شنبه ، 22 مهر ماه 1397، 12:37',
                },
                {
                    title: ' نتیجه ی آزمایش ',
                    desc: ' بیمار پیگیری شد، نتیجه بهبودی بیمار رو میگه، بسیار سیستم خوب و پیشرفته ای آماده شده ',
                    user_id: 16,
                    user_name: ' فرید ساروی ',
                    date: 'شنبه ، 22 مهر ماه 1397، 12:37',
                },
                {
                    title: ' جلسه ی فیزیتراپی ',
                    desc: ' بیمار پیگیری شد، نتیجه بهبودی بیمار رو میگه، بسیار سیستم خوب و پیشرفته ای آماده شده ',
                    user_id: 22,
                    user_name: ' عمه ی فرید ساروی ',
                    date: 'شنبه ، 22 مهر ماه 1397، 12:37',
                },
                {
                    title: ' جلسه ی فیزیتراپی ',
                    desc: ' بیمار پیگیری شد، نتیجه بهبودی بیمار رو میگه، بسیار سیستم خوب و پیشرفته ای آماده شده ',
                    user_id: 12,
                    user_name: ' علیرضا حسنی ',
                    date: 'شنبه ، 22 مهر ماه 1397، 12:37',
                },
            ],
        }
    }

};
</script>