Spaces:
Sleeping
Sleeping
Aryanshh commited on
Commit ·
82eba81
1
Parent(s): f5ce3e8
feat: Final layout alignment and Logistics Cart integration
Browse files- dashboard/index.html +42 -18
dashboard/index.html
CHANGED
|
@@ -41,16 +41,20 @@
|
|
| 41 |
<div id="section-order" class="op-section">
|
| 42 |
<h4>📦 Supply Logistics</h4>
|
| 43 |
<div class="op-row">
|
| 44 |
-
<
|
| 45 |
-
<
|
| 46 |
-
|
| 47 |
-
|
| 48 |
-
|
| 49 |
-
<
|
| 50 |
-
|
| 51 |
-
|
| 52 |
-
|
| 53 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 54 |
</div>
|
| 55 |
</div>
|
| 56 |
|
|
@@ -60,11 +64,15 @@
|
|
| 60 |
<div id="section-produce" class="op-section">
|
| 61 |
<h4>🏭 Manufacturing</h4>
|
| 62 |
<div class="op-row">
|
| 63 |
-
<
|
| 64 |
-
<
|
| 65 |
-
|
| 66 |
-
|
| 67 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 68 |
</div>
|
| 69 |
</div>
|
| 70 |
|
|
@@ -74,8 +82,12 @@
|
|
| 74 |
<div id="section-offset" class="op-section">
|
| 75 |
<h4>🌳 ESG Strategy</h4>
|
| 76 |
<div class="op-row">
|
| 77 |
-
<
|
| 78 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 79 |
</div>
|
| 80 |
</div>
|
| 81 |
</div>
|
|
@@ -94,7 +106,19 @@
|
|
| 94 |
</div>
|
| 95 |
<div id="news-alert" class="news-alert hidden">
|
| 96 |
<span class="warning-icon">⚠️</span>
|
| 97 |
-
<
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 98 |
</div>
|
| 99 |
</section>
|
| 100 |
|
|
|
|
| 41 |
<div id="section-order" class="op-section">
|
| 42 |
<h4>📦 Supply Logistics</h4>
|
| 43 |
<div class="op-row">
|
| 44 |
+
<div class="op-inputs">
|
| 45 |
+
<select id="part-select">
|
| 46 |
+
<option value="chips">Order Microchips</option>
|
| 47 |
+
<option value="sensors">Order Sensors</option>
|
| 48 |
+
</select>
|
| 49 |
+
<select id="mode-select">
|
| 50 |
+
<option value="sea">SEA ($50, 10d, 0.5kg)</option>
|
| 51 |
+
<option value="rail">RAIL ($125, 5d, 2.5kg)</option>
|
| 52 |
+
<option value="air">AIR ($250, 2d, 10kg)</option>
|
| 53 |
+
</select>
|
| 54 |
+
</div>
|
| 55 |
+
<div class="op-actions">
|
| 56 |
+
<button onclick="execute('order_parts')" class="btn btn-primary">Order</button>
|
| 57 |
+
</div>
|
| 58 |
</div>
|
| 59 |
</div>
|
| 60 |
|
|
|
|
| 64 |
<div id="section-produce" class="op-section">
|
| 65 |
<h4>🏭 Manufacturing</h4>
|
| 66 |
<div class="op-row">
|
| 67 |
+
<div class="op-inputs">
|
| 68 |
+
<select id="product-select">
|
| 69 |
+
<option value="EcoPhone">Produce EcoPhone</option>
|
| 70 |
+
<option value="GreenTab">Produce GreenTab</option>
|
| 71 |
+
</select>
|
| 72 |
+
</div>
|
| 73 |
+
<div class="op-actions">
|
| 74 |
+
<button onclick="execute('produce')" class="btn btn-primary">Start Run</button>
|
| 75 |
+
</div>
|
| 76 |
</div>
|
| 77 |
</div>
|
| 78 |
|
|
|
|
| 82 |
<div id="section-offset" class="op-section">
|
| 83 |
<h4>🌳 ESG Strategy</h4>
|
| 84 |
<div class="op-row">
|
| 85 |
+
<div class="op-inputs">
|
| 86 |
+
<span class="op-text">Carbon Offset Purchase (100 units)</span>
|
| 87 |
+
</div>
|
| 88 |
+
<div class="op-actions">
|
| 89 |
+
<button onclick="execute('offset')" class="btn btn-primary">Buy Offset</button>
|
| 90 |
+
</div>
|
| 91 |
</div>
|
| 92 |
</div>
|
| 93 |
</div>
|
|
|
|
| 106 |
</div>
|
| 107 |
<div id="news-alert" class="news-alert hidden">
|
| 108 |
<span class="warning-icon">⚠️</span>
|
| 109 |
+
<div class="news-content">
|
| 110 |
+
<div class="news-label">EMERGENCY ALERT</div>
|
| 111 |
+
<div id="news-text"></div>
|
| 112 |
+
</div>
|
| 113 |
+
</div>
|
| 114 |
+
</section>
|
| 115 |
+
|
| 116 |
+
<section class="shipment-cart-section">
|
| 117 |
+
<div class="card full-width">
|
| 118 |
+
<h3>📦 Logistics Cart (Incoming Shipments)</h3>
|
| 119 |
+
<div id="cart-container" class="cart-grid">
|
| 120 |
+
<p class="placeholder">No active shipments in transit.</p>
|
| 121 |
+
</div>
|
| 122 |
</div>
|
| 123 |
</section>
|
| 124 |
|