louis/oktopus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(frontend): add cwmp tabs available at enterprise version

Browse Source
This commit is contained in:
leandrofars 2024-10-30 13:55:35 -03:00
parent 6fe92fcc85
commit a895e3ce31
1 changed files with 32 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
frontend/src/pages/devices/cwmp/[...id].js
View File

@ -19,6 +19,9 @@ import DevicePhoneMobile from '@heroicons/react/24/solid/DevicePhoneMobileIcon';
import WrenchScrewDriverIcon from '@heroicons/react/24/outline/WrenchScrewdriverIcon'; import WrenchScrewDriverIcon from '@heroicons/react/24/outline/WrenchScrewdriverIcon';
import CommandLineIcon from '@heroicons/react/24/outline/CommandLineIcon'; import CommandLineIcon from '@heroicons/react/24/outline/CommandLineIcon';
import { DevicesWiFi } from 'src/sections/devices/cwmp/devices-wifi'; import { DevicesWiFi } from 'src/sections/devices/cwmp/devices-wifi';
import ArrowTrendingUpIcon from '@heroicons/react/24/outline/ArrowTrendingUpIcon';
import DocumentTextIcon from '@heroicons/react/24/outline/DocumentTextIcon';
import MapPinIcon from '@heroicons/react/24/outline/MapPinIcon';
const Page = () => { const Page = () => {
@ -52,7 +55,7 @@ const Page = () => {
py: 0, py: 0,
}} }}
> >
<Container maxWidth="lg"> <Container maxWidth="xg">
<Stack spacing={3} mb={3}> <Stack spacing={3} mb={3}>
<Breadcrumbs separator="›" aria-label="breadcrumb" ml={10}> <Breadcrumbs separator="›" aria-label="breadcrumb" ml={10}>
{[<Link underline="hover" key="1" color="inherit" href="/devices"> {[<Link underline="hover" key="1" color="inherit" href="/devices">
@ -79,8 +82,7 @@ const Page = () => {
label="Wi-Fi" label="Wi-Fi"
onClick={()=>{router.push(`/devices/cwmp/${deviceID}/wifi`)}} onClick={()=>{router.push(`/devices/cwmp/${deviceID}/wifi`)}}
value={"wifi"} value={"wifi"}
disabled style={{opacity:"0.5", cursor:"default"}}/></Tooltip>
/></Tooltip>
<Tooltip title="Upgrade to Business Plan" placement="bottom"> <Tooltip title="Upgrade to Business Plan" placement="bottom">
<Tab <Tab
icon={<SvgIcon><SignalIcon/></SvgIcon>} icon={<SvgIcon><SignalIcon/></SvgIcon>}
@ -111,23 +113,47 @@ const Page = () => {
icon={<SvgIcon><ServerStackIcon/></SvgIcon>} icon={<SvgIcon><ServerStackIcon/></SvgIcon>}
iconPosition={"end"} iconPosition={"end"}
label="Ports" label="Ports"
onClick={()=>{router.push(`/devices/usp/${deviceID}/ports`)}} onClick={()=>{router.push(`/devices/cwmp/${deviceID}/ports`)}}
style={{opacity:"0.5", cursor:"default"}} style={{opacity:"0.5", cursor:"default"}}
value={"ports"} /></Tooltip> value={"ports"} /></Tooltip>
<Tooltip title="Upgrade to Business Plan" placement="bottom"> <Tooltip title="Upgrade to Business Plan" placement="bottom">
<Tab <Tab
icon={<SvgIcon><ArrowTrendingUpIcon/></SvgIcon>}
iconPosition={"end"}
label="Historic"
onClick={()=>{router.push(`/devices/cwmp/${deviceID}/historic`)}}
value={"historic"}
style={{opacity:"0.5", cursor:"default"}}/></Tooltip>
<Tooltip title="Upgrade to Business Plan" placement="bottom">
<Tab
icon={<SvgIcon><CommandLineIcon/></SvgIcon>} icon={<SvgIcon><CommandLineIcon/></SvgIcon>}
iconPosition={"end"} iconPosition={"end"}
label="Actions" label="Actions"
onClick={()=>{router.push(`/devices/usp/${deviceID}/actions`)}} onClick={()=>{router.push(`/devices/cwmp/${deviceID}/actions`)}}
style={{opacity:"0.5", cursor:"default"}} style={{opacity:"0.5", cursor:"default"}}
value={"actions"} /></Tooltip> value={"actions"} /></Tooltip>
<Tooltip title="Upgrade to Business Plan" placement="bottom">
<Tab
icon={<SvgIcon><DocumentTextIcon/></SvgIcon>}
iconPosition={"end"}
label="Logs"
onClick={()=>{router.push(`/devices/cwmp/${deviceID}/logs`)}}
style={{opacity:"0.5", cursor:"default"}}
value={"logs"} /></Tooltip>
<Tooltip title="Upgrade to Business Plan" placement="bottom">
<Tab
icon={<SvgIcon><MapPinIcon/></SvgIcon>}
iconPosition={"end"}
label="Location"
onClick={()=>{router.push(`/devices/cwmp/${deviceID}/location`)}}
style={{opacity:"0.5", cursor:"default"}}
value={"location"} /></Tooltip>
<Tab <Tab
value={"msg"} value={"msg"}
onClick={()=>{router.push(`/devices/cwmp/${deviceID}/msg`)}} onClick={()=>{router.push(`/devices/cwmp/${deviceID}/msg`)}}
icon={<SvgIcon><EnvelopeIcon/></SvgIcon>} icon={<SvgIcon><EnvelopeIcon/></SvgIcon>}
iconPosition={"end"} iconPosition={"end"}
label="Remote Messages" /> label="Messages" />
</Tabs> </Tabs>
</Box> </Box>
</Stack> </Stack>