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');
/*INDEX.HTML
COLOR SCHEME
BLACK - #000505
ENG VIOLET - #3B3355
DARK BLUE GREY - #5D5D81
......@@ -128,6 +129,10 @@ header {
}
/* ======== ORDER.HTML and RECEIPT.HTML ============ */
.title-area {
text-align: center;
}
.button-container {
display: flex;
justify-content: space-evenly;
......@@ -215,13 +220,20 @@ header {
justify-content: center;
}
a {
a:link {
text-decoration: none;
border: none;
color: #3B3355;
margin: 0.3rem;
padding: 0.5rem;
border-radius: 2rem;
}
a:hover {
text-decoration: underline;
cursor: pointer;
background-color: #3B3355;
color: #BFCDE0;
}
table, th {
......
......@@ -8,7 +8,10 @@
{% 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-->
<div id="filter-area">
<button class="filter-button"><a href="{% url 'order' %}">Order Slip</a></button>
......@@ -39,24 +42,27 @@
<!-- TABLE ROW WITH INFO -->
<tr>
<th>customer_no</th>
<th>customer_name</th>
<th>date</th>
<th>size</th>
<th>2039</th>
<th>Anna Doe</th>
<th>11/13/15</th>
<th>12 oz</th>
<th>base_receipe</th>
<th>add_on_qty</th>
<th>add_on_name</th>
<th>1</th>
<th>
mini marshmallows,<br>
strawberry
</th>
</tr>
<!-- TABLE ROW WITHOUT INFO -->
<tr>
<th>customer_no</th>
<th>customer_name</th>
<th>date</th>
<th>size</th>
<th>base_receipe</th>
<th>add_on_qty</th>
<th>add_on_name</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
</tr>
</table>
......
......@@ -8,8 +8,10 @@
{% block content %}
<h1 class='view-title'>Order</h1>
<!-- SEARCH BOX -->
<div class="title-area">
<h1 class='view-title'>Order</h1>
<h3 class='view-subtitle'>Receipt</h3>
</div><!-- SEARCH BOX -->
<div id="filter-area">
<button class="filter-button"><a href="{% url 'order' %}">Order Slip</a></button>
<button class="filter-button"><a href="{% url 'receipt' %}">Receipt</a></button>
......@@ -29,6 +31,7 @@
<tr>
<th>customer_name</th>
<th>transaction_no</th>
<th>date</th>
<th>customer_order</th>
<th>price_per_item</th>
<th>price_per_order</th>
......@@ -38,24 +41,34 @@
<!-- TABLE ROW WITH INFO -->
<tr>
<th>customer_name</th>
<th>transaction_no</th>
<th>customer_order</th>
<th>price_per_item</th>
<th>price_per_order</th>
<th>employee_name</th>
<th>Anna Doe</th>
<th>1409130034</th>
<th>11/13/15</th>
<th>
12 oz Cookies & Cream<br>
+ 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>
</tr>
<!-- TABLE ROW WITHOUT INFO -->
<tr>
<th>customer_name</th>
<th>transaction_no</th>
<th>customer_order</th>
<th>price_per_item</th>
<th>price_per_order</th>
<th>employee_name</th>
<th>total_sales</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
</tr>
</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