plugin-embeds-toggle.html

plugin-embeds-toggle.html

<template id="embeds-toggle">
    <div @click="buttonClicked">
        <a :title="previewState ? 'Disable Embeds' : 'Enable Embeds'">
            <i
                :class="['fa', previewState ? 'fa-cloud-download' : 'fa-cloud']"
                aria-hidden="true"
            ></i>
        </a>
    </div>
</template>
<script>
kiwi.plugin('embeds-toggle', function(kiwi, log) {
    const button = {
        template: '#embeds-toggle',
        props: ['network', 'buffer', 'sidebarState'],
        computed: {
            previewState() {
                return kiwi.state.setting('buffers.inline_link_auto_previews');
            }
        },
        methods: {
            buttonClicked() {
                console.log('clicked', this.previewState);
                kiwi.state.setting('buffers.inline_link_auto_previews', !this.previewState);
                kiwi.state.setting('buffers.inline_link_auto_previews_query', !this.previewState);
            }
        },
    };
    kiwi.addUi('header_channel', button);
    kiwi.addUi('header_query', button);
});
</script>