add spiffs size + formatting
This commit is contained in:
		| @@ -7,6 +7,7 @@ import DevicesIcon from '@material-ui/icons/Devices'; | ||||
| import MemoryIcon from '@material-ui/icons/Memory'; | ||||
| import ShowChartIcon from '@material-ui/icons/ShowChart'; | ||||
| import SdStorageIcon from '@material-ui/icons/SdStorage'; | ||||
| import StorageIcon from '@material-ui/icons/Storage'; | ||||
| import DataUsageIcon from '@material-ui/icons/DataUsage'; | ||||
| import PowerSettingsNewIcon from '@material-ui/icons/PowerSettingsNew'; | ||||
| import RefreshIcon from '@material-ui/icons/Refresh'; | ||||
| @@ -26,6 +27,11 @@ interface SystemStatusFormState { | ||||
|  | ||||
| type SystemStatusFormProps = AuthenticatedContextProps & RestFormProps<SystemStatus>; | ||||
|  | ||||
| function asNum(num: number){ | ||||
|   return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " "); | ||||
| } | ||||
|  | ||||
|  | ||||
| class SystemStatusForm extends Component<SystemStatusFormProps, SystemStatusFormState> { | ||||
|  | ||||
|   state: SystemStatusFormState = { | ||||
| @@ -67,7 +73,7 @@ class SystemStatusForm extends Component<SystemStatusFormProps, SystemStatusForm | ||||
|               <MemoryIcon /> | ||||
|             </Avatar> | ||||
|           </ListItemAvatar> | ||||
|           <ListItemText primary="Heap (Free / Max Alloc)" secondary={data.free_heap + ' / ' + data.max_alloc_heap + ' bytes (~' + this.approxHeapFragmentation() + '% fragmentation)'} /> | ||||
|           <ListItemText primary="Heap (Free / Max Alloc)" secondary={asNum(data.free_heap) + ' / ' + asNum(data.max_alloc_heap) + ' bytes (~' + this.approxHeapFragmentation() + '% fragmentation)'} /> | ||||
|         </ListItem> | ||||
|         <Divider variant="inset" component="li" /> | ||||
|         <ListItem > | ||||
| @@ -76,7 +82,7 @@ class SystemStatusForm extends Component<SystemStatusFormProps, SystemStatusForm | ||||
|               <DataUsageIcon /> | ||||
|             </Avatar> | ||||
|           </ListItemAvatar> | ||||
|           <ListItemText primary="Sketch (Size / Free)" secondary={data.sketch_size + ' / ' + data.free_sketch_space + ' bytes'} /> | ||||
|           <ListItemText primary="Sketch Size (used/max)" secondary={asNum(data.sketch_size) + ' / ' + asNum(data.free_sketch_space) + ' bytes'} /> | ||||
|         </ListItem> | ||||
|         <Divider variant="inset" component="li" /> | ||||
|         <ListItem > | ||||
| @@ -85,12 +91,20 @@ class SystemStatusForm extends Component<SystemStatusFormProps, SystemStatusForm | ||||
|               <SdStorageIcon /> | ||||
|             </Avatar> | ||||
|           </ListItemAvatar> | ||||
|           <ListItemText primary="Flash Chip (Size / Speed)" secondary={data.flash_chip_size + ' bytes / ' + (data.flash_chip_speed / 1000000).toFixed(0) + ' MHz'} /> | ||||
|           <ListItemText primary="Flash Chip (Size / Speed)" secondary={asNum(data.flash_chip_size) + ' bytes / ' + (data.flash_chip_speed / 1000000).toFixed(0) + ' MHz'} /> | ||||
|         </ListItem> | ||||
|         <ListItem > | ||||
|           <ListItemAvatar> | ||||
|             <Avatar> | ||||
|               <StorageIcon /> | ||||
|             </Avatar> | ||||
|           </ListItemAvatar> | ||||
|           <ListItemText primary="SPIFFS (Used / Total | Free)" secondary={asNum(data.spiffs_used) + ' / ' + asNum(data.spiffs_size) + ' bytes | '+ asNum(data.spiffs_size-data.spiffs_used) + ' bytes free'} /> | ||||
|         </ListItem>         | ||||
|         <Divider variant="inset" component="li" /> | ||||
|       </Fragment> | ||||
|     ); | ||||
|   } | ||||
|   }  | ||||
|  | ||||
|   renderRestartDialog() { | ||||
|     return ( | ||||
|   | ||||
| @@ -8,6 +8,8 @@ export interface SystemStatus { | ||||
|   sdk_version: string; | ||||
|   flash_chip_size: number; | ||||
|   flash_chip_speed: number; | ||||
|   spiffs_size:number; | ||||
|   spiffs_used:number; | ||||
| } | ||||
|  | ||||
| export interface OTASettings { | ||||
|   | ||||
		Reference in New Issue
	
	Block a user