andry/EMS-ESP32
1
0
Fork 0
mirror of https://github.com/emsesp/EMS-ESP32.git synced 2025-12-07 16:29:51 +03:00
Code Issues Packages Projects Releases Wiki Activity

formatting

Browse Source
This commit is contained in:
Proddy
2022-04-18 11:05:38 +02:00
parent 101f94bea6
commit 9f6bbac8ce
10 changed files with 523 additions and 652 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
interface/src/project/DashboardData.tsx
View File

@@ -42,6 +42,7 @@ import EditOffOutlinedIcon from '@mui/icons-material/EditOffOutlined';
import CommentsDisabledOutlinedIcon from '@mui/icons-material/CommentsDisabledOutlined';
import KeyboardArrowUpOutlinedIcon from '@mui/icons-material/KeyboardArrowUpOutlined';
import KeyboardArrowDownOutlinedIcon from '@mui/icons-material/KeyboardArrowDownOutlined';
import StarIcon from '@mui/icons-material/Star';
import DeviceIcon from './DeviceIcon';
@@ -96,7 +97,7 @@ const DashboardData: FC = () => {
border-top: 1px solid #177ac9;
border-bottom: 1px solid #177ac9;
}
`,
`,
HeaderRow: `
text-transform: uppercase;
background-color: black;
@@ -128,7 +129,7 @@ const DashboardData: FC = () => {
border-top: 1px solid #177ac9;
border-bottom: 1px solid #177ac9;
}
`,
`,
BaseCell: `
border-top: 1px solid transparent;
border-right: 1px solid transparent;
@@ -163,7 +164,7 @@ const DashboardData: FC = () => {
font-size: 14px;
color: white;
height: 32px;
`,
`,
HeaderRow: `
text-transform: uppercase;
background-color: black;
@@ -194,7 +195,7 @@ const DashboardData: FC = () => {
color: white;
cursor: 'pointer',
}
`,
`,
BaseCell: `
padding-left: 8px;
border-top: 1px solid transparent;
@@ -661,7 +662,7 @@ const DashboardData: FC = () => {
<HeaderCell resize>TYPE</HeaderCell>
<HeaderCell resize>DESCRIPTION</HeaderCell>
<HeaderCell>ENTITIES</HeaderCell>
<HeaderCell/>
<HeaderCell />
</HeaderRow>
</Header>
<Body>
@@ -716,6 +717,7 @@ const DashboardData: FC = () => {
const renderNameCell = (dv: DeviceValue) => (
<>
{dv.id.slice(2)}&nbsp;
{hasMask(dv.id, DeviceEntityMask.DV_FAVORITE) && <StarIcon color="primary" sx={{ fontSize: 12 }} />}
{hasMask(dv.id, DeviceEntityMask.DV_READONLY) && <EditOffOutlinedIcon color="primary" sx={{ fontSize: 12 }} />}
{hasMask(dv.id, DeviceEntityMask.DV_API_MQTT_EXCLUDE) && (
<CommentsDisabledOutlinedIcon color="primary" sx={{ fontSize: 12 }} />
@@ -767,7 +769,7 @@ const DashboardData: FC = () => {
VALUE
</Button>
</HeaderCell>
<HeaderCell/>
<HeaderCell />
</HeaderRow>
</Header>
<Body>

4
interface/src/project/DashboardStatus.tsx
View File

@@ -91,7 +91,7 @@ const DashboardStatus: FC = () => {
BaseRow: `
font-size: 14px;
color: white;
`,
`,
HeaderRow: `
text-transform: uppercase;
background-color: black;
@@ -118,7 +118,7 @@ const DashboardStatus: FC = () => {
&:hover {
color: white;
}
`,
`,
BaseCell: `
border-top: 1px solid transparent;
border-right: 1px solid transparent;

34
interface/src/project/SettingsCustomization.tsx
View File

@@ -54,9 +54,6 @@ const SettingsCustomization: FC = () => {
const [masks, setMasks] = useState(() => ['']);
const entities_theme = useTheme({
Table: `
height: 100%;
`,
BaseRow: `
font-size: 14px;
color: white;
@@ -100,13 +97,13 @@ const SettingsCustomization: FC = () => {
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
&:nth-of-type(1) {
width: 130px;
left: 0px;
min-width: 124px;
width: 124px;
}
&:nth-of-type(2) {
flex: 1;
}
&:last-of-type {
text-align: right;
min-width: 70%;
width: 70%;
}
`
});
@@ -302,10 +299,19 @@ const SettingsCustomization: FC = () => {
return (
<>
<Grid container spacing={1} direction="row" justifyContent="flex-start" alignItems="center">
<Grid
container
ml={1}
mb={1}
mt={1}
spacing={1}
direction="row"
justifyContent="flex-start"
alignItems="center"
>
<Grid item>
<Typography sx={{ pt: 1, pb: 1 }} variant="subtitle2" color="primary">
Apply filter:&nbsp;
<Typography align="right" variant="subtitle2" color="primary">
Set filter:&nbsp;
</Typography>
</Grid>
<Grid item>
@@ -354,13 +360,13 @@ const SettingsCustomization: FC = () => {
data={{ nodes: deviceEntities.filter((de) => de.m & selectedFilters || !selectedFilters) }}
theme={entities_theme}
sort={entity_sort}
layout={{ custom: true }}
layout={{ custom: true, horizontalScroll: true }}
>
{(tableList: any) => (
<>
<Header>
<HeaderRow>
<HeaderCell>OPTIONS</HeaderCell>
<HeaderCell pinLeft>OPTIONS</HeaderCell>
<HeaderCell resize>
<Button
fullWidth
@@ -371,7 +377,7 @@ const SettingsCustomization: FC = () => {
NAME
</Button>
</HeaderCell>
<HeaderCell pinRight={true}>VALUE</HeaderCell>
<HeaderCell>VALUE</HeaderCell>
<HeaderCell />
</HeaderRow>
</Header>