1<template>
2    <div class="box">
3        <h1 class="title">Screenshot <a :disabled="disabled" v-on:click="fetch" class="button is-info">Refresh</a></h1>
4        <hr/>
5        <div>
6            <ul>
7                <img v-if="screenshot.length > 0" style="transform: scaleY(-1); width: 1024px; height:768px" :src="'data:image/png;base64,' + screenshot" />
8            </ul>
9        </div>
10    </div>
11</template>
12
13<script>
14export default {
15    computed: {
16        disabled() {
17            return !this.$store.state.connected
18        },
19        screenshot() {
20            return this.$store.state.screenshot
21        },
22    },
23    methods: {
24        fetch: function() {
25            this.$store.dispatch('sendMessage', "fetch_screenshot");
26        }
27    },
28}
29</script>
30
31<style>
32</style>
33