MediaHandlers.file = Vue.extend({
    props: {
        bus: { type: Object },
        iconClass: {
            type: String,
            default: 'fa fa-hdd',
        },
    },

    computed: {
        dropdownItems: function() {
            return [
                {
                    text: 'Play',
                    icon: 'play',
                    action: this.play,
                },

                {
                    text: 'Play with subtitles',
                    iconClass: 'fas fa-closed-captioning',
                    action: this.searchSubtitles,
                },

                {
                    text: 'Download (on client)',
                    icon: 'download',
                    action: this.download,
                },

                {
                    text: 'View info',
                    icon: 'info',
                    action: this.info,
                },
            ];
        },
    },

    methods: {
        matchesUrl: function(url) {
            return !!url.match('^(file://)?/');
        },

        getMetadata: async function(item, onlyBase=false) {
            if (typeof item === 'string') {
                item = {
                    url: item,
                };
            }

            if (!item.path)
                item.path = item.url.startsWith('file://') ? item.url.substr(7) : item.url;

            if (!item.title)
                item.title = item.path.split('/').pop();

            if (!item.size && !onlyBase)
                item.size = await request('file.getsize', {filename: item.path});

            if (!item.duration && !onlyBase)
                item.duration = await request('media.get_media_file_duration', {filename: item.path});

            return item;
        },

        play: function(item) {
            this.bus.$emit('play', item);
        },

        download: async function(item) {
            this.bus.$on('streaming-started', (media) => {
                if (media.resource === item.url) {
                    this.bus.$off('streaming-started');
                    window.open(media.url + '?download', '_blank');
                }
            });

            this.bus.$emit('start-streaming', item.url);
        },

        info: async function(item) {
            this.bus.$emit('info-loading');
            this.bus.$emit('info', (await this.getMetadata(item)));
        },

        infoLoad: function(url) {
            if (!this.matchesUrl(url))
                return;

            this.info(url);
        },

        searchSubtitles: function(item) {
            this.bus.$emit('search-subs', item);
        },
    },

    created: function() {
        const self = this;
        setTimeout(() => {
            self.infoLoadWatch = self.bus.$on('info-load', this.infoLoad);
        }, 1000);
    },
});

MediaHandlers.generic = MediaHandlers.file.extend({
    props: {
        bus: { type: Object },
        iconClass: {
            type: String,
            default: 'fa fa-globe',
        },
    },

    methods: {
        getMetadata: async function(url) {
            return {
                url: url,
                title: url,
            };
        },

        info: async function(item) {
            this.bus.$emit('info', (await this.getMetadata(item)));
        },
    },
});