Fix issue with modal inline dialogs. Fix issue with m2m multiple select.

vsdudakov · vsdudakov · commit 90d167009f33 · 2024-08-08T00:53:11.000+03:00
diff --git a/docs/build.py b/docs/build.py
@@ -39,6 +39,12 @@ def read_cls_docstring(cls):
 
 def get_versions():
     return [
+        {
+            "version": "0.2.9",
+            "changes": [
+                "Fix issue with modal inline dialogs. Fix issue with m2m multiple select.",
+            ],
+        },
         {
             "version": "0.2.8",
             "changes": [
diff --git a/docs/index.html b/docs/index.html
diff --git a/examples/fastapi_sqlalchemy/README.md b/examples/fastapi_sqlalchemy/README.md
@@ -1,7 +1,6 @@
 ## FastAPI + SQLAlchemy 2.x Example
 
 - Uses in-memory SQLite 3 instance
-- Creates User mode
 - Creates "admin/admin" superuser
 
 ```bash
diff --git a/examples/fastapi_sqlalchemy/example.py b/examples/fastapi_sqlalchemy/example.py
@@ -1,4 +1,5 @@
 from fastapi import FastAPI
+from fastapi.middleware.cors import CORSMiddleware
 from models import Base, BaseEvent, Event, Tournament, User, sqlalchemy_engine, sqlalchemy_sessionmaker
 from sqlalchemy import select, update
 
@@ -53,7 +54,6 @@ class BaseEventModelAdmin(SqlAlchemyModelAdmin):
 class EventModelAdmin(SqlAlchemyModelAdmin):
     actions = ("make_is_active", "make_is_not_active")
     list_display = ("id", "name_with_price", "rating", "event_type", "is_active", "started")
-    raw_id_fields = ("base",)
 
     @action(description="Make user active")
     async def make_is_active(self, ids):
@@ -107,3 +107,11 @@ async def startup():
 
 
 app.mount("/admin", admin_app)
+
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=["*"],
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
diff --git a/examples/fastapi_tortoiseorm/README.md b/examples/fastapi_tortoiseorm/README.md
@@ -1,7 +1,6 @@
 ## FastAPI + Tortoise ORM Example
 
 - Uses in-memory SQLite 3 instance
-- Creates User mode
 - Creates "admin/admin" superuser
 
 ```bash
diff --git a/examples/fastapi_tortoiseorm/example.py b/examples/fastapi_tortoiseorm/example.py
@@ -1,4 +1,5 @@
 from fastapi import FastAPI
+from fastapi.middleware.cors import CORSMiddleware
 from models import BaseEvent, Event, Tournament, User
 from tortoise import Tortoise
 
@@ -49,7 +50,6 @@ class BaseEventModelAdmin(TortoiseModelAdmin):
 class EventModelAdmin(TortoiseModelAdmin):
     actions = ("make_is_active", "make_is_not_active")
     list_display = ("id", "name_with_price", "rating", "event_type", "is_active", "started")
-    raw_id_fields = ("base",)
 
     @action(description="Make user active")
     async def make_is_active(self, ids):
@@ -96,3 +96,11 @@ async def shutdown():
 
 
 app.mount("/admin", admin_app)
+
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=["*"],
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
diff --git a/fastadmin/static/index.min.js b/fastadmin/static/index.min.js
diff --git a/frontend/index.html b/frontend/index.html
@@ -7,8 +7,8 @@
     <meta name="description" content="Fast Admin"/>
     <title>Fast Admin</title>
     <script>
-      window.SERVER_DOMAIN = 'http://localhost:8000';
-      window.SERVER_URL = 'http://localhost:8000/admin/api';
+      window.SERVER_DOMAIN = 'http://localhost:8090';
+      window.SERVER_URL = 'http://localhost:8090/admin/api';
     </script>
   </head>
   <body>
diff --git a/frontend/src/components/async-select/index.tsx b/frontend/src/components/async-select/index.tsx
@@ -37,7 +37,6 @@ export interface IAsyncSelect {
   labelFields: string[];
 
   value?: any;
-
   parentModel: string;
 }
 
@@ -160,6 +159,8 @@ export const AsyncSelect: React.FC<IAsyncSelect> = ({
     mutateChange(payload);
   };
 
+  const isMultipleMode = (props as any).mode === "multiple";
+
   return (
     <>
       <Space.Compact style={{ width: "100%" }}>
@@ -174,7 +175,7 @@ export const AsyncSelect: React.FC<IAsyncSelect> = ({
             <PlusCircleOutlined />
           </Button>
         </Tooltip>
-        {value && (
+        {value && !isMultipleMode && (
           <Tooltip
             title={_t(
               `Edit ${
@@ -200,7 +201,15 @@ export const AsyncSelect: React.FC<IAsyncSelect> = ({
               label: item[labelField],
             };
           })}
-          value={value ? `${value}` : undefined}
+          value={
+            isMultipleMode
+              ? value
+                ? value.map((v: any) => `${v}`)
+                : []
+              : value
+                ? `${value}`
+                : undefined
+          }
           {...props}
         />
       </Space.Compact>
diff --git a/frontend/src/components/form-container/index.tsx b/frontend/src/components/form-container/index.tsx
@@ -58,6 +58,10 @@ export const FormContainer: React.FC<IFormContainer> = ({
     }
   }, [hasOperationError, modelConfiguration?.fieldsets]);
 
+  useEffect(() => {
+    form.setFieldsValue(initialValues);
+  }, [form, initialValues]);
+
   const getWidget = useCallback(
     (
       configurationField: IAddConfigurationField | IChangeConfigurationField,
diff --git a/pyproject.toml b/pyproject.toml
@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "fastadmin"
-version = "0.2.8"
+version = "0.2.9"
 description = "FastAdmin is an easy-to-use Admin Dashboard App for FastAPI/Flask/Django inspired by Django Admin."
 authors = ["Seva D <vsdudakov@gmail.com>"]
 license = "MIT"

Original file line number	Diff line number	Diff line change
`@@ -58,6 +58,10 @@ export const FormContainer: React.FC<IFormContainer> = ({`
`58`	`58`	`}`
`59`	`59`	`}, [hasOperationError, modelConfiguration?.fieldsets]);`
`60`	`60`
	`61`	`+ useEffect(() => {`
	`62`	`+ form.setFieldsValue(initialValues);`
	`63`	`+ }, [form, initialValues]);`
	`64`	`+`
`61`	`65`	`const getWidget = useCallback(`
`62`	`66`	`(`
`63`	`67`	`configurationField: IAddConfigurationField \| IChangeConfigurationField,`