components/TeacherPanel/TeacherPanelNotices/TeacherPanelNoticesItem/TeacherPanelNoticesItem.jsx

/**
 * Блок уведомления на странице учителя
 * @module TeacherPanelNoticesItem
 * @author Ihor Bielchenko
 * @requires react
 * @requires react#Component
 * @requires components/Common/Link.jsx
 * @requires img/clip.png
 */

import React, { Component } from 'react';
import Link from '../../../Common/Link.jsx';
import Clip from '../../../../img/clip.png';

/**
 * Блок уведомления на странице учителя
 * @extends Component
 * @property {String} username Имя пользователя
 * @property {String} avatar Ссылка на аватар пользователя
 * @property {String} time Время получения уведомления
 * @property {String} introtext Обрезанная версия сообщения
 */
class TeacherPanelNoticesItem extends Component {

	/**
	 * Показать попап сообщений
	 * @fires click
	 * @param {Objeect} e
	 */
	open(e) {
	}

	/**
	 * Render component
	 * @return {Object} jsx object
	 */
	render() {
		return <div className="line">
					<div className="img">
						<img src={this.props.avatar}
							alt={this.props.username} />
						}
					</div>
					
					<div className="text-block">
						<div className="title">
							<div className="name">{this.props.username}</div>
							<div className="time">{this.props.time}</div>
						</div>
					
						<div className="message-text">
							{this.props.introtext} [...]
							<Link onClick={this.open.bind(this)}>
								<img src={Clip}
									alt="clip" />
							</Link>
						</div>
					</div>
				</div>
	}
}

export default TeacherPanelNoticesItem;