le-player/source/js/components/ErrorDisplay.js

The best HTML5 video player made for Lectoriy.

'use strict';
/**
 * @file ErrorDisplay.js
 */


import $ from 'jquery';
import Component from './Component';

/**
 * @param {Player} player Main player
 * @param {Object} [options]
 * @class ErrorDisplay
 * @extends Component
 */
class ErrorDisplay extends Component {

	constructor(player, options={}) {
		super(player, options);
		if(this.player._error != null) {
			this.message = this.player._error.message;
			this.element.show();
		}
		this.player.on('error', this.onPlayerError.bind(this));
	}

	/**
	 * @override
	 */
	createElement() {
		this.element = $('<div />')
			.addClass('leplayer-error-display')
	}

	set message(value) {
		this.element.html(value);
	}

	onPlayerError(e, data) {
		const error = data.error;
		this.message = error.message;
		this.element.show();
	}
}

Component.registerComponent('ErrorDisplay', ErrorDisplay);
export default ErrorDisplay;