Merge pull request #712 from blueo/pulls/add-injector-to-gallery-toolbar

Enhancement: add injector to gallery toolbar

client/src/boot/registerComponents.js

@@ -3,12 +3,14 @@ import UploadField from 'components/UploadField/UploadField';
 import PreviewImageField from 'components/PreviewImageField/PreviewImageField';
 import ProportionConstraintField from 'components/ProportionConstraintField/ProportionConstraintField';
 import HistoryList from 'containers/HistoryList/HistoryList';
+import GalleryToolbar from 'components/GalleryToolbar/GalleryToolbar';
 
 const registerComponents = () => {
   Injector.component.register('UploadField', UploadField);
   Injector.component.register('PreviewImageField', PreviewImageField);
   Injector.component.register('HistoryList', HistoryList);
   Injector.component.register('ProportionConstraintField', ProportionConstraintField);
+  Injector.component.register('GalleryToolbar', GalleryToolbar);
 };
 
 export default registerComponents;

client/src/components/GalleryToolbar/Buttons/AddFolderButton.js

@@ -0,0 +1,42 @@
+import React, { Component, PropTypes } from 'react';
+import i18n from 'i18n';
+
+/**
+ * Gallery Toolbar add folder button.
+ *
+ * @returns {XML} button
+ */
+class AddFolderButton extends Component {
+  constructor() {
+    super();
+    this.handleCreateFolder = this.handleCreateFolder.bind(this);
+  }
+  handleCreateFolder(event) {
+    const { onCreateFolder } = this.props;
+    event.preventDefault();
+    if (typeof onCreateFolder === 'function') {
+      onCreateFolder();
+    }
+  }
+  render() {
+    const { canEdit } = this.props;
+    return (
+      <button
+        id="add-folder-button"
+        className="btn btn-secondary font-icon-folder-add btn--icon-xl"
+        type="button"
+        onClick={this.handleCreateFolder}
+        disabled={!canEdit}
+      >
+        <span className="btn__text btn__title">{i18n._t('AssetAdmin.ADD_FOLDER_BUTTON')}</span>
+      </button>
+    );
+  }
+}
+
+AddFolderButton.propTypes = {
+  canEdit: PropTypes.bool.isRequired,
+  onCreateFolder: PropTypes.func.isRequired,
+};
+
+export default AddFolderButton;