trading-vue3-js/src/mixins/interface.js

Customizable charting lib for traders. Based on https://github.com/C451/trading-vue-js by C451.

// Html interface, shown on top of the grid.
// Can be static (a tooltip) or interactive,
// e.g. a control panel.

export default {
    props: ['ux', 'updater', 'colors', 'wrapper'],
    mounted() {
        this._$emit = this.$emit
        this.$emit = this.custom_event
        if (this.init) this.init()
    },
    methods: {
        close() {
            this.$emit('custom-event', {
                event: 'close-interface',
                args: [this.$props.ux.uuid]
            })
        },
        // TODO: emit all the way to the uxlist
        // add apply the changes there
        modify(obj) {
            this.$emit('custom-event', {
                event: 'modify-interface',
                args: [this.$props.ux.uuid, obj]
            })
        },
        custom_event(event, ...args) {
            if (event.split(':')[0] === 'hook') return
            this._$emit('custom-event', {event, args})
        }
    },
    computed: {
        overlay() {
            return this.$props.ux.overlay
        },
        layout() {
            return this.overlay.layout
        },
        uxr() {
            return this.$props.ux
        }
    },
    data() {
        return {

        }
    }
}