aboutsummaryrefslogtreecommitdiff
path: root/resources/vue/components/MyCoursesSidebarSwitch.vue
blob: 788c053a21cec09ac29e945c43f36ff787afb391 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<template>
    <ul class="widget-list widget-links sidebar-views">
        <li :class="{ active: tableView }">
            <a href="#" @click.prevent="setTiledView(false)">
                {{ $gettext('Tabellarische Ansicht') }}
            </a>
        </li>
        <li :class="{ active: tilesView }">
            <a href="#" @click.prevent="setTiledView(true)">
                {{ $gettext('Kachelansicht') }}
            </a>
        </li>
    </ul>
</template>

<script>
import Sidebar from "../../assets/javascripts/lib/sidebar.js";
import MyCoursesMixin from '../mixins/MyCoursesMixin.js';

export default {
    name: 'my-courses-sidebar-switch',
    mixins: [MyCoursesMixin],
    computed: {
        tableView () {
            return !this.getViewConfig('tiled');
        },
        tilesView () {
            return this.getViewConfig('tiled');
        },
    },
    methods: {
        setTiledView (state) {
            this.updateViewConfig('tiled', state).then(() => {
                Sidebar.close();
            });
        }
    },
};
</script>