Update templates/menu.html
Browse files- templates/menu.html +39 -29
templates/menu.html
CHANGED
|
@@ -100,8 +100,37 @@
|
|
| 100 |
text-decoration: none;
|
| 101 |
}
|
| 102 |
|
| 103 |
-
.avatar-dropdown-container {
|
| 104 |
-
position:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 105 |
}
|
| 106 |
|
| 107 |
.avatar-icon {
|
|
@@ -156,10 +185,7 @@
|
|
| 156 |
</head>
|
| 157 |
<body>
|
| 158 |
<div class="d-flex justify-content-between align-items-center p-3" style="background-color: #5bbfc1; color: white;">
|
| 159 |
-
|
| 160 |
-
<h6>Referral Code: <span id="referral-code">{{ referral_code }}</span></h6>
|
| 161 |
-
</div>
|
| 162 |
-
|
| 163 |
<div class="d-flex align-items-center">
|
| 164 |
<a href="{{ url_for('order_history') }}" class="text-white mx-2" title="Order History">
|
| 165 |
<i class="bi bi-clock-history fs-4"></i>
|
|
@@ -169,37 +195,21 @@
|
|
| 169 |
</a>
|
| 170 |
</div>
|
| 171 |
|
| 172 |
-
|
| 173 |
-
<h6>Reward Points: <span id="reward-points">{{ reward_points | round(1) }}</span></h6>
|
| 174 |
-
</div>
|
| 175 |
-
|
| 176 |
<!-- Avatar and Dropdown -->
|
| 177 |
<div class="avatar-dropdown-container">
|
| 178 |
<div class="avatar-icon">
|
| 179 |
<span>A</span>
|
| 180 |
</div>
|
| 181 |
<div class="dropdown-menu">
|
| 182 |
-
<
|
| 183 |
-
|
| 184 |
-
|
| 185 |
-
|
| 186 |
-
|
| 187 |
-
</div>
|
| 188 |
-
|
| 189 |
-
<!-- Orders Column -->
|
| 190 |
-
<div class="dropdown-column">
|
| 191 |
-
<h6>Orders</h6>
|
| 192 |
-
<a href="{{ url_for('order_history') }}" class="dropdown-item">Order History</a>
|
| 193 |
-
</div>
|
| 194 |
-
|
| 195 |
-
<!-- Logout Column -->
|
| 196 |
-
<div class="dropdown-column">
|
| 197 |
-
<h6>Logout</h6>
|
| 198 |
-
<a href="{{ url_for('logout') }}" class="dropdown-item">Logout</a>
|
| 199 |
-
</div>
|
| 200 |
-
</div>
|
| 201 |
</div>
|
| 202 |
</div>
|
|
|
|
| 203 |
</div>
|
| 204 |
|
| 205 |
<div class="container mt-4">
|
|
|
|
| 100 |
text-decoration: none;
|
| 101 |
}
|
| 102 |
|
| 103 |
+
.avatar-dropdown-container .dropdown-menu {
|
| 104 |
+
position: absolute;
|
| 105 |
+
top: 100%;
|
| 106 |
+
left: 0;
|
| 107 |
+
background-color: #fff;
|
| 108 |
+
border-radius: 5px;
|
| 109 |
+
width: 200px; /* Adjust width as needed */
|
| 110 |
+
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
|
| 111 |
+
display: none; /* Hidden by default */
|
| 112 |
+
padding: 0; /* Remove padding */
|
| 113 |
+
margin: 0; /* Remove margin */
|
| 114 |
+
}
|
| 115 |
+
|
| 116 |
+
.avatar-dropdown-container:hover .dropdown-menu {
|
| 117 |
+
display: block; /* Show dropdown when hovering over the avatar */
|
| 118 |
+
}
|
| 119 |
+
|
| 120 |
+
.avatar-dropdown-container .dropdown-menu .dropdown-item {
|
| 121 |
+
display: block; /* Ensure each item takes a new line */
|
| 122 |
+
padding: 10px 15px;
|
| 123 |
+
text-decoration: none;
|
| 124 |
+
color: #333;
|
| 125 |
+
border-bottom: 1px solid #ddd;
|
| 126 |
+
}
|
| 127 |
+
|
| 128 |
+
.avatar-dropdown-container .dropdown-menu .dropdown-item:last-child {
|
| 129 |
+
border-bottom: none; /* Remove the bottom border from the last item */
|
| 130 |
+
}
|
| 131 |
+
|
| 132 |
+
.avatar-dropdown-container .dropdown-menu .dropdown-item:hover {
|
| 133 |
+
background-color: #f1f1f1; /* Hover effect */
|
| 134 |
}
|
| 135 |
|
| 136 |
.avatar-icon {
|
|
|
|
| 185 |
</head>
|
| 186 |
<body>
|
| 187 |
<div class="d-flex justify-content-between align-items-center p-3" style="background-color: #5bbfc1; color: white;">
|
| 188 |
+
|
|
|
|
|
|
|
|
|
|
| 189 |
<div class="d-flex align-items-center">
|
| 190 |
<a href="{{ url_for('order_history') }}" class="text-white mx-2" title="Order History">
|
| 191 |
<i class="bi bi-clock-history fs-4"></i>
|
|
|
|
| 195 |
</a>
|
| 196 |
</div>
|
| 197 |
|
| 198 |
+
|
|
|
|
|
|
|
|
|
|
| 199 |
<!-- Avatar and Dropdown -->
|
| 200 |
<div class="avatar-dropdown-container">
|
| 201 |
<div class="avatar-icon">
|
| 202 |
<span>A</span>
|
| 203 |
</div>
|
| 204 |
<div class="dropdown-menu">
|
| 205 |
+
<a href="{{ url_for('customer_details') }}" class="dropdown-item">Customer Details</a>
|
| 206 |
+
<a href="{{ url_for('orders') }}" class="dropdown-item">Orders</a>
|
| 207 |
+
<a href="{{ url_for('logout') }}" class="dropdown-item">Logout</a>
|
| 208 |
+
<a href="{{ url_for('order_history') }}" class="dropdown-item">Order History</a>
|
| 209 |
+
<a href="{{ url_for('profile') }}" class="dropdown-item">View Profile</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 210 |
</div>
|
| 211 |
</div>
|
| 212 |
+
|
| 213 |
</div>
|
| 214 |
|
| 215 |
<div class="container mt-4">
|