10bc491a9f
* Added user system with database features. This is fairly experimental and does not include dockerfile to automatically generate a mongodb. This should be in future commits along with ability to save hosts branching off this database feature. * Updated README, fixed a few bugs with user creation, and added docker support to run MongoDB (needs testing) * Changes to Dockerfile to fix error in installing MongoDB * Changes to Dockerfile to fix error in installing MongoDB * Changes to Dockerfile to fix error in installing MongoDB * Changes to Dockerfile to fix error in installing MongoDB * Changes to Dockerfile to fix error in installing MongoDB * Changes to Dockerfile to fix error in installing MongoDB * Changes to Dockerfile to fix error in installing MongoDB * Changes to Dockerfile to fix error in installing MongoDB * Changes to Dockerfile to fix error in installing MongoDB * Changes to Dockerfile to fix error in installing MongoDB * Changes to Dockerfile to fix error in installing MongoDB * Changes to Dockerfile to fix error in installing MongoDB * Changes to Dockerfile to fix error in installing MongoDB * Changes to Dockerfile to fix error in installing MongoDB * Changes to Dockerfile to fix error in installing MongoDB * Changes to Dockerfile to fix error in installing MongoDB * Changes to Dockerfile to fix error in installing MongoDB * Changes to Dockerfile to fix error in installing MongoDB * Changes to Dockerfile to fix error in installing MongoDB * Changes to Dockerfile to fix error in installing MongoDB * Changes to Dockerfile to fix error in connecting to sockets * Update README.md * Changes to connection system to support docker * Changes to connection system to support docker * Changes to connection system to support docker * Changes to connection system to support docker * Save hosts to tabs (very early version, not that many issues not just not very feature rich and has a poor UI that will be improved with more features) * Updated launchpad UI to be expandable in the future. Updated UI for the hosts to be able to easily configure them. They stil need organizational system (folders, etc.) * Better encryption for everything, new session login, rewrote a lot of database code changing its storage methods. Prepared for release of 2.0. * Updated database connection method. * Updated Profile modal to show username text more clearly * Updated Profile modal to show username text more clearly * Fixed control v pasting formating. Reorganized location of scripts. Visbile password and confirm password. Guest login. OpenSSH key authentication. Optional to remember password. Serach for host viewer. * Waits for user to be able to log in. Improved UI for profile, edit and add host, and added organizational features to the host app (Folders, search, etc.) * Updated various names for rsa keys to public keys, fixes ssh not connecting, better timing for editing host. * Added ability to share hosts. Fixed up overall UI errors in console and cleaned up code for release. * Fix GitHub build errors * Attempt #1 to auto compile MongoDB into the build to exclude it from the compose. * Attempt #2 to auto compile MongoDB into the build to exclude it from the compose. * Attempt #3 to auto compile MongoDB into the build to exclude it from the compose. * Attempt #3 to auto compile MongoDB into the build to exclude it from the compose.
89 lines
4.5 KiB
JavaScript
89 lines
4.5 KiB
JavaScript
import { Button, ButtonGroup } from "@mui/joy";
|
||
import PropTypes from "prop-types";
|
||
|
||
function TabList({ terminals, activeTab, setActiveTab, closeTab, toggleSplit, splitTabIds, theme }) {
|
||
const isSplitScreenActive = splitTabIds.length > 0;
|
||
|
||
return (
|
||
<div className="tablist inline-flex items-center h-full px-[0.5rem] overflow-x-auto">
|
||
{terminals.map((terminal, index) => {
|
||
const isActive = terminal.id === activeTab;
|
||
const isSplit = splitTabIds.includes(terminal.id);
|
||
const isSplitButtonDisabled = (isActive && !isSplitScreenActive) || (splitTabIds.length >= 3 && !isSplit);
|
||
|
||
return (
|
||
<div key={terminal.id} className={index < terminals.length - 1 ? "mr-[0.5rem]" : ""}>
|
||
<ButtonGroup>
|
||
{/* Set Active Tab Button */}
|
||
<Button
|
||
onClick={() => setActiveTab(terminal.id)}
|
||
disabled={isSplit}
|
||
sx={{
|
||
backgroundColor: isActive ? theme.palette.general.primary : theme.palette.general.disabled,
|
||
color: theme.palette.text.primary,
|
||
"&:hover": { backgroundColor: theme.palette.general.secondary },
|
||
":disabled": { backgroundColor: theme.palette.general.disabled },
|
||
borderTopLeftRadius: "4px",
|
||
borderBottomLeftRadius: "4px",
|
||
height: "40px",
|
||
whiteSpace: "nowrap",
|
||
overflow: "hidden",
|
||
textOverflow: "ellipsis",
|
||
}}
|
||
>
|
||
{terminal.title}
|
||
</Button>
|
||
{/* Split Screen Button */}
|
||
<Button
|
||
onClick={() => toggleSplit(terminal.id)}
|
||
disabled={isSplitButtonDisabled || isActive}
|
||
sx={{
|
||
backgroundColor: isSplit ? theme.palette.general.primary : theme.palette.general.tertiary,
|
||
color: theme.palette.text.primary,
|
||
":disabled": { backgroundColor: theme.palette.general.disabled },
|
||
"&:hover": { backgroundColor: theme.palette.general.secondary },
|
||
borderTopRightRadius: "4px",
|
||
borderBottomRightRadius: "4px",
|
||
height: "40px",
|
||
fontSize: "1rem",
|
||
cursor: isSplitButtonDisabled ? "not-allowed" : "pointer",
|
||
}}
|
||
>
|
||
/
|
||
</Button>
|
||
{/* Close Tab Button */}
|
||
<Button
|
||
onClick={() => closeTab(terminal.id)}
|
||
disabled={(isSplitScreenActive && isActive) || isSplit}
|
||
sx={{
|
||
backgroundColor: theme.palette.general.tertiary,
|
||
color: theme.palette.text.primary,
|
||
"&:hover": { backgroundColor: theme.palette.general.secondary },
|
||
":disabled": { backgroundColor: theme.palette.general.disabled },
|
||
borderTopRightRadius: "4px",
|
||
borderBottomRightRadius: "4px",
|
||
height: "40px",
|
||
fontSize: "1rem",
|
||
}}
|
||
>
|
||
×
|
||
</Button>
|
||
</ButtonGroup>
|
||
</div>
|
||
);
|
||
})}
|
||
</div>
|
||
);
|
||
}
|
||
|
||
TabList.propTypes = {
|
||
terminals: PropTypes.array.isRequired,
|
||
activeTab: PropTypes.any,
|
||
setActiveTab: PropTypes.func.isRequired,
|
||
closeTab: PropTypes.func.isRequired,
|
||
toggleSplit: PropTypes.func.isRequired,
|
||
splitTabIds: PropTypes.array.isRequired,
|
||
theme: PropTypes.object.isRequired,
|
||
};
|
||
|
||
export default TabList; |