first kanban-view integration for client groups
This commit is contained in:
340
dashboard/package-lock.json
generated
340
dashboard/package-lock.json
generated
@@ -8,10 +8,11 @@
|
||||
"name": "dashboard",
|
||||
"version": "0.0.0",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-react-buttons": "^29.2.5",
|
||||
"@syncfusion/ej2-react-calendars": "^29.2.11",
|
||||
"@syncfusion/ej2-react-grids": "^29.2.11",
|
||||
"@syncfusion/ej2-react-schedule": "^29.2.10",
|
||||
"@syncfusion/ej2-react-buttons": "^30.1.37",
|
||||
"@syncfusion/ej2-react-calendars": "^30.1.37",
|
||||
"@syncfusion/ej2-react-grids": "^30.1.37",
|
||||
"@syncfusion/ej2-react-kanban": "^30.1.37",
|
||||
"@syncfusion/ej2-react-schedule": "^30.1.37",
|
||||
"cldr-data": "^36.0.4",
|
||||
"lucide-react": "^0.522.0",
|
||||
"react": "^19.1.0",
|
||||
@@ -1637,264 +1638,301 @@
|
||||
]
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-base": {
|
||||
"version": "29.2.11",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-base/-/ej2-base-29.2.11.tgz",
|
||||
"integrity": "sha512-f1yM+6606zde7MR4q4d/q6foR3viHDA1/SkkTbLVwBME7I/0AcMG/i0eeTWJfJS8dgn91DGrsrEl0nZ9IA1CEQ==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-base/-/ej2-base-30.1.37.tgz",
|
||||
"integrity": "sha512-/RXLTid6XaKEyqBttyhO6FsGHhGitOzxPv64qo4AtE+33uU2usCRuBY4QZtGq5SBMQs7tIvjdtwff989jWHgzQ==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-icons": "~29.2.4"
|
||||
"@syncfusion/ej2-icons": "~30.1.37"
|
||||
},
|
||||
"bin": {
|
||||
"syncfusion-license": "bin/syncfusion-license.js"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-buttons": {
|
||||
"version": "29.2.5",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-buttons/-/ej2-buttons-29.2.5.tgz",
|
||||
"integrity": "sha512-FbMi9rUi/7i8mpPA6KRaO7qW/3wIeH759u2/Ag0iMQUEdtdK7NvOCSFF29WESeBjW6GmEJ8zkW0340ymgXZruQ==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-buttons/-/ej2-buttons-30.1.37.tgz",
|
||||
"integrity": "sha512-31dPIDSkraFlR8+sCz2NtM1tg9TSBN2YRHC7mBZGDWX6B26ie4zbe63S22l0ytaoMDt3XHqExsk7MLlnG3LR8g==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-base": "~29.2.4"
|
||||
"@syncfusion/ej2-base": "~30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-calendars": {
|
||||
"version": "29.2.11",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-calendars/-/ej2-calendars-29.2.11.tgz",
|
||||
"integrity": "sha512-RphIYxXwaDv59QiYjswIntNyDxOqd3oQqi2G9Z3zRD+Ez1u+ybY9koaWbj5Dq/5AsFhdNCwHhyEPX9gACZMsvA==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-calendars/-/ej2-calendars-30.1.37.tgz",
|
||||
"integrity": "sha512-9g41zBRizXilbRJWHJgqRYJPpX0WJF5qJwGNpgvsBnyYdolYQy///x6c3oYo9W6YG28N0QDavdbOaxwprj4ghg==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-base": "~29.2.11",
|
||||
"@syncfusion/ej2-buttons": "~29.2.5",
|
||||
"@syncfusion/ej2-inputs": "~29.2.5",
|
||||
"@syncfusion/ej2-lists": "~29.2.4",
|
||||
"@syncfusion/ej2-popups": "~29.2.8"
|
||||
"@syncfusion/ej2-base": "~30.1.37",
|
||||
"@syncfusion/ej2-buttons": "~30.1.37",
|
||||
"@syncfusion/ej2-inputs": "~30.1.37",
|
||||
"@syncfusion/ej2-lists": "~30.1.37",
|
||||
"@syncfusion/ej2-popups": "~30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-compression": {
|
||||
"version": "29.2.4",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-compression/-/ej2-compression-29.2.4.tgz",
|
||||
"integrity": "sha512-mcgFmgtITGxoX4zV4LrFGAOHOQD8Z7is85vQE+k2Bf4OI6rZsLNIQFm6KEFg+sZMOSrABzKzg49yrktmlus4TQ==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-compression/-/ej2-compression-30.1.37.tgz",
|
||||
"integrity": "sha512-QA5oAJZDaAONO12zwVCc1IqYTmiwthSoWaMoE0jgQR+mpYR8XmlMi1VOvP8Jtu+HlfQMaEGcMQ++UM5UeZW4+g==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-file-utils": "~29.2.4"
|
||||
"@syncfusion/ej2-file-utils": "~30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-data": {
|
||||
"version": "29.2.4",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-data/-/ej2-data-29.2.4.tgz",
|
||||
"integrity": "sha512-2R+N65OPq+yfwTXyBz7NdD8MHGoxUbJSEWGT0kNEGMiobiI4AL+hfMYEhXWXE+DqL5Pm0txA4gTXQprFXXbccg==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-data/-/ej2-data-30.1.37.tgz",
|
||||
"integrity": "sha512-UGbF1a95BmdRcgkgekMOdJY0kcNSaOrKWLlnZxFkEl9SSvN+mxPa7ktgXHlEWRc+KY/WeNSV2kmyZ8h/htnAXQ==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-base": "~29.2.4"
|
||||
"@syncfusion/ej2-base": "~30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-dropdowns": {
|
||||
"version": "29.2.11",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-29.2.11.tgz",
|
||||
"integrity": "sha512-NtWQexED+1T4Ef/vPkG+C9ANkUD3QPvXelyQaS2+j+mzipOhSBGiDcJYIE1R1wtqC3BhLfMZBPJbuXGc0p+mmQ==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-30.1.37.tgz",
|
||||
"integrity": "sha512-yk4Pous9P2Ccg/QoX+fmJatn5ypbWWTvptEd5h5p4Wb0qlvwJIPuJo/KkcyK2vUx7kRzN5dzmUX7cKP7Z1ZhPg==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-base": "~29.2.11",
|
||||
"@syncfusion/ej2-data": "~29.2.4",
|
||||
"@syncfusion/ej2-inputs": "~29.2.5",
|
||||
"@syncfusion/ej2-lists": "~29.2.4",
|
||||
"@syncfusion/ej2-navigations": "~29.2.8",
|
||||
"@syncfusion/ej2-notifications": "~29.2.4",
|
||||
"@syncfusion/ej2-popups": "~29.2.8"
|
||||
"@syncfusion/ej2-base": "~30.1.37",
|
||||
"@syncfusion/ej2-data": "~30.1.37",
|
||||
"@syncfusion/ej2-inputs": "~30.1.37",
|
||||
"@syncfusion/ej2-lists": "~30.1.37",
|
||||
"@syncfusion/ej2-navigations": "~30.1.37",
|
||||
"@syncfusion/ej2-notifications": "~30.1.37",
|
||||
"@syncfusion/ej2-popups": "~30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-excel-export": {
|
||||
"version": "29.2.4",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-excel-export/-/ej2-excel-export-29.2.4.tgz",
|
||||
"integrity": "sha512-N3VAdlhP+Wq/Uyl82ZSx6x8zL3slgtEKzWb13nrfas7cdJicYrbx02YZru5/euaeE3yGTlbKmhjjLLbkVFU/kQ==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-excel-export/-/ej2-excel-export-30.1.37.tgz",
|
||||
"integrity": "sha512-AMOTpy/uzb6QzKHgQdofA2P0Ec1KLmfT9vDXPzmF3npsPbqL0a+6K73MaZZKjW8rBrwohnbJV2R+acotpW/Seg==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-base": "~29.2.4",
|
||||
"@syncfusion/ej2-compression": "~29.2.4"
|
||||
"@syncfusion/ej2-base": "~30.1.37",
|
||||
"@syncfusion/ej2-compression": "~30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-file-utils": {
|
||||
"version": "29.2.4",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-file-utils/-/ej2-file-utils-29.2.4.tgz",
|
||||
"integrity": "sha512-nnvZ+1xVULe418habMciZnDAoMOM+TqFaFpO9kf4Cct9RPYUr22Tsvu84CZI7yzzKj/dLfD4n5TRRCHVo+5vVA==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-file-utils/-/ej2-file-utils-30.1.37.tgz",
|
||||
"integrity": "sha512-1r0rWrXEsXsRJhG0yOs8Hp2nGARLsBCD4u602R4IxLDrockIPVJv4gz0rIw4dDtFW7bpAa8J+yWXtr6fW29Bhw==",
|
||||
"license": "SEE LICENSE IN license"
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-grids": {
|
||||
"version": "29.2.11",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-grids/-/ej2-grids-29.2.11.tgz",
|
||||
"integrity": "sha512-11jI7ve/qxQVsA4kP+v0Y1bEfO7kFCCtBekag80Fy+yio88Wcr5c1Q9SxgsmZtX+Kzk6oSymS497/zNcBDsUJw==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-grids/-/ej2-grids-30.1.37.tgz",
|
||||
"integrity": "sha512-EG8RzzPCML9UULAN+SZdo/G5j8AsmzKzwQvocvZoL/YOfDPWom8WaGXNbE5pssMmIEnF2YnQkMuwRWg1tLHyog==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-base": "~29.2.11",
|
||||
"@syncfusion/ej2-buttons": "~29.2.5",
|
||||
"@syncfusion/ej2-calendars": "~29.2.11",
|
||||
"@syncfusion/ej2-compression": "~29.2.4",
|
||||
"@syncfusion/ej2-data": "~29.2.4",
|
||||
"@syncfusion/ej2-dropdowns": "~29.2.11",
|
||||
"@syncfusion/ej2-excel-export": "~29.2.4",
|
||||
"@syncfusion/ej2-file-utils": "~29.2.4",
|
||||
"@syncfusion/ej2-inputs": "~29.2.5",
|
||||
"@syncfusion/ej2-lists": "~29.2.4",
|
||||
"@syncfusion/ej2-navigations": "~29.2.8",
|
||||
"@syncfusion/ej2-notifications": "~29.2.4",
|
||||
"@syncfusion/ej2-pdf-export": "~29.2.4",
|
||||
"@syncfusion/ej2-popups": "~29.2.8",
|
||||
"@syncfusion/ej2-splitbuttons": "~29.2.4"
|
||||
"@syncfusion/ej2-base": "~30.1.37",
|
||||
"@syncfusion/ej2-buttons": "~30.1.37",
|
||||
"@syncfusion/ej2-calendars": "~30.1.37",
|
||||
"@syncfusion/ej2-compression": "~30.1.37",
|
||||
"@syncfusion/ej2-data": "~30.1.37",
|
||||
"@syncfusion/ej2-dropdowns": "~30.1.37",
|
||||
"@syncfusion/ej2-excel-export": "~30.1.37",
|
||||
"@syncfusion/ej2-file-utils": "~30.1.37",
|
||||
"@syncfusion/ej2-inputs": "~30.1.37",
|
||||
"@syncfusion/ej2-lists": "~30.1.37",
|
||||
"@syncfusion/ej2-navigations": "~30.1.37",
|
||||
"@syncfusion/ej2-notifications": "~30.1.37",
|
||||
"@syncfusion/ej2-pdf-export": "~30.1.37",
|
||||
"@syncfusion/ej2-popups": "~30.1.37",
|
||||
"@syncfusion/ej2-splitbuttons": "~30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-icons": {
|
||||
"version": "29.2.4",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-icons/-/ej2-icons-29.2.4.tgz",
|
||||
"integrity": "sha512-2DYZglxLM++w0S2wB2bcr/Akk1MODdVhfFYLaLqe6mDHDRicFeTEyvnGPx2SHS2EXXlNNFm2GfNWoNNxgs5MhQ==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-icons/-/ej2-icons-30.1.37.tgz",
|
||||
"integrity": "sha512-bgPklX0jiaLESbWJDNx8f8PqVexwbRJHoz4kDgOJR4VN4JoOtC7Zw47Wb+eFwj13Ped1lTfuPfmU8sI1s5INeQ==",
|
||||
"license": "SEE LICENSE IN license"
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-inputs": {
|
||||
"version": "29.2.5",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-inputs/-/ej2-inputs-29.2.5.tgz",
|
||||
"integrity": "sha512-3ZqMl005qL0tENHcKvBfKUHMYQ/S0FRYjUDQVDPRsg28tE0Lz87oyamrxLYne3zDBEJ7kxWWnaNpgrTVvxsVNw==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-inputs/-/ej2-inputs-30.1.37.tgz",
|
||||
"integrity": "sha512-6gOvtZO7ygdPnec8M7cr0TNBkENMmiW4YLnJTgGl5UgogQb+f8D8giE3SKqfWdmlJMBD1lzW96Ig4gW2n4JwMQ==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-base": "~29.2.4",
|
||||
"@syncfusion/ej2-buttons": "~29.2.5",
|
||||
"@syncfusion/ej2-popups": "~29.2.4",
|
||||
"@syncfusion/ej2-splitbuttons": "~29.2.4"
|
||||
"@syncfusion/ej2-base": "~30.1.37",
|
||||
"@syncfusion/ej2-buttons": "~30.1.37",
|
||||
"@syncfusion/ej2-popups": "~30.1.37",
|
||||
"@syncfusion/ej2-splitbuttons": "~30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-kanban": {
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-kanban/-/ej2-kanban-30.1.37.tgz",
|
||||
"integrity": "sha512-JiR7+CrLqaji0OaPx7BsvN/pM5hwWLMnJC9TPk6MbyMmsch8NlHBw+DMPl+0MbssNg2qFAoKmeOR6uNWv+EZvw==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-base": "~30.1.37",
|
||||
"@syncfusion/ej2-buttons": "~30.1.37",
|
||||
"@syncfusion/ej2-data": "~30.1.37",
|
||||
"@syncfusion/ej2-dropdowns": "~30.1.37",
|
||||
"@syncfusion/ej2-inputs": "~30.1.37",
|
||||
"@syncfusion/ej2-layouts": "~30.1.37",
|
||||
"@syncfusion/ej2-navigations": "~30.1.37",
|
||||
"@syncfusion/ej2-notifications": "~30.1.37",
|
||||
"@syncfusion/ej2-popups": "~30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-layouts": {
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-layouts/-/ej2-layouts-30.1.37.tgz",
|
||||
"integrity": "sha512-EPI00OSBMuzxp8od6jTOK2LRlv5IWtN4WmpIklUe34vev0qG9HLo8yT2BKCUIo5TRm4xEUXx0mQM7ZSKw2iHig==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-base": "~30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-lists": {
|
||||
"version": "29.2.4",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-lists/-/ej2-lists-29.2.4.tgz",
|
||||
"integrity": "sha512-U64nGdZMjnhHG/+YCTF+WhJ3BoUxFyN2DXxv2qlC+wtayMbfioDRwqSQgxTkH8XE4TgrkRFenRtj5SbYLKliSw==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-lists/-/ej2-lists-30.1.37.tgz",
|
||||
"integrity": "sha512-Tot/4yjBoBlCPr49EKPL/yDHFoPhHlgp3bK6+LG5jgThQE+guB5sSlqlNl3Noui25oMTRcXlt29SHZwstdpsNg==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-base": "~29.2.4",
|
||||
"@syncfusion/ej2-buttons": "~29.2.4",
|
||||
"@syncfusion/ej2-data": "~29.2.4",
|
||||
"@syncfusion/ej2-popups": "~29.2.4"
|
||||
"@syncfusion/ej2-base": "~30.1.37",
|
||||
"@syncfusion/ej2-buttons": "~30.1.37",
|
||||
"@syncfusion/ej2-data": "~30.1.37",
|
||||
"@syncfusion/ej2-popups": "~30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-navigations": {
|
||||
"version": "29.2.8",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-navigations/-/ej2-navigations-29.2.8.tgz",
|
||||
"integrity": "sha512-u14J+dEocqGIKgWCC1eiATv1nh40dgILsGPpGbYS+h9Y7y4YMBRzL2UCcuNHXgPKL7SiJ5lCaVORFco8cxyh6A==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-navigations/-/ej2-navigations-30.1.37.tgz",
|
||||
"integrity": "sha512-FD3hsT4a8fMdS3S7EFu9tnu741980HRK97fDAUgUtLGqDANC6Ee2HyeZZTjVeUpVAHfdomb/n7oYvtDUXZxwYw==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-base": "~29.2.4",
|
||||
"@syncfusion/ej2-buttons": "~29.2.5",
|
||||
"@syncfusion/ej2-data": "~29.2.4",
|
||||
"@syncfusion/ej2-inputs": "~29.2.5",
|
||||
"@syncfusion/ej2-lists": "~29.2.4",
|
||||
"@syncfusion/ej2-popups": "~29.2.8"
|
||||
"@syncfusion/ej2-base": "~30.1.37",
|
||||
"@syncfusion/ej2-buttons": "~30.1.37",
|
||||
"@syncfusion/ej2-data": "~30.1.37",
|
||||
"@syncfusion/ej2-inputs": "~30.1.37",
|
||||
"@syncfusion/ej2-lists": "~30.1.37",
|
||||
"@syncfusion/ej2-popups": "~30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-notifications": {
|
||||
"version": "29.2.4",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-notifications/-/ej2-notifications-29.2.4.tgz",
|
||||
"integrity": "sha512-rB9OuGHWVfnl9aBno+4KRH3aESbakLKYT70V7wjTxwS7u11XbxYwLiA4/YKsTQg/zrgOtcr3Ma1sVOeMYW17gQ==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-notifications/-/ej2-notifications-30.1.37.tgz",
|
||||
"integrity": "sha512-ksXk9lTf0Iw5+4EarYjxG1rKU+e9ZbCOaxvl/PN+MP1w1BAFwu4jRwpE9mbPF2FQUxcL1xNCxTnspSQaH36f4Q==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-base": "~29.2.4",
|
||||
"@syncfusion/ej2-buttons": "~29.2.4",
|
||||
"@syncfusion/ej2-popups": "~29.2.4"
|
||||
"@syncfusion/ej2-base": "~30.1.37",
|
||||
"@syncfusion/ej2-buttons": "~30.1.37",
|
||||
"@syncfusion/ej2-popups": "~30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-pdf-export": {
|
||||
"version": "29.2.4",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-pdf-export/-/ej2-pdf-export-29.2.4.tgz",
|
||||
"integrity": "sha512-Cb5QKYqhuvEb96DzqJT6/nLuan8FkA40mU4Lggg5Ujo1OdIK3Ca5GolM7HStTct4DnU02UKuXTrqoL5umGTfKQ==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-pdf-export/-/ej2-pdf-export-30.1.37.tgz",
|
||||
"integrity": "sha512-4vtuyp+IhB8FUdxnizwytYFYP7Uxdr0thFCEuT3p7T7v4HzwEIk1uingaO32Z4AD72LUNuzznnRTZNyd59VU7w==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-compression": "~29.2.4"
|
||||
"@syncfusion/ej2-compression": "~30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-popups": {
|
||||
"version": "29.2.8",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-popups/-/ej2-popups-29.2.8.tgz",
|
||||
"integrity": "sha512-LsXfTiFd6dyoE8XIxFOgC24TeQCqgLdjp3VOg0tWvyuWiZ/skH2sBlF2Y1CWqNJS07OKhtcjLY1h446RTBlalQ==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-popups/-/ej2-popups-30.1.37.tgz",
|
||||
"integrity": "sha512-royzgtNf2BE330yBySDvLcnMHfDq1xxFKK4YocQJt5PAdYrm5mxIAmxrbbAO0LElI4GN0yQU8Xy4ne7VjqPzJg==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-base": "~29.2.4",
|
||||
"@syncfusion/ej2-buttons": "~29.2.5"
|
||||
"@syncfusion/ej2-base": "~30.1.37",
|
||||
"@syncfusion/ej2-buttons": "~30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-react-base": {
|
||||
"version": "29.2.4",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-react-base/-/ej2-react-base-29.2.4.tgz",
|
||||
"integrity": "sha512-Yri3M0IU6JJyrdLi+r7Ai1cejRwvOkqTxpZ/TG6gqcf2jaisvbATq0SrrTYXeFsXmHGpjfg6aCUtkRoexYwmrg==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-react-base/-/ej2-react-base-30.1.37.tgz",
|
||||
"integrity": "sha512-9Mr+gGR9fb9ywlvXLU/sROH7qcQl/rnITR9wVndKtLP0kCULIAl0QVjaBP4krVIrV5rKIqpL4dEXOJhNVXwgNQ==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-base": "~29.2.4"
|
||||
"@syncfusion/ej2-base": "~30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-react-buttons": {
|
||||
"version": "29.2.5",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-react-buttons/-/ej2-react-buttons-29.2.5.tgz",
|
||||
"integrity": "sha512-L7XH6Tr7Eyq99xTpPWdcuCOXs0f6d1EjSO+ppjOcmiskdQMxCJO+Soew4ABzRHVamulmpkzlTzRsqJjtHn75fw==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-react-buttons/-/ej2-react-buttons-30.1.37.tgz",
|
||||
"integrity": "sha512-QWvVNwfDBk9bZTM1otAmjGK9b8GeA/d1+/Db6skgBDcVzyQUBh26rCJeKMKOnyg/8DratkUG1VdfuhKL5YAMvA==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-base": "~29.2.4",
|
||||
"@syncfusion/ej2-buttons": "29.2.5",
|
||||
"@syncfusion/ej2-react-base": "~29.2.4"
|
||||
"@syncfusion/ej2-base": "~30.1.37",
|
||||
"@syncfusion/ej2-buttons": "30.1.37",
|
||||
"@syncfusion/ej2-react-base": "~30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-react-calendars": {
|
||||
"version": "29.2.11",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-react-calendars/-/ej2-react-calendars-29.2.11.tgz",
|
||||
"integrity": "sha512-o6SzmhR9Cuew0y6lijOPniyyJqHzuGoVtDFxp10/x+Tm2Ab1tyXgxpC2jqZLt0SFXcBl2l01h50Xnf0MZnEJSw==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-react-calendars/-/ej2-react-calendars-30.1.37.tgz",
|
||||
"integrity": "sha512-RDHxN2q1Pj+yIfZIm9qyFMvQdrpWXGXIh51o3CREKViD26R2ykh5WmI6JICvgp+Mru1VS3nEIzzsXEsIDrwoaw==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-base": "~29.2.11",
|
||||
"@syncfusion/ej2-calendars": "29.2.11",
|
||||
"@syncfusion/ej2-react-base": "~29.2.4"
|
||||
"@syncfusion/ej2-base": "~30.1.37",
|
||||
"@syncfusion/ej2-calendars": "30.1.37",
|
||||
"@syncfusion/ej2-react-base": "~30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-react-grids": {
|
||||
"version": "29.2.11",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-react-grids/-/ej2-react-grids-29.2.11.tgz",
|
||||
"integrity": "sha512-HHSEb4ZpcncY/8QV+wbsR8ZVArnsGinwv9kLi2sGwJhS3yKm83aXAMojvPYSv1h5jX8ujnR0Y/YSi6MTYL4O+g==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-react-grids/-/ej2-react-grids-30.1.37.tgz",
|
||||
"integrity": "sha512-QNnvwD88GYezX9glpGUEltFmUCKZORXz7w93BS2CfgTxsjJjdaZ8xzDi98J+aAUrUh6I44pMut5Sfb9QOBFH+g==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-base": "~29.2.11",
|
||||
"@syncfusion/ej2-grids": "29.2.11",
|
||||
"@syncfusion/ej2-react-base": "~29.2.4"
|
||||
"@syncfusion/ej2-base": "~30.1.37",
|
||||
"@syncfusion/ej2-grids": "30.1.37",
|
||||
"@syncfusion/ej2-react-base": "~30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-react-kanban": {
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-react-kanban/-/ej2-react-kanban-30.1.37.tgz",
|
||||
"integrity": "sha512-lcUwtLNBodSSHYQhYlG4ZiMt4kqQQLjoDBYuFu1GhDimshonwxkXEk+ekgPSHtgJFDJX5YEca/XT5jlm6gxBKw==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-base": "~30.1.37",
|
||||
"@syncfusion/ej2-kanban": "30.1.37",
|
||||
"@syncfusion/ej2-react-base": "~30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-react-schedule": {
|
||||
"version": "29.2.10",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-react-schedule/-/ej2-react-schedule-29.2.10.tgz",
|
||||
"integrity": "sha512-Ud3c5qrjY+NT9VPg3OoQ4YxnVYNj9Xi/12VVJS6cxbs0b91oXzoBSmQpoBVvFefVH0EUaRk7D9ILBs2TZIJj/Q==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-react-schedule/-/ej2-react-schedule-30.1.37.tgz",
|
||||
"integrity": "sha512-Lw+9CYk6gLobmjWtt5dmsWkAXwgDb8IrNLyfkC9sos6ym0C4skR80gW0BP1n5xTZrWjtZSW1dMUlbMcyknus8w==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-base": "~29.2.4",
|
||||
"@syncfusion/ej2-react-base": "~29.2.4",
|
||||
"@syncfusion/ej2-schedule": "29.2.10"
|
||||
"@syncfusion/ej2-base": "~30.1.37",
|
||||
"@syncfusion/ej2-react-base": "~30.1.37",
|
||||
"@syncfusion/ej2-schedule": "30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-schedule": {
|
||||
"version": "29.2.10",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-schedule/-/ej2-schedule-29.2.10.tgz",
|
||||
"integrity": "sha512-PWbxLWfVCNxuEAyZos5c7Ne8lfXhQKR9vN4CNy+yMjRoO+rejI1/sH9iOeKpjCsVmO+ucZuG4IwPCz+qypQtsw==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-schedule/-/ej2-schedule-30.1.37.tgz",
|
||||
"integrity": "sha512-1VGVuTYgqPIeVwcAqcbpoT18F+gygX+PP9e+oxDzQzSzi/YVYhNRFxrwzfm4Mhx/JLKArCn7Wr8WSidX+t9xow==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-base": "~29.2.4",
|
||||
"@syncfusion/ej2-buttons": "~29.2.5",
|
||||
"@syncfusion/ej2-calendars": "~29.2.10",
|
||||
"@syncfusion/ej2-data": "~29.2.4",
|
||||
"@syncfusion/ej2-dropdowns": "~29.2.10",
|
||||
"@syncfusion/ej2-excel-export": "~29.2.4",
|
||||
"@syncfusion/ej2-inputs": "~29.2.5",
|
||||
"@syncfusion/ej2-lists": "~29.2.4",
|
||||
"@syncfusion/ej2-navigations": "~29.2.8",
|
||||
"@syncfusion/ej2-popups": "~29.2.8"
|
||||
"@syncfusion/ej2-base": "~30.1.37",
|
||||
"@syncfusion/ej2-buttons": "~30.1.37",
|
||||
"@syncfusion/ej2-calendars": "~30.1.37",
|
||||
"@syncfusion/ej2-data": "~30.1.37",
|
||||
"@syncfusion/ej2-dropdowns": "~30.1.37",
|
||||
"@syncfusion/ej2-excel-export": "~30.1.37",
|
||||
"@syncfusion/ej2-inputs": "~30.1.37",
|
||||
"@syncfusion/ej2-lists": "~30.1.37",
|
||||
"@syncfusion/ej2-navigations": "~30.1.37",
|
||||
"@syncfusion/ej2-popups": "~30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@syncfusion/ej2-splitbuttons": {
|
||||
"version": "29.2.4",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-29.2.4.tgz",
|
||||
"integrity": "sha512-sZKs0IZJ6+rDK2OLRl+m5Rs1ai84GE9NV2hpDG5CPFv5uM5WoOf33qYOyp6BSuBerpobpycoXDWH/mh1fZSCDw==",
|
||||
"version": "30.1.37",
|
||||
"resolved": "https://registry.npmjs.org/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-30.1.37.tgz",
|
||||
"integrity": "sha512-V4MNbw8qBNumd7B4AlbmndxXGqILcSUoCrA+wBfLt6KZArZnuK8Y2zaD7fN9xoR1c/hoxlgo9sXyIxdPfi9Lyg==",
|
||||
"license": "SEE LICENSE IN license",
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-base": "~29.2.4",
|
||||
"@syncfusion/ej2-popups": "~29.2.4"
|
||||
"@syncfusion/ej2-base": "~30.1.37",
|
||||
"@syncfusion/ej2-popups": "~30.1.37"
|
||||
}
|
||||
},
|
||||
"node_modules/@tailwindcss/aspect-ratio": {
|
||||
|
||||
@@ -10,10 +10,11 @@
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@syncfusion/ej2-react-buttons": "^29.2.5",
|
||||
"@syncfusion/ej2-react-calendars": "^29.2.11",
|
||||
"@syncfusion/ej2-react-grids": "^29.2.11",
|
||||
"@syncfusion/ej2-react-schedule": "^29.2.10",
|
||||
"@syncfusion/ej2-react-buttons": "^30.1.37",
|
||||
"@syncfusion/ej2-react-calendars": "^30.1.37",
|
||||
"@syncfusion/ej2-react-grids": "^30.1.37",
|
||||
"@syncfusion/ej2-react-kanban": "^30.1.37",
|
||||
"@syncfusion/ej2-react-schedule": "^30.1.37",
|
||||
"cldr-data": "^36.0.4",
|
||||
"lucide-react": "^0.522.0",
|
||||
"react": "^19.1.0",
|
||||
|
||||
@@ -8,4 +8,9 @@
|
||||
@import "../node_modules/@syncfusion/ej2-popups/styles/material.css";
|
||||
@import "../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css";
|
||||
@import "../node_modules/@syncfusion/ej2-react-schedule/styles/material.css";
|
||||
@import "../node_modules/@syncfusion/ej2-kanban/styles/material.css";
|
||||
|
||||
body {
|
||||
font-family: Inter, 'Segoe UI', Roboto, Arial, sans-serif;
|
||||
}
|
||||
|
||||
|
||||
@@ -12,7 +12,8 @@ import {
|
||||
User,
|
||||
Settings,
|
||||
Monitor,
|
||||
MonitorDotIcon
|
||||
MonitorDotIcon,
|
||||
LogOut,
|
||||
} from 'lucide-react';
|
||||
|
||||
const sidebarItems = [
|
||||
@@ -20,7 +21,7 @@ const sidebarItems = [
|
||||
{ name: 'Termine', path: '/termine', icon: Calendar },
|
||||
{ name: 'Ressourcen', path: '/ressourcen', icon: Boxes },
|
||||
{ name: 'Infoscreens', path: '/Infoscreens', icon: Monitor },
|
||||
{ name: 'Gruppen', path: '/gruppen', icon: MonitorDotIcon },
|
||||
{ name: 'Gruppen', path: '/infoscr_groups', icon: MonitorDotIcon },
|
||||
{ name: 'Medien', path: '/medien', icon: Image },
|
||||
{ name: 'Benutzer', path: '/benutzer', icon: User },
|
||||
{ name: 'Einstellungen', path: '/einstellungen', icon: Settings },
|
||||
@@ -54,9 +55,21 @@ const Layout: React.FC = () => {
|
||||
/>
|
||||
</div>
|
||||
<button
|
||||
className="p-2 focus:outline-none hover:bg-[#d6c3a6] transition-colors"
|
||||
className="p-2 focus:outline-none transition-colors"
|
||||
style={{
|
||||
backgroundColor: '#e5d8c7',
|
||||
color: '#78591c',
|
||||
}}
|
||||
onClick={() => setCollapsed(!collapsed)}
|
||||
aria-label={collapsed ? 'Sidebar ausklappen' : 'Sidebar einklappen'}
|
||||
onMouseEnter={e => {
|
||||
e.currentTarget.style.backgroundColor = '#78591c';
|
||||
e.currentTarget.style.color = '#e5d8c7';
|
||||
}}
|
||||
onMouseLeave={e => {
|
||||
e.currentTarget.style.backgroundColor = '#e5d8c7';
|
||||
e.currentTarget.style.color = '#78591c';
|
||||
}}
|
||||
>
|
||||
<span style={{ fontSize: 20 }}>{collapsed ? '▶' : '◀'}</span>
|
||||
</button>
|
||||
@@ -92,6 +105,38 @@ const Layout: React.FC = () => {
|
||||
);
|
||||
})}
|
||||
</nav>
|
||||
{/* Abmelden-Button immer ganz unten */}
|
||||
<div className="mb-4 mt-auto">
|
||||
<button
|
||||
className="flex items-center gap-3 px-6 py-3 w-full transition-colors no-underline"
|
||||
style={{
|
||||
color: '#78591c',
|
||||
backgroundColor: '#e5d8c7',
|
||||
border: 'none',
|
||||
fontWeight: 500,
|
||||
cursor: 'pointer',
|
||||
textAlign: 'left',
|
||||
fontSize: '1.15rem',
|
||||
width: '100%',
|
||||
}}
|
||||
title={collapsed ? 'Abmelden' : undefined}
|
||||
onClick={() => {
|
||||
// Hier ggf. Logout-Logik einfügen
|
||||
window.location.href = '/logout';
|
||||
}}
|
||||
onMouseEnter={e => {
|
||||
e.currentTarget.style.backgroundColor = '#78591c';
|
||||
e.currentTarget.style.color = '#e5d8c7';
|
||||
}}
|
||||
onMouseLeave={e => {
|
||||
e.currentTarget.style.backgroundColor = '#e5d8c7';
|
||||
e.currentTarget.style.color = '#78591c';
|
||||
}}
|
||||
>
|
||||
<LogOut size={22} />
|
||||
{!collapsed && 'Abmelden'}
|
||||
</button>
|
||||
</div>
|
||||
</aside>
|
||||
{/* Main Content */}
|
||||
<div className="flex-1 flex flex-col">
|
||||
@@ -134,7 +179,7 @@ const App: React.FC = () => (
|
||||
<Route path="termine" element={<Appointments />} />
|
||||
<Route path="ressourcen" element={<Ressourcen />} />
|
||||
<Route path="Infoscreens" element={<Infoscreens />} />
|
||||
<Route path="gruppen" element={<Gruppen />} />
|
||||
<Route path="infoscr_groups" element={<Infoscreen_groups />} />
|
||||
<Route path="medien" element={<Medien />} />
|
||||
<Route path="benutzer" element={<Benutzer />} />
|
||||
<Route path="einstellungen" element={<Einstellungen />} />
|
||||
@@ -150,7 +195,7 @@ import Dashboard from './dashboard';
|
||||
import Appointments from './appointments';
|
||||
import Ressourcen from './ressourcen';
|
||||
import Infoscreens from './clients';
|
||||
import Gruppen from './gruppen';
|
||||
import Infoscreen_groups from './infoscreen_groups';
|
||||
import Medien from './medien';
|
||||
import Benutzer from './benutzer';
|
||||
import Einstellungen from './einstellungen';
|
||||
|
||||
@@ -6,6 +6,7 @@ export interface Client {
|
||||
hardware_hash: string;
|
||||
ip_address: string;
|
||||
last_alive: string | null;
|
||||
group_id: number; // <--- Dieses Feld ergänzen
|
||||
}
|
||||
|
||||
export async function fetchClients(): Promise<Client[]> {
|
||||
@@ -15,3 +16,13 @@ export async function fetchClients(): Promise<Client[]> {
|
||||
}
|
||||
return await response.json();
|
||||
}
|
||||
|
||||
export async function updateClientGroup(clientIds: string[], groupName: string) {
|
||||
const res = await fetch('/api/clients/group', {
|
||||
method: 'PUT',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ client_ids: clientIds, group_name: groupName }),
|
||||
});
|
||||
if (!res.ok) throw new Error('Fehler beim Aktualisieren der Clients');
|
||||
return await res.json();
|
||||
}
|
||||
|
||||
19
dashboard/src/apiGroups.ts
Normal file
19
dashboard/src/apiGroups.ts
Normal file
@@ -0,0 +1,19 @@
|
||||
export async function createGroup(name: string) {
|
||||
const res = await fetch('/api/groups', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ name }),
|
||||
});
|
||||
if (!res.ok) throw new Error('Fehler beim Erstellen der Gruppe');
|
||||
return await res.json();
|
||||
}
|
||||
|
||||
export async function fetchGroups() {
|
||||
const res = await fetch('/api/groups');
|
||||
if (!res.ok) throw new Error('Fehler beim Laden der Gruppen');
|
||||
return await res.json();
|
||||
}
|
||||
|
||||
// Hier kannst du später weitere Funktionen ergänzen:
|
||||
// export async function deleteGroup(id: number) { ... }
|
||||
// export async function updateGroup(id: number, name: string) { ... }
|
||||
@@ -13,9 +13,8 @@ const Dashboard: React.FC = () => {
|
||||
<div>
|
||||
<header className="mb-8 pb-4 border-b-2 border-[#d6c3a6]">
|
||||
<h2 className="text-3xl font-extrabold mb-2">Dashboard</h2>
|
||||
<p className="text-lg">Willkommen im Infoscreen-Management Dashboard.</p>
|
||||
</header>
|
||||
<h3 className="text-lg font-semibold mt-6 mb-4">Clients</h3>
|
||||
<h3 className="text-lg font-semibold mt-6 mb-4">Infoscreens</h3>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
{clients.map(client => (
|
||||
<div key={client.uuid} className="bg-white rounded shadow p-4 flex flex-col items-center">
|
||||
|
||||
@@ -1,8 +0,0 @@
|
||||
import React from 'react';
|
||||
const Gruppen: React.FC = () => (
|
||||
<div>
|
||||
<h2 className="text-xl font-bold mb-4">Gruppen</h2>
|
||||
<p>Willkommen im Infoscreen-Management Gruppen.</p>
|
||||
</div>
|
||||
);
|
||||
export default Gruppen;
|
||||
203
dashboard/src/infoscreen_groups.tsx
Normal file
203
dashboard/src/infoscreen_groups.tsx
Normal file
@@ -0,0 +1,203 @@
|
||||
import React, { useEffect, useState, useRef } from 'react';
|
||||
import { KanbanComponent, ColumnsDirective, ColumnDirective } from '@syncfusion/ej2-react-kanban';
|
||||
import { fetchClients, updateClientGroup } from './apiClients';
|
||||
import { fetchGroups, createGroup } from './apiGroups';
|
||||
import type { Client } from './apiClients';
|
||||
import type { KanbanComponent as KanbanComponentType } from '@syncfusion/ej2-react-kanban';
|
||||
|
||||
interface KanbanClient extends Client {
|
||||
Id: string;
|
||||
Status: string; // Raumgruppe (Gruppenname)
|
||||
Summary: string; // Anzeigename
|
||||
}
|
||||
|
||||
interface Group {
|
||||
id: number;
|
||||
name: string;
|
||||
// weitere Felder möglich
|
||||
}
|
||||
|
||||
interface KanbanDragEventArgs {
|
||||
element: HTMLElement | HTMLElement[];
|
||||
data: KanbanClient | KanbanClient[];
|
||||
event?: { event?: MouseEvent };
|
||||
[key: string]: unknown;
|
||||
}
|
||||
|
||||
const Infoscreen_groups: React.FC = () => {
|
||||
const [clients, setClients] = useState<KanbanClient[]>([]);
|
||||
const [groups, setGroups] = useState<{ keyField: string; headerText: string }[]>([]);
|
||||
const [showDialog, setShowDialog] = useState(false);
|
||||
const [newGroupName, setNewGroupName] = useState('');
|
||||
const [draggedCard, setDraggedCard] = useState<{ id: string; fromColumn: string } | null>(null);
|
||||
const kanbanRef = useRef<KanbanComponentType | null>(null); // Ref für Kanban
|
||||
|
||||
// Lade Gruppen und Clients
|
||||
useEffect(() => {
|
||||
let groupMap: Record<number, string> = {};
|
||||
fetchGroups().then((groupData: Group[]) => {
|
||||
const kanbanGroups = groupData.map(g => ({
|
||||
keyField: g.name,
|
||||
headerText: g.name,
|
||||
id: g.id,
|
||||
}));
|
||||
setGroups(kanbanGroups);
|
||||
|
||||
groupMap = Object.fromEntries(groupData.map(g => [g.id, g.name]));
|
||||
|
||||
fetchClients().then(data => {
|
||||
setClients(
|
||||
data.map((c, i) => ({
|
||||
...c,
|
||||
Id: c.uuid,
|
||||
Status: groupMap[c.group_id] || 'Nicht zugeordnet',
|
||||
Summary: c.location || `Client ${i + 1}`,
|
||||
}))
|
||||
);
|
||||
});
|
||||
});
|
||||
}, []);
|
||||
|
||||
// Neue Gruppe anlegen (persistiert per API)
|
||||
const handleAddGroup = async () => {
|
||||
if (!newGroupName.trim()) return;
|
||||
try {
|
||||
const newGroup = await createGroup(newGroupName);
|
||||
setGroups([...groups, { keyField: newGroup.name, headerText: newGroup.name }]);
|
||||
setNewGroupName('');
|
||||
setShowDialog(false);
|
||||
} catch {
|
||||
alert('Fehler beim Erstellen der Gruppe');
|
||||
}
|
||||
};
|
||||
|
||||
const handleDragStart = (args: KanbanDragEventArgs) => {
|
||||
const element = Array.isArray(args.element) ? args.element[0] : args.element;
|
||||
const cardId = element.getAttribute('data-id');
|
||||
const fromColumn = element.getAttribute('data-key');
|
||||
setDraggedCard({ id: cardId || '', fromColumn: fromColumn || '' });
|
||||
};
|
||||
|
||||
const handleCardDrop = async (args: KanbanDragEventArgs) => {
|
||||
if (!draggedCard) return;
|
||||
|
||||
const mouseEvent = args.event?.event;
|
||||
let targetGroupName = '';
|
||||
|
||||
if (mouseEvent && mouseEvent.clientX && mouseEvent.clientY) {
|
||||
const targetElement = document.elementFromPoint(mouseEvent.clientX, mouseEvent.clientY);
|
||||
const kanbanColumn =
|
||||
targetElement?.closest('[data-key]') || targetElement?.closest('.e-content-row');
|
||||
if (kanbanColumn) {
|
||||
const columnKey = kanbanColumn.getAttribute('data-key');
|
||||
if (columnKey) {
|
||||
targetGroupName = columnKey;
|
||||
} else {
|
||||
const headerElement = kanbanColumn.querySelector('.e-header-text');
|
||||
targetGroupName = headerElement?.textContent?.trim() || '';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Fallback
|
||||
if (!targetGroupName) {
|
||||
const targetElement = Array.isArray(args.element) ? args.element[0] : args.element;
|
||||
const cardWrapper = targetElement.closest('.e-card-wrapper');
|
||||
const contentRow = cardWrapper?.closest('.e-content-row');
|
||||
const headerText = contentRow?.querySelector('.e-header-text');
|
||||
targetGroupName = headerText?.textContent?.trim() || '';
|
||||
}
|
||||
|
||||
if (!targetGroupName || targetGroupName === draggedCard.fromColumn) {
|
||||
setDraggedCard(null);
|
||||
return;
|
||||
}
|
||||
|
||||
const dropped = Array.isArray(args.data) ? args.data : [args.data];
|
||||
const clientIds = dropped.map((card: KanbanClient) => card.Id);
|
||||
|
||||
try {
|
||||
await updateClientGroup(clientIds, targetGroupName);
|
||||
fetchGroups().then((groupData: Group[]) => {
|
||||
const groupMap = Object.fromEntries(groupData.map(g => [g.id, g.name]));
|
||||
setGroups(
|
||||
groupData.map(g => ({
|
||||
keyField: g.name,
|
||||
headerText: g.name,
|
||||
id: g.id,
|
||||
}))
|
||||
);
|
||||
fetchClients().then(data => {
|
||||
setClients(
|
||||
data.map((c, i) => ({
|
||||
...c,
|
||||
Id: c.uuid,
|
||||
Status: groupMap[c.group_id] || 'Nicht zugeordnet',
|
||||
Summary: c.location || `Client ${i + 1}`,
|
||||
}))
|
||||
);
|
||||
});
|
||||
});
|
||||
} catch {
|
||||
alert('Fehler beim Aktualisieren der Clients');
|
||||
}
|
||||
setDraggedCard(null);
|
||||
};
|
||||
|
||||
return (
|
||||
<div>
|
||||
<h2 className="text-xl font-bold mb-4">Gruppen</h2>
|
||||
<button
|
||||
className="mb-4 px-4 py-2 bg-blue-500 text-white rounded"
|
||||
onClick={() => setShowDialog(true)}
|
||||
>
|
||||
Neue Raumgruppe
|
||||
</button>
|
||||
<KanbanComponent
|
||||
id="kanban"
|
||||
keyField="Status"
|
||||
dataSource={clients}
|
||||
cardSettings={{
|
||||
headerField: 'Summary',
|
||||
selectionType: 'Multiple',
|
||||
}}
|
||||
allowDragAndDrop={true}
|
||||
dragStart={handleDragStart}
|
||||
dragStop={handleCardDrop}
|
||||
ref={kanbanRef} // Ref zuweisen
|
||||
>
|
||||
<ColumnsDirective>
|
||||
{groups.map(group => (
|
||||
<ColumnDirective key={group.keyField} {...group} />
|
||||
))}
|
||||
</ColumnsDirective>
|
||||
</KanbanComponent>
|
||||
{showDialog && (
|
||||
<div className="fixed inset-0 bg-black bg-opacity-30 flex items-center justify-center">
|
||||
<div className="bg-white p-6 rounded shadow">
|
||||
<h3 className="mb-2 font-bold">Neue Raumgruppe</h3>
|
||||
<input
|
||||
className="border p-2 mb-2 w-full"
|
||||
value={newGroupName}
|
||||
onChange={e => setNewGroupName(e.target.value)}
|
||||
placeholder="Raumname"
|
||||
/>
|
||||
<div className="flex gap-2">
|
||||
<button className="bg-blue-500 text-white px-4 py-2 rounded" onClick={handleAddGroup}>
|
||||
Hinzufügen
|
||||
</button>
|
||||
<button
|
||||
className="bg-gray-300 px-4 py-2 rounded"
|
||||
onClick={() => setShowDialog(false)}
|
||||
>
|
||||
Abbrechen
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Infoscreen_groups;
|
||||
@@ -5,7 +5,7 @@ import App from './App.tsx';
|
||||
import { registerLicense } from '@syncfusion/ej2-base';
|
||||
|
||||
// Setze hier deinen Lizenzschlüssel ein
|
||||
registerLicense('Ngo9BigBOggjHTQxAR8/V1NNaF1cWWhPYVFxWmFZfVtgd19FaFZRQ2Y/P1ZhSXxWdkNhWX5bc3xVQWZUUkF9XUs=');
|
||||
registerLicense('ORg4AjUWIQA/Gnt3VVhhQlJDfV5AQmBIYVp/TGpJfl96cVxMZVVBJAtUQF1hTH5VdENiXX1dcHxUQWNVWkd2');
|
||||
|
||||
createRoot(document.getElementById('root')!).render(
|
||||
<StrictMode>
|
||||
|
||||
Reference in New Issue
Block a user