+ client: handle DNS rewrites

2019-07-22 15:32:12 +03:00
parent 70b8cf6ec8
commit e95aae5744
20 changed files with 631 additions and 70 deletions
--- a/client/src/components/Settings/Dns/Rewrites/index.js
+++ b/client/src/components/Settings/Dns/Rewrites/index.js
@@ -0,0 +1,83 @@
+import React, { Component, Fragment } from 'react';
+import PropTypes from 'prop-types';
+import { Trans, withNamespaces } from 'react-i18next';
+
+import Table from './Table';
+import Modal from './Modal';
+import Card from '../../../ui/Card';
+
+class Rewrites extends Component {
+    handleSubmit = (values) => {
+        this.props.addRewrite(values);
+    };
+
+    handleDelete = (values) => {
+        // eslint-disable-next-line no-alert
+        if (window.confirm(this.props.t('rewrite_confirm_delete', { key: values.domain }))) {
+            this.props.deleteRewrite(values);
+        }
+    };
+
+    render() {
+        const {
+            t,
+            rewrites,
+            toggleRewritesModal,
+        } = this.props;
+
+        const {
+            list,
+            isModalOpen,
+            processing,
+            processingAdd,
+            processingDelete,
+        } = rewrites;
+
+        return (
+            <Card
+                id="rewrites"
+                title={t('dns_rewrites')}
+                subtitle={t('rewrite_desc')}
+                bodyType="card-body box-body--settings"
+            >
+                <Fragment>
+                    <Table
+                        list={list}
+                        processing={processing}
+                        processingAdd={processingAdd}
+                        processingDelete={processingDelete}
+                        handleDelete={this.handleDelete}
+                    />
+
+                    <button
+                        type="button"
+                        className="btn btn-success btn-standard mt-3"
+                        onClick={() => toggleRewritesModal()}
+                        disabled={processingAdd}
+                    >
+                        <Trans>rewrite_add</Trans>
+                    </button>
+
+                    <Modal
+                        isModalOpen={isModalOpen}
+                        toggleRewritesModal={toggleRewritesModal}
+                        handleSubmit={this.handleSubmit}
+                        processingAdd={processingAdd}
+                        processingDelete={processingDelete}
+                    />
+                </Fragment>
+            </Card>
+        );
+    }
+}
+
+Rewrites.propTypes = {
+    t: PropTypes.func.isRequired,
+    getRewritesList: PropTypes.func.isRequired,
+    toggleRewritesModal: PropTypes.func.isRequired,
+    addRewrite: PropTypes.func.isRequired,
+    deleteRewrite: PropTypes.func.isRequired,
+    rewrites: PropTypes.object.isRequired,
+};
+
+export default withNamespaces()(Rewrites);