Skip to content

Commit

Permalink
Add in basic settings ui
Browse files Browse the repository at this point in the history 
Part of inventree#5016
  • Loading branch information
@matmair
matmair committed Jul 23, 2023
1 parent 9b377cc commit 2851552
Show file tree
Hide file tree
Showing 3 changed files with 619 additions and 1 deletion.
306 changes: 305 additions & 1 deletion src/frontend/src/pages/Index/Profile/Profile.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,9 @@
import { Trans } from '@lingui/macro';
import { Trans, t } from '@lingui/macro';
import { Tabs } from '@mantine/core';
import { useNavigate, useParams } from 'react-router-dom';

import { StylishText } from '../../../components/items/StylishText';
import { SettingsPanel } from './SettingsPanel';
import { UserPanel } from './UserPanel';

export default function Profile() {
Expand All @@ -22,11 +23,314 @@ export default function Profile() {
<Tabs.Tab value="user">
<Trans>User</Trans>
</Tabs.Tab>
<Tabs.Tab value="user-settings">
<Trans>User Settings</Trans>
</Tabs.Tab>
<Tabs.Tab value="notification-settings">
<Trans>Notification Settings</Trans>
</Tabs.Tab>
<Tabs.Tab value="global-settings">
<Trans>Global Settings</Trans>
</Tabs.Tab>
<Tabs.Tab value="plugin-settings">
<Trans>Plugin Settings</Trans>
</Tabs.Tab>
</Tabs.List>

<Tabs.Panel value="user">
<UserPanel />
</Tabs.Panel>
<Tabs.Panel value="user-settings">
<SettingsPanel
reference="user"
title={t`User Settings`}
description={t`Settings for the current user`}
sections={[
{
key: 'user-home',
name: t`Home Page Settings`,
keys: [
{ key: 'HOMEPAGE_PART_STARRED', icon: 'fa-bell' },
{ key: 'HOMEPAGE_CATEGORY_STARRED', icon: 'fa-bell' },
{ key: 'HOMEPAGE_PART_LATEST', icon: 'fa-history' },
{ key: 'PART_RECENT_COUNT', icon: 'fa-clock' },
{ key: 'HOMEPAGE_BOM_REQUIRES_VALIDATION' },
{ key: 'HOMEPAGE_STOCK_RECENT', icon: 'fa-history' },
{ key: 'STOCK_RECENT_COUNT', icon: 'fa-clock' },
{ key: 'HOMEPAGE_STOCK_LOW' },
{ key: 'HOMEPAGE_SHOW_STOCK_DEPLETED' },
{ key: 'HOMEPAGE_BUILD_STOCK_NEEDED' },
{ key: 'HOMEPAGE_STOCK_EXPIRED', icon: 'fa-calendar-alt' },
{ key: 'HOMEPAGE_STOCK_STALE', icon: 'fa-calendar-alt' },
{ key: 'HOMEPAGE_BUILD_PENDING' },
{ key: 'HOMEPAGE_BUILD_OVERDUE' },
{ key: 'HOMEPAGE_PO_OUTSTANDING' },
{ key: 'HOMEPAGE_PO_OVERDUE' },
{ key: 'HOMEPAGE_SO_OUTSTANDING' },
{ key: 'HOMEPAGE_SO_OVERDUE' },
{ key: 'HOMEPAGE_NEWS' }
]
},
{
key: 'user-search',
name: t`Search Settings`,
keys: [
{ key: 'SEARCH_PREVIEW_SHOW_PARTS', icon: 'fa-shapes' },
{ key: 'SEARCH_HIDE_INACTIVE_PARTS', icon: 'fa-eye-slash' },
{
key: 'SEARCH_PREVIEW_SHOW_SUPPLIER_PARTS',
icon: 'fa-building'
},
{
key: 'SEARCH_PREVIEW_SHOW_MANUFACTURER_PARTS',
icon: 'fa-industry'
},
{ key: 'SEARCH_PREVIEW_SHOW_CATEGORIES', icon: 'fa-sitemap' },
{ key: 'SEARCH_PREVIEW_SHOW_STOCK', icon: 'fa-boxes' },
{
key: 'SEARCH_PREVIEW_HIDE_UNAVAILABLE_STOCK',
icon: 'fa-eye-slash'
},
{ key: 'SEARCH_PREVIEW_SHOW_LOCATIONS', icon: 'fa-sitemap' },
{ key: 'SEARCH_PREVIEW_SHOW_COMPANIES', icon: 'fa-building' },
{ key: 'SEARCH_PREVIEW_SHOW_BUILD_ORDERS', icon: 'fa-tools' },
{
key: 'SEARCH_PREVIEW_SHOW_PURCHASE_ORDERS',
icon: 'fa-shopping-cart'
},
{
key: 'SEARCH_PREVIEW_EXCLUDE_INACTIVE_PURCHASE_ORDERS',
icon: 'fa-eye-slash'
},
{ key: 'SEARCH_PREVIEW_SHOW_SALES_ORDERS', icon: 'fa-truck' },
{
key: 'SEARCH_PREVIEW_EXCLUDE_INACTIVE_SALES_ORDERS',
icon: 'fa-eye-slash'
},
{ key: 'SEARCH_PREVIEW_RESULTS', icon: 'fa-search' }
]
},
{
key: 'user-labels',
name: t`Label Settings`,
keys: [{ key: 'LABEL_INLINE', icon: 'fa-tag' }]
},
{
key: 'user-reports',
name: t`Report Settings`,
keys: [{ key: 'REPORT_INLINE', icon: 'fa-file-pdf' }]
},
{
key: 'user-display',
name: t`Display Settings`,
keys: [
{ key: 'STICKY_HEADER', icon: 'fa-bars' },
{ key: 'DATE_DISPLAY_FORMAT', icon: 'fa-calendar-alt' },
{ key: 'FORMS_CLOSE_USING_ESCAPE', icon: 'fa-window-close' },
{ key: 'PART_SHOW_QUANTITY_IN_FORMS', icon: 'fa-hashtag' },
{ key: 'DISPLAY_SCHEDULE_TAB', icon: 'fa-calendar-alt' },
{ key: 'TABLE_STRING_MAX_LENGTH', icon: 'fa-table' }
]
}
]}
/>
</Tabs.Panel>
<Tabs.Panel value="notification-settings">
<SettingsPanel
reference="notification"
title={t`Notification Settings`}
description={t`Settings for the notifications`}
/>
</Tabs.Panel>
<Tabs.Panel value="global-settings">
<SettingsPanel
reference="global"
title={t`Global Server Settings`}
description={t`Global Settings for this instance`}
sections={[
{
key: 'server',
name: t`Server Settings`,
keys: [
{ key: 'INVENTREE_COMPANY_NAME', icon: 'fa-building' },
{ key: 'INVENTREE_BASE_URL', icon: 'fa-globe' },
{ key: 'INVENTREE_INSTANCE', icon: 'fa-info-circle' },
{ key: 'INVENTREE_INSTANCE_TITLE', icon: 'fa-info-circle' },
{ key: 'INVENTREE_RESTRICT_ABOUT', icon: 'fa-info-circle' },
{
key: 'INVENTREE_DOWNLOAD_FROM_URL',
icon: 'fa-cloud-download-alt'
},
{
key: 'INVENTREE_DOWNLOAD_IMAGE_MAX_SIZE',
icon: 'fa-server'
},
{ key: 'INVENTREE_REQUIRE_CONFIRM', icon: 'fa-check' },
{ key: 'INVENTREE_TREE_DEPTH', icon: 'fa-sitemap' },
{ key: 'INVENTREE_BACKUP_ENABLE', icon: 'fa-hdd' },
{
key: 'INVENTREE_DELETE_TASKS_DAYS',
icon: 'fa-calendar-alt'
},
{
key: 'INVENTREE_DELETE_ERRORS_DAYS',
icon: 'fa-calendar-alt'
},
{
key: 'INVENTREE_DELETE_NOTIFICATIONS_DAYS',
icon: 'fa-calendar-alt'
}
]
},
{
key: 'login',
name: t`Login Settings`,
keys: [
{ key: 'LOGIN_ENABLE_SSO', icon: 'fa-user-shield' },
{ key: 'LOGIN_ENABLE_PWD_FORGOT', icon: 'fa-user-lock' },
{ key: 'LOGIN_MAIL_REQUIRED', icon: 'fa-at' },
{ key: 'LOGIN_ENFORCE_MFA', icon: 'fa-key' },
{ key: 'LOGIN_ENABLE_REG', icon: 'fa-user-plus' },
{ key: 'LOGIN_SIGNUP_MAIL_TWICE', icon: 'fa-at' },
{ key: 'LOGIN_SIGNUP_PWD_TWICE', icon: 'fa-user-lock' },
{ key: 'LOGIN_SIGNUP_SSO_AUTO', icon: 'fa-key' },
{ key: 'SIGNUP_GROUP', icon: 'fa-users' }
]
},
{
key: 'barcodes',
name: t`Barcode Settings`,
keys: [
{ key: 'BARCODE_ENABLE', icon: 'fa-qrcode' },
{ key: 'BARCODE_INPUT_DELAY', icon: 'fa-hourglass-half' },
{ key: 'BARCODE_WEBCAM_SUPPORT', icon: 'fa-video' }
]
},
{
key: 'labels',
name: t`Label Settings`,
keys: [
{ key: 'LABEL_ENABLE', icon: 'fa-toggle-on' },
{ key: 'LABEL_DPI', icon: 'fa-toggle-on' }
]
},
{
key: 'reporting',
name: t`Report Settings`,
keys: [
{ key: 'REPORT_ENABLE', icon: 'fa-file-pdf' },
{ key: 'REPORT_DEFAULT_PAGE_SIZE', icon: 'fa-print' },
{ key: 'REPORT_DEBUG_MODE', icon: 'fa-laptop-code' },
{ key: 'REPORT_ENABLE_TEST_REPORT', icon: 'fa-vial' },
{ key: 'REPORT_ATTACH_TEST_REPORT', icon: 'fa-file-upload' }
]
},
{
key: 'parts',
name: t`Part Settings`,
keys: [
{ key: 'PART_IPN_REGEX' },
{ key: 'PART_ALLOW_DUPLICATE_IPN' },
{ key: 'PART_ALLOW_EDIT_IPN' },
{ key: 'PART_NAME_FORMAT' },
{ key: 'PART_SHOW_RELATED', icon: 'fa-random' },
{ key: 'PART_CREATE_INITIAL', icon: 'fa-boxes' },
{ key: 'PART_TEMPLATE', icon: 'fa-clone' },
{ key: 'PART_ASSEMBLY', icon: 'fa-tools' },
{ key: 'PART_COMPONENT', icon: 'fa-th' },
{ key: 'PART_TRACKABLE', icon: 'fa-directions' },
{ key: 'PART_PURCHASEABLE', icon: 'fa-shopping-cart' },
{ key: 'PART_SALABLE', icon: 'fa-dollar-sign' },
{ key: 'PART_VIRTUAL', icon: 'fa-ghost' },
{ key: 'PART_COPY_BOM' },
{ key: 'PART_COPY_PARAMETERS' },
{ key: 'PART_COPY_TESTS' },
{ key: 'PART_CATEGORY_PARAMETERS' },
{ key: 'PART_CATEGORY_DEFAULT_ICON', icon: 'fa-icons' },
{ key: 'PART_SHOW_IMPORT', icon: 'fa-file-upload' }
]
},
{
key: 'pricing',
name: t`Pricing Settings`,
keys: [
{ key: 'PART_INTERNAL_PRICE' },
{ key: 'PART_BOM_USE_INTERNAL_PRICE' },
{ key: 'PRICING_DECIMAL_PLACES' },
{ key: 'PRICING_UPDATE_DAYS', icon: 'fa-calendar-alt' },
{
key: 'PRICING_USE_SUPPLIER_PRICING',
icon: 'fa-check-circle'
},
{ key: 'INVENTREE_DEFAULT_CURRENCY', icon: 'fa-globe' }
]
},
{
key: 'stock',
name: t`Stock Settings`,
keys: [
{ key: 'SERIAL_NUMBER_GLOBALLY_UNIQUE', icon: 'fa-hashtag' },
{ key: 'STOCK_BATCH_CODE_TEMPLATE', icon: 'fa-layer-group' },
{ key: 'STOCK_ENABLE_EXPIRY', icon: 'fa-stopwatch' },
{ key: 'STOCK_STALE_DAYS', icon: 'fa-calendar' },
{ key: 'STOCK_ALLOW_EXPIRED_SALE', icon: 'fa-truck' },
{ key: 'STOCK_ALLOW_EXPIRED_BUILD', icon: 'fa-tools' },
{ key: 'STOCK_OWNERSHIP_CONTROL', icon: 'fa-users' },
{ key: 'STOCK_LOCATION_DEFAULT_ICON', icon: 'fa-icons' }
]
},
{
key: 'build-order',
name: t`Build Order Settings`,
keys: [{ key: 'BUILDORDER_REFERENCE_PATTERN' }]
},
{
key: 'purchase-order',
name: t`Purchase Order Settings`,
keys: [
{ key: 'PURCHASEORDER_REFERENCE_PATTERN' },
{
key: 'PURCHASEORDER_EDIT_COMPLETED_ORDERS',
icon: 'fa-edit'
}
]
},
{
key: 'sales-order',
name: t`Sales Order Settings`,
keys: [
{ key: 'SALESORDER_REFERENCE_PATTERN' },
{
key: 'SALESORDER_DEFAULT_SHIPMENT',
icon: 'fa-truck-loading'
},
{ key: 'SALESORDER_EDIT_COMPLETED_ORDERS', icon: 'fa-edit' }
]
},
{
key: 'plugin',
name: t`Plugin Settings`,
keys: [
{ key: 'ENABLE_PLUGINS_SCHEDULE', icon: 'fa-calendar-alt' },
{ key: 'ENABLE_PLUGINS_EVENTS', icon: 'fa-reply-all' },
{ key: 'ENABLE_PLUGINS_URL', icon: 'fa-link' },
{ key: 'ENABLE_PLUGINS_NAVIGATION', icon: 'fa-sitemap' },
{ key: 'ENABLE_PLUGINS_APP', icon: 'fa-rocket' },
{ key: 'PLUGIN_ON_STARTUP' },
{ key: 'PLUGIN_CHECK_SIGNATURES' }
]
}
]}
/>
</Tabs.Panel>
<Tabs.Panel value="plugin-settings">
<SettingsPanel
reference="plugin"
title={t`Plugin Settings`}
description={t`Plugin Settings for this instance`}
url="plugin/settings/"
/>
</Tabs.Panel>
</Tabs>
</>
);
Expand Down
Loading

0 comments on commit 2851552

Please sign in to comment.