Hugging Face's logo

Spaces:
DSatishchandra
/
BiryaniHubflaskMenu
Sleeping

App Files Community
Rammohan0504 commited on
Commit
95cbdd7
·
verified ·
1 Parent(s): ab37374

Update templates/order_history.html

Browse files
Files changed (1) hide show
  1. templates/order_history.html +29 -12
templates/order_history.html CHANGED
@@ -25,7 +25,7 @@
25
  padding: 10px;
26
  border: 2px solid #ffe5b4;
27
  margin-bottom: 20px;
28
- border-radius:5px;
29
  }
30
 
31
  .order-details {
@@ -50,6 +50,13 @@
50
  margin: 10px 0;
51
  }
52
 
 
 
 
 
 
 
 
53
  .order-buttons {
54
  margin-top: 10px;
55
  }
@@ -78,9 +85,9 @@
78
  .order-heading {
79
  font-size: 20px;
80
  font-weight: bold;
81
- color: #f57c00;
82
  margin-bottom: 20px;
83
- text-align:center;
84
  }
85
 
86
  .back-button {
@@ -118,14 +125,14 @@
118
  background-color: #f55b00;
119
  }
120
 
121
- @media (max-width: 768px) {
122
- .order-details, .order-price, .order-date-time {
123
- font-size: 14px;
124
- }
125
- .order-heading {
126
- font-size: 18px;
127
- }
128
- }
129
  </style>
130
  </head>
131
  <body>
@@ -152,6 +159,12 @@
152
  <div class="order-price">
153
  <p>Total: ₹{{ order.Total_Bill__c }}</p>
154
  </div>
 
 
 
 
 
 
155
  </div>
156
  {% endfor %}
157
 
@@ -173,6 +186,11 @@
173
  <div class="order-price">
174
  <p>Total: ₹{{ order.Total_Bill__c }}</p>
175
  </div>
 
 
 
 
 
176
  </div>
177
  {% endfor %}
178
  </div>
@@ -208,4 +226,3 @@
208
 
209
  </body>
210
  </html>
211
-
 
25
  padding: 10px;
26
  border: 2px solid #ffe5b4;
27
  margin-bottom: 20px;
28
+ border-radius: 5px;
29
  }
30
 
31
  .order-details {
 
50
  margin: 10px 0;
51
  }
52
 
53
+ .order-status {
54
+ font-size: 14px;
55
+ font-weight: bold;
56
+ color: #28a745; /* Green for completed, can be customized based on the status */
57
+ margin-top: 10px;
58
+ }
59
+
60
  .order-buttons {
61
  margin-top: 10px;
62
  }
 
85
  .order-heading {
86
  font-size: 20px;
87
  font-weight: bold;
88
+ color: #f57c00;
89
  margin-bottom: 20px;
90
+ text-align: center;
91
  }
92
 
93
  .back-button {
 
125
  background-color: #f55b00;
126
  }
127
 
128
+ @media (max-width: 768px) {
129
+ .order-details, .order-price, .order-date-time {
130
+ font-size: 14px;
131
+ }
132
+ .order-heading {
133
+ font-size: 18px;
134
+ }
135
+ }
136
  </style>
137
  </head>
138
  <body>
 
159
  <div class="order-price">
160
  <p>Total: ₹{{ order.Total_Bill__c }}</p>
161
  </div>
162
+
163
+ <!-- Order Status -->
164
+ <div class="order-status">
165
+ <p>Status: {{ order.order_status }}</p> <!-- Display order status -->
166
+ </div>
167
+
168
  </div>
169
  {% endfor %}
170
 
 
186
  <div class="order-price">
187
  <p>Total: ₹{{ order.Total_Bill__c }}</p>
188
  </div>
189
+
190
+ <!-- Order Status -->
191
+ <div class="order-status">
192
+ <p>Status: {{ order.order_status }}</p> <!-- Display order status -->
193
+ </div>
194
  </div>
195
  {% endfor %}
196
  </div>
 
226
 
227
  </body>
228
  </html>