@inventreedb/ui 0.0.1

package/src/pages/Index/Settings/AdminCenter/LabelTemplatePanel.tsx

@@ -0,0 +1,23 @@
+import { ApiEndpoints } from '@lib/enums/ApiEndpoints';
+import { ModelType } from '@lib/enums/ModelType';
+import { TemplateTable } from '../../../../tables/settings/TemplateTable';
+
+function LabelTemplateTable() {
+  return (
+    <TemplateTable
+      templateProps={{
+        modelType: ModelType.labeltemplate,
+        templateEndpoint: ApiEndpoints.label_list,
+        printingEndpoint: ApiEndpoints.label_print,
+        additionalFormFields: {
+          width: {},
+          height: {}
+        }
+      }}
+    />
+  );
+}
+
+export default function LabelTemplatePanel() {
+  return <LabelTemplateTable />;
+}

package/src/pages/Index/Settings/AdminCenter/MachineManagementPanel.tsx

@@ -0,0 +1,110 @@
+import { t } from '@lingui/core/macro';
+import {
+  Accordion,
+  ActionIcon,
+  Alert,
+  Code,
+  Group,
+  List,
+  Stack,
+  Text
+} from '@mantine/core';
+import { IconInfoCircle, IconRefresh } from '@tabler/icons-react';
+import { useQuery } from '@tanstack/react-query';
+import { useMemo } from 'react';
+
+import { ApiEndpoints } from '@lib/enums/ApiEndpoints';
+import { apiUrl } from '@lib/functions/Api';
+import { api } from '../../../../App';
+import { StylishText } from '../../../../components/items/StylishText';
+import { MachineListTable } from '../../../../tables/machine/MachineListTable';
+import { MachineTypeListTable } from '../../../../tables/machine/MachineTypeTable';
+
+interface MachineRegistryStatusI {
+  registry_errors: { message: string }[];
+}
+
+export default function MachineManagementPanel() {
+  const { data: registryStatus, refetch } = useQuery<MachineRegistryStatusI>({
+    queryKey: ['machine-registry-status'],
+    queryFn: () =>
+      api
+        .get(apiUrl(ApiEndpoints.machine_registry_status))
+        .then((res) => res.data),
+    staleTime: 10 * 1000
+  });
+
+  const hasErrors = useMemo(() => {
+    return (
+      registryStatus?.registry_errors &&
+      registryStatus.registry_errors.length > 0
+    );
+  }, [registryStatus]);
+
+  return (
+    <Accordion multiple defaultValue={['machinelist', 'machinetypes']}>
+      <Accordion.Item value='machinelist'>
+        <Accordion.Control>
+          <StylishText size='lg'>{t`Machines`}</StylishText>
+        </Accordion.Control>
+        <Accordion.Panel>
+          <MachineListTable props={{}} />
+        </Accordion.Panel>
+      </Accordion.Item>
+      <Accordion.Item value='machinetypes'>
+        <Accordion.Control>
+          <StylishText size='lg'>{t`Machine Types`}</StylishText>
+        </Accordion.Control>
+        <Accordion.Panel>
+          <MachineTypeListTable props={{}} />
+        </Accordion.Panel>
+      </Accordion.Item>
+      <Accordion.Item value='machineerrors'>
+        <Accordion.Control>
+          <StylishText size='lg'>{t`Machine Errors`}</StylishText>
+        </Accordion.Control>
+        <Accordion.Panel>
+          <Stack gap='xs'>
+            <Group
+              justify='space-beteen'
+              wrap='nowrap'
+              style={{ width: '100%' }}
+            >
+              {hasErrors ? (
+                <Alert
+                  flex={10}
+                  color='red'
+                  title={t`Registry Registry Errors`}
+                  icon={<IconInfoCircle />}
+                >
+                  <Text>{t`There are machine registry errors`}</Text>
+                </Alert>
+              ) : (
+                <Alert
+                  flex={10}
+                  color='green'
+                  title={t`Machine Registry Errors`}
+                  icon={<IconInfoCircle />}
+                >
+                  <Text>{t`There are no machine registry errors`}</Text>
+                </Alert>
+              )}
+              <ActionIcon variant='outline' onClick={() => refetch()}>
+                <IconRefresh />
+              </ActionIcon>
+            </Group>
+            {hasErrors && (
+              <List>
+                {registryStatus?.registry_errors?.map((error, i) => (
+                  <List.Item key={i}>
+                    <Code>{error.message}</Code>
+                  </List.Item>
+                ))}
+              </List>
+            )}
+          </Stack>
+        </Accordion.Panel>
+      </Accordion.Item>
+    </Accordion>
+  );
+}

