Mirrors/blakeblackshear.frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2024-11-26 19:06:11 +01:00
Code Issues Projects Releases Wiki Activity

UI Cleanup & Optimization (#4673)

Browse Source 
* Use prewrap so vainfo output appears normalized

* Move copy button to top so user doesn't need to scroll to copy logs

* Show calculating if no value for stream bandwidth
This commit is contained in:
Nicolas Mowen 2022-12-12 05:28:44 -07:00 committed by GitHub
parent 037f3761e7
commit 45c43d7cf5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/routes/Logs.jsx
View File

@ -40,12 +40,13 @@ export default function Logs() {
<ButtonsTabbed viewModes={['frigate', 'go2rtc', 'nginx']} setViewMode={setLogService} /> <ButtonsTabbed viewModes={['frigate', 'go2rtc', 'nginx']} setViewMode={setLogService} />
<div className='overflow-auto font-mono text-sm text-gray-900 dark:text-gray-100 rounded bg-gray-100 dark:bg-gray-800 p-2 whitespace-pre-wrap'>
{logs}
</div>
<Button className="" onClick={handleCopyLogs}> <Button className="" onClick={handleCopyLogs}>
Copy to Clipboard Copy to Clipboard
</Button> </Button>
<div className="overflow-auto font-mono text-sm text-gray-900 dark:text-gray-100 rounded bg-gray-100 dark:bg-gray-800 p-2 whitespace-pre-wrap">
{logs}
</div>
</div> </div>
); );
} }

2
web/src/routes/Storage.jsx
View File

@ -97,7 +97,7 @@ export default function Storage() {
<Tbody> <Tbody>
<Tr> <Tr>
<Td>{Math.round(camera['usage_percent'] ?? 0)}%</Td> <Td>{Math.round(camera['usage_percent'] ?? 0)}%</Td>
<Td>{camera['bandwidth']} MB/hr</Td> <Td>{camera['bandwidth'] ? camera['bandwidth'] : "Calculating..."} MB/hr</Td>
</Tr> </Tr>
</Tbody> </Tbody>
</Table> </Table>

2
web/src/routes/System.jsx
View File

@ -114,7 +114,7 @@ export default function System() {
<ActivityIndicator /> <ActivityIndicator />
)} )}
</div> </div>
<div className="p-2 flex justify-start flex-row-reverse space-x-2"> <div className="p-2 flex justify-start flex-row-reverse space-x-2 whitespace-pre-wrap">
<Button className="ml-2" onClick={() => onCopyVainfo()} type="text"> <Button className="ml-2" onClick={() => onCopyVainfo()} type="text">
Copy Copy
</Button> </Button>