kocoded/vt-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bulk commit: November work

Browse Source
This commit is contained in:
Konstantin Hintermayer
2025-11-06 11:45:59 +01:00
parent 5446120d96
commit cca316daf2
61 changed files with 6581 additions and 259 deletions
Download Patch File Download Diff File Expand all files Collapse all files

283
src/routes/_sidebar/kanban.tsx
View File

@ -1,9 +1,288 @@
import { createFileRoute } from '@tanstack/react-router'
import KanbanColumn from '@/features/Kanban/components/KanbanColumn'
import Kanban from '@/features/Kanban/components/Kanban'
import KanbanCard from '@/features/Kanban/components/KanbanCard'
import KanbanDropzone from '@/features/Kanban/components/KanbanDropzone'
export const Route = createFileRoute('/_sidebar/kanban')({
component: RouteComponent,
})
function RouteComponent() {
return <div>Hello "/_sidebar/kanban"!</div>
const kanbanboard = {
columns: [
{
name: 'Todo',
itemCount: 5,
children: [
{
name: 'Hello World!',
path: 'https://google.com',
description: 'Das ist eine Testkarte',
labels: [
{
name: 'flow::7 Done',
className: 'bg-emerald-500',
},
{
name: 'Wichtig',
className: 'bg-red-500',
},
],
},
],
},
{
name: 'Doing',
itemCount: 6,
children: [
{
name: 'Hello World!',
path: 'https://google.com',
description: 'Das ist eine Testkarte',
labels: [
{
name: 'flow::7 Done',
className: 'bg-emerald-500',
},
{
name: 'Wichtig',
className: 'bg-red-500',
},
],
},
],
},
{
name: 'Done',
itemCount: 20,
children: [
{
name: 'Hello World!',
path: 'https://google.com',
description: 'Das ist eine Testkarte',
labels: [
{
name: 'flow::7 Done',
className: 'bg-emerald-500',
},
{
name: 'Wichtig',
className: 'bg-red-500',
},
],
},
],
},
{
name: 'Todo',
itemCount: 5,
children: [
{
name: 'Hello World!',
path: 'https://google.com',
description: 'Das ist eine Testkarte',
labels: [
{
name: 'flow::7 Done',
className: 'bg-emerald-500',
},
{
name: 'Wichtig',
className: 'bg-red-500',
},
],
},
],
},
{
name: 'Doing',
itemCount: 6,
children: [
{
name: 'Hello World!',
path: 'https://google.com',
description: 'Das ist eine Testkarte',
labels: [
{
name: 'flow::7 Done',
className: 'bg-emerald-500',
},
{
name: 'Wichtig',
className: 'bg-red-500',
},
],
},
],
},
{
name: 'Done',
itemCount: 20,
children: [
{
name: 'Hello World!',
path: 'https://google.com',
description: 'Das ist eine Testkarte',
labels: [
{
name: 'flow::7 Done',
className: 'bg-emerald-500',
},
{
name: 'Wichtig',
className: 'bg-red-500',
},
],
},
],
},
{
name: 'Todo',
itemCount: 5,
children: [
{
name: 'Hello World!',
path: 'https://google.com',
description: 'Das ist eine Testkarte',
labels: [
{
name: 'flow::7 Done',
className: 'bg-emerald-500',
},
{
name: 'Wichtig',
className: 'bg-red-500',
},
],
},
],
},
{
name: 'Doing',
itemCount: 6,
children: [
{
name: 'Hello World!',
path: 'https://google.com',
description: 'Das ist eine Testkarte',
labels: [
{
name: 'flow::7 Done',
className: 'bg-emerald-500',
},
{
name: 'Wichtig',
className: 'bg-red-500',
},
],
},
],
},
{
name: 'Done',
itemCount: 20,
children: [
{
name: 'Hello World!',
path: 'https://google.com',
description: 'Das ist eine Testkarte',
labels: [
{
name: 'flow::7 Done',
className: 'bg-emerald-500',
},
{
name: 'Wichtig',
className: 'bg-red-500',
},
],
},
],
},
{
name: 'Todo',
itemCount: 5,
children: [
{
name: 'Hello World!',
path: 'https://google.com',
description: 'Das ist eine Testkarte',
labels: [
{
name: 'flow::7 Done',
className: 'bg-emerald-500',
},
{
name: 'Wichtig',
className: 'bg-red-500',
},
],
},
],
},
{
name: 'Doing',
itemCount: 6,
children: [
{
name: 'Hello World!',
path: 'https://google.com',
description: 'Das ist eine Testkarte',
labels: [
{
name: 'flow::7 Done',
className: 'bg-emerald-500',
},
{
name: 'Wichtig',
className: 'bg-red-500',
},
],
},
],
},
{
name: 'Done',
itemCount: 20,
children: [
{
name: 'Hello World!',
path: 'https://google.com',
description: 'Das ist eine Testkarte',
labels: [
{
name: 'flow::7 Done',
className: 'bg-emerald-500',
},
{
name: 'Wichtig',
className: 'bg-red-500',
},
],
},
],
},
],
}
function RouteComponent() {
return (
<div className="h-full w-full">
<Kanban>
{kanbanboard.columns.map((val) => {
return (
<>
<KanbanColumn name={val.name} itemCount={val.itemCount}>
{val.children.map((card) => {
return <KanbanCard card={card} />
})}
</KanbanColumn>
<KanbanDropzone />
</>
)
})}
</Kanban>
</div>
)
}