package/src/pages/Index/Settings/AdminCenter/PartParameterPanel.tsx

@@ -0,0 +1,29 @@
+import { t } from '@lingui/core/macro';
+import { Accordion } from '@mantine/core';
+
+import { StylishText } from '../../../../components/items/StylishText';
+import PartParameterTemplateTable from '../../../../tables/part/PartParameterTemplateTable';
+import SelectionListTable from '../../../../tables/part/SelectionListTable';
+
+export default function PartParameterPanel() {
+  return (
+    <Accordion defaultValue='parametertemplate'>
+      <Accordion.Item value='parametertemplate' key='parametertemplate'>
+        <Accordion.Control>
+          <StylishText size='lg'>{t`Part Parameter Template`}</StylishText>
+        </Accordion.Control>
+        <Accordion.Panel>
+          <PartParameterTemplateTable />
+        </Accordion.Panel>
+      </Accordion.Item>
+      <Accordion.Item value='selectionlist' key='selectionlist'>
+        <Accordion.Control>
+          <StylishText size='lg'>{t`Selection Lists`}</StylishText>
+        </Accordion.Control>
+        <Accordion.Panel>
+          <SelectionListTable />
+        </Accordion.Panel>
+      </Accordion.Item>
+    </Accordion>
+  );
+}

package/src/pages/Index/Settings/AdminCenter/PluginManagementPanel.tsx

@@ -0,0 +1,84 @@
+import { t } from '@lingui/core/macro';
+import { Trans } from '@lingui/react/macro';
+import { Accordion, Alert, Stack } from '@mantine/core';
+import { IconInfoCircle } from '@tabler/icons-react';
+import { lazy } from 'react';
+
+import { StylishText } from '../../../../components/items/StylishText';
+import { GlobalSettingList } from '../../../../components/settings/SettingList';
+import { Loadable } from '../../../../functions/loading';
+import { useServerApiState } from '../../../../states/ApiState';
+import { useUserState } from '../../../../states/UserState';
+
+const PluginListTable = Loadable(
+  lazy(() => import('../../../../tables/plugin/PluginListTable'))
+);
+
+const PluginErrorTable = Loadable(
+  lazy(() => import('../../../../tables/plugin/PluginErrorTable'))
+);
+
+export default function PluginManagementPanel() {
+  const pluginsEnabled = useServerApiState(
+    (state) => state.server.plugins_enabled
+  );
+
+  const user = useUserState();
+
+  return (
+    <Stack>
+      {!pluginsEnabled && (
+        <Alert
+          title={<Trans>Info</Trans>}
+          icon={<IconInfoCircle />}
+          color='blue'
+        >
+          <Trans>
+            External plugins are not enabled for this InvenTree installation.
+          </Trans>
+        </Alert>
+      )}
+
+      <Accordion defaultValue='pluginlist'>
+        <Accordion.Item value='pluginlist'>
+          <Accordion.Control>
+            <StylishText size='lg'>{t`Plugins`}</StylishText>
+          </Accordion.Control>
+          <Accordion.Panel>
+            <PluginListTable />
+          </Accordion.Panel>
+        </Accordion.Item>
+
+        <Accordion.Item value='pluginsettings'>
+          <Accordion.Control>
+            <StylishText size='lg'>{t`Plugin Settings`}</StylishText>
+          </Accordion.Control>
+          <Accordion.Panel>
+            <GlobalSettingList
+              keys={[
+                'ENABLE_PLUGINS_SCHEDULE',
+                'ENABLE_PLUGINS_EVENTS',
+                'ENABLE_PLUGINS_INTERFACE',
+                'ENABLE_PLUGINS_URL',
+                'ENABLE_PLUGINS_NAVIGATION',
+                'ENABLE_PLUGINS_APP',
+                'PLUGIN_ON_STARTUP',
+                'PLUGIN_UPDATE_CHECK'
+              ]}
+            />
+          </Accordion.Panel>
+        </Accordion.Item>
+        {user.isSuperuser() && (
+          <Accordion.Item value='pluginerror'>
+            <Accordion.Control>
+              <StylishText size='lg'>{t`Plugin Errors`}</StylishText>
+            </Accordion.Control>
+            <Accordion.Panel>
+              <PluginErrorTable />
+            </Accordion.Panel>
+          </Accordion.Item>
+        )}
+      </Accordion>
+    </Stack>
+  );
+}

