Css düzenleme
This commit is contained in:
Sedat ÖZTÜRK
parent
10d6e22cec
commit
bac78eec46
12 changed files with 1165 additions and 1150 deletions
|
|
@ -82,7 +82,7 @@ define(['./workbox-54d0af47'], (function (workbox) { 'use strict';
|
|||
"revision": "3ca0b8505b4bec776b69afdba2768812"
|
||||
}, {
|
||||
"url": "index.html",
|
||||
"revision": "0.rs1dfl4jqho"
|
||||
"revision": "0.u7hl29mc92g"
|
||||
}], {});
|
||||
workbox.cleanupOutdatedCaches();
|
||||
workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
|
||||
|
|
|
|||
|
|
@ -1,14 +1,9 @@
|
|||
import React from 'react'
|
||||
import {
|
||||
LayoutDashboard,
|
||||
Database,
|
||||
Zap,
|
||||
Server,
|
||||
Puzzle,
|
||||
} from 'lucide-react'
|
||||
import { LayoutDashboard, Database, Zap, Server, Puzzle } from 'lucide-react'
|
||||
import { useLocalization } from '@/utils/hooks/useLocalization'
|
||||
import { useLocation, useNavigate } from 'react-router-dom'
|
||||
import { ROUTES_ENUM } from '@/routes/route.constant'
|
||||
import { Container } from '../shared'
|
||||
|
||||
interface DeveloperLayoutProps {
|
||||
children: React.ReactNode
|
||||
|
|
@ -53,11 +48,11 @@ const DeveloperLayout: React.FC<DeveloperLayoutProps> = ({ children }) => {
|
|||
]
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-gray-50">
|
||||
<Container>
|
||||
<div className="mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
||||
<div className="flex flex-col lg:flex-row gap-8">
|
||||
{/* Sidebar */}
|
||||
<div className="lg:w-64 flex-shrink-0">
|
||||
<div className="lg:w-64 flex-shrink-0 p-4 bg-gray-50">
|
||||
<nav className="space-y-2">
|
||||
{navigation.map((item) => {
|
||||
const Icon = item.icon
|
||||
|
|
@ -84,7 +79,7 @@ const DeveloperLayout: React.FC<DeveloperLayoutProps> = ({ children }) => {
|
|||
<div className="flex-1">{children}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</Container>
|
||||
)
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -55,10 +55,10 @@ const DefaultItem = ({ nav, onLinkClick }: DefaultItemProps) => {
|
|||
}
|
||||
target={subNav.isExternalLink ? '_blank' : ''}
|
||||
>
|
||||
<span>{nav.title}</span>
|
||||
<span>{subNav.title}</span>
|
||||
</Link>
|
||||
) : (
|
||||
<span>{nav.title}</span>
|
||||
<span>{subNav.title}</span>
|
||||
)}
|
||||
</MenuItem>
|
||||
</PermissionCheck>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
import { MenuItem } from '@/@types/menu'
|
||||
import isDisabled from '@/components/ui/DatePicker/tables/components/props/isDisabled'
|
||||
import { getMenus, MenuService } from '@/services/menu.service'
|
||||
import { useStoreActions } from '@/store/store'
|
||||
import { useState, useEffect } from 'react'
|
||||
|
|
@ -57,7 +58,7 @@ export const useMenuData = () => {
|
|||
const response = await getMenus()
|
||||
|
||||
if (response.data) {
|
||||
const hierarchicalMenu = buildHierarchy(response.data.items)
|
||||
const hierarchicalMenu = buildHierarchy(response.data.items || [])
|
||||
setMenuItems(hierarchicalMenu)
|
||||
}
|
||||
} catch (err) {
|
||||
|
|
|
|||
|
|
@ -129,90 +129,124 @@ const Wizard = () => {
|
|||
const navigate = useNavigate()
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className="grid lg:grid-cols-2 xl:grid-cols-3">
|
||||
<Container>
|
||||
<Helmet
|
||||
titleTemplate="%s | Kurs Platform"
|
||||
title={translate('::' + 'Wizard')}
|
||||
defaultTitle="Kurs Platform"
|
||||
></Helmet>
|
||||
<Container>
|
||||
<Helmet
|
||||
titleTemplate="%s | Kurs Platform"
|
||||
title={translate('::' + 'Wizard')}
|
||||
defaultTitle="Kurs Platform"
|
||||
></Helmet>
|
||||
|
||||
<Formik
|
||||
initialValues={{ ...initialValues }}
|
||||
validationSchema={listFormValidationSchema}
|
||||
onSubmit={async (values, { setSubmitting }) => {
|
||||
setSubmitting(true)
|
||||
try {
|
||||
await postListFormWizard({ ...values })
|
||||
toast.push(
|
||||
<Notification type="success" duration={2000}>
|
||||
{translate('::ListForms.FormBilgileriKaydedildi')}
|
||||
</Notification>,
|
||||
{
|
||||
placement: 'top-center',
|
||||
},
|
||||
)
|
||||
setSubmitting(false)
|
||||
setTimeout(() => {
|
||||
navigate(
|
||||
ROUTES_ENUM.protected.saas.listFormManagement.edit.replace(
|
||||
':listFormCode',
|
||||
values.listFormCode,
|
||||
),
|
||||
)
|
||||
}, 500)
|
||||
} catch (error: any) {
|
||||
toast.push(<Notification title={error.message} type="danger" />, {
|
||||
<div className="grid lg:grid-cols-2 xl:grid-cols-3">
|
||||
<Formik
|
||||
initialValues={{ ...initialValues }}
|
||||
validationSchema={listFormValidationSchema}
|
||||
onSubmit={async (values, { setSubmitting }) => {
|
||||
setSubmitting(true)
|
||||
try {
|
||||
await postListFormWizard({ ...values })
|
||||
toast.push(
|
||||
<Notification type="success" duration={2000}>
|
||||
{translate('::ListForms.FormBilgileriKaydedildi')}
|
||||
</Notification>,
|
||||
{
|
||||
placement: 'top-center',
|
||||
})
|
||||
}
|
||||
}}
|
||||
>
|
||||
{({ touched, errors, isSubmitting, values }) => (
|
||||
<Form>
|
||||
<FormContainer size="sm">
|
||||
},
|
||||
)
|
||||
setSubmitting(false)
|
||||
setTimeout(() => {
|
||||
navigate(
|
||||
ROUTES_ENUM.protected.saas.listFormManagement.edit.replace(
|
||||
':listFormCode',
|
||||
values.listFormCode,
|
||||
),
|
||||
)
|
||||
}, 500)
|
||||
} catch (error: any) {
|
||||
toast.push(<Notification title={error.message} type="danger" />, {
|
||||
placement: 'top-center',
|
||||
})
|
||||
}
|
||||
}}
|
||||
>
|
||||
{({ touched, errors, isSubmitting, values }) => (
|
||||
<Form>
|
||||
<FormContainer size="sm">
|
||||
<FormItem
|
||||
label="ListForm Code"
|
||||
invalid={errors.listFormCode && touched.listFormCode}
|
||||
errorMessage={errors.listFormCode}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="listFormCode"
|
||||
placeholder="ListForm Code"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem
|
||||
label="Permission Group Name"
|
||||
invalid={errors.permissionGroupName && touched.permissionGroupName}
|
||||
errorMessage={errors.permissionGroupName}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field type="text" autoComplete="off" name="permissionGroupName">
|
||||
{({ field, form }: FieldProps<string>) => (
|
||||
<Select
|
||||
componentAs={CreatableSelect}
|
||||
field={field}
|
||||
form={form}
|
||||
placeholder="Permission Group Name"
|
||||
isClearable={true}
|
||||
isLoading={isLoadingPermissionGroup}
|
||||
options={permissionGroupList}
|
||||
value={
|
||||
values.permissionGroupName
|
||||
? (menuList?.find((o) => o.value === values.permissionGroupName) ?? {
|
||||
label: values.permissionGroupName,
|
||||
value: values.permissionGroupName,
|
||||
})
|
||||
: null
|
||||
}
|
||||
onChange={(option) => {
|
||||
form.setFieldValue(field.name, option?.value)
|
||||
setIsPermissionGroupNew(
|
||||
!!option?.value && !menuList.some((a) => a.value === option?.value),
|
||||
)
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
</Field>
|
||||
</FormItem>
|
||||
<div className="grid grid-cols-2 gap-1">
|
||||
<FormItem
|
||||
label="ListForm Code"
|
||||
invalid={errors.listFormCode && touched.listFormCode}
|
||||
errorMessage={errors.listFormCode}
|
||||
label="Menu Parent Code"
|
||||
invalid={errors.menuParentCode && touched.menuParentCode}
|
||||
errorMessage={errors.menuParentCode}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="listFormCode"
|
||||
placeholder="ListForm Code"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem
|
||||
label="Permission Group Name"
|
||||
invalid={errors.permissionGroupName && touched.permissionGroupName}
|
||||
errorMessage={errors.permissionGroupName}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field type="text" autoComplete="off" name="permissionGroupName">
|
||||
<Field type="text" autoComplete="off" name="menuParentCode">
|
||||
{({ field, form }: FieldProps<string>) => (
|
||||
<Select
|
||||
componentAs={CreatableSelect}
|
||||
field={field}
|
||||
form={form}
|
||||
placeholder="Permission Group Name"
|
||||
placeholder="Menu Parent Code"
|
||||
isClearable={true}
|
||||
isLoading={isLoadingPermissionGroup}
|
||||
options={permissionGroupList}
|
||||
isLoading={isLoadingMenu}
|
||||
options={menuList}
|
||||
value={
|
||||
values.permissionGroupName
|
||||
? (menuList?.find((o) => o.value === values.permissionGroupName) ?? {
|
||||
label: values.permissionGroupName,
|
||||
value: values.permissionGroupName,
|
||||
values.menuParentCode
|
||||
? (menuList?.find((o) => o.value === values.menuParentCode) ?? {
|
||||
label: values.menuParentCode,
|
||||
value: values.menuParentCode,
|
||||
})
|
||||
: null
|
||||
}
|
||||
onChange={(option) => {
|
||||
form.setFieldValue(field.name, option?.value)
|
||||
setIsPermissionGroupNew(
|
||||
setIsMenuNew(
|
||||
!!option?.value && !menuList.some((a) => a.value === option?.value),
|
||||
)
|
||||
}}
|
||||
|
|
@ -220,342 +254,292 @@ const Wizard = () => {
|
|||
)}
|
||||
</Field>
|
||||
</FormItem>
|
||||
<div className="grid grid-cols-2 gap-1">
|
||||
<FormItem
|
||||
label="Menu Parent Code"
|
||||
invalid={errors.menuParentCode && touched.menuParentCode}
|
||||
errorMessage={errors.menuParentCode}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field type="text" autoComplete="off" name="menuParentCode">
|
||||
{({ field, form }: FieldProps<string>) => (
|
||||
<Select
|
||||
componentAs={CreatableSelect}
|
||||
field={field}
|
||||
form={form}
|
||||
placeholder="Menu Parent Code"
|
||||
isClearable={true}
|
||||
isLoading={isLoadingMenu}
|
||||
options={menuList}
|
||||
value={
|
||||
values.menuParentCode
|
||||
? (menuList?.find((o) => o.value === values.menuParentCode) ?? {
|
||||
label: values.menuParentCode,
|
||||
value: values.menuParentCode,
|
||||
})
|
||||
: null
|
||||
}
|
||||
onChange={(option) => {
|
||||
form.setFieldValue(field.name, option?.value)
|
||||
setIsMenuNew(
|
||||
!!option?.value && !menuList.some((a) => a.value === option?.value),
|
||||
)
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
</Field>
|
||||
</FormItem>
|
||||
<FormItem
|
||||
label="Menu Icon"
|
||||
invalid={errors.menuIcon && touched.menuIcon}
|
||||
errorMessage={errors.menuIcon}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="menuIcon"
|
||||
placeholder="Menu Icon"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
</div>
|
||||
{isMenuNew && (
|
||||
<div className="grid grid-cols-2 gap-1">
|
||||
<FormItem
|
||||
label="Parent Menu Code (En)"
|
||||
invalid={
|
||||
errors.languageTextMenuParentEn && touched.languageTextMenuParentEn
|
||||
}
|
||||
errorMessage={errors.languageTextMenuParentEn}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="languageTextMenuParentEn"
|
||||
placeholder="Parent Menu Code (En)"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem
|
||||
label="Parent Menu Code (Tr)"
|
||||
invalid={
|
||||
errors.languageTextMenuParentTr && touched.languageTextMenuParentTr
|
||||
}
|
||||
errorMessage={errors.languageTextMenuParentTr}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="languageTextMenuParentTr"
|
||||
placeholder="Parent Menu Code (Tr)"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
</div>
|
||||
)}
|
||||
<div className="grid grid-cols-2 gap-1">
|
||||
<FormItem
|
||||
label="Data Source Code"
|
||||
invalid={errors.dataSourceCode && touched.dataSourceCode}
|
||||
errorMessage={errors.dataSourceCode}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="dataSourceCode"
|
||||
placeholder="Data Source Code"
|
||||
>
|
||||
{({ field, form }: FieldProps<string>) => (
|
||||
<Select
|
||||
componentAs={CreatableSelect}
|
||||
field={field}
|
||||
form={form}
|
||||
placeholder="Data Source Code"
|
||||
isClearable={true}
|
||||
isLoading={isLoadingDataSource}
|
||||
options={dataSourceList}
|
||||
value={
|
||||
values.dataSourceCode
|
||||
? (dataSourceList?.find(
|
||||
(o) => o.value === values.dataSourceCode,
|
||||
) ?? {
|
||||
label: values.dataSourceCode,
|
||||
value: values.dataSourceCode,
|
||||
})
|
||||
: null
|
||||
}
|
||||
onChange={(option) => {
|
||||
form.setFieldValue(field.name, option?.value)
|
||||
setIsDataSourceNew(
|
||||
!!option?.value &&
|
||||
!dataSourceList.some((a) => a.value === option?.value),
|
||||
)
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
</Field>
|
||||
</FormItem>
|
||||
{isDataSourceNew && (
|
||||
<FormItem
|
||||
label="Connection String"
|
||||
invalid={
|
||||
errors.dataSourceConnectionString && touched.dataSourceConnectionString
|
||||
}
|
||||
errorMessage={errors.dataSourceConnectionString}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="dataSourceConnectionString"
|
||||
placeholder="Connection String"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
)}
|
||||
</div>
|
||||
<div className="grid grid-cols-2 gap-1">
|
||||
<FormItem
|
||||
label="Select Command Type"
|
||||
invalid={errors.selectCommandType && touched.selectCommandType}
|
||||
errorMessage={errors.selectCommandType}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="selectCommandType"
|
||||
placeholder="Select Command Type"
|
||||
component={Input}
|
||||
>
|
||||
{({ field, form }: FieldProps<SelectCommandTypeEnum>) => (
|
||||
<Select
|
||||
field={field}
|
||||
form={form}
|
||||
options={selectCommandTypeOptions}
|
||||
value={selectCommandTypeOptions.find(
|
||||
(o: any) => o.value === field.value,
|
||||
)}
|
||||
onChange={(o) => form.setFieldValue(field.name, o?.value)}
|
||||
/>
|
||||
)}
|
||||
</Field>
|
||||
</FormItem>
|
||||
<FormItem
|
||||
label="Select Command"
|
||||
invalid={errors.selectCommand && touched.selectCommand}
|
||||
errorMessage={errors.selectCommand}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="selectCommand"
|
||||
placeholder="Select Command"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
</div>
|
||||
<div className="grid grid-cols-2 gap-1">
|
||||
<FormItem
|
||||
label="Key Field Name"
|
||||
invalid={errors.keyFieldName && touched.keyFieldName}
|
||||
errorMessage={errors.keyFieldName}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="keyFieldName"
|
||||
placeholder="Key Field Name"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem
|
||||
label="Key Field Db Source Type"
|
||||
invalid={errors.keyFieldDbSourceType && touched.keyFieldDbSourceType}
|
||||
errorMessage={errors.keyFieldDbSourceType}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="keyFieldDbSourceType"
|
||||
placeholder="Key Field Db Source Type"
|
||||
component={Input}
|
||||
>
|
||||
{({ field, form }: FieldProps<DbTypeEnum>) => (
|
||||
<Select
|
||||
field={field}
|
||||
form={form}
|
||||
options={dbSourceTypeOptions}
|
||||
value={dbSourceTypeOptions?.filter(
|
||||
(o: any) => o.value === values.keyFieldDbSourceType,
|
||||
)}
|
||||
onChange={(o) => form.setFieldValue(field.name, o?.value)}
|
||||
/>
|
||||
)}
|
||||
</Field>
|
||||
</FormItem>
|
||||
</div>
|
||||
<div className="grid grid-cols-2 gap-1">
|
||||
<FormItem
|
||||
label="Menu Text (En)"
|
||||
invalid={errors.languageTextMenuEn && touched.languageTextMenuEn}
|
||||
errorMessage={errors.languageTextMenuEn}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="languageTextMenuEn"
|
||||
placeholder="Menu Text (En)"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem
|
||||
label="Menu Text (Tr)"
|
||||
invalid={errors.languageTextMenuTr && touched.languageTextMenuTr}
|
||||
errorMessage={errors.languageTextMenuTr}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="languageTextMenuTr"
|
||||
placeholder="Menu Text (Tr)"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
</div>
|
||||
<div className="grid grid-cols-2 gap-1">
|
||||
<FormItem
|
||||
label="Title (En)"
|
||||
invalid={errors.languageTextTitleEn && touched.languageTextTitleEn}
|
||||
errorMessage={errors.languageTextTitleEn}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="languageTextTitleEn"
|
||||
placeholder="Title (En)"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem
|
||||
label="Title (Tr)"
|
||||
invalid={errors.languageTextTitleTr && touched.languageTextTitleTr}
|
||||
errorMessage={errors.languageTextTitleTr}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="languageTextTitleTr"
|
||||
placeholder="Title (Tr)"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
</div>
|
||||
<div className="grid grid-cols-2 gap-1">
|
||||
<FormItem
|
||||
label="Description (En)"
|
||||
invalid={errors.languageTextDescEn && touched.languageTextDescEn}
|
||||
errorMessage={errors.languageTextDescEn}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="languageTextDescEn"
|
||||
placeholder="Description (En)"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem
|
||||
label="Description (Tr)"
|
||||
invalid={errors.languageTextDescTr && touched.languageTextDescTr}
|
||||
errorMessage={errors.languageTextDescTr}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="languageTextDescTr"
|
||||
placeholder="Description (Tr)"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
</div>
|
||||
<Button
|
||||
block
|
||||
className="mt-4"
|
||||
variant="solid"
|
||||
loading={isSubmitting}
|
||||
type="submit"
|
||||
<FormItem
|
||||
label="Menu Icon"
|
||||
invalid={errors.menuIcon && touched.menuIcon}
|
||||
errorMessage={errors.menuIcon}
|
||||
asterisk={true}
|
||||
>
|
||||
{isSubmitting ? translate('::SavingWithThreeDot') : translate('::Save')}
|
||||
</Button>
|
||||
</FormContainer>
|
||||
</Form>
|
||||
)}
|
||||
</Formik>
|
||||
</Container>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="menuIcon"
|
||||
placeholder="Menu Icon"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
</div>
|
||||
{isMenuNew && (
|
||||
<div className="grid grid-cols-2 gap-1">
|
||||
<FormItem
|
||||
label="Parent Menu Code (En)"
|
||||
invalid={errors.languageTextMenuParentEn && touched.languageTextMenuParentEn}
|
||||
errorMessage={errors.languageTextMenuParentEn}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="languageTextMenuParentEn"
|
||||
placeholder="Parent Menu Code (En)"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem
|
||||
label="Parent Menu Code (Tr)"
|
||||
invalid={errors.languageTextMenuParentTr && touched.languageTextMenuParentTr}
|
||||
errorMessage={errors.languageTextMenuParentTr}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="languageTextMenuParentTr"
|
||||
placeholder="Parent Menu Code (Tr)"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
</div>
|
||||
)}
|
||||
<div className="grid grid-cols-2 gap-1">
|
||||
<FormItem
|
||||
label="Data Source Code"
|
||||
invalid={errors.dataSourceCode && touched.dataSourceCode}
|
||||
errorMessage={errors.dataSourceCode}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="dataSourceCode"
|
||||
placeholder="Data Source Code"
|
||||
>
|
||||
{({ field, form }: FieldProps<string>) => (
|
||||
<Select
|
||||
componentAs={CreatableSelect}
|
||||
field={field}
|
||||
form={form}
|
||||
placeholder="Data Source Code"
|
||||
isClearable={true}
|
||||
isLoading={isLoadingDataSource}
|
||||
options={dataSourceList}
|
||||
value={
|
||||
values.dataSourceCode
|
||||
? (dataSourceList?.find((o) => o.value === values.dataSourceCode) ?? {
|
||||
label: values.dataSourceCode,
|
||||
value: values.dataSourceCode,
|
||||
})
|
||||
: null
|
||||
}
|
||||
onChange={(option) => {
|
||||
form.setFieldValue(field.name, option?.value)
|
||||
setIsDataSourceNew(
|
||||
!!option?.value &&
|
||||
!dataSourceList.some((a) => a.value === option?.value),
|
||||
)
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
</Field>
|
||||
</FormItem>
|
||||
{isDataSourceNew && (
|
||||
<FormItem
|
||||
label="Connection String"
|
||||
invalid={
|
||||
errors.dataSourceConnectionString && touched.dataSourceConnectionString
|
||||
}
|
||||
errorMessage={errors.dataSourceConnectionString}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="dataSourceConnectionString"
|
||||
placeholder="Connection String"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
)}
|
||||
</div>
|
||||
<div className="grid grid-cols-2 gap-1">
|
||||
<FormItem
|
||||
label="Select Command Type"
|
||||
invalid={errors.selectCommandType && touched.selectCommandType}
|
||||
errorMessage={errors.selectCommandType}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="selectCommandType"
|
||||
placeholder="Select Command Type"
|
||||
component={Input}
|
||||
>
|
||||
{({ field, form }: FieldProps<SelectCommandTypeEnum>) => (
|
||||
<Select
|
||||
field={field}
|
||||
form={form}
|
||||
options={selectCommandTypeOptions}
|
||||
value={selectCommandTypeOptions.find((o: any) => o.value === field.value)}
|
||||
onChange={(o) => form.setFieldValue(field.name, o?.value)}
|
||||
/>
|
||||
)}
|
||||
</Field>
|
||||
</FormItem>
|
||||
<FormItem
|
||||
label="Select Command"
|
||||
invalid={errors.selectCommand && touched.selectCommand}
|
||||
errorMessage={errors.selectCommand}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="selectCommand"
|
||||
placeholder="Select Command"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
</div>
|
||||
<div className="grid grid-cols-2 gap-1">
|
||||
<FormItem
|
||||
label="Key Field Name"
|
||||
invalid={errors.keyFieldName && touched.keyFieldName}
|
||||
errorMessage={errors.keyFieldName}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="keyFieldName"
|
||||
placeholder="Key Field Name"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem
|
||||
label="Key Field Db Source Type"
|
||||
invalid={errors.keyFieldDbSourceType && touched.keyFieldDbSourceType}
|
||||
errorMessage={errors.keyFieldDbSourceType}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="keyFieldDbSourceType"
|
||||
placeholder="Key Field Db Source Type"
|
||||
component={Input}
|
||||
>
|
||||
{({ field, form }: FieldProps<DbTypeEnum>) => (
|
||||
<Select
|
||||
field={field}
|
||||
form={form}
|
||||
options={dbSourceTypeOptions}
|
||||
value={dbSourceTypeOptions?.filter(
|
||||
(o: any) => o.value === values.keyFieldDbSourceType,
|
||||
)}
|
||||
onChange={(o) => form.setFieldValue(field.name, o?.value)}
|
||||
/>
|
||||
)}
|
||||
</Field>
|
||||
</FormItem>
|
||||
</div>
|
||||
<div className="grid grid-cols-2 gap-1">
|
||||
<FormItem
|
||||
label="Menu Text (En)"
|
||||
invalid={errors.languageTextMenuEn && touched.languageTextMenuEn}
|
||||
errorMessage={errors.languageTextMenuEn}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="languageTextMenuEn"
|
||||
placeholder="Menu Text (En)"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem
|
||||
label="Menu Text (Tr)"
|
||||
invalid={errors.languageTextMenuTr && touched.languageTextMenuTr}
|
||||
errorMessage={errors.languageTextMenuTr}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="languageTextMenuTr"
|
||||
placeholder="Menu Text (Tr)"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
</div>
|
||||
<div className="grid grid-cols-2 gap-1">
|
||||
<FormItem
|
||||
label="Title (En)"
|
||||
invalid={errors.languageTextTitleEn && touched.languageTextTitleEn}
|
||||
errorMessage={errors.languageTextTitleEn}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="languageTextTitleEn"
|
||||
placeholder="Title (En)"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem
|
||||
label="Title (Tr)"
|
||||
invalid={errors.languageTextTitleTr && touched.languageTextTitleTr}
|
||||
errorMessage={errors.languageTextTitleTr}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="languageTextTitleTr"
|
||||
placeholder="Title (Tr)"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
</div>
|
||||
<div className="grid grid-cols-2 gap-1">
|
||||
<FormItem
|
||||
label="Description (En)"
|
||||
invalid={errors.languageTextDescEn && touched.languageTextDescEn}
|
||||
errorMessage={errors.languageTextDescEn}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="languageTextDescEn"
|
||||
placeholder="Description (En)"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem
|
||||
label="Description (Tr)"
|
||||
invalid={errors.languageTextDescTr && touched.languageTextDescTr}
|
||||
errorMessage={errors.languageTextDescTr}
|
||||
asterisk={true}
|
||||
>
|
||||
<Field
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
name="languageTextDescTr"
|
||||
placeholder="Description (Tr)"
|
||||
component={Input}
|
||||
/>
|
||||
</FormItem>
|
||||
</div>
|
||||
<Button block className="mt-4" variant="solid" loading={isSubmitting} type="submit">
|
||||
{isSubmitting ? translate('::SavingWithThreeDot') : translate('::Save')}
|
||||
</Button>
|
||||
</FormContainer>
|
||||
</Form>
|
||||
)}
|
||||
</Formik>
|
||||
</div>
|
||||
</>
|
||||
</Container>
|
||||
)
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -457,216 +457,214 @@ const OrganizationUnits = () => {
|
|||
></Helmet>
|
||||
<Loading type="cover" loading={loading}>
|
||||
<Container>
|
||||
<AdaptableCard>
|
||||
<div className="flex flex-col lg:flex-row gap-4">
|
||||
<Card
|
||||
className="md:w-2/12 min-w-fit"
|
||||
header={translate('::Abp.Identity.OrganizationUnits')}
|
||||
headerExtra={
|
||||
<div className="flex gap-1">
|
||||
<Button
|
||||
variant="solid"
|
||||
size="xs"
|
||||
title={translate('::Abp.Identity.OrganizationUnit.AddUnit')}
|
||||
onClick={(e) => {
|
||||
e.preventDefault()
|
||||
setDialogItem({
|
||||
parentId: activeOu,
|
||||
displayName: '',
|
||||
})
|
||||
}}
|
||||
>
|
||||
{activeOu ? <MdAccountTree /> : <MdRadioButtonUnchecked />}
|
||||
</Button>
|
||||
<div className="flex flex-col lg:flex-row gap-4">
|
||||
<Card
|
||||
className="md:w-2/12 min-w-fit"
|
||||
header={translate('::Abp.Identity.OrganizationUnits')}
|
||||
headerExtra={
|
||||
<div className="flex gap-1">
|
||||
<Button
|
||||
variant="solid"
|
||||
size="xs"
|
||||
title={translate('::Abp.Identity.OrganizationUnit.AddUnit')}
|
||||
onClick={(e) => {
|
||||
e.preventDefault()
|
||||
setDialogItem({
|
||||
parentId: activeOu,
|
||||
displayName: '',
|
||||
})
|
||||
}}
|
||||
>
|
||||
{activeOu ? <MdAccountTree /> : <MdRadioButtonUnchecked />}
|
||||
</Button>
|
||||
|
||||
<Button
|
||||
variant="solid"
|
||||
size="xs"
|
||||
title={translate('::Abp.Identity.OrganizationUnit.MoveAllUsers')}
|
||||
onClick={(e) => {
|
||||
e.preventDefault()
|
||||
setIsMoveAllUsersOpen(true)
|
||||
}}
|
||||
>
|
||||
<MdGroup />
|
||||
</Button>
|
||||
</div>
|
||||
}
|
||||
>
|
||||
<Input
|
||||
className="h-8"
|
||||
type="text"
|
||||
placeholder={translate('::App.Search')}
|
||||
value={treeSearch}
|
||||
onChange={(e) => {
|
||||
setTreeSearch(e.target.value)
|
||||
}}
|
||||
/>
|
||||
<Tree
|
||||
openByDefault={false}
|
||||
data={list}
|
||||
onSelect={onSelect}
|
||||
onMove={({ dragIds, parentId }) => {
|
||||
if (dragIds.length > 0) {
|
||||
handleMove(dragIds[0], parentId ?? '')
|
||||
}
|
||||
}}
|
||||
onRename={({ id, name }) => {
|
||||
handleEdit(id, name)
|
||||
}}
|
||||
className="mt-2 cursor-pointer"
|
||||
searchTerm={treeSearch}
|
||||
indent={10}
|
||||
searchMatch={(node, term) =>
|
||||
node.data.name.toLowerCase().includes(term.toLowerCase())
|
||||
<Button
|
||||
variant="solid"
|
||||
size="xs"
|
||||
title={translate('::Abp.Identity.OrganizationUnit.MoveAllUsers')}
|
||||
onClick={(e) => {
|
||||
e.preventDefault()
|
||||
setIsMoveAllUsersOpen(true)
|
||||
}}
|
||||
>
|
||||
<MdGroup />
|
||||
</Button>
|
||||
</div>
|
||||
}
|
||||
>
|
||||
<Input
|
||||
className="h-8"
|
||||
type="text"
|
||||
placeholder={translate('::App.Search')}
|
||||
value={treeSearch}
|
||||
onChange={(e) => {
|
||||
setTreeSearch(e.target.value)
|
||||
}}
|
||||
/>
|
||||
<Tree
|
||||
openByDefault={false}
|
||||
data={list}
|
||||
onSelect={onSelect}
|
||||
onMove={({ dragIds, parentId }) => {
|
||||
if (dragIds.length > 0) {
|
||||
handleMove(dragIds[0], parentId ?? '')
|
||||
}
|
||||
width={'100%'}
|
||||
>
|
||||
{Node}
|
||||
</Tree>
|
||||
</Card>
|
||||
<Card className="md:w-10/12 w-full">
|
||||
<Tabs defaultValue="users">
|
||||
<TabList>
|
||||
<TabNav value="users" icon={<HiUser />}>
|
||||
{translate('::AbpIdentity.Users')}
|
||||
</TabNav>
|
||||
<TabNav value="roles" icon={<HiBadgeCheck />}>
|
||||
{translate('::AbpIdentity.Roles')}
|
||||
</TabNav>
|
||||
</TabList>
|
||||
<TabContent value="users">
|
||||
{activeOu ? (
|
||||
<AdaptableCard
|
||||
headerClass="text-right"
|
||||
header={
|
||||
<Button
|
||||
variant="solid"
|
||||
size="sm"
|
||||
onClick={async (e) => {
|
||||
e.preventDefault()
|
||||
const response = await getUsers(0, 1000)
|
||||
setUserSelectionList(response.data?.items ?? [])
|
||||
}}
|
||||
>
|
||||
<MdPersonAdd />
|
||||
</Button>
|
||||
}
|
||||
>
|
||||
<Table compact>
|
||||
{!!ouMembers.length && (
|
||||
<THead>
|
||||
<Tr>
|
||||
<Th></Th>
|
||||
<Th>Adı Soyadı</Th>
|
||||
<Th>E-Posta</Th>
|
||||
<Th>Durum</Th>
|
||||
</Tr>
|
||||
</THead>
|
||||
)}
|
||||
<TBody>
|
||||
{ouMembers.map((user) => (
|
||||
<Tr key={user.id}>
|
||||
<Td>
|
||||
<Button
|
||||
className="mr-auto"
|
||||
type="button"
|
||||
size="xs"
|
||||
onClick={() => {
|
||||
setDeleteRow({
|
||||
id: user.id ?? '',
|
||||
name: 'User',
|
||||
})
|
||||
}}
|
||||
>
|
||||
<FaTrash />
|
||||
</Button>
|
||||
</Td>
|
||||
<Td>
|
||||
<ActionLink
|
||||
href={`/admin/identity/users/${user.id}/details`}
|
||||
className="font-bold"
|
||||
target="_blank"
|
||||
>
|
||||
{user.name} {user.surname}
|
||||
</ActionLink>
|
||||
</Td>
|
||||
<Td>{user.email}</Td>
|
||||
<Td>{user.isActive ? 'Aktif' : 'Pasif'}</Td>
|
||||
</Tr>
|
||||
))}
|
||||
<TableNoRecords show={!ouMembers.length} />
|
||||
</TBody>
|
||||
</Table>
|
||||
</AdaptableCard>
|
||||
) : (
|
||||
<div className="p-3">
|
||||
{translate('::Abp.Identity.OrganizationUnit.Users.Description')}
|
||||
</div>
|
||||
)}
|
||||
</TabContent>
|
||||
<TabContent value="roles">
|
||||
{activeOu ? (
|
||||
<AdaptableCard
|
||||
headerClass="text-right"
|
||||
header={
|
||||
<Button
|
||||
variant="solid"
|
||||
size="sm"
|
||||
onClick={async (e) => {
|
||||
e.preventDefault()
|
||||
const response = await getRoles(0, 1000)
|
||||
setRoleSelectionList(response.data?.items ?? [])
|
||||
}}
|
||||
>
|
||||
<MdPersonAdd />
|
||||
</Button>
|
||||
}
|
||||
>
|
||||
<Table compact>
|
||||
{!!ouRoles.length && (
|
||||
<THead>
|
||||
<Tr>
|
||||
<Th></Th>
|
||||
<Th>Rol</Th>
|
||||
</Tr>
|
||||
</THead>
|
||||
)}
|
||||
<TBody>
|
||||
{ouRoles.map((role) => (
|
||||
<Tr key={role.id}>
|
||||
<Td>
|
||||
<Button
|
||||
className="mr-auto"
|
||||
type="button"
|
||||
size="xs"
|
||||
onClick={() => {
|
||||
setDeleteRow({
|
||||
id: role.id ?? '',
|
||||
name: 'Role',
|
||||
})
|
||||
}}
|
||||
>
|
||||
<FaTrash />
|
||||
</Button>
|
||||
</Td>
|
||||
<Td>{role.name}</Td>
|
||||
</Tr>
|
||||
))}
|
||||
<TableNoRecords show={!ouRoles.length} />
|
||||
</TBody>
|
||||
</Table>
|
||||
</AdaptableCard>
|
||||
) : (
|
||||
<div className="p-3">
|
||||
{translate('::Abp.Identity.OrganizationUnit.Roles.Description')}
|
||||
</div>
|
||||
)}
|
||||
</TabContent>
|
||||
</Tabs>
|
||||
</Card>
|
||||
</div>
|
||||
</AdaptableCard>
|
||||
}}
|
||||
onRename={({ id, name }) => {
|
||||
handleEdit(id, name)
|
||||
}}
|
||||
className="mt-2 cursor-pointer"
|
||||
searchTerm={treeSearch}
|
||||
indent={10}
|
||||
searchMatch={(node, term) =>
|
||||
node.data.name.toLowerCase().includes(term.toLowerCase())
|
||||
}
|
||||
width={'100%'}
|
||||
>
|
||||
{Node}
|
||||
</Tree>
|
||||
</Card>
|
||||
<Card className="md:w-10/12 w-full">
|
||||
<Tabs defaultValue="users">
|
||||
<TabList>
|
||||
<TabNav value="users" icon={<HiUser />}>
|
||||
{translate('::AbpIdentity.Users')}
|
||||
</TabNav>
|
||||
<TabNav value="roles" icon={<HiBadgeCheck />}>
|
||||
{translate('::AbpIdentity.Roles')}
|
||||
</TabNav>
|
||||
</TabList>
|
||||
<TabContent value="users">
|
||||
{activeOu ? (
|
||||
<AdaptableCard
|
||||
headerClass="text-right"
|
||||
header={
|
||||
<Button
|
||||
variant="solid"
|
||||
size="sm"
|
||||
onClick={async (e) => {
|
||||
e.preventDefault()
|
||||
const response = await getUsers(0, 1000)
|
||||
setUserSelectionList(response.data?.items ?? [])
|
||||
}}
|
||||
>
|
||||
<MdPersonAdd />
|
||||
</Button>
|
||||
}
|
||||
>
|
||||
<Table compact>
|
||||
{!!ouMembers.length && (
|
||||
<THead>
|
||||
<Tr>
|
||||
<Th></Th>
|
||||
<Th>Adı Soyadı</Th>
|
||||
<Th>E-Posta</Th>
|
||||
<Th>Durum</Th>
|
||||
</Tr>
|
||||
</THead>
|
||||
)}
|
||||
<TBody>
|
||||
{ouMembers.map((user) => (
|
||||
<Tr key={user.id}>
|
||||
<Td>
|
||||
<Button
|
||||
className="mr-auto"
|
||||
type="button"
|
||||
size="xs"
|
||||
onClick={() => {
|
||||
setDeleteRow({
|
||||
id: user.id ?? '',
|
||||
name: 'User',
|
||||
})
|
||||
}}
|
||||
>
|
||||
<FaTrash />
|
||||
</Button>
|
||||
</Td>
|
||||
<Td>
|
||||
<ActionLink
|
||||
href={`/admin/identity/users/${user.id}/details`}
|
||||
className="font-bold"
|
||||
target="_blank"
|
||||
>
|
||||
{user.name} {user.surname}
|
||||
</ActionLink>
|
||||
</Td>
|
||||
<Td>{user.email}</Td>
|
||||
<Td>{user.isActive ? 'Aktif' : 'Pasif'}</Td>
|
||||
</Tr>
|
||||
))}
|
||||
<TableNoRecords show={!ouMembers.length} />
|
||||
</TBody>
|
||||
</Table>
|
||||
</AdaptableCard>
|
||||
) : (
|
||||
<div className="p-3">
|
||||
{translate('::Abp.Identity.OrganizationUnit.Users.Description')}
|
||||
</div>
|
||||
)}
|
||||
</TabContent>
|
||||
<TabContent value="roles">
|
||||
{activeOu ? (
|
||||
<AdaptableCard
|
||||
headerClass="text-right"
|
||||
header={
|
||||
<Button
|
||||
variant="solid"
|
||||
size="sm"
|
||||
onClick={async (e) => {
|
||||
e.preventDefault()
|
||||
const response = await getRoles(0, 1000)
|
||||
setRoleSelectionList(response.data?.items ?? [])
|
||||
}}
|
||||
>
|
||||
<MdPersonAdd />
|
||||
</Button>
|
||||
}
|
||||
>
|
||||
<Table compact>
|
||||
{!!ouRoles.length && (
|
||||
<THead>
|
||||
<Tr>
|
||||
<Th></Th>
|
||||
<Th>Rol</Th>
|
||||
</Tr>
|
||||
</THead>
|
||||
)}
|
||||
<TBody>
|
||||
{ouRoles.map((role) => (
|
||||
<Tr key={role.id}>
|
||||
<Td>
|
||||
<Button
|
||||
className="mr-auto"
|
||||
type="button"
|
||||
size="xs"
|
||||
onClick={() => {
|
||||
setDeleteRow({
|
||||
id: role.id ?? '',
|
||||
name: 'Role',
|
||||
})
|
||||
}}
|
||||
>
|
||||
<FaTrash />
|
||||
</Button>
|
||||
</Td>
|
||||
<Td>{role.name}</Td>
|
||||
</Tr>
|
||||
))}
|
||||
<TableNoRecords show={!ouRoles.length} />
|
||||
</TBody>
|
||||
</Table>
|
||||
</AdaptableCard>
|
||||
) : (
|
||||
<div className="p-3">
|
||||
{translate('::Abp.Identity.OrganizationUnit.Roles.Description')}
|
||||
</div>
|
||||
)}
|
||||
</TabContent>
|
||||
</Tabs>
|
||||
</Card>
|
||||
</div>
|
||||
</Container>
|
||||
</Loading>
|
||||
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -6,6 +6,7 @@ import LoadAiPostsFromLocalStorage from './LoadAiPostsFromLocalStorage'
|
|||
import { useLocalization } from '@/utils/hooks/useLocalization'
|
||||
import { getAi } from '@/services/ai.service'
|
||||
import { AiDto } from '@/proxy/ai/models'
|
||||
import { Container } from '@/components/shared'
|
||||
|
||||
// Types
|
||||
type ChatType = 'chat' | 'query' | 'analyze'
|
||||
|
|
@ -262,9 +263,8 @@ const Assistant = () => {
|
|||
|
||||
// Render
|
||||
return (
|
||||
<>
|
||||
<Container>
|
||||
<LoadAiPostsFromLocalStorage />
|
||||
|
||||
<div className="h-[calc(100vh-140px)] flex flex-col">
|
||||
<div className="flex-1 overflow-y-auto p-4 space-y-4">
|
||||
{messages.length === 0 && (
|
||||
|
|
@ -359,7 +359,7 @@ const Assistant = () => {
|
|||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</>
|
||||
</Container>
|
||||
)
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ import { useStoreState } from '@/store/store'
|
|||
import React, { useState, useEffect } from 'react'
|
||||
import { useForumData } from './useForumData'
|
||||
import { ForumView } from './forum/ForumView'
|
||||
import { Container } from '@/components/shared'
|
||||
|
||||
export function Forum() {
|
||||
const { user, tenant } = useStoreState((state) => state.auth)
|
||||
|
|
@ -45,7 +46,7 @@ export function Forum() {
|
|||
}, [error, clearError])
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-gray-50">
|
||||
<Container>
|
||||
{error && (
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
|
||||
<div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative">
|
||||
|
|
@ -76,7 +77,7 @@ export function Forum() {
|
|||
onTopicSelect={setSelectedTopic}
|
||||
onViewStateChange={setForumViewState}
|
||||
/>
|
||||
</div>
|
||||
</Container>
|
||||
)
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
import { useEffect } from 'react'
|
||||
import { useForumData } from './useForumData'
|
||||
import { AdminView } from './admin/AdminView'
|
||||
import { Container } from '@/components/shared'
|
||||
|
||||
export function Management() {
|
||||
const {
|
||||
|
|
@ -52,7 +53,7 @@ export function Management() {
|
|||
}, [error, clearError])
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-gray-50">
|
||||
<Container>
|
||||
{error && (
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
|
||||
<div className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative">
|
||||
|
|
@ -90,7 +91,7 @@ export function Management() {
|
|||
onMarkPostAsAcceptedAnswer={(id) => markPostAsAcceptedAnswer(id).then(() => {})}
|
||||
onUnmarkPostAsAcceptedAnswer={(id) => unmarkPostAsAcceptedAnswer(id).then(() => {})}
|
||||
/>
|
||||
</div>
|
||||
</Container>
|
||||
)
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -75,20 +75,36 @@ export function AdminView({
|
|||
onUnmarkPostAsAcceptedAnswer,
|
||||
}: AdminViewProps) {
|
||||
const [activeSection, setActiveSection] = useState<AdminSection>('stats')
|
||||
const { translate } = useLocalization();
|
||||
const { translate } = useLocalization()
|
||||
|
||||
const navigationItems = [
|
||||
{ id: 'stats' as AdminSection, label: translate('::App.Forum.Dashboard.Dashboard'), icon: BarChart3 },
|
||||
{ id: 'categories' as AdminSection, label: translate('::App.Forum.Dashboard.Categories'), icon: Folder },
|
||||
{ id: 'topics' as AdminSection, label: translate('::App.Forum.Dashboard.Topics'), icon: MessageSquare },
|
||||
{ id: 'posts' as AdminSection, label: translate('::App.Forum.Dashboard.Posts'), icon: FileText },
|
||||
{
|
||||
id: 'stats' as AdminSection,
|
||||
label: translate('::App.Forum.Dashboard.Dashboard'),
|
||||
icon: BarChart3,
|
||||
},
|
||||
{
|
||||
id: 'categories' as AdminSection,
|
||||
label: translate('::App.Forum.Dashboard.Categories'),
|
||||
icon: Folder,
|
||||
},
|
||||
{
|
||||
id: 'topics' as AdminSection,
|
||||
label: translate('::App.Forum.Dashboard.Topics'),
|
||||
icon: MessageSquare,
|
||||
},
|
||||
{
|
||||
id: 'posts' as AdminSection,
|
||||
label: translate('::App.Forum.Dashboard.Posts'),
|
||||
icon: FileText,
|
||||
},
|
||||
]
|
||||
|
||||
return (
|
||||
<div className="mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
||||
<div className="flex flex-col lg:flex-row gap-8">
|
||||
{/* Sidebar Navigation */}
|
||||
<div className="lg:w-64 flex-shrink-0">
|
||||
<div className="lg:w-64 flex-shrink-0 p-4 bg-gray-50">
|
||||
<nav className="space-y-2">
|
||||
{navigationItems.map((item) => {
|
||||
const Icon = item.icon
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ import { SortableMenuTree } from './SortableMenuTree'
|
|||
import { MenuItem } from '@/@types/menu'
|
||||
import { useMenuData } from '@/utils/hooks/useMenuData'
|
||||
import { AlertCircle, Loader2, Menu, Save } from 'lucide-react'
|
||||
import { Container } from '@/components/shared'
|
||||
|
||||
export const MenuManager = () => {
|
||||
const { menuItems, setMenuItems, loading, error, refetch, saveMenuData } = useMenuData()
|
||||
|
|
@ -76,9 +77,8 @@ export const MenuManager = () => {
|
|||
}
|
||||
|
||||
return (
|
||||
<div className="w-full h-full">
|
||||
{/* Menu Tree */}
|
||||
<div className="bg-white rounded-lg shadow-md p-6">
|
||||
<Container>
|
||||
<div className="bg-white rounded px-4 sm:px-4 lg:px-6 py-6">
|
||||
<div className="flex items-center justify-between mb-6 flex-wrap gap-4">
|
||||
{/* Sol kısım: Başlık */}
|
||||
<div className="flex items-center gap-2">
|
||||
|
|
@ -152,7 +152,7 @@ export const MenuManager = () => {
|
|||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</Container>
|
||||
)
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue