img

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

@@ -8,7 +8,7 @@
 
   <div class="ui-body">
     @if (planet.hasHarbour) {
-      <div class="ui-text-secondary" style="padding: 16px;">👥 Bevölkerung: {{ population }} 🚀</div>
+      <div class="ui-text-secondary" style="padding: 16px;">👥 Bevölkerung: {{ population }} {{ planet.isGrowing ? '🚀' : '⬇️' }}</div>
     <div class="ui-section">
       <div>Landebuchten: {{ planet.dockCapacity }}</div>
     </div>
@@ -16,7 +16,12 @@
       <div>🏭 Produktion:</div>
       <ul>
         @for (item of producedItems; track $index) {
-          <li>{{ item.type }}: +{{ item.productionRate | number:'0.0-2' }}/s</li>
+          <li>
+            <div class="flex">
+              <div>{{ item.type }}: +{{ getProductionAmount(item) | number:'0.0-2' }}/s</div>
+              <div>Angebot: {{ getOfferedAmount(item) | number:'0.0-0'}}</div>
+            </div>
+          </li>
         }
       </ul>
     </div>
@@ -41,6 +46,15 @@
       </ul>
     </div>
 
+    <!-- <div class="ui-section">
+      <div>📦 Anfrage:</div>
+      <ul>
+        @for (item of requested; track $index) {
+          <li>{{ item.type }}: {{ item.amount | number:'0.0-1' }}/s</li>
+        }
+      </ul>
+    </div> -->
+
     @if (goodsInTransit.length > 0) {
       <div class="ui-section">
         <div>📦 In Lieferung:</div>
@@ -59,7 +73,11 @@
         <div>🏭 Produktion:</div>
         <ul>
           @for (item of producedItems; track $index) {
-            <li>{{ item.type }}: +{{ item.productionRate | number:'0.0-2' }}/s</li>
+            <li >
+              <div class="flex">
+                <div>{{ item.type }}: +{{ getProductionAmount(item) | number:'0.0-2' }}/s</div>
+              </div>
+            </li>
           }
         </ul>
       </div>
@@ -70,7 +88,10 @@
     @if (planet.hasHarbour) {
       <button class="button" (click)="upgradeHarbour()"
       matTooltip="Stellt eine zusätzliche Landebucht zur Verfügung. Pro Landebucht kann ein Raumschiff verladen werden. Das Upgrade kostet allerdings Geld."
-      >Raumhafen upgraden</button>
+      >Raumhafen aufwerten</button>
+
+      <button class="button" (click)="upgradeProduction()" [disabled]="!canUpgradeProduction" 
+      matTooltip="Kosten:  {{this.planet.productionLvlUpgradeCost | number}} Credits">Produktion aufwerten</button>
     } @else {
       <button class="button" (click)="buildHarbour()"
       matTooltip="Baue einen Raumhafen um den Planeten anfliegen zu können."