basics

src/app/components/dialog/planet-dialog/planet-dialog.component.html

@@ -0,0 +1,24 @@
+@if (planet) {
+  <h1 mat-dialog-title>{{planet.name}}</h1>
+  <mat-dialog-content>
+    <div>Bevölkerung: {{ planet.population | number:'0.0-0' }}</div>
+
+
+
+    <div class="goods">
+      <h3>Güter:</h3>
+      @for (item of planet.getAllGoods(); track $index) {
+        <div>
+          {{ item.type }}: {{ item.amount }}
+        </div>
+      }
+    </div>
+
+    <div class="goods">
+      <h3>Angebotene Güter:</h3>
+      @for (item of offeredItems(); track $index) {
+        {{ item.type }}: {{ item.amount | number }} / {{ item.productionStorage | number }}
+      }
+    </div>
+  </mat-dialog-content>
+}