import React from 'react/addons';

import {BackLinkActions} from './BackLinkActions.jsx';

var BackLinkEntry = React.createClass({
    handleClick() {
        var backLink = this.props.backLink;
        BackLinkActions.jumpToLink({
            path: backLink.path,
            tag: backLink.tag,
            seq: backLink.seq,
        });
    },
    render() {
        var backLink = this.props.backLink;

        // 每一个链接 @[  反链接的样式调整 #task  ]{vdsvz_n9wuuwp2_ii2hfby8}@
        return <div onClick={this.handleClick} className='back-link-entry'>
            <div className='title'>{backLink.path}</div>
            <div className='content'>
                <span className='pre'>{backLink.pre}</span>
                <span className='tag'>{backLink.tagDescr}</span>
                <span className='post'>{backLink.post}</span>
            </div>
        </div>
    }
});

export default BackLinkEntry;