trade

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

@@ -8,6 +8,9 @@
 
   <div class="ui-body">
     <div class="ui-text-secondary" style="padding: 16px;">👥 Bevölkerung: {{ population }} 🚀</div>
+    <div class="ui-section">
+      <div>Landebuchten: {{ planet.dockCapacity }}</div>
+    </div>
     <div class="ui-section">
       <div>🏭 Produktion:</div>
       <ul>
@@ -33,12 +36,20 @@
           <li>{{ item.type }}: {{ item.demandRate * planet.population | number:'0.0-1' }}/s</li>
         }
       </ul>
-      
+    </div>
+
+    <div class="ui-section">
+      <div>📦 In Lieferung:</div>
+      <ul>
+        @for (item of goodsInTransit; track $index) {
+          <li>{{ item.type }}: {{ item.amount | number:'0.0-1' }}</li>
+        }
+      </ul>
     </div>
   </div>
 
   <div class="ui-section">
-    <button class="button">Produktion upgraden</button>
+    <button class="button" (click)="upgradeHarbour()" >Raumhafen upgraden</button>
     <button class="button">Siedeln</button>
     <button class="button" (click)="close()" >Schließen</button>
   </div>