From d0293cc37c92bd222ac12ec8024c3efc5f20bc80 Mon Sep 17 00:00:00 2001 From: Marcel-Anker Date: Mon, 27 Oct 2025 22:15:04 +0100 Subject: [PATCH] add basic nav bar and very basic design --- angular.json | 3 +++ package-lock.json | 28 +++------------------------- src/app/navbar/navbar.component.css | 3 ++- src/app/navbar/navbar.component.html | 11 +++++++++++ src/app/navbar/navbar.component.ts | 5 ++++- 5 files changed, 23 insertions(+), 27 deletions(-) diff --git a/angular.json b/angular.json index 515311d..93e48a9 100644 --- a/angular.json +++ b/angular.json @@ -113,5 +113,8 @@ } } } + }, + "cli": { + "analytics": "6c026e73-90a0-47be-850c-7e38cc39dc83" } } diff --git a/package-lock.json b/package-lock.json index b527170..fb78cd8 100644 --- a/package-lock.json +++ b/package-lock.json @@ -400,7 +400,6 @@ "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-20.2.9.tgz", "integrity": "sha512-rbY1AMz9389WJI29iAjWp4o0QKRQHCrQQUuP0ctNQzh1tgWpwiRLx8N4yabdVdsCA846vPsyKJtBlSNwKMsjJA==", "license": "MIT", - "peer": true, "dependencies": { "parse5": "^8.0.0", "tslib": "^2.3.0" @@ -447,7 +446,6 @@ "node_modules/@angular/common": { "version": "20.3.5", "license": "MIT", - "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -462,7 +460,6 @@ "node_modules/@angular/compiler": { "version": "20.3.5", "license": "MIT", - "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -474,7 +471,6 @@ "version": "20.3.5", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@babel/core": "7.28.3", "@jridgewell/sourcemap-codec": "^1.4.14", @@ -505,7 +501,6 @@ "node_modules/@angular/core": { "version": "20.3.5", "license": "MIT", - "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -529,7 +524,6 @@ "node_modules/@angular/forms": { "version": "20.3.5", "license": "MIT", - "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -563,7 +557,6 @@ "node_modules/@angular/platform-browser": { "version": "20.3.5", "license": "MIT", - "peer": true, "dependencies": { "tslib": "^2.3.0" }, @@ -622,7 +615,6 @@ "version": "7.28.3", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@ampproject/remapping": "^2.2.0", "@babel/code-frame": "^7.27.1", @@ -1515,7 +1507,6 @@ "version": "7.8.2", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@inquirer/checkbox": "^4.2.1", "@inquirer/confirm": "^5.1.14", @@ -3602,7 +3593,6 @@ "version": "24.8.0", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "undici-types": "~7.14.0" } @@ -3888,7 +3878,6 @@ } ], "license": "MIT", - "peer": true, "dependencies": { "baseline-browser-mapping": "^2.8.9", "caniuse-lite": "^1.0.30001746", @@ -4777,7 +4766,6 @@ "version": "5.1.0", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "accepts": "^2.0.0", "body-parser": "^2.2.0", @@ -5583,8 +5571,7 @@ "node_modules/jasmine-core": { "version": "5.9.0", "dev": true, - "license": "MIT", - "peer": true + "license": "MIT" }, "node_modules/jiti": { "version": "2.6.1", @@ -5658,7 +5645,6 @@ "version": "6.4.4", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "@colors/colors": "1.5.0", "body-parser": "^1.19.0", @@ -6284,7 +6270,6 @@ "version": "9.0.1", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "cli-truncate": "^4.0.0", "colorette": "^2.0.20", @@ -7743,7 +7728,6 @@ "node_modules/rxjs": { "version": "7.8.2", "license": "Apache-2.0", - "peer": true, "dependencies": { "tslib": "^2.1.0" } @@ -7792,7 +7776,6 @@ "version": "1.90.0", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "chokidar": "^4.0.0", "immutable": "^5.0.2", @@ -8449,8 +8432,7 @@ }, "node_modules/tslib": { "version": "2.8.1", - "license": "0BSD", - "peer": true + "license": "0BSD" }, "node_modules/tuf-js": { "version": "3.1.0", @@ -8482,7 +8464,6 @@ "version": "5.9.3", "dev": true, "license": "Apache-2.0", - "peer": true, "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" @@ -8641,7 +8622,6 @@ "version": "7.1.5", "dev": true, "license": "MIT", - "peer": true, "dependencies": { "esbuild": "^0.25.0", "fdir": "^6.5.0", @@ -8991,7 +8971,6 @@ "version": "3.25.76", "dev": true, "license": "MIT", - "peer": true, "funding": { "url": "https://github.com/sponsors/colinhacks" } @@ -9006,8 +8985,7 @@ }, "node_modules/zone.js": { "version": "0.15.1", - "license": "MIT", - "peer": true + "license": "MIT" } } } diff --git a/src/app/navbar/navbar.component.css b/src/app/navbar/navbar.component.css index 5eb3454..bd913fa 100644 --- a/src/app/navbar/navbar.component.css +++ b/src/app/navbar/navbar.component.css @@ -7,5 +7,6 @@ nav { .navbar { width: 200px; - background-color: #ff0080; + background-color: #ffffff; + padding: 20px; } diff --git a/src/app/navbar/navbar.component.html b/src/app/navbar/navbar.component.html index 137ca2d..242cbdb 100644 --- a/src/app/navbar/navbar.component.html +++ b/src/app/navbar/navbar.component.html @@ -1,2 +1,13 @@ diff --git a/src/app/navbar/navbar.component.ts b/src/app/navbar/navbar.component.ts index 2541140..6ef0b3b 100644 --- a/src/app/navbar/navbar.component.ts +++ b/src/app/navbar/navbar.component.ts @@ -7,5 +7,8 @@ import { Component } from '@angular/core'; styleUrl: './navbar.component.css' }) export class NavbarComponent { - + navItems:{label:string, path:string}[] = [ + {label: 'Schedule', path: '/schedule'}, + {label: 'beispiel', path: ''}, /* mal gucken wie man das elegant dynamisch machen kann*/ + ] }