server-manager/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test

Browse Source
This commit is contained in:
ACoolName 2024-06-02 13:11:53 +03:00
parent ad86a8d537
commit f90480f616
2 changed files with 11 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/common.tsx
View File

@ -17,8 +17,7 @@ import MenuItem from '@mui/material/MenuItem';
import MenuList from '@mui/material/MenuList'; import MenuList from '@mui/material/MenuList';
import { Permission } from "./actions"; import { Permission } from "./actions";
import TerminalComponent from "./terminal"; import TerminalComponent from "./terminal";
import ReactDOM, { render } from "react-dom"; import ReactDOM from "react-dom/client";
import { createRoot } from "react-dom/client";
export const apiAuthenticatedContext: Context<[boolean, Dispatch<boolean>]> = createContext([false, (value: boolean) => {}] as [boolean, Dispatch<boolean>]) export const apiAuthenticatedContext: Context<[boolean, Dispatch<boolean>]> = createContext([false, (value: boolean) => {}] as [boolean, Dispatch<boolean>])
@ -268,31 +267,18 @@ export function ActionItem(p: { action: ActionInfo, identifierSubstring?: string
function openTerminalWindow(websocketUrl: string) { function openTerminalWindow(websocketUrl: string) {
const terminalWindow = window.open('', '', 'width=800,height=600'); const terminalWindow = window.open('', '', 'width=800,height=600');
if (terminalWindow) { if (terminalWindow) {
terminalWindow.document.write('<div id="terminal-root" style="width:100%; height:100%"/>'); terminalWindow.document.write('<div id="root"/>');
terminalWindow.document.title = "Terminal"; terminalWindow.document.title = "Terminal";
var terminal_root = terminalWindow.document.getElementById('terminal-root')! var terminal_root = terminalWindow.document.getElementById('terminal-root')!
const root = ReactDOM.createRoot(
createRoot(terminal_root!).render(<TerminalComponent websocket={websocketUrl} />); document.getElementById('root') as HTMLElement
);
const style = terminalWindow.document.createElement('style'); root.render(
style.innerHTML = ` <React.StrictMode>
html, body { <TerminalComponent websocket={websocketUrl} />
width: 100%; </React.StrictMode>
height: 100%; );
margin: 0;
padding: 0;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
`;
terminalWindow.document.head.appendChild(style);
// Fit the terminal to the new window
terminal_root.style.width = '100%';
terminal_root.style.height = '100%';
} }
} }

2
src/index.tsx
View File

@ -16,4 +16,4 @@ root.render(
// If you want to start measuring performance in your app, pass a function // If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log)) // to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals(); // reportWebVitals();