All files / components/content-header breadcrumbs.jsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
 
 
 
 
4x
4x
 
 
4x
4x
4x
4x
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
4x
4x
 
 
 
 
 
 
2x
2x
 
 
 
import React from 'react';
import ReactDOM from 'react-dom';
 
class Breadcrumbs extends React.Component {
  constructor(props) {
    super(props);
    this.populateThatCrumb = this.populateThatCrumb.bind(this);
  }
  populateThatCrumb() {
    const url = location.pathname;
    let pathnames = url.split("/");
    pathnames.shift();
    let path = '/';
    return pathnames.map((data,i) => {
      let breadClass = 'breadcrumb-item';
      if((i+1) === pathnames.length) {
        breadClass += " active";
      }
      path += `${data}/`;
      if(data === 'index.html') {
        data = '#';
        path = '#';
      }
      return (<li key={i} className={breadClass}><a href={location.hostname + path}>{data}</a></li>);
    });
  }
  render() {
    const pathData = this.populateThatCrumb();
    return (
      <ol className="breadcrumb">
        {pathData}
      </ol>
    );
  }
}
Breadcrumbs.propTypes = {};
Breadcrumbs.defaultProps = {};
 
export default Breadcrumbs;