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

Web library from zotero.org

'use strict';

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

var React = require('react');
var BootstrapModalWrapper = require('./BootstrapModalWrapper.js');

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

	componentWillMount: function componentWillMount() {
		var reactInstance = this;
		var library = this.props.library;
		library.listen('sendToLibraryDialog', reactInstance.openDialog, {});
	},
	getInitialState: function getInitialState() {
		return {
			writableLibraries: [],
			loading: false,
			loaded: false
		};
	},
	handleLibraryChange: function handleLibraryChange(evt) {
		this.setState({ targetLibrary: evt.target.value });
	},
	openDialog: function openDialog() {
		this.refs.modal.open();
		if (!this.state.loaded) {
			this.loadForeignLibraries();
		}
	},
	closeDialog: function closeDialog(evt) {
		this.refs.modal.close();
	},
	loadForeignLibraries: function loadForeignLibraries() {
		var reactInstance = this;
		var library = this.props.library;
		var userID = Zotero.config.loggedInUserID;
		var personalLibraryString = 'u' + userID;

		this.setState({ loading: true });

		var memberGroups = library.groups.fetchUserGroups(userID).then(function (response) {
			log.debug('got member groups', 3);
			var memberGroups = response.fetchedGroups;
			var writableLibraries = [{ name: 'My Library', libraryString: personalLibraryString }];
			for (var i = 0; i < memberGroups.length; i++) {
				if (memberGroups[i].isWritable(userID)) {
					var libraryString = 'g' + memberGroups[i].get('id');
					writableLibraries.push({
						name: memberGroups[i].get('name'),
						libraryString: libraryString
					});
				}
			}
			reactInstance.setState({ writableLibraries: writableLibraries, loading: false, loaded: true });
		}).catch(function (err) {
			Zotero.ui.jsNotificationMessage('There was an error loading group libraries', 'error');
			log.error(err);
			log.error(err.message);
		});
	},
	sendItem: function sendItem(evt) {
		log.debug('sendToLibrary callback', 3);
		var library = this.props.library;
		//instantiate destination library
		var targetLibrary = this.state.targetLibrary;
		var destLibConfig = Zotero.utils.parseLibString(targetLibrary);
		var destLibrary = new Zotero.Library(destLibConfig.libraryType, destLibConfig.libraryID);
		Zotero.libraries[targetLibrary] = destLibrary;

		//get items to send
		var itemKeys = Zotero.state.getSelectedItemKeys();
		if (itemKeys.length === 0) {
			Zotero.ui.jsNotificationMessage('No items selected', 'notice');
			this.closeDialog();
			return false;
		}

		var sendItems = library.items.getItems(itemKeys);
		library.sendToLibrary(sendItems, destLibrary).then(function (foreignItems) {
			Zotero.ui.jsNotificationMessage('Items sent to other library', 'notice');
		}).catch(function (response) {
			log.debug(response);
			Zotero.ui.jsNotificationMessage('Error sending items to other library', 'notice');
		});
		this.closeDialog();
		return false;
	},
	render: function render() {
		var destinationLibraries = this.state.writableLibraries;
		var libraryOptions = destinationLibraries.map(function (lib) {
			return React.createElement(
				'option',
				{ key: lib.libraryString, value: lib.libraryString },
				lib.name
			);
		});
		return React.createElement(
			BootstrapModalWrapper,
			{ ref: 'modal' },
			React.createElement(
				'div',
				{ id: 'send-to-library-dialog', className: 'send-to-library-dialog', role: 'dialog', 'aria-hidden': 'true', title: 'Send to Library', 'data-keyboard': 'true' },
				React.createElement(
					'div',
					{ className: 'modal-dialog' },
					React.createElement(
						'div',
						{ className: 'modal-content' },
						React.createElement(
							'div',
							{ className: 'modal-header' },
							React.createElement(
								'button',
								{ type: 'button', className: 'close', 'data-dismiss': 'modal', 'aria-hidden': 'true' },
								'×'
							),
							React.createElement(
								'h3',
								null,
								'Send To Library'
							)
						),
						React.createElement(
							'div',
							{ className: 'send-to-library-div modal-body', 'data-role': 'content' },
							React.createElement(
								'form',
								null,
								React.createElement(
									'div',
									{ 'data-role': 'fieldcontain' },
									React.createElement(
										'label',
										{ htmlFor: 'destination-library' },
										'Library'
									),
									React.createElement(
										'select',
										{ onChange: this.handleLibraryChange, className: 'destination-library-select form-control', name: 'desination-library' },
										libraryOptions
									)
								)
							)
						),
						React.createElement(
							'div',
							{ className: 'modal-footer' },
							React.createElement(
								'button',
								{ onClick: this.closeDialog, className: 'btn', 'data-dismiss': 'modal', 'aria-hidden': 'true' },
								'Close'
							),
							React.createElement(
								'button',
								{ onClick: this.sendItem, className: 'btn btn-primary sendButton' },
								'Send'
							)
						)
					)
				)
			)
		);
	}
});

module.exports = SendToLibraryDialog;