Added dummy information in the order slip and receipt

tables in their respective views. Changed styles accordingly.
parent d8067f5f
@import url('https://fonts.googleapis.com/css2?family=Lato&family=Poppins:wght@200&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Lato&family=Poppins:wght@200&display=swap');
/*INDEX.HTML /*INDEX.HTML
COLOR SCHEME
BLACK - #000505 BLACK - #000505
ENG VIOLET - #3B3355 ENG VIOLET - #3B3355
DARK BLUE GREY - #5D5D81 DARK BLUE GREY - #5D5D81
...@@ -128,6 +129,10 @@ header { ...@@ -128,6 +129,10 @@ header {
} }
/* ======== ORDER.HTML and RECEIPT.HTML ============ */ /* ======== ORDER.HTML and RECEIPT.HTML ============ */
.title-area {
text-align: center;
}
.button-container { .button-container {
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-evenly;
...@@ -215,13 +220,20 @@ header { ...@@ -215,13 +220,20 @@ header {
justify-content: center; justify-content: center;
} }
a { a:link {
text-decoration: none; text-decoration: none;
border: none;
color: #3B3355;
margin: 0.3rem;
padding: 0.5rem;
border-radius: 2rem;
} }
a:hover { a:hover {
text-decoration: underline; text-decoration: underline;
cursor: pointer; cursor: pointer;
background-color: #3B3355;
color: #BFCDE0;
} }
table, th { table, th {
......
...@@ -8,7 +8,10 @@ ...@@ -8,7 +8,10 @@
{% block content %} {% block content %}
<h1 class='view-title'>Order</h1> <div class="title-area">
<h1 class='view-title'>Order</h1>
<h3 class='view-subtitle'>Order Slip</h3>
</div>
<!-- SEARCH AREA--> <!-- SEARCH AREA-->
<div id="filter-area"> <div id="filter-area">
<button class="filter-button"><a href="{% url 'order' %}">Order Slip</a></button> <button class="filter-button"><a href="{% url 'order' %}">Order Slip</a></button>
...@@ -39,24 +42,27 @@ ...@@ -39,24 +42,27 @@
<!-- TABLE ROW WITH INFO --> <!-- TABLE ROW WITH INFO -->
<tr> <tr>
<th>customer_no</th> <th>2039</th>
<th>customer_name</th> <th>Anna Doe</th>
<th>date</th> <th>11/13/15</th>
<th>size</th> <th>12 oz</th>
<th>base_receipe</th> <th>base_receipe</th>
<th>add_on_qty</th> <th>1</th>
<th>add_on_name</th> <th>
mini marshmallows,<br>
strawberry
</th>
</tr> </tr>
<!-- TABLE ROW WITHOUT INFO --> <!-- TABLE ROW WITHOUT INFO -->
<tr> <tr>
<th>customer_no</th> <th>&nbsp;</th>
<th>customer_name</th> <th>&nbsp;</th>
<th>date</th> <th>&nbsp;</th>
<th>size</th> <th>&nbsp;</th>
<th>base_receipe</th> <th>&nbsp;</th>
<th>add_on_qty</th> <th>&nbsp;</th>
<th>add_on_name</th> <th>&nbsp;</th>
</tr> </tr>
</table> </table>
......
...@@ -8,8 +8,10 @@ ...@@ -8,8 +8,10 @@
{% block content %} {% block content %}
<h1 class='view-title'>Order</h1> <div class="title-area">
<!-- SEARCH BOX --> <h1 class='view-title'>Order</h1>
<h3 class='view-subtitle'>Receipt</h3>
</div><!-- SEARCH BOX -->
<div id="filter-area"> <div id="filter-area">
<button class="filter-button"><a href="{% url 'order' %}">Order Slip</a></button> <button class="filter-button"><a href="{% url 'order' %}">Order Slip</a></button>
<button class="filter-button"><a href="{% url 'receipt' %}">Receipt</a></button> <button class="filter-button"><a href="{% url 'receipt' %}">Receipt</a></button>
...@@ -29,6 +31,7 @@ ...@@ -29,6 +31,7 @@
<tr> <tr>
<th>customer_name</th> <th>customer_name</th>
<th>transaction_no</th> <th>transaction_no</th>
<th>date</th>
<th>customer_order</th> <th>customer_order</th>
<th>price_per_item</th> <th>price_per_item</th>
<th>price_per_order</th> <th>price_per_order</th>
...@@ -38,24 +41,34 @@ ...@@ -38,24 +41,34 @@
<!-- TABLE ROW WITH INFO --> <!-- TABLE ROW WITH INFO -->
<tr> <tr>
<th>customer_name</th> <th>Anna Doe</th>
<th>transaction_no</th> <th>1409130034</th>
<th>customer_order</th> <th>11/13/15</th>
<th>price_per_item</th> <th>
<th>price_per_order</th> 12 oz Cookies & Cream<br>
<th>employee_name</th> + 1 mini mallows<br>
+ 1 strawberry
</th>
<th>
90.00<br>
10.00<br>
20.00<br>
</th>
<th>₱ 120.00</th>
<th>April</th>
<th>total_sales</th> <th>total_sales</th>
</tr> </tr>
<!-- TABLE ROW WITHOUT INFO --> <!-- TABLE ROW WITHOUT INFO -->
<tr> <tr>
<th>customer_name</th> <th>&nbsp;</th>
<th>transaction_no</th> <th>&nbsp;</th>
<th>customer_order</th> <th>&nbsp;</th>
<th>price_per_item</th> <th>&nbsp;</th>
<th>price_per_order</th> <th>&nbsp;</th>
<th>employee_name</th> <th>&nbsp;</th>
<th>total_sales</th> <th>&nbsp;</th>
<th>&nbsp;</th>
</tr> </tr>
</table> </table>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment