Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2025-11-11 07:55:52 +01:00
Code Issues Packages Projects Releases Wiki Activity

🚧 wip extract to translations file

Browse Source
This commit is contained in:
Manuel Ruwe
2022-08-18 21:46:46 +02:00
parent 57cfb58c0b
commit ac4dc23e08
29 changed files with 1216 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/modules/docker/DockerTable.tsx
View File

@@ -1,5 +1,7 @@
import { Table, Checkbox, Group, Badge, createStyles, ScrollArea, TextInput } from '@mantine/core';
import { IconSearch } from '@tabler/icons';
import { t } from 'i18next';
import Dockerode from 'dockerode';
import { useEffect, useState } from 'react';
import ContainerState from './ContainerState';
@@ -80,7 +82,9 @@ export default function DockerTable({
</Badge>
))}
{element.Ports.length > 3 && (
<Badge variant="filled">{element.Ports.length - 3} more</Badge>
<Badge variant="filled">
{t('modules.docker.table.body.portCollapse', { ports: element.Ports.length - 3 })}
</Badge>
)}
</Group>
</td>
@@ -94,7 +98,7 @@ export default function DockerTable({
return (
<ScrollArea style={{ height: '80vh' }}>
<TextInput
placeholder="Search by container or image name"
placeholder={t('modules.docker.search.placeholder')}
mt="md"
icon={<IconSearch size={14} />}
value={search}
@@ -111,10 +115,10 @@ export default function DockerTable({
transitionDuration={0}
/>
</th>
<th>Name</th>
<th>Image</th>
<th>Ports</th>
<th>State</th>
<th>{t('modules.docker.table.header.name')}</th>
<th>{t('modules.docker.table.header.image')}</th>
<th>{t('modules.docker.table.header.ports')}</th>
<th>{t('modules.docker.table.header.state')}</th>
</tr>
</thead>
<tbody>{rows}</tbody>