fdg-img 0.4.2

A simple SVG renderer for fdg
Documentation 
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
40
41
42
43
44
45
46
47

<template>
    <div class="rounded-tl-md rounded-tr-md grid grid-cols-2">
        <button v-if="!isView" class="selected switcher rounded-tl-md" v-on:click="setEdit()">
            <p>Edit</p>
        </button>
        <button v-if="isView" class="switcher rounded-tl-md" v-on:click="setEdit()">
            <p>Edit</p>
        </button>
        <button v-if="isView" class="selected switcher rounded-tr-md" v-on:click="setView()">
            <p>View Jsongraph</p>
        </button>
        <button v-if="!isView" class="switcher rounded-tr-md" v-on:click="setView()">
            <p>View Jsongraph</p>
        </button>
    </div>
</template>

<script>
export default {
    name: 'ViewSwitcher',
    data() {
        return {
            isView: false,
        }
    },
    methods: {
        setEdit() {
            this.isView = false;
            this.$emit('setView', false);
        },
        setView() {
            this.isView = true;
            this.$emit('setView', true);
        }
    }
}
</script>

<style scoped>
    .switcher {
        @apply text-center py-2 bg-slate-600 hover:bg-slate-500 text-xl font-semibold;
    }

    .selected {
        @apply bg-slate-700 hover:bg-slate-700;
    }
</style>