ApiLogicServer 15.0.27__py3-none-any.whl → 15.0.28__py3-none-any.whl

api_logic_server_cli/prototypes/nw/ui/reference_react_app/src/App.js

@@ -0,0 +1,147 @@
+// Begin constant imports (always included)
+import React from 'react';
+import { Admin, Resource, Loading } from 'react-admin';
+import { jsonapiClient } from './rav4-jsonapi-client/ra-jsonapi-client';
+import { createTheme } from '@mui/material/styles';
+import { useConf, loadHomeConf } from './Config';
+// End constant imports
+
+// Import each resource
+import { CustomerList, CustomerShow, CustomerCreate, CustomerEdit } from './Customer';
+import { CategoryList, CategoryShow, CategoryCreate, CategoryEdit } from './Category';
+import { DepartmentList, DepartmentShow, DepartmentCreate, DepartmentEdit } from './Department';
+import { EmployeeList, EmployeeShow, EmployeeCreate, EmployeeEdit } from './Employee';
+import { OrderList, OrderShow, OrderCreate, OrderEdit } from './Order';
+import { OrderDetailList, OrderDetailShow, OrderDetailCreate, OrderDetailEdit } from './OrderDetail';
+import { ProductList, ProductShow, ProductCreate, ProductEdit } from './Product';
+import { SupplierList, SupplierShow, SupplierCreate, SupplierEdit } from './Supplier';
+import { ShipperList, ShipperShow, ShipperCreate, ShipperEdit } from './Shipper';
+import { RegionList, RegionShow, RegionCreate, RegionEdit } from './Region';
+import { TerritoryList, TerritoryShow, TerritoryCreate, TerritoryEdit } from './Territory';
+import { UnionList, UnionShow, UnionCreate, UnionEdit } from './Union';
+
+const theme = createTheme({
+    palette: {
+        primary: { main: '#1976d2' },
+        secondary: { main: '#1565c0' },
+    },
+    typography: { fontSize: 14 },
+});
+
+const App = () => {
+    const [conf, setConf] = React.useState({});
+    const [loading, setLoading] = React.useState(true);
+
+    React.useEffect(() => {
+        const fetchData = async () => {
+            try {
+                console.log('loading HomeConf-1');
+                const conf = await loadHomeConf();
+                setConf(conf);
+                setLoading(false);
+                console.log('AppConf0: ', conf);
+            } catch (error) {
+                console.error('Error fetching data:', error);
+                sessionStorage.removeItem('raSpa');
+            }
+        };
+        fetchData();
+    }, []);
+
+    if (loading) {
+        return <Loading loadingPrimary="Loading..." loadingSecondary="Please wait" />;
+    }
+
+    const dataProvider = jsonapiClient(conf.api_root, { conf: {} }, null);
+
+    return (
+        <Admin dataProvider={dataProvider} theme={theme}>
+            <Resource
+                name="Customer"
+                list={CustomerList}
+                show={CustomerShow}
+                edit={CustomerEdit}
+                create={CustomerCreate}
+            />
+            <Resource
+                name="Category"
+                list={CategoryList}
+                show={CategoryShow}
+                edit={CategoryEdit}
+                create={CategoryCreate}
+            />
+            <Resource
+                name="Department"
+                list={DepartmentList}
+                show={DepartmentShow}
+                edit={DepartmentEdit}
+                create={DepartmentCreate}
+            />
+            <Resource
+                name="Employee"
+                list={EmployeeList}
+                show={EmployeeShow}
+                edit={EmployeeEdit}
+                create={EmployeeCreate}
+            />
+            <Resource
+                name="Order"
+                list={OrderList}
+                show={OrderShow}
+                edit={OrderEdit}
+                create={OrderCreate}
+            />
+            <Resource
+                name="OrderDetail"
+                list={OrderDetailList}
+                show={OrderDetailShow}
+                edit={OrderDetailEdit}
+                create={OrderDetailCreate}
+            />
+            <Resource
+                name="Product"
+                list={ProductList}
+                show={ProductShow}
+                edit={ProductEdit}
+                create={ProductCreate}
+            />
+            <Resource
+                name="Supplier"
+                list={SupplierList}
+                show={SupplierShow}
+                edit={SupplierEdit}
+                create={SupplierCreate}
+            />
+            <Resource
+                name="Shipper"
+                list={ShipperList}
+                show={ShipperShow}
+                edit={ShipperEdit}
+                create={ShipperCreate}
+            />
+            <Resource
+                name="Region"
+                list={RegionList}
+                show={RegionShow}
+                edit={RegionEdit}
+                create={RegionCreate}
+            />
+            <Resource
+                name="Territory"
+                list={TerritoryList}
+                show={TerritoryShow}
+                edit={TerritoryEdit}
+                create={TerritoryCreate}
+            />
+            <Resource
+                name="Union"
+                list={UnionList}
+                show={UnionShow}
+                edit={UnionEdit}
+                create={UnionCreate}
+            />
+        </Admin>
+    );
+};
+
+export default App;

