generated from mantinedev/next-pages-template
-
-
Notifications
You must be signed in to change notification settings - Fork 284
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
v0.8.0 Docker 🐋 and Dash. ⚙ integrations !
<!-- Small release message --> - ✨ Add support for lists in module option by @ajnart in #280 - 🔨 Fix Readarr default port number by @Moohan in #287 - ✨ Add dash. Integration by @MauriceNino in #277 - ✨ Add Docker integration by @ajnart in #289 - Dash. (Pronounced Dashdot) is another self-hosted service, made by @MauriceNino that provides a simple way to see stats about your PC in a sleek way - Docker integration provides a simple way to start, stop, restart and delete containers. To get started, simply mount your docker socket by adding `-v /var/run/docker.sock:/var/run/docker.sock` to your Homarr container ! * @Moohan made their first contribution in #287 * @MauriceNino made their first contribution in #277 **Full Changelog**: v0.7.2...v0.8.0
- Loading branch information
Showing
31 changed files
with
1,397 additions
and
255 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,2 +1,2 @@ | ||
| export const REPO_URL = 'ajnart/homarr'; | ||
| export const CURRENT_VERSION = 'v0.7.2'; | ||
| export const CURRENT_VERSION = 'v0.8.0'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,182 @@ | ||
| import { Button, Group, Modal, Title } from '@mantine/core'; | ||
| import { useBooleanToggle } from '@mantine/hooks'; | ||
| import { showNotification, updateNotification } from '@mantine/notifications'; | ||
| import { | ||
| IconCheck, | ||
| IconPlayerPlay, | ||
| IconPlayerStop, | ||
| IconPlus, | ||
| IconRefresh, | ||
| IconRotateClockwise, | ||
| IconTrash, | ||
| IconX, | ||
| } from '@tabler/icons'; | ||
| import axios from 'axios'; | ||
| import Dockerode from 'dockerode'; | ||
| import { tryMatchService } from '../../tools/addToHomarr'; | ||
| import { useConfig } from '../../tools/state'; | ||
| import { AddAppShelfItemForm } from '../AppShelf/AddAppShelfItem'; | ||
|
|
||
| function sendDockerCommand(action: string, containerId: string, containerName: string) { | ||
| showNotification({ | ||
| id: containerId, | ||
| loading: true, | ||
| title: `${action}ing container ${containerName.substring(1)}`, | ||
| message: undefined, | ||
| autoClose: false, | ||
| disallowClose: true, | ||
| }); | ||
| axios.get(`/api/docker/container/${containerId}?action=${action}`).then((res) => { | ||
| setTimeout(() => { | ||
| if (res.data.success === true) { | ||
| updateNotification({ | ||
| id: containerId, | ||
| title: `Container ${containerName} ${action}ed`, | ||
| message: `Your container was successfully ${action}ed`, | ||
| icon: <IconCheck />, | ||
| autoClose: 2000, | ||
| }); | ||
| } | ||
| if (res.data.success === false) { | ||
| updateNotification({ | ||
| id: containerId, | ||
| color: 'red', | ||
| title: 'There was an error with your container.', | ||
| message: undefined, | ||
| icon: <IconX />, | ||
| autoClose: 2000, | ||
| }); | ||
| } | ||
| }, 500); | ||
| }); | ||
| } | ||
|
|
||
| export interface ContainerActionBarProps { | ||
| selected: Dockerode.ContainerInfo[]; | ||
| reload: () => void; | ||
| } | ||
|
|
||
| export default function ContainerActionBar({ selected, reload }: ContainerActionBarProps) { | ||
| const { config, setConfig } = useConfig(); | ||
| const [opened, setOpened] = useBooleanToggle(false); | ||
| return ( | ||
| <Group> | ||
| <Modal | ||
| size="xl" | ||
| radius="md" | ||
| opened={opened} | ||
| onClose={() => setOpened(false)} | ||
| title="Add service" | ||
| > | ||
| <AddAppShelfItemForm | ||
| setOpened={setOpened} | ||
| {...tryMatchService(selected.at(0))} | ||
| message="Add service to homarr" | ||
| /> | ||
| </Modal> | ||
| <Button | ||
| leftIcon={<IconRotateClockwise />} | ||
| onClick={() => | ||
| Promise.all( | ||
| selected.map((container) => | ||
| sendDockerCommand('restart', container.Id, container.Names[0].substring(1)) | ||
| ) | ||
| ).then(() => reload()) | ||
| } | ||
| variant="light" | ||
| color="orange" | ||
| radius="md" | ||
| > | ||
| Restart | ||
| </Button> | ||
| <Button | ||
| leftIcon={<IconPlayerStop />} | ||
| onClick={() => | ||
| Promise.all( | ||
| selected.map((container) => { | ||
| if ( | ||
| container.State === 'stopped' || | ||
| container.State === 'created' || | ||
| container.State === 'exited' | ||
| ) { | ||
| return showNotification({ | ||
| id: container.Id, | ||
| title: `Failed to stop ${container.Names[0].substring(1)}`, | ||
| message: "You can't stop a stopped container", | ||
| autoClose: 1000, | ||
| }); | ||
| } | ||
| return sendDockerCommand('stop', container.Id, container.Names[0].substring(1)); | ||
| }) | ||
| ).then(() => reload()) | ||
| } | ||
| variant="light" | ||
| color="red" | ||
| radius="md" | ||
| > | ||
| Stop | ||
| </Button> | ||
| <Button | ||
| leftIcon={<IconPlayerPlay />} | ||
| onClick={() => | ||
| Promise.all( | ||
| selected.map((container) => | ||
| sendDockerCommand('start', container.Id, container.Names[0].substring(1)) | ||
| ) | ||
| ).then(() => reload()) | ||
| } | ||
| variant="light" | ||
| color="green" | ||
| radius="md" | ||
| > | ||
| Start | ||
| </Button> | ||
| <Button leftIcon={<IconRefresh />} onClick={() => reload()} variant="light" radius="md"> | ||
| Refresh data | ||
| </Button> | ||
| <Button | ||
| leftIcon={<IconPlus />} | ||
| color="indigo" | ||
| variant="light" | ||
| radius="md" | ||
| onClick={() => { | ||
| if (selected.length !== 1) { | ||
| showNotification({ | ||
| autoClose: 5000, | ||
| title: <Title order={4}>Please only add one service at a time!</Title>, | ||
| color: 'red', | ||
| message: undefined, | ||
| }); | ||
| } else { | ||
| setOpened(true); | ||
| } | ||
| }} | ||
| > | ||
| Add to Homarr | ||
| </Button> | ||
| <Button | ||
| leftIcon={<IconTrash />} | ||
| color="red" | ||
| variant="light" | ||
| radius="md" | ||
| onClick={() => | ||
| Promise.all( | ||
| selected.map((container) => { | ||
| if (container.State === 'running') { | ||
| return showNotification({ | ||
| id: container.Id, | ||
| title: `Failed to delete ${container.Names[0].substring(1)}`, | ||
| message: "You can't delete a running container", | ||
| autoClose: 1000, | ||
| }); | ||
| } | ||
| return sendDockerCommand('remove', container.Id, container.Names[0].substring(1)); | ||
| }) | ||
| ).then(() => reload()) | ||
| } | ||
| > | ||
| Remove | ||
| </Button> | ||
| </Group> | ||
| ); | ||
| } |
Oops, something went wrong.