diff --git a/frontend/src/Helpers/Props/icons.js b/frontend/src/Helpers/Props/icons.js
index 0e90d9287..8cea4ebc3 100644
--- a/frontend/src/Helpers/Props/icons.js
+++ b/frontend/src/Helpers/Props/icons.js
@@ -55,6 +55,7 @@ import {
faEye as fasEye,
faFastBackward as fasFastBackward,
faFastForward as fasFastForward,
+ faFileExport as fasFileExport,
faFileInvoice as farFileInvoice,
faFilm as fasFilm,
faFilter as fasFilter,
@@ -145,6 +146,7 @@ export const EDIT = fasWrench;
export const MOVIE_FILE = farFileVideo;
export const EXPAND = fasChevronCircleDown;
export const EXPAND_INDETERMINATE = fasChevronCircleRight;
+export const EXPORT = fasFileExport;
export const EXTERNAL_LINK = fasExternalLinkAlt;
export const FATAL = fasTimesCircle;
export const FILE = farFile;
diff --git a/frontend/src/Settings/CustomFormats/CustomFormats/CustomFormat.js b/frontend/src/Settings/CustomFormats/CustomFormats/CustomFormat.js
index 30959c432..ddf111c48 100644
--- a/frontend/src/Settings/CustomFormats/CustomFormats/CustomFormat.js
+++ b/frontend/src/Settings/CustomFormats/CustomFormats/CustomFormat.js
@@ -7,6 +7,7 @@ import ConfirmModal from 'Components/Modal/ConfirmModal';
import { icons, kinds } from 'Helpers/Props';
import translate from 'Utilities/String/translate';
import EditCustomFormatModalConnector from './EditCustomFormatModalConnector';
+import ExportCustomFormatModal from './ExportCustomFormatModal';
import styles from './CustomFormat.css';
class CustomFormat extends Component {
@@ -19,6 +20,7 @@ class CustomFormat extends Component {
this.state = {
isEditCustomFormatModalOpen: false,
+ isExportCustomFormatModalOpen: false,
isDeleteCustomFormatModalOpen: false
};
}
@@ -34,6 +36,14 @@ class CustomFormat extends Component {
this.setState({ isEditCustomFormatModalOpen: false });
}
+ onExportCustomFormatPress = () => {
+ this.setState({ isExportCustomFormatModalOpen: true });
+ }
+
+ onExportCustomFormatModalClose = () => {
+ this.setState({ isExportCustomFormatModalOpen: false });
+ }
+
onDeleteCustomFormatPress = () => {
this.setState({
isEditCustomFormatModalOpen: false,
@@ -80,12 +90,21 @@ class CustomFormat extends Component {
{name}
-
+
+
+
+
+
@@ -122,6 +141,12 @@ class CustomFormat extends Component {
onDeleteCustomFormatPress={this.onDeleteCustomFormatPress}
/>
+
+
{
+ this.setState({ isImportCustomFormatModalOpen: true });
+ }
+
+ onImportCustomFormatModalClose = () => {
+ this.setState({ isImportCustomFormatModalOpen: false });
+ }
+
//
// Render
@@ -76,7 +86,8 @@ class EditCustomFormatModalContent extends Component {
const {
isAddSpecificationModalOpen,
- isEditSpecificationModalOpen
+ isEditSpecificationModalOpen,
+ isImportCustomFormatModalOpen
} = this.state;
const {
@@ -176,6 +187,12 @@ class EditCustomFormatModalContent extends Component {
isOpen={isEditSpecificationModalOpen}
onModalClose={this.onEditSpecificationModalClose}
/>
+
+
+
}
@@ -192,6 +209,16 @@ class EditCustomFormatModalContent extends Component {
}
+ {
+ !id &&
+
+ }
+