route_link.js

/*global module*/
import React from 'react';

import template from './route_link.rt.html';
import ApplicationComponent from 'shared/lib/base_classes/application_component';

class RouteLinkComponent extends ApplicationComponent {


  get template(){
    return template;
  }

  get route(){
    return this.props.route
  }

  get action(){
    return this.props.action || {};
  }

  get class(){
    return this.props.className;
  }

  onRouteLinkClick(event){
    let route_link = this;
    event.preventDefault();
    route_link.pushRoute(route_link.route, route_link.action, this.props.payload, this.props.params);
  }

}

RouteLinkComponent.propTypes = {
  route: React.PropTypes.string.isRequired,
  action: React.PropTypes.object,
  payload: React.PropTypes.object,
  params: React.PropTypes.object,
  className: React.PropTypes.string,
  role: React.PropTypes.string
};

RouteLinkComponent.NAME = 'RouteLink';

module.exports = RouteLinkComponent;


// and the template:

/*
<a class="bh-route-link {this.class}"
  href="#"
  role="{this.role}"
  onClick="{this.onRouteLinkClick.bind(this)}">{this.props.children}</a>
*/