From 583bc729416e797bdef9d83912ecce026207d7e5 Mon Sep 17 00:00:00 2001 From: Tomasi - Developing Date: Thu, 10 Oct 2024 08:07:43 +0200 Subject: [PATCH] add ngx-bootstrap and bootswatch --- Ui/angular.json | 5 +- Ui/package-lock.json | 51 +++++ Ui/package.json | 9 +- Ui/src/app/app.component.html | 339 +--------------------------------- Ui/src/app/app.module.ts | 4 +- Ui/src/styles.css | 7 +- 6 files changed, 73 insertions(+), 342 deletions(-) diff --git a/Ui/angular.json b/Ui/angular.json index 399a79b..d53de92 100644 --- a/Ui/angular.json +++ b/Ui/angular.json @@ -35,6 +35,9 @@ "src/assets" ], "styles": [ + "./node_modules/ngx-bootstrap/datepicker/bs-datepicker.css", + "./node_modules/bootstrap/dist/css/bootstrap.min.css", + "./node_modules/bootswatch/dist/cyborg/bootstrap.min.css", "src/styles.css" ], "scripts": [] @@ -103,4 +106,4 @@ } } } -} \ No newline at end of file +} diff --git a/Ui/package-lock.json b/Ui/package-lock.json index 5246970..5009c53 100644 --- a/Ui/package-lock.json +++ b/Ui/package-lock.json @@ -16,7 +16,10 @@ "@angular/platform-browser": "^18.2.7", "@angular/platform-browser-dynamic": "^18.2.7", "@angular/router": "^18.2.7", + "bootstrap": "^5.2.3", + "bootswatch": "^5.3.3", "jest-editor-support": "*", + "ngx-bootstrap": "^18.0.2", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.14.3" @@ -4351,6 +4354,16 @@ "url": "https://opencollective.com/unts" } }, + "node_modules/@popperjs/core": { + "version": "2.11.8", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", + "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", + "peer": true, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } + }, "node_modules/@rollup/rollup-android-arm-eabi": { "version": "4.22.4", "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.22.4.tgz", @@ -5574,6 +5587,29 @@ "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==", "dev": true }, + "node_modules/bootstrap": { + "version": "5.3.3", + "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.3.tgz", + "integrity": "sha512-8HLCdWgyoMguSO9o+aH+iuZ+aht+mzW0u3HIMzVu7Srrpv7EBBxTnrFlSCskwdY1+EOFQSm7uMJhNQHkdPcmjg==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/twbs" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/bootstrap" + } + ], + "peerDependencies": { + "@popperjs/core": "^2.11.8" + } + }, + "node_modules/bootswatch": { + "version": "5.3.3", + "resolved": "https://registry.npmjs.org/bootswatch/-/bootswatch-5.3.3.tgz", + "integrity": "sha512-cJLhobnZsVCelU7zdH/L7wpcXAyUoTX4/5l2dWQ0JXgaVK80BdTQNU/ImWwoyIGBeyms4iQDAdNtOfPQZf0Atg==" + }, "node_modules/brace-expansion": { "version": "1.1.11", "license": "MIT", @@ -10663,6 +10699,21 @@ "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==", "dev": true }, + "node_modules/ngx-bootstrap": { + "version": "18.0.2", + "resolved": "https://registry.npmjs.org/ngx-bootstrap/-/ngx-bootstrap-18.0.2.tgz", + "integrity": "sha512-fmbLL4dCgPOTZxBMHpJFabHtOXM02b0atHW6queXbFnSouy5jC3UQ0tdcdD2k09H2x2aeRenMt6AcmPcwyoFSg==", + "dependencies": { + "tslib": "^2.3.0" + }, + "peerDependencies": { + "@angular/animations": "^18.0.1", + "@angular/common": "^18.0.1", + "@angular/core": "^18.0.1", + "@angular/forms": "^18.0.1", + "rxjs": "^6.5.3 || ^7.4.0" + } + }, "node_modules/nice-napi": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/nice-napi/-/nice-napi-1.0.2.tgz", diff --git a/Ui/package.json b/Ui/package.json index 08ea4f1..691ea2c 100644 --- a/Ui/package.json +++ b/Ui/package.json @@ -18,10 +18,13 @@ "@angular/platform-browser": "^18.2.7", "@angular/platform-browser-dynamic": "^18.2.7", "@angular/router": "^18.2.7", + "bootstrap": "^5.2.3", + "bootswatch": "^5.3.3", + "jest-editor-support": "*", + "ngx-bootstrap": "^18.0.2", "rxjs": "~7.8.0", "tslib": "^2.3.0", - "zone.js": "~0.14.3", - "jest-editor-support": "*" + "zone.js": "~0.14.3" }, "devDependencies": { "@angular-devkit/build-angular": "^18.2.8", @@ -36,4 +39,4 @@ "karma-jasmine-html-reporter": "~2.1.0", "typescript": "~5.5.4" } -} \ No newline at end of file +} diff --git a/Ui/src/app/app.component.html b/Ui/src/app/app.component.html index 36093e1..24ba6a6 100644 --- a/Ui/src/app/app.component.html +++ b/Ui/src/app/app.component.html @@ -1,336 +1,3 @@ - - - - - - - - - - - -
-
-
- -

Hello, {{ title }}

-

Congratulations! Your app is running. 🎉

-
- -
-
- @for (item of [ - { title: 'Explore the Docs', link: 'https://angular.dev' }, - { title: 'Learn with Tutorials', link: 'https://angular.dev/tutorials' }, - { title: 'CLI Docs', link: 'https://angular.dev/tools/cli' }, - { title: 'Angular Language Service', link: 'https://angular.dev/tools/language-service' }, - { title: 'Angular DevTools', link: 'https://angular.dev/tools/devtools' }, - ]; track item.title) { - - {{ item.title }} - - - - - } -
- -
-
-
- - - - - - - - - - - +
+ +
diff --git a/Ui/src/app/app.module.ts b/Ui/src/app/app.module.ts index b1c6c96..5c20967 100644 --- a/Ui/src/app/app.module.ts +++ b/Ui/src/app/app.module.ts @@ -3,6 +3,7 @@ import { BrowserModule } from '@angular/platform-browser'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; +import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; @NgModule({ declarations: [ @@ -10,7 +11,8 @@ import { AppComponent } from './app.component'; ], imports: [ BrowserModule, - AppRoutingModule + AppRoutingModule, + BrowserAnimationsModule ], providers: [], bootstrap: [AppComponent] diff --git a/Ui/src/styles.css b/Ui/src/styles.css index 90d4ee0..c4bb1cb 100644 --- a/Ui/src/styles.css +++ b/Ui/src/styles.css @@ -1 +1,6 @@ -/* You can add global styles to this file, and also import other style files */ +html, body { + width: 100%; + height: 100%; + margin: 0; + font-family: 'Poppins', sans-serif; +}