ApiLogicServer 15.0.19__py3-none-any.whl → 15.0.20__py3-none-any.whl

api_logic_server_cli/prototypes/nw/ui/react_admin/src/Customer.js

@@ -1,51 +1,134 @@
-import React from 'react';
-import { 
-    List, 
-    Datagrid, 
-    TextField, 
-    NumberField,
-    Show, 
-    SimpleShowLayout, 
-    TabbedShowLayout, 
-    Tab,
-    ReferenceManyField,
-    TextInput, 
-    Edit, 
-    SimpleForm,
-    Create,
-    NumberInput,
-    Pagination, 
-    Filter, 
-    ReferenceField,
-    FunctionField
-} from 'react-admin';
-import { Grid, Box } from '@mui/material';
+import React, { useState } from 'react';
+import { List, FunctionField, Datagrid, TextField, DateField, NumberField, ReferenceField, ReferenceManyField, Show, TabbedShowLayout, Tab, SimpleShowLayout, TextInput, NumberInput, DateTimeInput, ReferenceInput, SelectInput, Create, SimpleForm, Edit, Filter, Pagination, BooleanField, BooleanInput, TopToolbar, Button, useListContext } from 'react-admin';  // mandatory import
+import { ToggleButton, ToggleButtonGroup, Box, Card, CardContent, CardActions, Typography } from '@mui/material';
+import { ViewList, ViewModule } from '@mui/icons-material';
 
-// Filters for the Customer list
+// Filters for the list view
 const CustomerFilter = (props) => (
     <Filter {...props}>
-        <TextInput label="Search by Company" source="CompanyName" alwaysOn />
-        <TextInput label="Search by Contact" source="ContactName" />
+        <TextInput label="Search" source="q" alwaysOn />
+        <TextInput label="Company Name" source="CompanyName" />
+        <TextInput label="Contact Name" source="ContactName" />
+        <TextInput label="City" source="City" />
+        <TextInput label="Country" source="Country" />
     </Filter>
 );
 