package/src/pages/Index/Settings/AdminCenter/ReportTemplatePanel.tsx

@@ -0,0 +1,38 @@
+import { ApiEndpoints } from '@lib/enums/ApiEndpoints';
+import { ModelType } from '@lib/enums/ModelType';
+import { t } from '@lingui/core/macro';
+import { YesNoButton } from '../../../../components/buttons/YesNoButton';
+import { TemplateTable } from '../../../../tables/settings/TemplateTable';
+
+function ReportTemplateTable() {
+  return (
+    <TemplateTable
+      templateProps={{
+        modelType: ModelType.reporttemplate,
+        templateEndpoint: ApiEndpoints.report_list,
+        printingEndpoint: ApiEndpoints.report_print,
+        additionalFormFields: {
+          page_size: {
+            label: t`Page Size`
+          },
+          landscape: {
+            label: t`Landscape`,
+            modelRenderer: (instance: any) => (
+              <YesNoButton value={instance.landscape} />
+            )
+          },
+          attach_to_model: {
+            label: t`Attach to Model`,
+            modelRenderer: (instance: any) => (
+              <YesNoButton value={instance.attach_to_model} />
+            )
+          }
+        }
+      }}
+    />
+  );
+}
+
+export default function ReportTemplatePanel() {
+  return <ReportTemplateTable />;
+}

package/src/pages/Index/Settings/AdminCenter/StocktakePanel.tsx

@@ -0,0 +1,31 @@
+import { Trans } from '@lingui/react/macro';
+import { Divider, Stack } from '@mantine/core';
+import { lazy } from 'react';
+
+import { StylishText } from '../../../../components/items/StylishText';
+import { GlobalSettingList } from '../../../../components/settings/SettingList';
+import { Loadable } from '../../../../functions/loading';
+
+const StocktakeReportTable = Loadable(
+  lazy(() => import('../../../../tables/settings/StocktakeReportTable'))
+);
+
+export default function StocktakePanel() {
+  return (
+    <Stack gap='xs'>
+      <GlobalSettingList
+        keys={[
+          'STOCKTAKE_ENABLE',
+          'STOCKTAKE_EXCLUDE_EXTERNAL',
+          'STOCKTAKE_AUTO_DAYS',
+          'STOCKTAKE_DELETE_REPORT_DAYS'
+        ]}
+      />
+      <StylishText size='lg'>
+        <Trans>Stocktake Reports</Trans>
+      </StylishText>
+      <Divider />
+      <StocktakeReportTable />
+    </Stack>
+  );
+}

package/src/pages/Index/Settings/AdminCenter/TaskManagementPanel.tsx

