jank/angular-hotel-manager
1
0
Fork 0
Code Issues 1 Pull Requests 4 Actions Packages Projects Releases Wiki Activity

feat: add Tailwind CSS and update hotel images

Browse Source
This commit is contained in:
Jan Gleytenhoover 2024-12-03 08:50:56 +01:00
parent 8c0e49e8a6
commit b64179221f
Signed by: jank
GPG Key ID: B267751B8AE29EFE
11 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
bun.lockb
View File

Binary file not shown.

3
package.json
View File

@ -28,12 +28,15 @@
"@angular/cli": "^18.2.3", "@angular/cli": "^18.2.3",
"@angular/compiler-cli": "^18.2.3", "@angular/compiler-cli": "^18.2.3",
"@types/jasmine": "~5.1.0", "@types/jasmine": "~5.1.0",
"autoprefixer": "^10.4.20",
"jasmine-core": "~5.1.0", "jasmine-core": "~5.1.0",
"karma": "~6.4.0", "karma": "~6.4.0",
"karma-chrome-launcher": "~3.2.0", "karma-chrome-launcher": "~3.2.0",
"karma-coverage": "~2.2.0", "karma-coverage": "~2.2.0",
"karma-jasmine": "~5.1.0", "karma-jasmine": "~5.1.0",
"karma-jasmine-html-reporter": "~2.1.0", "karma-jasmine-html-reporter": "~2.1.0",
"postcss": "^8.4.49",
"tailwindcss": "^3.4.15",
"typescript": "~5.5.2" "typescript": "~5.5.2"
} }
} }

BIN
public/assets/img/1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 637 KiB

BIN
public/assets/img/2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 142 KiB

BIN
public/assets/img/3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 143 KiB

BIN
public/assets/img/4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
public/assets/img/5.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 137 KiB

8
src/app/service/HotelData.service.ts
View File

@ -10,7 +10,7 @@ export class HotelDataService implements InMemoryDbService{
"hotelName": "Buea süßes Leben", "hotelName": "Buea süßes Leben",
"description": "Schöne Aussicht am Meer", "description": "Schöne Aussicht am Meer",
"price": 230.5, "price": 230.5,
"imageUrl": "assets/img/heisenberg.jpg", "imageUrl": "assets/img/1.jpg",
"rating": 3.5, "rating": 3.5,
"tags": ["Meer", "Berge"] "tags": ["Meer", "Berge"]
}, },
@ -19,7 +19,7 @@ export class HotelDataService implements InMemoryDbService{
"hotelName": "Marrakesch", "hotelName": "Marrakesch",
"description": "Genießen Sie den Blick auf die Berge", "description": "Genießen Sie den Blick auf die Berge",
"price": 145.5, "price": 145.5,
"imageUrl": "assets/img/kjan.png", "imageUrl": "assets/img/2.jpg",
"rating": 5, "rating": 5,
"tags": ["Meer", "Berge"] "tags": ["Meer", "Berge"]
}, },
@ -28,7 +28,7 @@ export class HotelDataService implements InMemoryDbService{
"hotelName": "Abuja neuer Palast", "hotelName": "Abuja neuer Palast",
"description": "Kompletter Aufenthalt mit Autoservice", "description": "Kompletter Aufenthalt mit Autoservice",
"price": 120.12, "price": 120.12,
"imageUrl": "assets/img/huy.png", "imageUrl": "assets/img/3.jpg",
"rating": 4, "rating": 4,
"tags": ["Meer", "Berge"] "tags": ["Meer", "Berge"]
}, },
@ -37,7 +37,7 @@ export class HotelDataService implements InMemoryDbService{
"hotelName": "OUR Hotel", "hotelName": "OUR Hotel",
"description": "Wunderschönes Ambiente für Ihren Aufenthalt", "description": "Wunderschönes Ambiente für Ihren Aufenthalt",
"price": 135.12, "price": 135.12,
"imageUrl": "assets/img/rat.png", "imageUrl": "assets/img/4.jpg",
"rating": 2.5, "rating": 2.5,
"tags": ["Meer", "Berge"] "tags": ["Meer", "Berge"]
} }

2
src/index.html
View File

@ -10,7 +10,7 @@
<link rel="icon" type="image/x-icon" href="favicon.ico"> <link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/4.0.0/iconfont/material-icons.min.css" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/4.0.0/iconfont/material-icons.min.css" referrerpolicy="no-referrer" />
</head> </head>
<body> <body class="bg-pink-600">
<app-root></app-root> <app-root></app-root>
</body> </body>
</html> </html>

3
src/styles.css
View File

@ -1 +1,4 @@
/* You can add global styles to this file, and also import other style files */ /* You can add global styles to this file, and also import other style files */
@tailwind base;
@tailwind components;
@tailwind utilities;

10
tailwind.config.js Normal file
View File

@ -0,0 +1,10 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./src/**/*.{html,ts}",
],
theme: {
extend: {},
},
plugins: [],
}