-// Customer List
-export const CustomerList = (props) => (
-    <List filters={<CustomerFilter />} pagination={<Pagination />} {...props}>
-        <Datagrid rowClick="show">
-            <TextField source="CompanyName" label="Company Name" />
-            <TextField source="ContactName" label="Contact Name" />
-            <NumberField source="Balance" label="Balance" />
-            <NumberField source="CreditLimit" label="Credit Limit" />
-            <NumberField source="OrderCount" label="Order Count" />
-            <NumberField source="UnpaidOrderCount" label="Unpaid Orders" />
-            <TextField source="Phone" label="Phone" />
-            <NumberField source="Id" label="ID" />
-        </Datagrid>
-    </List>
+// Card view component for customers
+const CustomerCard = ({ record, ...props }) => (
+    <Card sx={{ margin: 1, minWidth: 300, maxWidth: 350 }}>
+        <CardContent>
+            <Typography variant="h6" component="div" gutterBottom>
+                {record.CompanyName}
+            </Typography>
+            <Typography variant="body2" color="text.secondary">
+                Contact: {record.ContactName}
+            </Typography>
+            <Typography variant="body2" color="text.secondary">
+                {record.Address && `${record.Address}, `}{record.City}
+                {record.Region && `, ${record.Region}`}
+            </Typography>
+            <Typography variant="body2" color="text.secondary">
+                {record.Country}
+            </Typography>
+            {record.Phone && (
+                <Typography variant="body2" color="text.secondary">
+                    Phone: {record.Phone}
+                </Typography>
+            )}
+            {record.Balance && (
+                <Typography variant="body2" color="text.primary" sx={{ mt: 1, fontWeight: 'bold' }}>
+                    Balance: ${record.Balance.toLocaleString()}
+                </Typography>
+            )}
+        </CardContent>
+        <CardActions>
+            <Button 
+                size="small" 
+                onClick={() => window.location.href = `#/Customer/${record.Id}/show`}
+            >
+                View Details
+            </Button>
+            <Button 
+                size="small" 
+                onClick={() => window.location.href = `#/Customer/${record.Id}`}
+            >
+                Edit
+            </Button>
+        </CardActions>
+    </Card>
+);
+
+// Custom list actions with view toggle
+const CustomerListActions = ({ viewMode, setViewMode }) => (
+    <TopToolbar>
+        <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>
+            <ToggleButtonGroup
+                value={viewMode}
+                exclusive
+                onChange={(event, newView) => {
+                    if (newView !== null) {
+                        setViewMode(newView);
+                    }
+                }}
+                aria-label="view mode"
+                size="small"
+            >
+                <ToggleButton value="list" aria-label="list view">
+                    <ViewList />
+                </ToggleButton>
+                <ToggleButton value="cards" aria-label="card view">
+                    <ViewModule />
+                </ToggleButton>
+            </ToggleButtonGroup>
+        </Box>
+    </TopToolbar>
 );
 
-// Customer Show
+// Custom card grid component that uses react-admin's data context
+const CustomerCardGrid = () => {
+    const { data, isLoading } = useListContext();
+    
+    if (isLoading) return <div>Loading...</div>;
+    
+    return (
+        <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 1, padding: 2 }}>
+            {data && data.map((record) => (
+                <CustomerCard key={record.Id} record={record} />
+            ))}
+        </Box>
+    );
+};
+
+export const CustomerList = (props) => {
+    const [viewMode, setViewMode] = useState('list');
+
+    return (
+        <List 
+            filters={<CustomerFilter />} 
+            {...props} 
+            perPage={viewMode === 'cards' ? 12 : 7} 
+            pagination={<Pagination />}
+            actions={<CustomerListActions viewMode={viewMode} setViewMode={setViewMode} />}
+        >
+            {viewMode === 'list' ? (
+                <Datagrid rowClick="show">
+                    <TextField source="CompanyName" label="Company Name" />
+                    <TextField source="ContactName" label="Contact Name" />
+                    <TextField source="Address" label="Address" />
+                    <TextField source="City" label="City" />
+                    <TextField source="Country" label="Country" />
+                    <TextField source="Phone" label="Phone" />
+                    <TextField source="Fax" label="Fax" />
+                    <NumberField source="Id" label="Customer ID"/>
+                </Datagrid>
+            ) : (
+                <CustomerCardGrid />
+            )}
+        </List>
+    );
+};
+
 export const CustomerShow = (props) => (
     <Show {...props}>
         <SimpleShowLayout>
@@ -59,18 +142,27 @@ export const CustomerShow = (props) => (
             <TextField source="Country" label="Country" />
             <TextField source="Phone" label="Phone" />
             <TextField source="Fax" label="Fax" />
-
+            <NumberField source="Balance" options={{ style: 'currency', currency: 'USD' }} label="Balance" />
+            <NumberField source="CreditLimit" options={{ style: 'currency', currency: 'USD' }} label="Credit Limit" />
+            <NumberField source="OrderCount" label="Order Count" />
+            <NumberField source="UnpaidOrderCount" label="Unpaid Orders" />
+            <NumberField source="Id" label="Customer ID" />
+            
             <TabbedShowLayout>
-                <Tab label="Placed Order List">
+                <Tab label="Orders">
                     <ReferenceManyField
+                        label="Orders"
                         reference="Order"
                         target="CustomerId"
-                        label="Placed Orders"
+                        perPage={7}
                     >
                         <Datagrid rowClick="show">
-                            <TextField source="Id" label="Order ID" />
-                            <TextField source="OrderDate" label="Order Date" />
-                            <TextField source="AmountTotal" label="Total Amount" />
+                            <TextField source="ShipName" label="Ship Name" />
+                            <DateField source="OrderDate" label="Order Date" />
+                            <DateField source="ShippedDate" label="Shipped Date" />
+                            <NumberField source="AmountTotal" label="Total Amount" options={{ style: 'currency', currency: 'USD' }}/>
+                            <BooleanField source="Ready" label="Ready" />
+                            <NumberField source="Id" label="Order ID" />
                         </Datagrid>
                     </ReferenceManyField>
                 </Tab>
@@ -79,7 +171,6 @@ export const CustomerShow = (props) => (
     </Show>
 );
 
-// Customer Create
 export const CustomerCreate = (props) => (
     <Create {...props}>
         <SimpleForm>
@@ -93,11 +184,12 @@ export const CustomerCreate = (props) => (
             <TextInput source="Country" label="Country" />
             <TextInput source="Phone" label="Phone" />
             <TextInput source="Fax" label="Fax" />
+            <NumberInput source="Balance" label="Balance" />
+            <NumberInput source="CreditLimit" label="Credit Limit" />
         </SimpleForm>
     </Create>
 );
 
-// Customer Edit
 export const CustomerEdit = (props) => (
     <Edit {...props}>
         <SimpleForm>
@@ -111,6 +203,9 @@ export const CustomerEdit = (props) => (
             <TextInput source="Country" label="Country" />
             <TextInput source="Phone" label="Phone" />
             <TextInput source="Fax" label="Fax" />
+            <NumberInput source="Balance" label="Balance" />
+            <NumberInput source="CreditLimit" label="Credit Limit" />
+            <NumberField source="Id" label="Customer ID" />
         </SimpleForm>
     </Edit>
 );

api_logic_server_cli/prototypes/nw/ui/react_admin/src/CustomerDemographic.js

@@ -2,73 +2,56 @@ import React from 'react';
 import {
     List,
     Datagrid,
-    TextField,  
+    TextField,
     Show,
     SimpleShowLayout,
-    TabbedShowLayout,
-    Tab,
+    Edit,
+    SimpleForm,
     TextInput,
     Create,
-    SimpleForm,
-    Edit,
-    NumberField,
     Filter,
-    Pagination
+    Pagination,
 } from 'react-admin';
 
-/**
- * Filters for searching CustomerDemographic entities by Id.
- */
 const CustomerDemographicFilter = (props) => (
     <Filter {...props}>
-        <TextInput label="Search by Id" source="Id" alwaysOn />
+        <TextInput label="Search" source="q" alwaysOn />
+        <TextInput label="Customer Description" source="CustomerDesc" />
     </Filter>
 );
 
-/**
- * List view for CustomerDemographic.
- */
-export const CustomerDemographicList = props => (
-    <List filters={<CustomerDemographicFilter />} {...props} perPage={7} pagination={<Pagination />}>
-        <Datagrid rowClick="show" isRowSelectable={() => false}>
-            <TextField label="Id" source="Id" />
-            <TextField source="CustomerDesc" />
+export const CustomerDemographicList = (props) => (
+    <List filters={<CustomerDemographicFilter />} pagination={<Pagination perPage={7} />} {...props}>
+        <Datagrid rowClick="show">
+            <TextField source="Id" label="ID" />
+            <TextField source="CustomerDesc" label="Customer Description" />
         </Datagrid>
     </List>
 );
 
-/**
- * Show view for CustomerDemographic.
- */
-export const CustomerDemographicShow = props => (
+export const CustomerDemographicShow = (props) => (
     <Show {...props}>
         <SimpleShowLayout>
-            <NumberField source="Id" />
-            <TextField source="CustomerDesc" />
+            <TextField source="Id" label="ID" />
+            <TextField source="CustomerDesc" label="Customer Description" />
         </SimpleShowLayout>
     </Show>
 );
 
-/**
- * Form for creating a new CustomerDemographic.
- */
-export const CustomerDemographicCreate = props => (
+export const CustomerDemographicCreate = (props) => (
     <Create {...props}>
         <SimpleForm>
-            <TextInput label="Id (auto-generated)" source="Id" disabled />
-            <TextInput source="CustomerDesc" />
+            <TextInput source="Id" label="ID" />
+            <TextInput source="CustomerDesc" label="Customer Description" />
         </SimpleForm>
     </Create>
 );
 
-/**
- * Form for editing an existing CustomerDemographic.
- */
-export const CustomerDemographicEdit = props => (
+export const CustomerDemographicEdit = (props) => (
     <Edit {...props}>
         <SimpleForm>
-            <TextInput label="Id" source="Id" disabled />
-            <TextInput source="CustomerDesc" />
+            <TextInput source="Id" label="ID" disabled />
+            <TextInput source="CustomerDesc" label="Customer Description" />
         </SimpleForm>
     </Edit>
 );

api_logic_server_cli/prototypes/nw/ui/react_admin/src/Department.js

@@ -6,70 +6,61 @@ import {
   NumberField,
   ReferenceField,
   Show,
+  SimpleShowLayout,
   TabbedShowLayout,
   Tab,
-  SimpleShowLayout,
+  ReferenceManyField,
+  Edit,
+  SimpleForm,
   TextInput,
   NumberInput,
-  ReferenceManyField,
+  ReferenceInput,
   Create,
-  SimpleForm,
-  Edit,
-  Filter,
+  SelectInput, Pagination
 } from 'react-admin';
 
-// Define Filters for the List
-// FIXEDME - deleted bogus code: detailed;
-
-const DepartmentFilter = (props) => (
-  <Filter {...props}>
-    <TextInput label="Search by Department Name" source="DepartmentName" alwaysOn />
-    <NumberInput label="Security Level" source="SecurityLevel" />
-  </Filter>
-);
-
-// List Component
 export const DepartmentList = (props) => (
-  <List filters={<DepartmentFilter />} {...props}>
+  <List {...props} filters={<DepartmentFilter />} pagination={<DepartmentPagination />}>
     <Datagrid rowClick="show">
       <TextField source="DepartmentName" label="Department Name" />
       <NumberField source="SecurityLevel" label="Security Level" />
+      <NumberField source="Id" label="ID" />
     </Datagrid>
   </List>
 );
 
-// Show Component
 export const DepartmentShow = (props) => (
   <Show {...props}>
     <SimpleShowLayout>
       <TextField source="DepartmentName" label="Department Name" />
       <NumberField source="SecurityLevel" label="Security Level" />
-      <TextField source="Id" label="ID" />
+      <NumberField source="Id" label="ID" />
     </SimpleShowLayout>
     <TabbedShowLayout>
+      <Tab label="Departments">
+        <ReferenceManyField reference="Department" target="DepartmentId" label="" perPage={5} sort={{ field: 'Id', order: 'ASC' }}>
+          <Datagrid>
+            <ReferenceField source="DepartmentId" reference="Department"><TextField source="DepartmentName" /></ReferenceField>
+            <NumberField source="SecurityLevel" label="Security Level" />
+            <NumberField source="Id" label="ID" />
+          </Datagrid>
+        </ReferenceManyField>
+      </Tab>
       <Tab label="On Loan Employees">
-        <ReferenceManyField
-          reference="Employee"
-          target="OnLoanDepartmentId"
-          label="On Loan Employees"
-        >
+        <ReferenceManyField reference="Employee" target="OnLoanDepartmentId" label="" perPage={5} sort={{ field: 'Id', order: 'ASC' }}>
           <Datagrid>
-            <TextField source="LastName" label="Employee Last Name" />
-            <TextField source="FirstName" label="Employee First Name" />
-            <TextField source="Title" label="Title" />
+            <TextField source="LastName" label="Last Name" />
+            <TextField source="FirstName" label="First Name" />
+            <NumberField source="Id" label="Employee ID" />
           </Datagrid>
         </ReferenceManyField>
       </Tab>
       <Tab label="Works For Employees">
-        <ReferenceManyField
-          reference="Employee"
-          target="WorksForDepartmentId"
-          label="Works For Employees"
-        >
+        <ReferenceManyField reference="Employee" target="WorksForDepartmentId" label="" perPage={5} sort={{ field: 'Id', order: 'ASC' }}>
           <Datagrid>
-            <TextField source="LastName" label="Employee Last Name" />
-            <TextField source="FirstName" label="Employee First Name" />
-            <TextField source="Title" label="Title" />
+            <TextField source="LastName" label="Last Name" />
+            <TextField source="FirstName" label="First Name" />
+            <NumberField source="Id" label="Employee ID" />
           </Datagrid>
         </ReferenceManyField>
       </Tab>
@@ -77,7 +68,6 @@ export const DepartmentShow = (props) => (
   </Show>
 );
 
-// Create Component
 export const DepartmentCreate = (props) => (
   <Create {...props}>
     <SimpleForm>
@@ -87,13 +77,22 @@ export const DepartmentCreate = (props) => (
   </Create>
 );
 
-// Edit Component
 export const DepartmentEdit = (props) => (
   <Edit {...props}>
     <SimpleForm>
       <TextInput source="DepartmentName" label="Department Name" />
       <NumberInput source="SecurityLevel" label="Security Level" />
-      <NumberInput source="Id" label="ID" disabled />
+      <NumberInput source="Id" label="ID" />
     </SimpleForm>
   </Edit>
-);
+);
+
+const DepartmentFilter = (props) => (
+  <div>
+    <TextInput label="Search By Name" source="DepartmentName" alwaysOn {...props} />
+  </div>
+);
+
+const DepartmentPagination = () => (
+  <Pagination rowsPerPageOptions={[5, 10, 25]} />
+);