@@ -0,0 +1,73 @@
+import { t } from '@lingui/core/macro';
+import { Accordion, Alert, Divider, Stack, Text } from '@mantine/core';
+import { lazy } from 'react';
+
+import { ApiEndpoints } from '@lib/enums/ApiEndpoints';
+import { StylishText } from '../../../../components/items/StylishText';
+import { errorCodeLink } from '../../../../components/nav/Alerts';
+import { FactCollection } from '../../../../components/settings/FactCollection';
+import { Loadable } from '../../../../functions/loading';
+import { useInstance } from '../../../../hooks/UseInstance';
+import FailedTasksTable from '../../../../tables/settings/FailedTasksTable';
+import PendingTasksTable from '../../../../tables/settings/PendingTasksTable';
+
+const ScheduledTasksTable = Loadable(
+  lazy(() => import('../../../../tables/settings/ScheduledTasksTable'))
+);
+
+export default function TaskManagementPanel() {
+  const { instance: taskInfo, refreshInstance: refreshTaskInfo } = useInstance({
+    endpoint: ApiEndpoints.task_overview,
+    hasPrimaryKey: false,
+    refetchOnMount: true,
+    defaultValue: {},
+    updateInterval: 30 * 1000
+  });
+
+  return (
+    <>
+      {taskInfo?.is_running == false && (
+        <Alert title={t`Background worker not running`} color='red'>
+          <Text>{t`The background task manager service is not running. Contact your system administrator.`}</Text>
+          {errorCodeLink('INVE-W5')}
+        </Alert>
+      )}
+      <Stack gap='xs'>
+        <FactCollection
+          items={[
+            { title: t`Pending Tasks`, value: taskInfo?.pending_tasks },
+            { title: t`Scheduled Tasks`, value: taskInfo?.scheduled_tasks },
+            { title: t`Failed Tasks`, value: taskInfo?.failed_tasks }
+          ]}
+        />
+        <Divider />
+        <Accordion defaultValue='pending'>
+          <Accordion.Item value='pending' key='pending-tasks'>
+            <Accordion.Control>
+              <StylishText size='lg'>{t`Pending Tasks`}</StylishText>
+            </Accordion.Control>
+            <Accordion.Panel>
+              <PendingTasksTable onRecordsUpdated={refreshTaskInfo} />
+            </Accordion.Panel>
+          </Accordion.Item>
+          <Accordion.Item value='scheduled' key='scheduled-tasks'>
+            <Accordion.Control>
+              <StylishText size='lg'>{t`Scheduled Tasks`}</StylishText>
+            </Accordion.Control>
+            <Accordion.Panel>
+              <ScheduledTasksTable />
+            </Accordion.Panel>
+          </Accordion.Item>
+          <Accordion.Item value='failed' key='failed-tasks'>
+            <Accordion.Control>
+              <StylishText size='lg'>{t`Failed Tasks`}</StylishText>
+            </Accordion.Control>
+            <Accordion.Panel>
+              <FailedTasksTable onRecordsUpdated={refreshTaskInfo} />
+            </Accordion.Panel>
+          </Accordion.Item>
+        </Accordion>
+      </Stack>
+    </>
+  );
+}

package/src/pages/Index/Settings/AdminCenter/UnitManagementPanel.tsx

