swisscom/minishop
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Refactor code structure for improved readability and maintainability

Browse Source
This commit is contained in:
Elyes
2025-11-20 15:15:28 +01:00
parent d0543ee30d
commit 2304887c82
12 changed files with 25 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/products.service.ts
View File

@@ -6,9 +6,9 @@ import { Injectable } from '@angular/core';
export class Products {
getProductList() {
return [
{ id: 1, name: 'Rindburger', price: 14.95, img: '/burger.webp' },
{ id: 2, name: 'Pouletburger', price: 16.95, img: '/burger.webp' },
{ id: 3, name: 'Veggieburger', price: 20.95, img: '/burgerveggie.png' },
{ id: 1, name: 'Rindburger', price: 14.95, img: '/rindburger.png' },
{ id: 2, name: 'Pouletburger', price: 16.95, img: '/krabsburger.png' },
{ id: 3, name: 'Veggieburger', price: 20.95, img: '/veggieburger.png' },
];
}
}

4
src/app/productspage/productspage.html
View File

@@ -1,3 +1,7 @@
<div class="navbar">
<img src="/favicon.png" alt="Logo">
<h1>Burgers</h1>
</div>
<div class="products">
@for (item of productList; track $index) {

18
src/app/productspage/productspage.scss
View File

@@ -1,3 +1,19 @@
.navbar {
display: flex;
flex-direction: row;
justify-content: space-between;
img {
height: 40px;
}
h1 {
margin: 0;
font-size: 24px;
color: #333;
border-bottom: #333 2px solid;
}
}
.products {
display: flex;
flex-wrap: wrap;
@@ -8,6 +24,6 @@
sdx-card {
height: auto;
width: 75%;
object-fit: cover;
}
}

2
src/index.html
View File

@@ -6,7 +6,7 @@
<title>Burgerladen</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="icon" type="image/x-icon" href="favicon.png">
</head>
<body class="sdx">