api_logic_server_cli/prototypes/nw/ui/reference_react_app/src/Category.js

@@ -0,0 +1,141 @@
+// begin MANDATORY imports (always generated EXACTLY)
+import React from 'react';
+import { List, FunctionField, Datagrid, TextField, EmailField, DateField, NumberField } from 'react-admin';
+import { ReferenceField, ReferenceManyField } from 'react-admin';
+import { TabbedShowLayout, Tab, SimpleShowLayout, TextInput, NumberInput, DateTimeInput } from 'react-admin';
+import { ReferenceInput, SelectInput, SimpleForm, Show, Edit, Create } from 'react-admin';
+import { Filter, Pagination, BooleanField, BooleanInput, Labeled } from 'react-admin'; 
+import { EditButton, DeleteButton, CreateButton, ShowButton } from 'react-admin';
+import { Grid, Typography, Box, Divider, Button } from '@mui/material';
+import { useRecordContext, useRedirect, Link, required } from 'react-admin';
+import AddIcon from '@mui/icons-material/Add';
+// end mandatory imports
+
+const CategoryFilter = (props) => (
+    <Filter {...props}>
+        <TextInput label="Search" source="CategoryName" alwaysOn />
+    </Filter>
+);
+
+// Category List
+export const CategoryList = (props) => {
+    return (
+        <List filters={<CategoryFilter />} {...props} sort={{ field: 'CategoryName', order: 'ASC' }} pagination={<Pagination rowsPerPageOptions={[5, 10, 25]} showFirstLastButtons />}>
+            <Datagrid rowClick="show">
+                <TextField source="CategoryName" label="Category Name" />
+                <TextField source="Description" label="Description" />
+                <NumberField source="Client_id" label="Client ID" />
+            </Datagrid>
+        </List>
+    );
+};
+
+// Category Show
+export const CategoryShow = (props) => {
+    return (
+        <Show {...props}>
+            <SimpleShowLayout>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Category Details
+                    </Typography>
+                    <Grid container spacing={3} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Category Name">
+                                    <TextField source="CategoryName" />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Description">
+                                    <TextField source="Description" />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <Labeled label="Client ID">
+                                    <NumberField source="Client_id" />
+                                </Labeled>
+                            </Box>
+                        </Grid>
+                    </Grid>
+                    <Divider sx={{ my: 2 }} />
+                </Box>
+            </SimpleShowLayout>
+        </Show>
+    );
+};
+
+// Category Create
+export const CategoryCreate = (props) => {
+    return (
+        <Create {...props}>
+            <SimpleForm>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Create New Category
+                    </Typography>
+                    <Grid container spacing={3} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="CategoryName" label="Category Name" fullWidth validate={required()} />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="Description" label="Description" fullWidth />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <NumberInput source="Client_id" label="Client ID" fullWidth />
+                            </Box>
+                        </Grid>
+                    </Grid>
+                </Box>
+            </SimpleForm>
+        </Create>
+    );
+};
+
+// Category Edit
+export const CategoryEdit = (props) => {
+    return (
+        <Edit {...props} redirect={false}>
+            <SimpleForm>
+                <Box sx={{ mb: 3 }}>
+                    <Typography variant="h5" component="h2" sx={{ mb: 2, fontWeight: 'bold' }}>
+                        Edit Category
+                    </Typography>
+                    <Grid container spacing={3} sx={{ mb: 2 }}>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="CategoryName" label="Category Name" fullWidth validate={required()} />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <TextInput source="Description" label="Description" fullWidth />
+                            </Box>
+                        </Grid>
+                        <Grid item xs={12} sm={6} md={4}>
+                            <Box sx={{ p: 1 }}>
+                                <NumberInput source="Client_id" label="Client ID" fullWidth />
+                            </Box>
+                        </Grid>
+                    </Grid>
+                </Box>
+            </SimpleForm>
+        </Edit>
+    );
+};
+
+export default {
+    list: CategoryList,
+    show: CategoryShow,
+    create: CategoryCreate,
+    edit: CategoryEdit,
+};