github-personal/openapi-ui
1
0
Fork 0
mirror of https://github.com/outbackdingo/openapi-ui.git synced 2026-01-28 02:19:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

main layouts

Browse Source
This commit is contained in:
typescreep
2025-06-11 17:53:32 +03:00
parent c9cc22037c
commit 0cd7b87850
9 changed files with 90 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/organisms/Forms/ApisForms/CreateApisForm.tsx
View File

@@ -1,6 +1,7 @@
import React, { FC, useState } from 'react'
import { Card, Flex, Segmented } from 'antd'
import { BlackholeForm, FlexEnd } from 'components'
import { Segmented } from 'antd'
import { ContentCard, Spacer } from '@prorobotech/openapi-k8s-toolkit'
import { BlackholeForm } from 'components'
type TCreateApisFormProps = {
namespace?: string
@@ -29,24 +30,16 @@ export const CreateApisForm: FC<TCreateApisFormProps> = ({ namespace, apiGroup,
}
return (
<Card
title={
<Flex>
Create {namespace ? `${namespace}/` : ''}
{apiGroup}/{apiVersion}/{typeName}
<FlexEnd>
<Segmented<string>
options={['OpenAPI', 'Manual']}
value={currentMode}
onChange={value => {
setCurrentMode(value)
}}
disabled={currentModeDisabled}
/>
</FlexEnd>
</Flex>
}
>
<ContentCard>
<Segmented<string>
options={['OpenAPI', 'Manual']}
value={currentMode}
onChange={value => {
setCurrentMode(value)
}}
disabled={currentModeDisabled}
/>
<Spacer $space={10} $samespace />
<BlackholeForm
data={{
type: 'apis',
@@ -59,6 +52,6 @@ export const CreateApisForm: FC<TCreateApisFormProps> = ({ namespace, apiGroup,
backlink={backLink}
modeData={modeData}
/>
</Card>
</ContentCard>
)
}

36
src/components/organisms/Forms/ApisForms/UpdateApisForm.tsx
View File

@@ -1,9 +1,9 @@
import React, { FC, useState } from 'react'
import { Spin, Alert, Card, Flex, Segmented } from 'antd'
import { useApiResourceSingle } from '@prorobotech/openapi-k8s-toolkit'
import { Spin, Alert, Segmented } from 'antd'
import { useApiResourceSingle, ContentCard, Spacer } from '@prorobotech/openapi-k8s-toolkit'
import { useSelector } from 'react-redux'
import { RootState } from 'store/store'
import { BlackholeForm, FlexEnd } from 'components'
import { BlackholeForm } from 'components'
type TUpdateApisFormProps = {
apiGroup: string
@@ -65,24 +65,16 @@ export const UpdateApisForm: FC<TUpdateApisFormProps> = ({
const { managedFields: __, ...metadata } = data.metadata
return (
<Card
title={
<Flex>
Edit {apiGroup}/{apiVersion}
{data.metadata.namespace ? `/namespaces/${data.metadata.namespace}` : ''}/{typeName}/{entryName}
<FlexEnd>
<Segmented<string>
options={['OpenAPI', 'Manual']}
value={currentMode}
onChange={value => {
setCurrentMode(value)
}}
disabled={currentModeDisabled}
/>
</FlexEnd>
</Flex>
}
>
<ContentCard>
<Segmented<string>
options={['OpenAPI', 'Manual']}
value={currentMode}
onChange={value => {
setCurrentMode(value)
}}
disabled={currentModeDisabled}
/>
<Spacer $space={10} $samespace />
<BlackholeForm
data={{
type: 'apis',
@@ -95,6 +87,6 @@ export const UpdateApisForm: FC<TUpdateApisFormProps> = ({
backlink={backLink}
modeData={modeData}
/>
</Card>
</ContentCard>
)
}

34
src/components/organisms/Forms/BuiltinForms/CreateBuiltinForm.tsx
View File

@@ -1,6 +1,7 @@
import React, { FC, useState } from 'react'
import { Card, Flex, Segmented } from 'antd'
import { BlackholeForm, FlexEnd } from 'components'
import { Segmented } from 'antd'
import { ContentCard, Spacer } from '@prorobotech/openapi-k8s-toolkit'
import { BlackholeForm } from 'components'
type TCreateBuiltinFormProps = {
namespace?: string
@@ -27,23 +28,16 @@ export const CreateBuiltinForm: FC<TCreateBuiltinFormProps> = ({ namespace, type
}
return (
<Card
title={
<Flex>
Create {namespace ? `${namespace}/` : ''}v1/{typeName}
<FlexEnd>
<Segmented<string>
options={['OpenAPI', 'Manual']}
value={currentMode}
onChange={value => {
setCurrentMode(value)
}}
disabled={currentModeDisabled}
/>
</FlexEnd>
</Flex>
}
>
<ContentCard>
<Segmented<string>
options={['OpenAPI', 'Manual']}
value={currentMode}
onChange={value => {
setCurrentMode(value)
}}
disabled={currentModeDisabled}
/>
<Spacer $space={10} $samespace />
<BlackholeForm
data={{
type: 'builtin',
@@ -54,6 +48,6 @@ export const CreateBuiltinForm: FC<TCreateBuiltinFormProps> = ({ namespace, type
backlink={backLink}
modeData={modeData}
/>
</Card>
</ContentCard>
)
}

35
src/components/organisms/Forms/BuiltinForms/UpdateBuiltinForm.tsx
View File

@@ -1,9 +1,9 @@
import React, { FC, useState } from 'react'
import { Spin, Alert, Card, Flex, Segmented } from 'antd'
import { useBuiltinResourceSingle } from '@prorobotech/openapi-k8s-toolkit'
import { Spin, Alert, Segmented } from 'antd'
import { useBuiltinResourceSingle, ContentCard, Spacer } from '@prorobotech/openapi-k8s-toolkit'
import { useSelector } from 'react-redux'
import { RootState } from 'store/store'
import { BlackholeForm, FlexEnd } from 'components'
import { BlackholeForm } from 'components'
type TUpdateBuiltinFormProps = {
typeName: string
@@ -54,23 +54,16 @@ export const UpdateBuiltinForm: FC<TUpdateBuiltinFormProps> = ({ typeName, entry
const { managedFields: __, ...metadata } = data.metadata
return (
<Card
title={
<Flex>
Edit v1{data.metadata.namespace ? `/namespaces/${data.metadata.namespace}` : ''}/{typeName}/{entryName}
<FlexEnd>
<Segmented<string>
options={['OpenAPI', 'Manual']}
value={currentMode}
onChange={value => {
setCurrentMode(value)
}}
disabled={currentModeDisabled}
/>
</FlexEnd>
</Flex>
}
>
<ContentCard>
<Segmented<string>
options={['OpenAPI', 'Manual']}
value={currentMode}
onChange={value => {
setCurrentMode(value)
}}
disabled={currentModeDisabled}
/>
<Spacer $space={10} $samespace />
<BlackholeForm
data={{
type: 'builtin',
@@ -81,6 +74,6 @@ export const UpdateBuiltinForm: FC<TUpdateBuiltinFormProps> = ({ typeName, entry
backlink={backLink}
modeData={modeData}
/>
</Card>
</ContentCard>
)
}

35
src/components/organisms/Forms/CrdsForms/CreateCrdsForm.tsx
View File

@@ -1,6 +1,7 @@
import React, { FC, useState } from 'react'
import { Card, Flex, Segmented } from 'antd'
import { BlackholeForm, FlexEnd } from 'components'
import { Segmented } from 'antd'
import { ContentCard, Spacer } from '@prorobotech/openapi-k8s-toolkit'
import { BlackholeForm } from 'components'
type TCreateCrdsFormProps = {
namespace?: string
@@ -29,24 +30,16 @@ export const CreateCrdsForm: FC<TCreateCrdsFormProps> = ({ namespace, apiGroup,
}
return (
<Card
title={
<Flex>
Create {namespace ? `${namespace}/` : ''}
{apiGroup}/{apiVersion}/{typeName}
<FlexEnd>
<Segmented<string>
options={['OpenAPI', 'Manual']}
value={currentMode}
onChange={value => {
setCurrentMode(value)
}}
disabled={currentModeDisabled}
/>
</FlexEnd>
</Flex>
}
>
<ContentCard>
<Segmented<string>
options={['OpenAPI', 'Manual']}
value={currentMode}
onChange={value => {
setCurrentMode(value)
}}
disabled={currentModeDisabled}
/>
<Spacer $space={10} $samespace />
<BlackholeForm
data={{
type: 'apis',
@@ -59,6 +52,6 @@ export const CreateCrdsForm: FC<TCreateCrdsFormProps> = ({ namespace, apiGroup,
backlink={backLink}
modeData={modeData}
/>
</Card>
</ContentCard>
)
}

36
src/components/organisms/Forms/CrdsForms/UpdateCrdsForm.tsx
View File

@@ -1,9 +1,9 @@
import React, { FC, useState } from 'react'
import { Spin, Alert, Card, Flex, Segmented } from 'antd'
import { useCrdResourceSingle } from '@prorobotech/openapi-k8s-toolkit'
import { Spin, Alert, Segmented } from 'antd'
import { useCrdResourceSingle, ContentCard, Spacer } from '@prorobotech/openapi-k8s-toolkit'
import { useSelector } from 'react-redux'
import { RootState } from 'store/store'
import { BlackholeForm, FlexEnd } from 'components'
import { BlackholeForm } from 'components'
type TUpdateCrdsFormProps = {
apiGroup: string
@@ -65,24 +65,16 @@ export const UpdateCrdsForm: FC<TUpdateCrdsFormProps> = ({
const { managedFields: __, ...metadata } = data.metadata
return (
<Card
title={
<Flex>
Edit {apiGroup}/{apiVersion}
{data.metadata.namespace ? `/namespaces/${data.metadata.namespace}` : ''}/{typeName}/{entryName}
<FlexEnd>
<Segmented<string>
options={['OpenAPI', 'Manual']}
value={currentMode}
onChange={value => {
setCurrentMode(value)
}}
disabled={currentModeDisabled}
/>
</FlexEnd>
</Flex>
}
>
<ContentCard>
<Segmented<string>
options={['OpenAPI', 'Manual']}
value={currentMode}
onChange={value => {
setCurrentMode(value)
}}
disabled={currentModeDisabled}
/>
<Spacer $space={10} $samespace />
<BlackholeForm
data={{
type: 'apis',
@@ -95,6 +87,6 @@ export const UpdateCrdsForm: FC<TUpdateCrdsFormProps> = ({
backlink={backLink}
modeData={modeData}
/>
</Card>
</ContentCard>
)
}

3
src/pages/FormApiPage/FormApiPage.tsx
View File

@@ -31,13 +31,14 @@ export const FormApiPage: FC<TFormApiPageProps> = ({ forcedTheme }) => {
return (
<BaseTemplate forcedTheme={forcedTheme}>
<ManageableBreadcrumbs />
<Spacer $space={20} $samespace />
<BackLink
to={backLink || customBacklink}
title={`${entryName ? 'Update' : 'Create'} ${apiGroup}/${apiVersion}/${typeName}${
entryName ? `/${entryName}` : ''
}`}
/>
<Spacer $space={20} $samespace />
<Spacer $space={10} $samespace />
{entryName ? (
<UpdateApisForm
namespace={namespace}

3
src/pages/FormBuiltinPage/FormBuiltinPage.tsx
View File

@@ -31,11 +31,12 @@ export const FormBuiltinPage: FC<TFormBuiltinPageProps> = ({ forcedTheme }) => {
return (
<BaseTemplate forcedTheme={forcedTheme}>
<ManageableBreadcrumbs />
<Spacer $space={20} $samespace />
<BackLink
to={backLink || customBacklink}
title={`${entryName ? 'Update' : 'Create'} ${typeName}${entryName ? `/${entryName}` : ''}`}
/>
<Spacer $space={20} $samespace />
<Spacer $space={10} $samespace />
{entryName ? (
<UpdateBuiltinForm namespace={namespace} typeName={typeName} entryName={entryName} backLink={backLink} />
) : (

3
src/pages/FormCrdPage/FormCrdPage.tsx
View File

@@ -31,13 +31,14 @@ export const FormCrdPage: FC<TFormCrdPageProps> = ({ forcedTheme }) => {
return (
<BaseTemplate forcedTheme={forcedTheme}>
<ManageableBreadcrumbs />
<Spacer $space={20} $samespace />
<BackLink
to={backLink || customBacklink}
title={`${entryName ? 'Update' : 'Create'} ${apiGroup}/${apiVersion}/${typeName}${
entryName ? `/${entryName}` : ''
}`}
/>
<Spacer $space={20} $samespace />
<Spacer $space={10} $samespace />
{entryName ? (
<UpdateCrdsForm
namespace={namespace}