Add datasets importing functionality

package.json

@@ -81,6 +81,7 @@
     "serve-favicon": "^2.4.3",
     "superagent": "^3.8.2",
     "superagent-bluebird-promise": "^4.1.0",
+    "uuid": "^3.3.2",
     "validator": "^9.1.2"
   },
   "devDependencies": {

scripts/build-client-js.sh

@@ -1,29 +1,38 @@
 #!/usr/bin/env bash
 
+pushd static/js
+mkdir -p editor entity import-entity
+popd
 pushd src/client/controllers
 cross-env BABEL_ENV="browser" browserify -t [babelify] \
 		../entity-editor/controller.js \
 		editor/edit.js \
 		editor/achievement.js \
 		editor/editor.js \
 		entity/entity.js \
+		import-entity/import-entity.js \
 		deletion.js \
 		index.js \
 		registrationDetails.js \
 		revision.js \
 		search.js \
 		statistics.js \
+		import-entity/recent-imports.js \
+		import-entity/discard-import-entity.js \
 	-p [ factor-bundle \
 		-o ../../../static/js/entity-editor.js \
 		-o ../../../static/js/editor/edit.js \
 		-o ../../../static/js/editor/achievement.js \
 		-o ../../../static/js/editor/editor.js \
 		-o ../../../static/js/entity/entity.js \
+		-o ../../../static/js/import-entity/import-entity.js \
 		-o ../../../static/js/deletion.js \
 		-o ../../../static/js/index.js \
 		-o ../../../static/js/registrationDetails.js \
 		-o ../../../static/js/revision.js \
 		-o ../../../static/js/search.js \
 		-o ../../../static/js/statistics.js \
+		-o ../../../static/js/import-entity/recent-imports.js \
+		-o ../../../static/js/import-entity/discard-import-entity.js \
 	] > ../../../static/js/bundle.js
 popd

scripts/watch-client-js.sh

@@ -1,29 +1,38 @@
 #!/usr/bin/env bash
 
+pushd static/js
+mkdir -p editor entity import-entity
+popd
 pushd src/client/controllers
 cross-env BABEL_ENV="browser" watchify -t [babelify] \
 		../entity-editor/controller.js \
 		editor/edit.js \
 		editor/achievement.js \
 		editor/editor.js \
 		entity/entity.js \
+		import-entity/import-entity.js \
 		deletion.js \
 		index.js \
 		registrationDetails.js \
 		revision.js \
 		search.js \
 		statistics.js \
+		import-entity/recent-imports.js \
+		import-entity/discard-import-entity.js \
 	-p [ factor-bundle \
 		-o ../../../static/js/entity-editor.js \
 		-o ../../../static/js/editor/edit.js \
 		-o ../../../static/js/editor/achievement.js \
 		-o ../../../static/js/editor/editor.js \
 		-o ../../../static/js/entity/entity.js \
+		-o ../../../static/js/import-entity/import-entity.js \
 		-o ../../../static/js/deletion.js \
 		-o ../../../static/js/index.js \
 		-o ../../../static/js/registrationDetails.js \
 		-o ../../../static/js/revision.js \
 		-o ../../../static/js/search.js \
 		-o ../../../static/js/statistics.js \
+		-o ../../../static/js/import-entity/recent-imports.js \
+		-o ../../../static/js/import-entity/discard-import-entity.js \
 	] -o ../../../static/js/bundle.js -dv
 popd

src/client/components/pages/entities/creator.js

@@ -31,7 +31,7 @@ const {extractAttribute, getTypeAttribute, getEntityUrl} = entityHelper;
 const {Col, Row} = bootstrap;
 
 
-function CreatorAttributes({creator}) {
+export function CreatorAttributes({creator}) {
 	const type = getTypeAttribute(creator.creatorType).data;
 	const gender = extractAttribute(creator.gender, 'name');
 	const beginArea = extractAttribute(creator.beginArea, 'name');

src/client/components/pages/entities/edition.js

@@ -34,7 +34,7 @@ const {
 } = entityHelper;
 const {Col, Row} = bootstrap;
 
-function EditionAttributes({edition}) {
+export function EditionAttributes({edition}) {
 	const status = extractAttribute(edition.editionStatus, 'label');
 	const format = extractAttribute(edition.editionFormat, 'label');
 	const pageCount = extractAttribute(edition.pages);

src/client/components/pages/entities/image.js

@@ -46,8 +46,12 @@ function EntityImage({backupIcon, imageUrl}) {
 }
 EntityImage.displayName = 'EntityImage';
 EntityImage.propTypes = {
-	backupIcon: PropTypes.string.isRequired,
-	imageUrl: PropTypes.string.isRequired
+	backupIcon: PropTypes.string,
+	imageUrl: PropTypes.string
+};
+EntityImage.defaultProps = {
+	backupIcon: '',
+	imageUrl: ''
 };
 
 export default EntityImage;

src/client/components/pages/entities/publication.js

@@ -31,7 +31,7 @@ import React from 'react';
 const {getTypeAttribute, getEntityUrl} = entityHelper;
 const {Col, Row} = bootstrap;
 
-function PublicationAttributes({publication}) {
+export function PublicationAttributes({publication}) {
 	const type = getTypeAttribute(publication.publicationType).data;
 
 	return (

src/client/components/pages/entities/publisher.js

@@ -33,7 +33,7 @@ import React from 'react';
 const {extractAttribute, getTypeAttribute, getEntityUrl} = entityHelper;
 const {Col, Row} = bootstrap;
 
-function PublisherAttributes({publisher}) {
+export function PublisherAttributes({publisher}) {
 	const type = getTypeAttribute(publisher.publisherType).data;
 	const area = extractAttribute(publisher.area, 'name');
 	const beginDate = extractAttribute(publisher.beginDate);

src/client/components/pages/entities/relationships.js

@@ -41,7 +41,10 @@ function EntityRelationships({relationships}) {
 }
 EntityRelationships.displayName = 'EntityRelationships';
 EntityRelationships.propTypes = {
-	relationships: PropTypes.array.isRequired
+	relationships: PropTypes.array
+};
+EntityRelationships.defaultProps = {
+	relationships: []
 };
 
 export default EntityRelationships;

src/client/components/pages/entities/work.js

@@ -33,7 +33,7 @@ const {getLanguageAttribute, getTypeAttribute, getEntityUrl} = entityHelper;
 const {Col, Row} = bootstrap;
 
 
-function WorkAttributes({work}) {
+export function WorkAttributes({work}) {
 	const type = getTypeAttribute(work.workType).data;
 	const languages = getLanguageAttribute(work).data;
 

src/client/components/pages/import-entities/creator.js

@@ -0,0 +1,86 @@
+/*
+ * Copyright (C) 2018 Shivam Tripathi
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License along
+ * with this program; if not, write to the Free Software Foundation, Inc.,
+ * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+
+import * as bootstrap from 'react-bootstrap';
+import * as importHelper from '../../../helpers/import-entity';
+
+import {CreatorAttributes} from '../entities/creator';
+import EntityImage from '../entities/image';
+import EntityLinks from '../entities/links';
+import ImportFooter from './footer';
+import ImportTitle from './title';
+import PropTypes from 'prop-types';
+import React from 'react';
+import _ from 'lodash';
+
+
+const {getImportUrl} = importHelper;
+const {Alert, Col, Row} = bootstrap;
+
+
+function ImportCreatorDisplayPage({importEntity, identifierTypes}) {
+	const urlPrefix = getImportUrl(importEntity);
+	return (
+		<div>
+			<Row className="entity-display-background">
+				<Col className="entity-display-image-box text-center" md={2}>
+					<EntityImage
+						backupIcon="user"
+						imageUrl={importEntity.imageUrl}
+					/>
+				</Col>
+				<Col md={10}>
+					<ImportTitle importEntity={importEntity}/>
+					<CreatorAttributes creator={importEntity}/>
+				</Col>
+			</Row>
+			<EntityLinks
+				entity={importEntity}
+				identifierTypes={identifierTypes}
+				urlPrefix={urlPrefix}
+			/>
+			<hr className="margin-top-d40"/>
+			<Row>
+				<Alert
+					bsStyle="success"
+					className="text-center font-weight-bold"
+				>
+					{`This ${_.startCase(importEntity.type.toLowerCase())} `}
+					{'has been automatically added. Kindly approve/discard it '}
+					{'to help us improve our data.'}
+				</Alert>
+			</Row>
+			<ImportFooter
+				hasVoted={importEntity.hasVoted}
+				importUrl={urlPrefix}
+				importedAt={importEntity.importedAt}
+				source={importEntity.source}
+			/>
+		</div>
+	);
+}
+ImportCreatorDisplayPage.displayName = 'ImportCreatorDisplayPage';
+ImportCreatorDisplayPage.propTypes = {
+	identifierTypes: PropTypes.array,
+	importEntity: PropTypes.object.isRequired
+};
+ImportCreatorDisplayPage.defaultProps = {
+	identifierTypes: []
+};
+
+export default ImportCreatorDisplayPage;

src/client/components/pages/import-entities/discard-import-entity.js

@@ -0,0 +1,137 @@
+/*
+ * Copyright (C) 2018 Shivam Tripathi
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License along
+ * with this program; if not, write to the Free Software Foundation, Inc.,
+ * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+
+import * as bootstrap from 'react-bootstrap';
+import {
+	getImportDiscardUrl, getImportUrl
+} from '../../../helpers/import-entity';
+import LoadingSpinner from '../../loading-spinner';
+import PropTypes from 'prop-types';
+import React from 'react';
+import request from 'superagent-bluebird-promise';
+
+
+const {Alert, Button, ButtonGroup, Col, Panel, Row} = bootstrap;
+
+class DiscardImportEntity extends React.Component {
+	constructor(props) {
+		super(props);
+
+		this.state = {
+			error: null,
+			waiting: false
+		};
+
+		this.handleClick = this.handleClick.bind(this);
+	}
+
+	handleClick() {
+		event.preventDefault();
+
+		this.setState({
+			error: null,
+			waiting: true
+		});
+
+		const discardUrl = getImportDiscardUrl(this.props.importEntity);
+		const importUrl = getImportUrl(this.props.importEntity);
+
+		request.post(discardUrl)
+			.then(() => {
+				window.location.href = importUrl;
+			})
+			.catch((res) => {
+				const {error} = res.body;
+
+				this.setState({
+					error,
+					waiting: false
+				});
+			});
+	}
+
+	render() {
+		const {importEntity} = this.props;
+
+		let errorComponent = null;
+		if (this.state.error) {
+			errorComponent =
+				<Alert bsStyle="danger">{this.state.error}</Alert>;
+		}
+
+		const loadingComponent = this.state.waiting ? <LoadingSpinner/> : null;
+
+		const headerComponent = <h3>Confirm Discard</h3>;
+
+		const entityName =
+			importEntity.defaultAlias ?
+				importEntity.defaultAlias.name : '(unnamed)';
+
+		return (
+			<div>
+				<h1> Discard Imported Entity </h1>
+				<Row className="margin-top-2">
+					{loadingComponent}
+					<Col md={6} mdOffset={3}>
+						{errorComponent}
+						<Panel
+							bsStyle="danger"
+							header={headerComponent}
+						>
+							We really appreciate your efforts in helping us
+							improve our database. The {importEntity.type}
+							<b className="color-red"> {entityName} </b>
+							has been automatically added to
+							our records and will be permanently deleted in
+							case multiple editors find it to be corrupt.
+							If you’re sure that the {importEntity.type}
+							<b className="color-red"> {entityName} </b>
+							should be discarded, please press the confirm
+							button below. Other wise click cancel to get back
+							to the imported entity page.
+						</Panel>
+						<ButtonGroup justified className="margin-top-2">
+							<Button
+								bsStyle="default"
+								href={this.importUrl}
+								title="Edit"
+							>
+								Cancel
+							</Button>
+							<Button
+								bsStyle="danger"
+								href="#"
+								title="Discard"
+								onClick={this.handleClick}
+							>
+								Discard
+							</Button>
+						</ButtonGroup>
+					</Col>
+				</Row>
+			</div>
+		);
+	}
+}
+
+DiscardImportEntity.displayName = 'DiscardImportEntity';
+DiscardImportEntity.propTypes = {
+	importEntity: PropTypes.object.isRequired
+};
+
+export default DiscardImportEntity;