zotero-web-library/lib/libraryUi/widgets/Breadcrumbs.js

Web library from zotero.org

'use strict';

var log = require('libzotero/lib/Log').Logger('zotero-web-library:breadcrumbs');

var React = require('react');

var BreadCrumb = React.createClass({
	displayName: 'BreadCrumb',

	getInitialProps: function getInitialProps() {
		return {
			label: '',
			path: ''
		};
	},
	render: function render() {
		if (this.props.path != '') {
			return React.createElement(
				'a',
				{ href: this.props.path },
				this.props.label
			);
		} else {
			return this.props.label;
		}
	}
});

var BreadCrumbs = React.createClass({
	displayName: 'BreadCrumbs',

	componentWillMount: function componentWillMount() {
		var reactInstance = this;
		var library = this.props.library;

		library.listen('displayedItemsChanged displayedItemChanged selectedCollectionChanged', function () {
			reactInstance.forceUpdate();
		});
	},
	getInitialProps: function getInitialProps() {
		return { library: null };
	},
	render: function render() {
		var library = this.props.library;
		if (library === null) {
			return null;
		}

		var crumbs = [];
		var config = Zotero.state.getUrlVars();
		if (Zotero.config.breadcrumbsBase) {
			Zotero.config.breadcrumbsBase.forEach(function (crumb) {
				crumbs.push(crumb);
			});
		} else if (library.libraryType == 'user') {
			crumbs = [{ label: 'Home', path: '/' }, { label: 'People', path: '/people' }, { label: library.libraryLabel || library.libraryUrlIdentifier, path: '/' + library.libraryUrlIdentifier }, { label: 'Library', path: '/' + library.libraryUrlIdentifier + '/items' }];
		} else {
			crumbs = [{ label: 'Home', path: '/' }, { label: 'Groups', path: '/groups' }, { label: library.libraryLabel || library.libraryUrlIdentifier, path: '/groups/' + library.libraryUrlIdentifier }, { label: 'Library', path: '/groups/' + library.libraryUrlIdentifier + '/items' }];
		}

		if (config.collectionKey) {
			log.debug('have collectionKey', 4);
			var curCollection = library.collections.getCollection(config.collectionKey);
			if (curCollection) {
				crumbs.push({ label: curCollection.get('name'), path: Zotero.state.buildUrl({ collectionKey: config.collectionKey }) });
			}
		}
		if (config.itemKey) {
			log.debug('have itemKey', 4);
			crumbs.push({ label: library.items.getItem(config.itemKey).title, path: Zotero.state.buildUrl({ collectionKey: config.collectionKey, itemKey: config.itemKey }) });
		}

		var crumbNodes = [];
		var titleString = '';
		crumbs.forEach(function (crumb, index) {
			crumbNodes.push(React.createElement(BreadCrumb, { label: crumb.label, path: crumb.path }));
			if (crumb.label == 'Home') {
				titleString += 'Zotero | ';
			} else {
				titleString += crumb.label;
			}
			if (index < crumbs.length) {
				crumbNodes.push(' > ');
				titleString += ' > ';
			}
		});

		//set window title
		if (titleString != '') {
			Zotero.state.updateStateTitle(titleString);
		}

		return React.createElement(
			'span',
			null,
			crumbNodes
		);
	}
});

module.exports = BreadCrumbs;