infinimotion/frontend
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of git.infinimotion.de:infinimotion/frontend

Browse Source
This commit is contained in:
Piet Ostendorp
2025-11-21 15:55:48 +01:00
parent ade5479a74 cb5758474e
commit a7dacb2831
14 changed files with 529 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
angular.json
View File

@@ -31,9 +31,7 @@
"builder": "@angular/build:application",
"options": {
"browser": "src/main.ts",
"polyfills": [
"zone.js"
],
"polyfills": ["zone.js"],
"tsConfig": "tsconfig.app.json",
"inlineStyleLanguage": "css",
"assets": [
@@ -47,23 +45,20 @@
"output": "assets"
}
],
"styles": [
"src/custom-theme.scss",
"src/styles.css"
]
"styles": ["src/custom-theme.scss", "src/styles.css"]
},
"configurations": {
"production": {
"budgets": [
{
"type": "initial",
"maximumWarning": "500kB",
"maximumError": "1MB"
"maximumWarning": "5MB",
"maximumError": "10MB"
},
{
"type": "anyComponentStyle",
"maximumWarning": "4kB",
"maximumError": "8kB"
"maximumWarning": "100kB",
"maximumError": "500kB"
}
],
"outputHashing": "all"
@@ -94,10 +89,7 @@
"test": {
"builder": "@angular/build:karma",
"options": {
"polyfills": [
"zone.js",
"zone.js/testing"
],
"polyfills": ["zone.js", "zone.js/testing"],
"tsConfig": "tsconfig.spec.json",
"inlineStyleLanguage": "css",
"assets": [
@@ -106,9 +98,7 @@
"input": "public"
}
],
"styles": [
"src/styles.css"
]
"styles": ["src/styles.css"]
}
}
}

268
package-lock.json generated
View File

