From e13e630cd6e4fc0b1ff92098a28a770794c7bb9a Mon Sep 17 00:00:00 2001
From: gabrhr <73925454+gabrhr@users.noreply.github.com>
Date: Wed, 20 Apr 2022 10:19:29 -0500
Subject: =?UTF-8?q?A=C3=B1adir=20plantilla?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Base para front
---
 .../odiparpack/app/containers/Tables/CrudTable.js  | 57 ++++++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 front/odiparpack/app/containers/Tables/CrudTable.js

(limited to 'front/odiparpack/app/containers/Tables/CrudTable.js')

diff --git a/front/odiparpack/app/containers/Tables/CrudTable.js b/front/odiparpack/app/containers/Tables/CrudTable.js
new file mode 100644
index 0000000..7ee18dd
--- /dev/null
+++ b/front/odiparpack/app/containers/Tables/CrudTable.js
@@ -0,0 +1,57 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { Helmet } from 'react-helmet';
+import brand from 'ba-api/brand';
+import { withStyles } from '@material-ui/core/styles';
+import { SourceReader, PapperBlock } from 'ba-components';
+import { Paper } from '@material-ui/core';
+import { CrudTableDemo, CrudTbFormDemo } from './demos';
+
+const styles = ({
+  root: {
+    flexGrow: 1,
+  }
+});
+
+class CrudTablePage extends Component {
+  render() {
+    const title = brand.name + ' - Table';
+    const description = brand.desc;
+    const docSrc = 'containers/Tables/demos/';
+    const { classes } = this.props;
+    return (
+      <div>
+        <Helmet>
+          <title>{title}</title>
+          <meta name="description" content={description} />
+          <meta property="og:title" content={title} />
+          <meta property="og:description" content={description} />
+          <meta property="twitter:title" content={title} />
+          <meta property="twitter:description" content={description} />
+        </Helmet>
+        <PapperBlock title="CRUD Table" desc="The CRUD Table supports editing features including creating, updating and deleting rows. The editing state contains information about rows currently being edited, changes applied to a particular row, and rows that have been deleted and created.">
+          <div>
+            <Paper className={classes.root}>
+              <CrudTableDemo />
+            </Paper>
+            <SourceReader componentName={docSrc + 'CrudTableDemo.js'} />
+          </div>
+        </PapperBlock>
+        <PapperBlock title="CRUD Table with Redux Form" desc="In the CRUD Table Form mode allow You to create or edit via dedicated form(Redux Form). The design form itself inspired by Gmail with floating design and it can be expanded become popup mode">
+          <div>
+            <Paper className={classes.root}>
+              <CrudTbFormDemo />
+            </Paper>
+            <SourceReader componentName={docSrc + 'CrudTbFormDemo.js'} />
+          </div>
+        </PapperBlock>
+      </div>
+    );
+  }
+}
+
+CrudTablePage.propTypes = {
+  classes: PropTypes.object.isRequired,
+};
+
+export default withStyles(styles)(CrudTablePage);
-- 
cgit v1.2.3