ITQC/pydase
24
0
Fork 0
mirror of https://github.com/tiqi-group/pydase.git synced 2025-06-11 07:47:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #41 from tiqi-group/39-feat-add-customcss-option-to-pydaseserver

Browse Source 
adds custom css option to pydase.Server
This commit is contained in:
Mose Müller
2023-10-17 17:04:30 +02:00
committed by GitHub
parent 89f281bd3b d3a74a734a
commit d334ec5284
6 changed files with 89 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/App.tsx
View File

@ -129,6 +129,20 @@ const App = () => {
.then((response) => response.json())
.then((data: DataServiceJSON) => dispatch({ type: 'SET_DATA', data }));
// Allow the user to add a custom css file
fetch(`http://${hostname}:${port}/custom.css`)
.then((response) => {
if (response.ok) {
// If the file exists, create a link element for the custom CSS
const link = document.createElement('link');
link.href = `http://${hostname}:${port}/custom.css`;
link.type = 'text/css';
link.rel = 'stylesheet';
document.head.appendChild(link);
}
})
.catch(console.error); // Handle the error appropriately
socket.on('notify', onNotify);
socket.on('exception', onException);

2
frontend/src/components/ListComponent.tsx
View File

@ -22,7 +22,7 @@ export const ListComponent = React.memo((props: ListComponentProps) => {
}, [props]);
return (
<div className={'listComponent'} id={parentPath.concat(name)}>
<div className={'listComponent'} id={parentPath.concat('.' + name)}>
{process.env.NODE_ENV === 'development' && (
<p>Render count: {renderCount.current}</p>
)}

4
frontend/src/components/NumberComponent.tsx
View File

@ -137,7 +137,7 @@ export const NumberComponent = React.memo((props: NumberComponentProps) => {
// Set the cursor position after the component re-renders
const inputElement = document.getElementsByName(
parentPath.concat(name)
parentPath.concat('.' + name)
)[0] as HTMLInputElement;
if (inputElement && cursorPosition !== null) {
inputElement.setSelectionRange(cursorPosition, cursorPosition);
@ -287,7 +287,7 @@ export const NumberComponent = React.memo((props: NumberComponentProps) => {
type="text"
value={inputString}
disabled={readOnly}
name={parentPath.concat(name)}
name={parentPath.concat('.' + name)}
onKeyDown={handleKeyDown}
onBlur={handleBlur}
className={isInstantUpdate && !readOnly ? 'instantUpdate' : ''}

2
frontend/src/components/StringComponent.tsx
View File

@ -55,7 +55,7 @@ export const StringComponent = React.memo((props: StringComponentProps) => {
};
return (
<div className={'stringComponent'} id={parentPath.concat(name)}>
<div className={'stringComponent'} id={parentPath.concat('.' + name)}>
{process.env.NODE_ENV === 'development' && (
<p>Render count: {renderCount.current}</p>
)}