components/TeacherPanel/TeacherPanelLessons/TeacherPanelLessonsItem/TeacherPanelLessonsItem.jsx

/**
 * Блок урока в панели уроков на странице учителя
 * @module TeacherPanelLessonsItem
 * @author Ihor Bielchenko
 * @requires react
 * @requires react#Component
 * @requires react-redux
 */

import React, { Component } from 'react';
import { connect } from 'react-redux';
import Link from '../../../Common/Link.jsx';

/**
 * Блок урока в панели уроков на странице учителя
 * @extends Component
 * @property {String} doneTime Время сдачи урока
 * @property {Number} number Номер урока
 * @property {String} theme Тема урока
 */
class TeacherPanelLessonsItem extends Component {

	/**
	 * Показать статистику по уроку
	 * @fires click
	 * @param {Objeect} e
	 */
	open(e) {
	}

	/**
	 * Render component
	 * @return {Object} jsx object
	 */
	render() {
		let lang = this.props.lang;
		var name = lang.lesson +' '+ this.props.number +'. '+ lang.theme +': '+ this.props.theme;

		return <div className="line">
					<div className="text-block">
						<div className="title">
							<div className="name">
								{name}
							</div>
						</div>
					
						<div className="message-text">
							{lang.lesson_done_time} {this.props.doneTime}
						</div>
					</div>
					
					<Link className="view"
						onClick={this.open.bind(this)}>
							{lang.show_lesson_char}
					</Link>
				</div>
	}
}

/**
 * Init redux states
 * @param {Object} state
 * @return {Object}
 */
function mapStateToProps(state) {
	return {
		lang: state.lang,
	}
}

export default connect(mapStateToProps)(TeacherPanelLessonsItem);