Update index.html
Browse files- index.html +46 -45
index.html
CHANGED
@@ -9,63 +9,64 @@
|
|
9 |
</head>
|
10 |
<body>
|
11 |
|
12 |
-
<div class="
|
13 |
-
<
|
14 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
15 |
</form>
|
16 |
-
|
17 |
-
</div>
|
18 |
|
19 |
-
|
20 |
-
|
21 |
-
|
22 |
-
|
23 |
-
|
24 |
-
|
25 |
-
|
26 |
-
|
27 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
28 |
</div>
|
29 |
|
30 |
-
<
|
31 |
-
|
32 |
-
|
33 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
34 |
<div class="form-group">
|
35 |
-
<label for="
|
36 |
-
<input type="
|
37 |
</div>
|
38 |
-
<div class="
|
39 |
-
<
|
40 |
-
<
|
41 |
</div>
|
42 |
-
<
|
43 |
</form>
|
44 |
-
|
|
|
45 |
</div>
|
46 |
|
47 |
<div id="deal-modal" class="modal-backdrop hidden">
|
48 |
-
<div class="modal-content">
|
49 |
-
<button id="modal-close-button" class="modal-close">×</button>
|
50 |
-
<h3>Deal Information</h3>
|
51 |
-
<div id="modal-body">
|
52 |
-
<p><strong>Deal ID:</strong> <span id="modal-deal-id"></span></p>
|
53 |
-
<p><strong>Status:</strong> <span id="modal-status-badge" class="badge"></span></p>
|
54 |
-
<hr>
|
55 |
-
<p><strong>Owner:</strong> <span id="modal-owner-name"></span></p>
|
56 |
-
<p><strong>Contact Email:</strong> <span id="modal-contact-email"></span></p>
|
57 |
-
<p><strong>Contact Phone:</strong> <span id="modal-contact-phone"></span></p>
|
58 |
-
<hr>
|
59 |
-
<p><strong>Vessel Year Built:</strong> <span id="modal-year-built"></span></p>
|
60 |
-
<p><strong>Gross Tonnage:</strong> <span id="modal-gross-tonnage"></span></p>
|
61 |
-
<p><strong>Tokens Requested:</strong> <span id="modal-token-amount"></span></p>
|
62 |
-
<p><strong>Description:</strong></p>
|
63 |
-
<p id="modal-vessel-description" style="white-space: pre-wrap;"></p>
|
64 |
</div>
|
65 |
-
</div>
|
66 |
-
</div>
|
67 |
-
</div>
|
68 |
-
</div>
|
69 |
|
70 |
</body>
|
71 |
</html>
|
|
|
9 |
</head>
|
10 |
<body>
|
11 |
|
12 |
+
<div class="main-content">
|
13 |
+
<div class="form-container">
|
14 |
+
<h2>Check Deal Status</h2>
|
15 |
+
<form id="deal-lookup-form">
|
16 |
+
<div class="form-group">
|
17 |
+
<label for="lookup-deal-id">Enter Your Unique Deal ID</label>
|
18 |
+
<input type="text" id="lookup-deal-id" name="deal_id" placeholder="e.g., DEAL-175..." required>
|
19 |
+
</div>
|
20 |
+
<button type="submit" id="lookup-button">Check Status</button>
|
21 |
</form>
|
22 |
+
</div>
|
|
|
23 |
|
24 |
+
<div class="form-container admin-panel">
|
25 |
+
<details>
|
26 |
+
<summary>Platform Operator Panel</summary>
|
27 |
+
<form id="admin-action-form">
|
28 |
+
<div class="form-group">
|
29 |
+
<label for="admin-deal-id">Deal ID to Action</label>
|
30 |
+
<input type="text" id="admin-deal-id" name="deal_id" placeholder="Enter Deal ID to approve/decline" required>
|
31 |
+
</div>
|
32 |
+
<div class="admin-buttons">
|
33 |
+
<button type="button" id="admin-approve-button" class="approve">Approve</button>
|
34 |
+
<button type="button" id="admin-decline-button" class="decline">Decline</button>
|
35 |
+
</div>
|
36 |
+
<div id="admin-status-message" class="status" aria-live="polite"></div>
|
37 |
+
</form>
|
38 |
+
</details>
|
39 |
+
</div>
|
40 |
</div>
|
41 |
|
42 |
+
<button id="show-submission-button" class="floating-action-button" title="Submit New Deal">+</button>
|
43 |
+
|
44 |
+
<div id="submission-modal" class="modal-backdrop hidden">
|
45 |
+
<div class="modal-content">
|
46 |
+
<button id="submission-modal-close-button" class="modal-close">×</button>
|
47 |
+
<h3>Vessel Exchange Endowment</h3>
|
48 |
+
<form id="vessel-exchange-form">
|
49 |
+
<input type="hidden" name="action" value="submit">
|
50 |
+
<div class="form-group">
|
51 |
+
<label for="ownerName">Owner Name</label>
|
52 |
+
<input type="text" id="ownerName" name="ownerName" placeholder="Enter legal owner name" required>
|
53 |
+
</div>
|
54 |
<div class="form-group">
|
55 |
+
<label for="contactEmail">Contact Email</label>
|
56 |
+
<input type="email" id="contactEmail" name="contactEmail" placeholder="Enter a valid email address" required>
|
57 |
</div>
|
58 |
+
<div class="form-group">
|
59 |
+
<label for="tokenAmount">UMBR Tokens Requested</label>
|
60 |
+
<input type="number" id="tokenAmount" name="tokenAmount" placeholder="e.g., 5000.50" required min="0" step="any">
|
61 |
</div>
|
62 |
+
<button type="submit" id="submit-button">Submit Exchange Request</button>
|
63 |
</form>
|
64 |
+
<div id="status-message" class="status" aria-live="polite"></div>
|
65 |
+
</div>
|
66 |
</div>
|
67 |
|
68 |
<div id="deal-modal" class="modal-backdrop hidden">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
69 |
</div>
|
|
|
|
|
|
|
|
|
70 |
|
71 |
</body>
|
72 |
</html>
|