@@ -0,0 +1,74 @@
+import { t } from '@lingui/core/macro';
+import { Accordion, Stack } from '@mantine/core';
+import { useMemo } from 'react';
+
+import { ApiEndpoints } from '@lib/enums/ApiEndpoints';
+import { apiUrl } from '@lib/functions/Api';
+import { StylishText } from '../../../../components/items/StylishText';
+import { useTable } from '../../../../hooks/UseTable';
+import { BooleanColumn } from '../../../../tables/ColumnRenderers';
+import { InvenTreeTable } from '../../../../tables/InvenTreeTable';
+import CustomUnitsTable from '../../../../tables/settings/CustomUnitsTable';
+
+function AllUnitTable() {
+  const table = useTable('all-units', 'name');
+  const columns = useMemo(() => {
+    return [
+      {
+        accessor: 'name',
+        title: t`Name`
+      },
+      BooleanColumn({ accessor: 'is_alias', title: t`Alias` }),
+      BooleanColumn({ accessor: 'isdimensionless', title: t`Dimensionless` })
+    ];
+  }, []);
+
+  return (
+    <InvenTreeTable
+      url={apiUrl(ApiEndpoints.all_units)}
+      tableState={table}
+      columns={columns}
+      props={{
+        enableSearch: false,
+        enablePagination: false,
+        enableColumnSwitching: false,
+        dataFormatter: (data: any) => {
+          const units = data.available_units ?? {};
+          return Object.entries(units).map(([key, values]: [string, any]) => {
+            return {
+              name: values.name,
+              is_alias: values.is_alias,
+              compatible_units: values.compatible_units,
+              isdimensionless: values.isdimensionless
+            };
+          });
+        }
+      }}
+    />
+  );
+}
+
+export default function UnitManagementPanel() {
+  return (
+    <Stack gap='xs'>
+      <Accordion defaultValue='custom'>
+        <Accordion.Item value='custom' key='custom'>
+          <Accordion.Control>
+            <StylishText size='lg'>{t`Custom Units`}</StylishText>
+          </Accordion.Control>
+          <Accordion.Panel>
+            <CustomUnitsTable />
+          </Accordion.Panel>
+        </Accordion.Item>
+        <Accordion.Item value='all' key='all'>
+          <Accordion.Control>
+            <StylishText size='lg'>{t`All units`}</StylishText>
+          </Accordion.Control>
+          <Accordion.Panel>
+            <AllUnitTable />
+          </Accordion.Panel>
+        </Accordion.Item>
+      </Accordion>
+    </Stack>
+  );
+}

package/src/pages/Index/Settings/AdminCenter/UserManagementPanel.tsx

@@ -0,0 +1,49 @@
+import { t } from '@lingui/core/macro';
+import { Accordion } from '@mantine/core';
+
+import { StylishText } from '../../../../components/items/StylishText';
+import { GlobalSettingList } from '../../../../components/settings/SettingList';
+import { ApiTokenTable } from '../../../../tables/settings/ApiTokenTable';
+import { GroupTable } from '../../../../tables/settings/GroupTable';
+import { UserTable } from '../../../../tables/settings/UserTable';
+
+export default function UserManagementPanel() {
+  return (
+    <Accordion multiple defaultValue={['users']}>
+      <Accordion.Item value='users' key='users'>
+        <Accordion.Control>
+          <StylishText size='lg'>{t`Users`}</StylishText>
+        </Accordion.Control>
+        <Accordion.Panel>
+          <UserTable />
+        </Accordion.Panel>
+      </Accordion.Item>
+      <Accordion.Item value='groups' key='groups'>
+        <Accordion.Control>
+          <StylishText size='lg'>{t`Groups`}</StylishText>
+        </Accordion.Control>
+        <Accordion.Panel>
+          <GroupTable />
+        </Accordion.Panel>
+      </Accordion.Item>
+      <Accordion.Item value='settings' key='settings'>
+        <Accordion.Control>
+          <StylishText size='lg'>{t`Settings`}</StylishText>
+        </Accordion.Control>
+        <Accordion.Panel>
+          <GlobalSettingList
+            keys={['LOGIN_ENABLE_REG', 'SIGNUP_GROUP', 'LOGIN_ENABLE_SSO_REG']}
+          />
+        </Accordion.Panel>
+      </Accordion.Item>
+      <Accordion.Item value='tokens' key='tokens'>
+        <Accordion.Control>
+          <StylishText size='lg'>{t`Tokens`}</StylishText>
+        </Accordion.Control>
+        <Accordion.Panel>
+          <ApiTokenTable only_myself={false} />
+        </Accordion.Panel>
+      </Accordion.Item>
+    </Accordion>
+  );
+}