@@ -16,7 +16,7 @@
"@angular/material": "^20.2.9",
"@angular/platform-browser": "^20.3.0",
"@angular/router": "^20.3.0",
"@infinimotion/model-frontend": "^0.0.102",
"@infinimotion/model-frontend": "^0.0.116",
"@tailwindcss/postcss": "^4.1.14",
"angularx-qrcode": "^20.0.0",
"canvas-confetti": "^1.9.4",
@@ -277,13 +277,13 @@
}
},
"node_modules/@angular-devkit/architect": {
"version": "0.2003.9",
"resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2003.9.tgz",
"integrity": "sha512-p0GO2H8hiZjRHI9sm4tXTF3OpWaEnkqvB0GBGJfGp8RvpPfDA2t3j2NAUNtd75H+B0xdfyWLmNq9YJGpy6gznA==",
"version": "0.2003.10",
"resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2003.10.tgz",
"integrity": "sha512-2SWetxJzS8gRX6OKQstkWx37VRvZVgcEBDLsDSaeTjpnwh81A+niZQjAVRdwL0NEt1Wixk/RxfeUuCmdyyHvhQ==",
"dev": true,
"license": "MIT",
"dependencies": {
"@angular-devkit/core": "20.3.9",
"@angular-devkit/core": "20.3.10",
"rxjs": "7.8.2"
},
"engines": {
@@ -293,9 +293,9 @@
}
},
"node_modules/@angular-devkit/core": {
"version": "20.3.9",
"resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-20.3.9.tgz",
"integrity": "sha512-bXsAGIUb4p60x548YmvnMvjwd3FwWz6re1uTM7dV0XH8nQn3XMhOQ3Q3sAckzJHxkDuaRhB3K/a4kupoOmVfTQ==",
"version": "20.3.10",
"resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-20.3.10.tgz",
"integrity": "sha512-COOT2eVebDwHhwENk12VR6m0wjL8D7p0dncEHF15zaBt1IXEnVhGESjSrs5klnPnt5T55qCBKyCTaeK7i/cS8Q==",
"dev": true,
"license": "MIT",
"dependencies": {
@@ -321,13 +321,13 @@
}
},
"node_modules/@angular-devkit/schematics": {
"version": "20.3.9",
"resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-20.3.9.tgz",
"integrity": "sha512-oaIjAKPmHMZBTC0met5M7dbXBeZnCNwmHacT/kBHNVBAz/NI95fuAfb2P0Jxt7gWdQXejDSxWp0tL+sZIyO0xw==",
"version": "20.3.10",
"resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-20.3.10.tgz",
"integrity": "sha512-2N2WF9lj+kr3uCG4+vFadYCL5hAT4dxMgzwScSdOqSd0O+GZD0CzKbDzlfvWIWC/ZealC5Sh4dFEQaRfmy72xA==",
"dev": true,
"license": "MIT",
"dependencies": {
"@angular-devkit/core": "20.3.9",
"@angular-devkit/core": "20.3.10",
"jsonc-parser": "3.3.1",
"magic-string": "0.30.17",
"ora": "8.2.0",
@@ -340,14 +340,14 @@
}
},
"node_modules/@angular/build": {
"version": "20.3.9",
"resolved": "https://registry.npmjs.org/@angular/build/-/build-20.3.9.tgz",
"integrity": "sha512-Ulimvg6twPSCraaZECEmENfKBlD4M1yqeHlg6dCzFNM4xcwaGUnuG6O3cIQD59DaEvaG73ceM2y8ftYdxAwFow==",
"version": "20.3.10",
"resolved": "https://registry.npmjs.org/@angular/build/-/build-20.3.10.tgz",
"integrity": "sha512-nQrj1nMNZygYDilThc7hPrD6/NIWF/BOSgMfE4VkXQp8d0QronP3HFJ/h77MeoughMRFRhix0pqQSlXJQ2SGTQ==",
"dev": true,
"license": "MIT",
"dependencies": {
"@ampproject/remapping": "2.3.0",
"@angular-devkit/architect": "0.2003.9",
"@angular-devkit/architect": "0.2003.10",
"@babel/core": "7.28.3",
"@babel/helper-annotate-as-pure": "7.27.3",
"@babel/helper-split-export-declaration": "7.24.7",
@@ -389,7 +389,7 @@
"@angular/platform-browser": "^20.0.0",
"@angular/platform-server": "^20.0.0",
"@angular/service-worker": "^20.0.0",
"@angular/ssr": "^20.3.9",
"@angular/ssr": "^20.3.10",
"karma": "^6.4.0",
"less": "^4.2.0",
"ng-packagr": "^20.0.0",
@@ -439,9 +439,9 @@
}
},
"node_modules/@angular/cdk": {
"version": "20.2.12",
"resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-20.2.12.tgz",
"integrity": "sha512-hz8GtiMy3N9/e8407ZfrByHD5GEC4SkWtxyUknWuTM9P88AOie0jDZ6CfQg9gQ0OJX+6BAbJV3RpYZA1uzNUqA==",
"version": "20.2.13",
"resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-20.2.13.tgz",
"integrity": "sha512-h1jTkCmJ/rEQQMkxgKFMCBOrMfjZEnppgdekNmSTerwdVp4vdosTDTzFH/kwiOGFeRClffmvqQ2XLG8mQOKOtA==",
"license": "MIT",
"peer": true,
"dependencies": {
@@ -455,19 +455,19 @@
}
},
"node_modules/@angular/cli": {
"version": "20.3.9",
"resolved": "https://registry.npmjs.org/@angular/cli/-/cli-20.3.9.tgz",
"integrity": "sha512-4eKpRDg96B20yrKJqjA24zgxYy1RiRd70FvF/KG1hqSowsWwtzydtEJ3VM6iFWS9t1D8truuVpKjMEnn1Y274A==",
"version": "20.3.10",
"resolved": "https://registry.npmjs.org/@angular/cli/-/cli-20.3.10.tgz",
"integrity": "sha512-CQzXScurBXSuMMn0jf6UYDItdggaM3bHYERKL4cUG1z5JqSozVFin1+TB1EjWYkddwdgC10R5xQurdMb+ahRNw==",
"dev": true,
"license": "MIT",
"dependencies": {
"@angular-devkit/architect": "0.2003.9",
"@angular-devkit/core": "20.3.9",
"@angular-devkit/schematics": "20.3.9",
"@angular-devkit/architect": "0.2003.10",
"@angular-devkit/core": "20.3.10",
"@angular-devkit/schematics": "20.3.10",
"@inquirer/prompts": "7.8.2",
"@listr2/prompt-adapter-inquirer": "3.0.1",
"@modelcontextprotocol/sdk": "1.17.3",
"@schematics/angular": "20.3.9",
"@schematics/angular": "20.3.10",
"@yarnpkg/lockfile": "1.1.0",
"algoliasearch": "5.35.0",
"ini": "5.0.0",
@@ -490,9 +490,9 @@
}
},
"node_modules/@angular/common": {
"version": "20.3.10",
"resolved": "https://registry.npmjs.org/@angular/common/-/common-20.3.10.tgz",
"integrity": "sha512-12fEzvKbEqjqy1fSk9DMYlJz6dF1MJVXuC5BB+oWWJpd+2lfh4xJ62pkvvLGAICI89hfM5n9Cy5kWnXwnqPZsA==",
"version": "20.3.12",
"resolved": "https://registry.npmjs.org/@angular/common/-/common-20.3.12.tgz",
"integrity": "sha512-rFcDfe67ffrb435C6t2lc27WGbizeOcgce30tUhH0iezwEvU+kHHWezXXX6Ylx3TFgqGkhcxL0fliuFYrpM1Vw==",
"license": "MIT",
"peer": true,
"dependencies": {
@@ -502,14 +502,14 @@
"node": "^20.19.0 || ^22.12.0 || >=24.0.0"
},
"peerDependencies": {
"@angular/core": "20.3.10",
"@angular/core": "20.3.12",
"rxjs": "^6.5.3 || ^7.4.0"
}
},
"node_modules/@angular/compiler": {
"version": "20.3.10",
"resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-20.3.10.tgz",
"integrity": "sha512-cW939Lr8GZjPSYfbQKIDNrUaHWmn2M+zBbERThfq5skLuY+xM60bJFv4NqBekfX6YqKLCY62ilUZlnImYIXaqA==",
"version": "20.3.12",
"resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-20.3.12.tgz",
"integrity": "sha512-bGESKz97nWiEQ/sydTq/Lzv3zlLvDb8t0msLG5Xti7Ch1EdLddXS8d2D/zFsjiGbAUKVsT6RgPCLHYoi4ocbhA==",
"license": "MIT",
"peer": true,
"dependencies": {
@@ -520,9 +520,9 @@
}
},
"node_modules/@angular/compiler-cli": {
"version": "20.3.10",
"resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-20.3.10.tgz",
"integrity": "sha512-9BemvpFxA26yIVdu8ROffadMkEdlk/AQQ2Jb486w7RPkrvUQ0pbEJukhv9aryJvhbMopT66S5H/j4ipOUMzmzQ==",
"version": "20.3.12",
"resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-20.3.12.tgz",
"integrity": "sha512-3SJkexqsydYjIs0iLiJr5AdwkvumpzvjJM6s76iaxXHkRll5k/vM0wqkXLlSIwieBrecO9D4J73lDLWDevXl5A==",
"dev": true,
"license": "MIT",
"peer": true,
@@ -544,7 +544,7 @@
"node": "^20.19.0 || ^22.12.0 || >=24.0.0"
},
"peerDependencies": {
"@angular/compiler": "20.3.10",
"@angular/compiler": "20.3.12",
"typescript": ">=5.8 <6.0"
},
"peerDependenciesMeta": {
@@ -554,9 +554,9 @@
}
},
"node_modules/@angular/core": {
"version": "20.3.10",
"resolved": "https://registry.npmjs.org/@angular/core/-/core-20.3.10.tgz",
"integrity": "sha512-g99Qe+NOVo72OLxowVF9NjCckswWYHmvO7MgeiZTDJbTjF9tXH96dMx7AWq76/GUinV10sNzDysVW16NoAbCRQ==",
"version": "20.3.12",
"resolved": "https://registry.npmjs.org/@angular/core/-/core-20.3.12.tgz",
"integrity": "sha512-K7vibMr55a7+EsuDhkg4Pk+ELuMm12olllwqL/CiQUcHXZ9Zgc4KYGTUuxWB69qJCG90gdSZS7tm5Dx0wDcyjg==",
"license": "MIT",
"peer": true,
"dependencies": {
@@ -566,7 +566,7 @@
"node": "^20.19.0 || ^22.12.0 || >=24.0.0"
},
"peerDependencies": {
"@angular/compiler": "20.3.10",
"@angular/compiler": "20.3.12",
"rxjs": "^6.5.3 || ^7.4.0",
"zone.js": "~0.15.0"
},
@@ -580,9 +580,9 @@
}
},
"node_modules/@angular/forms": {
"version": "20.3.10",
"resolved": "https://registry.npmjs.org/@angular/forms/-/forms-20.3.10.tgz",
"integrity": "sha512-9yWr51EUauTEINB745AaHwZNTHLpXIm4uxuykxzOg+g2QskEgVfH26uS8G2ogdNuwYpB8wnsXWr34qhM3qgOWw==",
"version": "20.3.12",
"resolved": "https://registry.npmjs.org/@angular/forms/-/forms-20.3.12.tgz",
"integrity": "sha512-O0Jy8ScaN3qVipDfR4s0SIxGrz/+MbCdmR05ZYVWf1W5P3dvETKt9WNjX9fYYV47GdgSveyFjuCR2NvWlv94zA==",
"license": "MIT",
"peer": true,
"dependencies": {
@@ -592,22 +592,22 @@
"node": "^20.19.0 || ^22.12.0 || >=24.0.0"
},
"peerDependencies": {
"@angular/common": "20.3.10",
"@angular/core": "20.3.10",
"@angular/platform-browser": "20.3.10",
"@angular/common": "20.3.12",
"@angular/core": "20.3.12",
"@angular/platform-browser": "20.3.12",
"rxjs": "^6.5.3 || ^7.4.0"
}
},
"node_modules/@angular/material": {
"version": "20.2.12",
"resolved": "https://registry.npmjs.org/@angular/material/-/material-20.2.12.tgz",
"integrity": "sha512-DVenIZmV87qhDBlI2Xv3Z+b+IFI1s4wcZsFrzDi1FBMxKLsltJwMHf4SAmuqY0Mm/2Vw7HEZlfE130TuqjG8Ig==",
"version": "20.2.13",
"resolved": "https://registry.npmjs.org/@angular/material/-/material-20.2.13.tgz",
"integrity": "sha512-9pjp2mULOxojYzOO7qdqt/gSVLrpYBwsIM3K0fxp+mNEcJgNjIxvmRKx46LY9+v0yrPY9puoQvP/T2C+o1+xsw==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
},
"peerDependencies": {
"@angular/cdk": "20.2.12",
"@angular/cdk": "20.2.13",
"@angular/common": "^20.0.0 || ^21.0.0",
"@angular/core": "^20.0.0 || ^21.0.0",
"@angular/forms": "^20.0.0 || ^21.0.0",
@@ -616,9 +616,9 @@
}
},
"node_modules/@angular/platform-browser": {
"version": "20.3.10",
"resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-20.3.10.tgz",
"integrity": "sha512-UV8CGoB5P3FmJciI3/I/n3L7C3NVgGh7bIlZ1BaB/qJDtv0Wq0rRAGwmT/Z3gwmrRtfHZWme7/CeQ2CYJmMyUQ==",
"version": "20.3.12",
"resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-20.3.12.tgz",
"integrity": "sha512-14KQsXZyaQhbRwFz1W58CtbXQc9L+mfuHBgwQjQo99422Yk0ye5WVMb6DHH7dH671qFVqL0XL7zdOPBebaAnJQ==",
"license": "MIT",
"peer": true,
"dependencies": {
@@ -628,9 +628,9 @@
"node": "^20.19.0 || ^22.12.0 || >=24.0.0"
},
"peerDependencies": {
"@angular/animations": "20.3.10",
"@angular/common": "20.3.10",
"@angular/core": "20.3.10"
"@angular/animations": "20.3.12",
"@angular/common": "20.3.12",
"@angular/core": "20.3.12"
},
"peerDependenciesMeta": {
"@angular/animations": {
@@ -639,9 +639,9 @@
}
},
"node_modules/@angular/router": {
"version": "20.3.10",
"resolved": "https://registry.npmjs.org/@angular/router/-/router-20.3.10.tgz",
"integrity": "sha512-Z03cfH1jgQ7XMDJj4R8qAGqivcvhdG3wYBwaiN1K1ODBgPhbFKNeD4stKqYp7xBNtswmM2O2jMxrL/Djwju4Gg==",
"version": "20.3.12",
"resolved": "https://registry.npmjs.org/@angular/router/-/router-20.3.12.tgz",
"integrity": "sha512-hUipb9JI/Euy3bdlhzkcWlw3cTyssPTVTDwSvyGxWO4i+UKATQYmxh8EDOrDYzFp6Aexiy0Hff/H8umdsn6ZdA==",
"license": "MIT",
"dependencies": {
"tslib": "^2.3.0"
@@ -650,9 +650,9 @@
"node": "^20.19.0 || ^22.12.0 || >=24.0.0"
},
"peerDependencies": {
"@angular/common": "20.3.10",
"@angular/core": "20.3.10",
"@angular/platform-browser": "20.3.10",
"@angular/common": "20.3.12",
"@angular/core": "20.3.12",
"@angular/platform-browser": "20.3.12",
"rxjs": "^6.5.3 || ^7.4.0"
}
},
@@ -1403,9 +1403,9 @@
}
},
"node_modules/@infinimotion/model-frontend": {
"version": "0.0.102",
"resolved": "https://git.infinimotion.de/api/packages/infinimotion/npm/%40infinimotion%2Fmodel-frontend/-/0.0.102/model-frontend-0.0.102.tgz",
"integrity": "sha512-NJV9bSBubdOZ1GBIe9To3o/hh6AZscJcTyaZY2nGmMxH+GhtvO1AHmjhrQeRjwAKFiwZMEwEg4ktFiOAp3MTMQ==",
"version": "0.0.116",
"resolved": "https://git.infinimotion.de/api/packages/infinimotion/npm/%40infinimotion%2Fmodel-frontend/-/0.0.116/model-frontend-0.0.116.tgz",
"integrity": "sha512-kGnZW1klIHzdL/44fOEUrDTVSkQSxErgHqwuSb6eQDLUW7Q9ZDL389LFR2haJCpqcYWIjsG2HjpvkJwrm2ctpA==",
"license": "ISC"
},
"node_modules/@inquirer/ansi": {
@@ -1419,14 +1419,14 @@
}
},
"node_modules/@inquirer/checkbox": {
"version": "4.3.1",
"resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-4.3.1.tgz",
"integrity": "sha512-rOcLotrptYIy59SGQhKlU0xBg1vvcVl2FdPIEclUvKHh0wo12OfGkId/01PIMJ/V+EimJ77t085YabgnQHBa5A==",
"version": "4.3.2",
"resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-4.3.2.tgz",
"integrity": "sha512-VXukHf0RR1doGe6Sm4F0Em7SWYLTHSsbGfJdS9Ja2bX5/D5uwVOEjr07cncLROdBvmnvCATYEWlHqYmXv2IlQA==",
"dev": true,
"license": "MIT",
"dependencies": {
"@inquirer/ansi": "^1.0.2",
"@inquirer/core": "^10.3.1",
"@inquirer/core": "^10.3.2",
"@inquirer/figures": "^1.0.15",
"@inquirer/type": "^3.0.10",
"yoctocolors-cjs": "^2.1.3"
@@ -1466,9 +1466,9 @@
}
},
"node_modules/@inquirer/core": {
"version": "10.3.1",
"resolved": "https://registry.npmjs.org/@inquirer/core/-/core-10.3.1.tgz",
"integrity": "sha512-hzGKIkfomGFPgxKmnKEKeA+uCYBqC+TKtRx5LgyHRCrF6S2MliwRIjp3sUaWwVzMp7ZXVs8elB0Tfe682Rpg4w==",
"version": "10.3.2",
"resolved": "https://registry.npmjs.org/@inquirer/core/-/core-10.3.2.tgz",
"integrity": "sha512-43RTuEbfP8MbKzedNqBrlhhNKVwoK//vUFNW3Q3vZ88BLcrs4kYpGg+B2mm5p2K/HfygoCxuKwJJiv8PbGmE0A==",
"dev": true,
"license": "MIT",
"dependencies": {
@@ -1476,7 +1476,7 @@
"@inquirer/figures": "^1.0.15",
"@inquirer/type": "^3.0.10",
"cli-width": "^4.1.0",
"mute-stream": "^3.0.0",
"mute-stream": "^2.0.0",
"signal-exit": "^4.1.0",
"wrap-ansi": "^6.2.0",
"yoctocolors-cjs": "^2.1.3"
@@ -1494,13 +1494,13 @@
}
},
"node_modules/@inquirer/editor": {
"version": "4.2.22",
"resolved": "https://registry.npmjs.org/@inquirer/editor/-/editor-4.2.22.tgz",
"integrity": "sha512-8yYZ9TCbBKoBkzHtVNMF6PV1RJEUvMlhvmS3GxH4UvXMEHlS45jFyqFy0DU+K42jBs5slOaA78xGqqqWAx3u6A==",
"version": "4.2.23",
"resolved": "https://registry.npmjs.org/@inquirer/editor/-/editor-4.2.23.tgz",
"integrity": "sha512-aLSROkEwirotxZ1pBaP8tugXRFCxW94gwrQLxXfrZsKkfjOYC1aRvAZuhpJOb5cu4IBTJdsCigUlf2iCOu4ZDQ==",
"dev": true,
"license": "MIT",
"dependencies": {
"@inquirer/core": "^10.3.1",
"@inquirer/core": "^10.3.2",
"@inquirer/external-editor": "^1.0.3",
"@inquirer/type": "^3.0.10"
},
@@ -1517,13 +1517,13 @@
}
},
"node_modules/@inquirer/expand": {
"version": "4.0.22",
"resolved": "https://registry.npmjs.org/@inquirer/expand/-/expand-4.0.22.tgz",
"integrity": "sha512-9XOjCjvioLjwlq4S4yXzhvBmAXj5tG+jvva0uqedEsQ9VD8kZ+YT7ap23i0bIXOtow+di4+u3i6u26nDqEfY4Q==",
"version": "4.0.23",
"resolved": "https://registry.npmjs.org/@inquirer/expand/-/expand-4.0.23.tgz",
"integrity": "sha512-nRzdOyFYnpeYTTR2qFwEVmIWypzdAx/sIkCMeTNTcflFOovfqUk+HcFhQQVBftAh9gmGrpFj6QcGEqrDMDOiew==",
"dev": true,
"license": "MIT",
"dependencies": {
"@inquirer/core": "^10.3.1",
"@inquirer/core": "^10.3.2",
"@inquirer/type": "^3.0.10",
"yoctocolors-cjs": "^2.1.3"
},
@@ -1572,13 +1572,13 @@
}
},
"node_modules/@inquirer/input": {
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/@inquirer/input/-/input-4.3.0.tgz",
"integrity": "sha512-h4fgse5zeGsBSW3cRQqu9a99OXRdRsNCvHoBqVmz40cjYjYFzcfwD0KA96BHIPlT7rZw0IpiefQIqXrjbzjS4Q==",
"version": "4.3.1",
"resolved": "https://registry.npmjs.org/@inquirer/input/-/input-4.3.1.tgz",
"integrity": "sha512-kN0pAM4yPrLjJ1XJBjDxyfDduXOuQHrBB8aLDMueuwUGn+vNpF7Gq7TvyVxx8u4SHlFFj4trmj+a2cbpG4Jn1g==",
"dev": true,
"license": "MIT",
"dependencies": {
"@inquirer/core": "^10.3.1",
"@inquirer/core": "^10.3.2",
"@inquirer/type": "^3.0.10"
},
"engines": {
@@ -1594,13 +1594,13 @@
}
},
"node_modules/@inquirer/number": {
"version": "3.0.22",
"resolved": "https://registry.npmjs.org/@inquirer/number/-/number-3.0.22.tgz",
"integrity": "sha512-oAdMJXz++fX58HsIEYmvuf5EdE8CfBHHXjoi9cTcQzgFoHGZE+8+Y3P38MlaRMeBvAVnkWtAxMUF6urL2zYsbg==",
"version": "3.0.23",
"resolved": "https://registry.npmjs.org/@inquirer/number/-/number-3.0.23.tgz",
"integrity": "sha512-5Smv0OK7K0KUzUfYUXDXQc9jrf8OHo4ktlEayFlelCjwMXz0299Y8OrI+lj7i4gCBY15UObk76q0QtxjzFcFcg==",
"dev": true,
"license": "MIT",
"dependencies": {
"@inquirer/core": "^10.3.1",
"@inquirer/core": "^10.3.2",
"@inquirer/type": "^3.0.10"
},
"engines": {
@@ -1616,14 +1616,14 @@
}
},
"node_modules/@inquirer/password": {
"version": "4.0.22",
"resolved": "https://registry.npmjs.org/@inquirer/password/-/password-4.0.22.tgz",
"integrity": "sha512-CbdqK1ioIr0Y3akx03k/+Twf+KSlHjn05hBL+rmubMll7PsDTGH0R4vfFkr+XrkB0FOHrjIwVP9crt49dgt+1g==",
"version": "4.0.23",
"resolved": "https://registry.npmjs.org/@inquirer/password/-/password-4.0.23.tgz",
"integrity": "sha512-zREJHjhT5vJBMZX/IUbyI9zVtVfOLiTO66MrF/3GFZYZ7T4YILW5MSkEYHceSii/KtRk+4i3RE7E1CUXA2jHcA==",
"dev": true,
"license": "MIT",
"dependencies": {
"@inquirer/ansi": "^1.0.2",
"@inquirer/core": "^10.3.1",
"@inquirer/core": "^10.3.2",
"@inquirer/type": "^3.0.10"
},
"engines": {
@@ -1670,13 +1670,13 @@
}
},
"node_modules/@inquirer/rawlist": {
"version": "4.1.10",
"resolved": "https://registry.npmjs.org/@inquirer/rawlist/-/rawlist-4.1.10.tgz",
"integrity": "sha512-Du4uidsgTMkoH5izgpfyauTL/ItVHOLsVdcY+wGeoGaG56BV+/JfmyoQGniyhegrDzXpfn3D+LFHaxMDRygcAw==",
"version": "4.1.11",
"resolved": "https://registry.npmjs.org/@inquirer/rawlist/-/rawlist-4.1.11.tgz",
"integrity": "sha512-+LLQB8XGr3I5LZN/GuAHo+GpDJegQwuPARLChlMICNdwW7OwV2izlCSCxN6cqpL0sMXmbKbFcItJgdQq5EBXTw==",
"dev": true,
"license": "MIT",
"dependencies": {
"@inquirer/core": "^10.3.1",
"@inquirer/core": "^10.3.2",
"@inquirer/type": "^3.0.10",
"yoctocolors-cjs": "^2.1.3"
},
@@ -1693,13 +1693,13 @@
}
},
"node_modules/@inquirer/search": {
"version": "3.2.1",
"resolved": "https://registry.npmjs.org/@inquirer/search/-/search-3.2.1.tgz",
"integrity": "sha512-cKiuUvETublmTmaOneEermfG2tI9ABpb7fW/LqzZAnSv4ZaJnbEis05lOkiBuYX5hNdnX0Q9ryOQyrNidb55WA==",
"version": "3.2.2",
"resolved": "https://registry.npmjs.org/@inquirer/search/-/search-3.2.2.tgz",
"integrity": "sha512-p2bvRfENXCZdWF/U2BXvnSI9h+tuA8iNqtUKb9UWbmLYCRQxd8WkvwWvYn+3NgYaNwdUkHytJMGG4MMLucI1kA==",
"dev": true,
"license": "MIT",
"dependencies": {
"@inquirer/core": "^10.3.1",
"@inquirer/core": "^10.3.2",
"@inquirer/figures": "^1.0.15",
"@inquirer/type": "^3.0.10",
"yoctocolors-cjs": "^2.1.3"
@@ -1717,14 +1717,14 @@
}
},
"node_modules/@inquirer/select": {
"version": "4.4.1",
"resolved": "https://registry.npmjs.org/@inquirer/select/-/select-4.4.1.tgz",
"integrity": "sha512-E9hbLU4XsNe2SAOSsFrtYtYQDVi1mfbqJrPDvXKnGlnRiApBdWMJz7r3J2Ff38AqULkPUD3XjQMD4492TymD7Q==",
"version": "4.4.2",
"resolved": "https://registry.npmjs.org/@inquirer/select/-/select-4.4.2.tgz",
"integrity": "sha512-l4xMuJo55MAe+N7Qr4rX90vypFwCajSakx59qe/tMaC1aEHWLyw68wF4o0A4SLAY4E0nd+Vt+EyskeDIqu1M6w==",
"dev": true,
"license": "MIT",
"dependencies": {
"@inquirer/ansi": "^1.0.2",
"@inquirer/core": "^10.3.1",
"@inquirer/core": "^10.3.2",
"@inquirer/figures": "^1.0.15",
"@inquirer/type": "^3.0.10",
"yoctocolors-cjs": "^2.1.3"
@@ -2628,9 +2628,9 @@
}
},
"node_modules/@npmcli/package-json/node_modules/glob": {
"version": "10.4.5",
"resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
"integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
"version": "10.5.0",
"resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
"integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
"dev": true,
"license": "ISC",
"dependencies": {
@@ -3429,14 +3429,14 @@
]
},
"node_modules/@schematics/angular": {
"version": "20.3.9",
"resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-20.3.9.tgz",
"integrity": "sha512-XkgTwGhhrx+MVi2+TFO32d6Es5Uezzx7Y7B/e2ulDlj08bizxQj+9wkeLt5+bR8JWODHpEntZn/Xd5WvXnODGA==",
"version": "20.3.10",
"resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-20.3.10.tgz",
"integrity": "sha512-F9ntS2CElpoWlENf4b03nwdTcN9Ri0Nb4SAE/pfRw3In09h2UHxYyf1ex9jqQt70xltDg4wvyuc3mMs+JlSx9A==",
"dev": true,
"license": "MIT",
"dependencies": {
"@angular-devkit/core": "20.3.9",
"@angular-devkit/schematics": "20.3.9",
"@angular-devkit/core": "20.3.10",
"@angular-devkit/schematics": "20.3.10",
"jsonc-parser": "3.3.1"
},
"engines": {
@@ -3865,9 +3865,9 @@
"license": "MIT"
},
"node_modules/@types/jasmine": {
"version": "5.1.12",
"resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-5.1.12.tgz",
"integrity": "sha512-1BzPxNsFDLDfj9InVR3IeY0ZVf4o9XV+4mDqoCfyPkbsA7dYyKAPAb2co6wLFlHcvxPlt1wShm7zQdV7uTfLGA==",
"version": "5.1.13",
"resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-5.1.13.tgz",
"integrity": "sha512-MYCcDkruFc92LeYZux5BC0dmqo2jk+M5UIZ4/oFnAPCXN9mCcQhLyj7F3/Za7rocVyt5YRr1MmqJqFlvQ9LVcg==",
"dev": true,
"license": "MIT"
},
@@ -4097,9 +4097,9 @@
}
},
"node_modules/baseline-browser-mapping": {
"version": "2.8.26",
"resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.26.tgz",
"integrity": "sha512-73lC1ugzwoaWCLJ1LvOgrR5xsMLTqSKIEoMHVtL9E/HNk0PXtTM76ZIm84856/SF7Nv8mPZxKoBsgpm0tR1u1Q==",
"version": "2.8.29",
"resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.29.tgz",
"integrity": "sha512-sXdt2elaVnhpDNRDz+1BDx1JQoJRuNk7oVlAlbGiFkLikHCAQiccexF/9e91zVi6RCgqspl04aP+6Cnl9zRLrA==",
"dev": true,
"license": "Apache-2.0",
"bin": {
@@ -4301,9 +4301,9 @@
}
},
"node_modules/cacache/node_modules/glob": {
"version": "10.4.5",
"resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
"integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
"version": "10.5.0",
"resolved": "https://registry.npmjs.org/glob/-/glob-10.5.0.tgz",
"integrity": "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==",
"dev": true,
"license": "ISC",
"dependencies": {
@@ -4412,9 +4412,9 @@
}
},
"node_modules/caniuse-lite": {
"version": "1.0.30001754",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001754.tgz",
"integrity": "sha512-x6OeBXueoAceOmotzx3PO4Zpt4rzpeIFsSr6AAePTZxSkXiYDUmpypEl7e2+8NCd9bD7bXjqyef8CJYPC1jfxg==",
"version": "1.0.30001755",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001755.tgz",
"integrity": "sha512-44V+Jm6ctPj7R52Na4TLi3Zri4dWUljJd+RDm+j8LtNCc/ihLCT+X1TzoOAkRETEWqjuLnh9581Tl80FvK7jVA==",
"dev": true,
"funding": [
{
@@ -4992,9 +4992,9 @@
"license": "MIT"
},
"node_modules/electron-to-chromium": {
"version": "1.5.250",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.250.tgz",
"integrity": "sha512-/5UMj9IiGDMOFBnN4i7/Ry5onJrAGSbOGo3s9FEKmwobGq6xw832ccET0CE3CkkMBZ8GJSlUIesZofpyurqDXw==",
"version": "1.5.254",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.254.tgz",
"integrity": "sha512-DcUsWpVhv9svsKRxnSCZ86SjD+sp32SGidNB37KpqXJncp1mfUgKbHvBomE89WJDbfVKw1mdv5+ikrvd43r+Bg==",
"dev": true,
"license": "ISC"
},
@@ -7743,13 +7743,13 @@
}
},
"node_modules/mute-stream": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-3.0.0.tgz",
"integrity": "sha512-dkEJPVvun4FryqBmZ5KhDo0K9iDXAwn08tMLDinNdRBNPcYEDiWYysLcc6k3mjTMlbP9KyylvRpd4wFtwrT9rw==",
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-2.0.0.tgz",
"integrity": "sha512-WWdIxpyjEn+FhQJQQv9aQAYlHoNVdzIzUySNV1gHUPDSdZJ3yZn7pAAbQcV7B56Mvu881q9FZV+0Vx2xC44VWA==",
"dev": true,
"license": "ISC",
"engines": {
"node": "^20.17.0 || >=22.9.0"
"node": "^18.17.0 || >=20.5.0"
}
},
"node_modules/nanoid": {

2
package.json
View File

@@ -30,7 +30,7 @@
"@angular/material": "^20.2.9",
"@angular/platform-browser": "^20.3.0",
"@angular/router": "^20.3.0",
"@infinimotion/model-frontend": "^0.0.102",
"@infinimotion/model-frontend": "^0.0.116",
"@tailwindcss/postcss": "^4.1.14",
"angularx-qrcode": "^20.0.0",
"canvas-confetti": "^1.9.4",

8
src/app/app-module.ts
View File

@@ -25,6 +25,8 @@ import { MatStepperModule } from '@angular/material/stepper';
import { MatCheckboxModule } from '@angular/material/checkbox';
import { MatBadgeModule } from '@angular/material/badge';
import { MatTooltipModule } from '@angular/material/tooltip';
import { MatPaginatorModule } from '@angular/material/paginator';
import { MatTableModule } from '@angular/material/table';
import { HeaderComponent } from './header/header.component';
import { HomeComponent } from './home/home.component';
@@ -63,6 +65,7 @@ import { PurchaseSuccessComponent } from './purchase-success/purchase-success.co
import { PurchaseFailedComponent } from './purchase-failed/purchase-failed.component';
import { TicketSmallComponent } from './ticket-small/ticket-small.component';
import { TicketListComponent } from './ticket-list/ticket-list.component';
import { StatisticsComponent } from './statistics/statistics.component';
import { ZoomWarningComponent } from './zoom-warning/zoom-warning.component';
import { SelectionConflictInfoComponent } from './selection-conflict-info/selection-conflict-info.component';
import { CancellationSuccessComponent } from './cancellation-success/cancellation-success.component';
@@ -70,6 +73,7 @@ import { CancellationFailedComponent } from './cancellation-failed/cancellation-
import { ConversionFailedComponent } from './conversion-failed/conversion-failed.component';
import { PayForOrderComponent } from './pay-for-order/pay-for-order.component';
import { CancelOrderDialog } from './cancel-order/cancel-order.dialog';
import { PricelistComponent } from './pricelist/pricelist.component';
@NgModule({
@@ -112,6 +116,7 @@ import { CancelOrderDialog } from './cancel-order/cancel-order.dialog';
PurchaseFailedComponent,
TicketSmallComponent,
TicketListComponent,
StatisticsComponent,
ZoomWarningComponent,
SelectionConflictInfoComponent,
CancellationSuccessComponent,
@@ -119,6 +124,7 @@ import { CancelOrderDialog } from './cancel-order/cancel-order.dialog';
ConversionFailedComponent,
PayForOrderComponent,
CancelOrderDialog,
PricelistComponent,
],
imports: [
AppRoutingModule,
@@ -149,6 +155,8 @@ import { CancelOrderDialog } from './cancel-order/cancel-order.dialog';
QRCodeComponent,
MatBadgeModule,
MatTooltipModule,
MatPaginatorModule,
MatTableModule,
],
providers: [
provideBrowserGlobalErrorListeners(),

9
src/app/app-routing-module.ts
View File

@@ -9,6 +9,8 @@ import { TheaterOverlayComponent} from './theater-overlay/theater-overlay.compon
import { MovieImporterComponent } from './movie-importer/movie-importer.component';
import { AuthGuard } from './auth.guard';
import { PayForOrderComponent } from './pay-for-order/pay-for-order.component';
import { StatisticsComponent } from './statistics/statistics.component';
import { PricelistComponent } from './pricelist/pricelist.component';
const routes: Routes = [
// Seiten ohne Layout
@@ -31,6 +33,13 @@ const routes: Routes = [
{ path: 'checkout/performance/:performanceId', component: TheaterOverlayComponent},
{ path: 'checkout/order/:orderId', component: TheaterOverlayComponent},
{ path: 'checkout/order', component: PayForOrderComponent},
{
path: 'admin/statistics',
component: StatisticsComponent,
canActivate: [AuthGuard],
data: { roles: ['admin'] }, // Array von erlaubten Rollen. Derzeit gäbe es 'admin' und 'employee'
},
{ path: 'prices', component: PricelistComponent },
],
},

39
src/app/http.service.ts
View File

@@ -1,4 +1,14 @@
import { Kinosaal, Sitzplatz, Vorstellung, Film, OmdbSearch, Bestellung, Eintrittskarte } from '@infinimotion/model-frontend';
import {
Kinosaal,
Sitzplatz,
Vorstellung,
Film,
OmdbSearch,
Bestellung,
Eintrittskarte,
StatisticsFilm, StatisticsVorstellung,
Sitzkategorie
} from '@infinimotion/model-frontend';
import { HttpClient } from "@angular/common/http";
import { inject, Injectable } from "@angular/core";
import { Observable } from "rxjs";
@@ -85,7 +95,11 @@ export class HttpService {
/* GET /api/show-seats/{show} */
getSeatsByShowId(show: number): Observable<{ seats: Sitzplatz[], reserved: Sitzplatz[], booked: Sitzplatz[] }> {
return this.http.get<{seats:Sitzplatz[], reserved:Sitzplatz[], booked:Sitzplatz[]}>(`${this.baseUrl}show-seats/${show}`);
return this.http.get<{
seats: Sitzplatz[],
reserved: Sitzplatz[],
booked: Sitzplatz[]
}>(`${this.baseUrl}show-seats/${show}`);
}
@@ -102,4 +116,25 @@ export class HttpService {
importMovie(imdbId: string): Observable<Film> {
return this.http.post<Film>(`${this.baseUrl}importer/import?id=${imdbId}`, {})
}
/* Statistics APIs */
/* GET /api/statistics/movies */
getMovieStatistics(): Observable<StatisticsFilm[]> {
return this.http.get<StatisticsFilm[]>(`${this.baseUrl}statistics/movies`)
}
/* GET /api/statistics/shows */
getShowStatistics(): Observable<StatisticsVorstellung[]> {
return this.http.get<StatisticsVorstellung[]>(`${this.baseUrl}statistics/shows`)
}
/* Sitzkategorie APIs */
/* GET /api/sitzkategorie */
getSeatCategories(): Observable<Sitzkategorie[]> {
return this.http.get<Sitzkategorie[]>(`${this.baseUrl}sitzkategorie`)
}
}

2
src/app/navbar/navbar.component.ts
View File

@@ -10,8 +10,10 @@ import { Component, inject, computed, OnInit } from '@angular/core';
export class NavbarComponent {
navItems: { label:string, path:string }[] = [
{label: 'Programm', path: '/schedule'},
{label: 'Preise', path: '/prices'},
{label: 'Bezahlen', path: '/checkout/order'},
{label: 'Film importieren', path: '/admin/movie-importer'},
{label: 'Statistiken', path: '/admin/statistics'},
]
private auth = inject(AuthService)

2
src/app/order/order.component.ts
View File

@@ -241,7 +241,7 @@ export class OrderComponent {
// Tickets anlegen
const tickets = seats.map(seat => {
return this.generateNewTicketObject(performance, seat, order);;
return this.generateNewTicketObject(performance, seat, order);
});
// Transaktionssicher Sitzplatzbuchung

82
src/app/pricelist/pricelist.component.css Normal file
View File

@@ -0,0 +1,82 @@
h1 {
text-align: center;
margin-bottom: 40px;
letter-spacing: 2px;
}
/* Nur 2 Spalten insgesamt */
.menu-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.card {
background: #faf8ff;
padding: 20px;
border-radius: 12px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
border: 1px solid rgba(0, 0, 0, 0.1);
}
.card h2 {
margin-top: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
padding-bottom: 10px;
margin-bottom: 15px;
font-size: 1.8rem; /* größer */
font-weight: 700; /* fett */
}
.item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-size: 1rem;
}
.item:last-child {
border-bottom: none;
}
/* Sitzplätze-Karte ist DOPPELT so breit */
.seats-card {
grid-column: span 2;
}
/* Sitzplätze→ 2 Items pro Zeile */
.seats-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.seat-item {
background: #ffffff;
padding: 12px;
border-radius: 10px;
box-shadow: 0 0 6px rgba(0,0,0,0.1);
display: flex;
align-items: center;
gap: 10px;
font-size: 1.1rem;
}
.seat-icon {
display: flex;
align-items: center;
}
.seat-name {
flex: 1;
}
.seat-price {
font-weight: bold;
}

62
src/app/pricelist/pricelist.component.html Normal file
View File

@@ -0,0 +1,62 @@
<app-menu-header label="Preislisten" icon="euro_symbol"></app-menu-header>
<div class="menu-container my-20">
<!-- Sitze → jetzt an erster Stelle -->
@if (seatCategories.length > 0) {
<div class="card seats-card">
<h2>🪑 Sitzplätze</h2>
<div class="seats-grid">
@for (seatCategory of seatCategories; track seatCategory.id) {
<div class="seat-item">
<span class="seat-icon">
<mat-icon style="font-size: 26px; width: 26px; height: 26px">
{{ seatCategory.icon }}
</mat-icon>
</span>
<span class="seat-name">{{ seatCategory.name }}</span>
<span class="seat-price">{{ getPriceDisplay(seatCategory.price) }}</span>
</div>
}
</div>
</div>
}
<!-- Popcorn -->
<div class="card">
<h2>🍿 Popcorn</h2>
<div class="item"><span>Klein</span><span>3,50 €</span></div>
<div class="item"><span>Mittel</span><span>5,00 €</span></div>
<div class="item"><span>Groß</span><span>6,50 €</span></div>
<div class="item"><span>Extra Butter</span><span>1,00 €</span></div>
</div>
<!-- Nachos -->
<div class="card">
<h2>🧀 Nachos</h2>
<div class="item"><span>Portion</span><span>4,50 €</span></div>
<div class="item"><span>Käse-Dip</span><span>1,00 €</span></div>
<div class="item"><span>Salsa-Dip</span><span>1,00 €</span></div>
<div class="item"><span>Guacamole</span><span>1,50 €</span></div>
</div>
<!-- Getränke -->
<div class="card">
<h2>🥤 Getränke</h2>
<div class="item"><span>Softdrink Klein</span><span>2,80 €</span></div>
<div class="item"><span>Softdrink Mittel</span><span>3,50 €</span></div>
<div class="item"><span>Softdrink Groß</span><span>4,20 €</span></div>
<div class="item"><span>Wasser</span><span>2,50 €</span></div>
</div>
<!-- Süßigkeiten -->
<div class="card">
<h2>🍬 Süßigkeiten</h2>
<div class="item"><span>Schokoladentafel</span><span>2,50 €</span></div>
<div class="item"><span>Gummibärchen</span><span>2,20 €</span></div>
<div class="item"><span>Kindertüte</span><span>3,00 €</span></div>
</div>
</div>

41
src/app/pricelist/pricelist.component.ts Normal file
View File

@@ -0,0 +1,41 @@
import { Component, inject, OnInit } from '@angular/core';
import { Sitzkategorie } from '@infinimotion/model-frontend';
import { HttpService } from '../http.service';
import { LoadingService } from '../loading.service';
import { catchError, of, tap } from 'rxjs';
@Component({
selector: 'app-pricelist',
standalone: false,
templateUrl: './pricelist.component.html',
styleUrl: './pricelist.component.css'
})
export class PricelistComponent implements OnInit{
seatCategories: Sitzkategorie[] = [];
private http=inject(HttpService);
private loading=inject(LoadingService);
ngOnInit(): void {
this.loadSeatCategories();
}
private loadSeatCategories() : void {
this.loading.show();
this.http.getSeatCategories().pipe(
tap(seatCategories => {
this.seatCategories = seatCategories.sort((a, b) => a.id - b.id);
this.loading.hide();
}),
catchError(err => {
this.loading.showError(err);
console.error('Fehler beim Laden der Sitzkategorien', err);
return of([]);
})
).subscribe();
}
getPriceDisplay(price: number): string {
return `${(price / 100).toFixed(2)} €`;
}
}

0
src/app/statistics/statistics.component.css Normal file
View File

85
src/app/statistics/statistics.component.html Normal file
View File

@@ -0,0 +1,85 @@
<app-menu-header label="Statistiken"></app-menu-header>
<div class="table-table-container">
<table mat-table [dataSource]="movies" class="example-table">
<ng-container matColumnDef="id">
<th mat-header-cell *matHeaderCellDef>ID</th>
<td mat-cell *matCellDef="let row">{{row.movieId}}</td>
</ng-container>
<ng-container matColumnDef="title">
<th mat-header-cell *matHeaderCellDef>Titel</th>
<td mat-cell *matCellDef="let row">{{row.movieTitle}}</td>
</ng-container>
<ng-container matColumnDef="earnings">
<th mat-header-cell *matHeaderCellDef>
Umsatz
</th>
<td mat-cell *matCellDef="let row">{{(row.earnings/100).toFixed(2)}} €</td>
</ng-container>
<ng-container matColumnDef="tickets">
<th mat-header-cell *matHeaderCellDef>
Gebuchte Tickets
</th>
<td mat-cell *matCellDef="let row">{{row.tickets}}</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="moviesDisplayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: moviesDisplayedColumns;"></tr>
</table>
</div>
<mat-paginator [length]="movieResultsLength" [pageSize]="30" aria-label="Select page of GitHub search results"></mat-paginator>
<div class="show-table-container">
<table mat-table [dataSource]="shows" class="example-table">
<ng-container matColumnDef="id">
<th mat-header-cell *matHeaderCellDef>ID</th>
<td mat-cell *matCellDef="let row">{{row.showId}}</td>
</ng-container>
<ng-container matColumnDef="hall">
<th mat-header-cell *matHeaderCellDef>Kinosaal</th>
<td mat-cell *matCellDef="let row">{{row.showHallName}}</td>
</ng-container>
<ng-container matColumnDef="movie_title">
<th mat-header-cell *matHeaderCellDef>Film Name</th>
<td mat-cell *matCellDef="let row">{{row.movieTitle}}</td>
</ng-container>
<ng-container matColumnDef="date">
<th mat-header-cell *matHeaderCellDef>Datum</th>
<td mat-cell *matCellDef="let row">{{formatDate(row.showStart)}}</td>
</ng-container>
<ng-container matColumnDef="earnings">
<th mat-header-cell *matHeaderCellDef>
Umsatz
</th>
<td mat-cell *matCellDef="let row">{{(row.earnings/100).toFixed(2)}} €</td>
</ng-container>
<ng-container matColumnDef="tickets">
<th mat-header-cell *matHeaderCellDef>
Gebuchte Tickets
</th>
<td mat-cell *matCellDef="let row">{{row.tickets}}</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="showsDisplayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: showsDisplayedColumns;"></tr>
</table>
</div>
<mat-paginator [length]="showsResultLength" [pageSize]="30" aria-label="Select page of GitHub search results"></mat-paginator>

56
src/app/statistics/statistics.component.ts Normal file
View File

@@ -0,0 +1,56 @@
import {Component, inject} from '@angular/core';
import {HttpService} from '../http.service';
import {
StatisticsFilm,
StatisticsVorstellung,
} from '@infinimotion/model-frontend';
import {LoadingService} from '../loading.service';
import {firstValueFrom, forkJoin} from 'rxjs';
@Component({
selector: 'app-statistics',
standalone: false,
templateUrl: './statistics.component.html',
styleUrl: './statistics.component.css',
})
export class StatisticsComponent {
private http = inject(HttpService);
protected movies: StatisticsFilm[] = [];
protected shows: StatisticsVorstellung[] = [];
protected moviesDisplayedColumns: string[] = ['id', 'title', 'earnings', 'tickets'];
protected showsDisplayedColumns: string[] = ['id', 'hall', 'movie_title', 'date', 'earnings', 'tickets'];
protected movieResultsLength: number = 0;
protected showsResultLength: number = 0;
private loading = inject(LoadingService);
ngOnInit(): void {
this.loading.show()
this.loadData().then();
}
async loadData() {
let movieRequest = this.http.getMovieStatistics();
let showRequest = this.http.getShowStatistics();
let movieResponse = await firstValueFrom(movieRequest);
let showResponse = await firstValueFrom(showRequest);
this.movies = movieResponse
this.shows = showResponse
if (this.movies.length / 30 < 1) {
this.movieResultsLength = 1;
} else {
this.movieResultsLength = Math.ceil(this.movies.length / 30);
}
if (this.shows.length / 30 < 1) {
this.showsResultLength = 1;
} else {
this.showsResultLength = Math.ceil(this.shows.length / 30);
}
this.loading.hide();
}
formatDate(date: Date) {
return new Date(date).toLocaleString("de");
}
}