Skip to content
Projects
Groups
Snippets
Help
Loading...
Sign in / Register
Toggle navigation
F
final-exam
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Packages
Packages
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Nawasan Wisitsingkhon
final-exam
Commits
57d3fdb2
Commit
57d3fdb2
authored
Oct 05, 2023
by
Nawasan Wisitsingkhon
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
fix: admin navbar to search
parent
f147ee7d
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
144 additions
and
8 deletions
+144
-8
AdminNavbar.js
src/components/AdminNavbar.js
+18
-7
order.js
src/pages/admin/order.js
+1
-1
[id].js
src/pages/admin/order/[id].js
+125
-0
No files found.
src/components/AdminNavbar.js
View file @
57d3fdb2
...
...
@@ -65,7 +65,7 @@ const StyledInputBase = styled(InputBase)(({ theme }) => ({
function
AdminNavbar
(
props
)
{
const
user
=
useContext
(
UserContext
);
const
adminOrder
=
useContext
(
AdminOrderContext
)
const
adminOrder
=
useContext
(
AdminOrderContext
)
;
const
router
=
useRouter
();
const
[
search
,
setSearch
]
=
React
.
useState
(
router
.
query
?.
q
??
""
);
...
...
@@ -74,11 +74,16 @@ function AdminNavbar(props) {
const
[
mobileMoreAnchorEl
,
setMobileMoreAnchorEl
]
=
React
.
useState
(
null
);
const
[
mobileOpen
,
setMobileOpen
]
=
React
.
useState
(
false
);
function
onUpdateSearch
(
value
)
{
router
.
push
({
pathname
:
location
.
pathname
,
query
:
{
...
router
.
query
,
q
:
value
},
});
}
React
.
useEffect
(()
=>
{
if
(
search
.
length
)
router
.
push
({
pathname
:
router
.
pathname
,
query
:
{
q
:
search
}
});
else
router
.
push
({
pathname
:
router
.
pathname
});
},
[
search
]);
setSearch
(
router
.
query
?.
q
??
""
);
},
[
router
]);
const
handleDrawerToggle
=
()
=>
{
setMobileOpen
(
!
mobileOpen
);
...
...
@@ -146,7 +151,13 @@ function AdminNavbar(props) {
link
:
"/admin/order"
,
element
:
(
<
IconButton
size
=
"large"
aria
-
label
=
"show 4 new mails"
color
=
"inherit"
>
<
Badge
badgeContent
=
{[...
adminOrder
.
value
?.
filter
((
order
)
=>
order
.
send_status
===
0
)].
length
}
color
=
"error"
>
<
Badge
badgeContent
=
{
[...
adminOrder
.
value
?.
filter
((
order
)
=>
order
.
send_status
===
0
)]
.
length
}
color
=
"error"
>
<
ProductionQuantityLimits
/>
<
/Badge
>
<
/IconButton
>
...
...
@@ -248,7 +259,7 @@ function AdminNavbar(props) {
placeholder
=
"Search…"
inputProps
=
{{
"aria-label"
:
"search"
}}
value
=
{
search
}
onChange
=
{(
e
)
=>
set
Search
(
e
.
target
.
value
)}
onChange
=
{(
e
)
=>
onUpdate
Search
(
e
.
target
.
value
)}
/
>
<
/Search
>
<
Box
sx
=
{{
flexGrow
:
1
}}
/
>
...
...
src/pages/admin/order.js
View file @
57d3fdb2
...
...
@@ -92,7 +92,7 @@ export default function Order() {
<
/Box
>
<
/TableCell
>
<
TableCell
>
<
Link
href
=
{
"/order/"
+
order
.
id
}
>
<
Link
href
=
{
"/
admin/
order/"
+
order
.
id
}
>
<
Button
>
รายละเอียด
<
/Button
>
<
/Link
>
<
/TableCell
>
...
...
src/pages/admin/order/[id].js
0 → 100644
View file @
57d3fdb2
import
axios
from
"axios"
;
import
{
useRouter
}
from
"next/router"
;
import
React
,
{
useContext
,
useEffect
,
useState
}
from
"react"
;
import
{
UserContext
}
from
"@/pages/_app"
;
import
Head
from
"next/head"
;
import
{
Box
,
Button
,
Paper
,
Table
,
TableHead
,
TableRow
,
TableCell
,
TableBody
,
}
from
"@mui/material"
;
import
Link
from
"next/link"
;
import
{
ArrowBackIos
}
from
"@mui/icons-material"
;
export
default
function
AdminOrderDetail
()
{
const
user
=
useContext
(
UserContext
);
const
router
=
useRouter
();
const
[
orderDetailList
,
setOrderDetailList
]
=
useState
([]);
const
[
orderDetailProduct
,
setOrderDetailProduct
]
=
useState
([]);
const
[
products
,
setProducts
]
=
useState
([]);
const
fetchProduct
=
async
()
=>
{
let
response
=
await
axios
.
get
(
"/api/product"
);
setProducts
(
response
.
data
);
};
const
fetchOrderDetail
=
async
()
=>
{
if
(
!
user
.
value
?.
token
)
return
;
try
{
let
response
=
await
axios
.
get
(
"/api/u/order/detail?id="
+
router
.
query
.
id
,
{
headers
:
{
token
:
user
.
value
.
token
},
});
setOrderDetailList
(
response
.
data
);
}
catch
(
err
)
{
console
.
log
(
err
);
}
};
useEffect
(()
=>
{
fetchProduct
();
},
[]);
useEffect
(()
=>
{
fetchOrderDetail
();
setOrderDetailProduct
(
orderDetailList
.
map
(
(
ordd
)
=>
products
.
filter
((
product
)
=>
product
.
id
===
ordd
.
product_id
)[
0
]
)
);
console
.
log
(
orderDetailProduct
);
},
[
user
]);
return
(
<>
<
Head
>
<
title
>
รายละเอียดคำสั่งซื้อ
|
OpenShop
<
/title
>
<
/Head
>
{
orderDetailList
.
length
?
(
<
Box
>
<
Box
sx
=
{{
textAlign
:
"right"
,
p
:
1
}}
>
<
Link
href
=
"/order"
>
<
Button
color
=
"error"
>
<
ArrowBackIos
/>
ย้อนกลับ
<
/Button
>
<
/Link
>
<
/Box
>
<
Paper
sx
=
{{
p
:
1
}}
>
<
Table
>
<
TableHead
>
<
TableRow
>
{[
"ลำดับ"
,
"รูปภาพ"
,
"ชื่อสินค้า"
,
"รายละเอียด"
,
"ราคา"
].
map
(
(
label
,
idx
)
=>
(
<
TableCell
key
=
{
idx
}
>
{
label
}
<
/TableCell
>
)
)}
<
/TableRow
>
<
/TableHead
>
<
TableBody
>
{
orderDetailList
.
map
((
orderd
,
idx
)
=>
{
let
pdt
=
products
.
filter
(
(
product
)
=>
product
.
id
===
orderd
.
product_id
)[
0
];
return
(
pdt
&&
(
<
TableRow
key
=
{
idx
}
>
<
TableCell
>
{
idx
+
1
}
<
/TableCell
>
<
TableCell
>
<
img
width
=
{
100
}
src
=
{
pdt
.
image
?.
length
?
pdt
.
image
:
"/empty.jpg"
}
alt
=
"รูปสินค้า"
/>
<
/TableCell
>
<
TableCell
>
{
pdt
.
name
}
<
/TableCell
>
<
TableCell
>
<
div
className
=
"max-h-10 overflow-scroll"
>
{
pdt
.
detail
}
<
/div
>
<
/TableCell
>
<
TableCell
>
<
Box
color
=
"orangered"
>
$
{
orderd
.
product_price
}
<
/Box
>
<
/TableCell
>
<
/TableRow
>
)
);
})}
<
/TableBody
>
<
/Table
>
<
/Paper
>
<
/Box
>
)
:
(
<
Box
>
<
Paper
sx
=
{{
p
:
1
}}
>
<
Box
sx
=
{{
textAlign
:
"center"
}}
>
ไม่พบรายการ
<
/Box
>
<
/Paper
>
<
/Box
>
)}
<
/
>
);
}
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment