fixes in node languages and ai workflow
This commit is contained in:
parent
9185ea5208
commit
63b701bc61
2 changed files with 22 additions and 18 deletions
|
|
@ -133,11 +133,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.table thead tr {
|
.table thead tr {
|
||||||
background: var(--table-header-bg, rgba(0, 0, 0, 0.03));
|
background: var(--table-header-bg, #f8f9fa);
|
||||||
}
|
}
|
||||||
|
|
||||||
.th {
|
.th {
|
||||||
background: var(--table-header-bg, rgba(0, 0, 0, 0.03));
|
background: var(--table-header-bg, #f8f9fa);
|
||||||
padding: 10px 12px;
|
padding: 10px 12px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
|
@ -159,7 +159,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.th.sortable:hover {
|
.th.sortable:hover {
|
||||||
background: rgba(0, 0, 0, 0.06);
|
background: #eef0f3;
|
||||||
color: var(--color-text, #334155);
|
color: var(--color-text, #334155);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -378,7 +378,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
thead .selectColumn {
|
thead .selectColumn {
|
||||||
background: var(--table-header-bg, rgba(0, 0, 0, 0.03));
|
background: var(--table-header-bg, #f8f9fa);
|
||||||
}
|
}
|
||||||
|
|
||||||
tbody .selectColumn {
|
tbody .selectColumn {
|
||||||
|
|
@ -429,7 +429,7 @@ tbody .selectColumn {
|
||||||
}
|
}
|
||||||
|
|
||||||
thead .actionsColumn {
|
thead .actionsColumn {
|
||||||
background: var(--table-header-bg, rgba(0, 0, 0, 0.03));
|
background: var(--table-header-bg, #f8f9fa);
|
||||||
}
|
}
|
||||||
|
|
||||||
tbody .actionsColumn {
|
tbody .actionsColumn {
|
||||||
|
|
@ -764,21 +764,21 @@ tbody .actionsColumn {
|
||||||
/* Dark theme */
|
/* Dark theme */
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
.table thead tr {
|
.table thead tr {
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: #2a2d31;
|
||||||
}
|
}
|
||||||
|
|
||||||
.th {
|
.th {
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: #2a2d31;
|
||||||
border-bottom-color: rgba(255, 255, 255, 0.12);
|
border-bottom-color: rgba(255, 255, 255, 0.12);
|
||||||
}
|
}
|
||||||
|
|
||||||
thead .selectColumn,
|
thead .selectColumn,
|
||||||
thead .actionsColumn {
|
thead .actionsColumn {
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: #2a2d31;
|
||||||
}
|
}
|
||||||
|
|
||||||
.th.sortable:hover {
|
.th.sortable:hover {
|
||||||
background: rgba(255, 255, 255, 0.1);
|
background: #32363b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tr:hover {
|
.tr:hover {
|
||||||
|
|
|
||||||
|
|
@ -405,20 +405,21 @@ const _DashboardTab: React.FC = () => {
|
||||||
const _loadRuns = useCallback(async (paginationParams?: any) => {
|
const _loadRuns = useCallback(async (paginationParams?: any) => {
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
try {
|
try {
|
||||||
const params: Record<string, any> = { limit: paginationParams?.pageSize || 25 };
|
const pag = {
|
||||||
if (paginationParams?.page) {
|
page: paginationParams?.page || 1,
|
||||||
params.offset = ((paginationParams.page - 1) * (paginationParams.pageSize || 25));
|
pageSize: paginationParams?.pageSize || 25,
|
||||||
}
|
...(paginationParams?.sort ? { sort: paginationParams.sort } : {}),
|
||||||
if (paginationParams?.search) {
|
...(paginationParams?.search ? { search: paginationParams.search } : {}),
|
||||||
params.search = paginationParams.search;
|
...(paginationParams?.filters ? { filters: paginationParams.filters } : {}),
|
||||||
}
|
};
|
||||||
|
const params: Record<string, any> = { pagination: JSON.stringify(pag) };
|
||||||
const resp = await api.get('/api/system/workflow-runs', { params });
|
const resp = await api.get('/api/system/workflow-runs', { params });
|
||||||
const data = resp.data;
|
const data = resp.data;
|
||||||
setRuns(data?.runs || []);
|
setRuns(data?.runs || []);
|
||||||
const total = data?.total ?? 0;
|
const total = data?.total ?? 0;
|
||||||
const pageSize = params.limit;
|
const pageSize = pag.pageSize;
|
||||||
setPaginationMeta({
|
setPaginationMeta({
|
||||||
currentPage: paginationParams?.page || 1,
|
currentPage: pag.page,
|
||||||
pageSize,
|
pageSize,
|
||||||
totalItems: total,
|
totalItems: total,
|
||||||
totalPages: Math.ceil(total / pageSize),
|
totalPages: Math.ceil(total / pageSize),
|
||||||
|
|
@ -505,6 +506,7 @@ const _DashboardTab: React.FC = () => {
|
||||||
width: 110,
|
width: 110,
|
||||||
sortable: true,
|
sortable: true,
|
||||||
filterable: true,
|
filterable: true,
|
||||||
|
filterOptions: ['running', 'completed', 'failed', 'cancelled', 'paused'],
|
||||||
formatter: (v: string) => (
|
formatter: (v: string) => (
|
||||||
<span style={{ color: _STATUS_COLORS[v] || 'inherit', fontWeight: 600 }}>
|
<span style={{ color: _STATUS_COLORS[v] || 'inherit', fontWeight: 600 }}>
|
||||||
{v === 'completed' ? t('Abgeschlossen') : v === 'failed' ? t('Fehlgeschlagen') : v === 'running' ? t('Laufend') : v}
|
{v === 'completed' ? t('Abgeschlossen') : v === 'failed' ? t('Fehlgeschlagen') : v === 'running' ? t('Laufend') : v}
|
||||||
|
|
@ -604,6 +606,7 @@ const _DashboardTab: React.FC = () => {
|
||||||
filterable={true}
|
filterable={true}
|
||||||
sortable={true}
|
sortable={true}
|
||||||
selectable={false}
|
selectable={false}
|
||||||
|
apiEndpoint="/api/system/workflow-runs"
|
||||||
customActions={[
|
customActions={[
|
||||||
{
|
{
|
||||||
id: 'tracing',
|
id: 'tracing',
|
||||||
|
|
@ -882,6 +885,7 @@ const _WorkflowsTab: React.FC = () => {
|
||||||
filterable={true}
|
filterable={true}
|
||||||
sortable={true}
|
sortable={true}
|
||||||
selectable={false}
|
selectable={false}
|
||||||
|
apiEndpoint="/api/system/workflow-runs/workflows"
|
||||||
actionButtons={[
|
actionButtons={[
|
||||||
{
|
{
|
||||||
type: 'edit',
|
type: 'edit',
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue