Browse Source

some additionals for mo

asmer@hetzner 4 năm trước cách đây
mục cha
commit
8eb4943bd4
1 tập tin đã thay đổi với 25 bổ sung8 xóa
  1. 25 8
      src/App.js

+ 25 - 8
src/App.js

@@ -357,6 +357,14 @@ const arrayMove = (arr, newIndex, oldIndex) => {
     const withoutOld = arr.filter((item, i) => i !== oldIndex)
     return [...withoutOld.slice(0, newIndex), arr[oldIndex], ...withoutOld.slice(newIndex)]
 }
+const MDEdit = ({children, field, ...props}) => 
+                    <div style={{display: 'flex'}}>
+                        <textarea style={{maxWidth: '50%', height: '400px'}} placeholder={field.name} value={children} {...props}/>
+                        <div style={{maxWidth: '50%', height: '400px', overflow: 'auto'}}>
+                            {toReact(buildAST(children), React)}
+                        </div>
+                    </div>
+
 
 const defaultAdminOptions = 
     {
@@ -384,7 +392,19 @@ const defaultAdminOptions =
             },
             relations: {
                 Image: ({children}) => <span className="ImageRelation"><img src={localStorage.url + children.url}/>{children.originalFileName}</span>,
-                Content: ({children}) => <span className="ImageRelation"><img src={localStorage.url + children.url}/>{children.name || children.originalFileName}</span>
+                Content: ({children}) => <span className="ImageRelation"><img src={localStorage.url + children.url}/>{children.name || children.originalFileName}</span>,
+                OrderGood: ({children}) => { 
+                    const [good, setGood] = useState()
+                    if (children.good.then)  children.good.then(() => setGood(Math.random()))
+                    return (
+                        <>
+                            {children.good.name}<br/>
+                            {children.optionValueKeys.join(' / ')}<br/>
+                            {children.count}<br/>
+                            {children.total}
+                        </>
+                    )
+                }
             },
             models: {
 
@@ -429,13 +449,10 @@ const defaultAdminOptions =
                 createdAt: ({children}) => <input value={new Date(+children).toISOString()} />,
                 url: ({children}) => <a href={children}>{children}</a>,
                 color:({children, ...props}) => <input type='color' value={children} {...props}/>,
-                md:({children, field, ...props}) => 
-                    <div style={{display: 'flex'}}>
-                        <textarea style={{maxWidth: '50%', height: '400px'}} placeholder={field.name} value={children} {...props}/>
-                        <div style={{maxWidth: '50%', height: '400px', overflow: 'auto'}}>
-                            {toReact(buildAST(children), React)}
-                        </div>
-                    </div>
+                md: MDEdit,
+                text: MDEdit,
+                content: MDEdit,
+                description: MDEdit,
             },
             
             models: {