undefined - Follow Up Deployment
Browse files- index.html +12 -26
index.html
CHANGED
|
@@ -78,43 +78,37 @@
|
|
| 78 |
<nav>
|
| 79 |
<ul class="space-y-1">
|
| 80 |
<li>
|
| 81 |
-
<a href="
|
| 82 |
<i class="fas fa-tachometer-alt w-5 text-center"></i>
|
| 83 |
<span>Dashboard</span>
|
| 84 |
</a>
|
| 85 |
</li>
|
| 86 |
<li>
|
| 87 |
-
<a href="
|
| 88 |
<i class="fas fa-receipt w-5 text-center"></i>
|
| 89 |
<span>Expenses</span>
|
| 90 |
</a>
|
| 91 |
</li>
|
| 92 |
<li>
|
| 93 |
-
<a href="
|
| 94 |
<i class="fas fa-file-invoice-dollar w-5 text-center"></i>
|
| 95 |
<span>Invoices</span>
|
| 96 |
</a>
|
| 97 |
</li>
|
| 98 |
<li>
|
| 99 |
-
<a href="
|
| 100 |
<i class="fas fa-chart-pie w-5 text-center"></i>
|
| 101 |
<span>Reports</span>
|
| 102 |
</a>
|
| 103 |
</li>
|
| 104 |
<li>
|
| 105 |
-
<a href="
|
| 106 |
<i class="fas fa-users w-5 text-center"></i>
|
| 107 |
<span>Clients</span>
|
| 108 |
</a>
|
| 109 |
</li>
|
| 110 |
<li>
|
| 111 |
-
<a href="
|
| 112 |
-
<i class="fas fa-money-bill-wave w-5 text-center"></i>
|
| 113 |
-
<span>Income</span>
|
| 114 |
-
</a>
|
| 115 |
-
</li>
|
| 116 |
-
<li>
|
| 117 |
-
<a href="settings.html" class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-100 text-gray-700">
|
| 118 |
<i class="fas fa-cog w-5 text-center"></i>
|
| 119 |
<span>Settings</span>
|
| 120 |
</a>
|
|
@@ -124,7 +118,7 @@
|
|
| 124 |
</div>
|
| 125 |
|
| 126 |
<div class="absolute bottom-0 w-full p-4 border-t border-gray-200">
|
| 127 |
-
<button
|
| 128 |
<i class="fas fa-sign-out-alt w-5 text-center"></i>
|
| 129 |
<span>Logout</span>
|
| 130 |
</button>
|
|
@@ -294,7 +288,7 @@
|
|
| 294 |
<div class="bg-white rounded-lg shadow p-4">
|
| 295 |
<div class="flex justify-between items-center mb-4">
|
| 296 |
<h2 class="font-medium">Recent Expenses</h2>
|
| 297 |
-
<button
|
| 298 |
</div>
|
| 299 |
|
| 300 |
<div class="space-y-4">
|
|
@@ -347,7 +341,7 @@
|
|
| 347 |
<div class="bg-white rounded-lg shadow p-4">
|
| 348 |
<div class="flex justify-between items-center mb-4">
|
| 349 |
<h2 class="font-medium">Recent Invoices</h2>
|
| 350 |
-
<button
|
| 351 |
</div>
|
| 352 |
|
| 353 |
<div class="space-y-4">
|
|
@@ -404,21 +398,21 @@
|
|
| 404 |
<h2 class="font-medium mb-4">Quick Actions</h2>
|
| 405 |
|
| 406 |
<div class="grid grid-cols-2 gap-3">
|
| 407 |
-
<button
|
| 408 |
<div class="w-10 h-10 rounded-full bg-indigo-100 flex items-center justify-center mb-2 text-indigo-600">
|
| 409 |
<i class="fas fa-receipt"></i>
|
| 410 |
</div>
|
| 411 |
<span class="text-sm">Add Expense</span>
|
| 412 |
</button>
|
| 413 |
|
| 414 |
-
<button
|
| 415 |
<div class="w-10 h-10 rounded-full bg-green-100 flex items-center justify-center mb-2 text-green-600">
|
| 416 |
<i class="fas fa-file-invoice-dollar"></i>
|
| 417 |
</div>
|
| 418 |
<span class="text-sm">Create Invoice</span>
|
| 419 |
</button>
|
| 420 |
|
| 421 |
-
<button
|
| 422 |
<div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mb-2 text-blue-600">
|
| 423 |
<i class="fas fa-user-plus"></i>
|
| 424 |
</div>
|
|
@@ -616,14 +610,6 @@
|
|
| 616 |
}
|
| 617 |
});
|
| 618 |
|
| 619 |
-
// Logout functionality
|
| 620 |
-
document.getElementById('logoutButton').addEventListener('click', function() {
|
| 621 |
-
// Clear any stored session data
|
| 622 |
-
localStorage.removeItem('authToken');
|
| 623 |
-
// Redirect to login page
|
| 624 |
-
window.location.href = 'login.html';
|
| 625 |
-
});
|
| 626 |
-
|
| 627 |
// Charts
|
| 628 |
document.addEventListener('DOMContentLoaded', function() {
|
| 629 |
// Expense by Category Chart
|
|
|
|
| 78 |
<nav>
|
| 79 |
<ul class="space-y-1">
|
| 80 |
<li>
|
| 81 |
+
<a href="#" class="flex items-center space-x-3 p-2 rounded-lg bg-indigo-50 text-indigo-700">
|
| 82 |
<i class="fas fa-tachometer-alt w-5 text-center"></i>
|
| 83 |
<span>Dashboard</span>
|
| 84 |
</a>
|
| 85 |
</li>
|
| 86 |
<li>
|
| 87 |
+
<a href="#" class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-100 text-gray-700">
|
| 88 |
<i class="fas fa-receipt w-5 text-center"></i>
|
| 89 |
<span>Expenses</span>
|
| 90 |
</a>
|
| 91 |
</li>
|
| 92 |
<li>
|
| 93 |
+
<a href="#" class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-100 text-gray-700">
|
| 94 |
<i class="fas fa-file-invoice-dollar w-5 text-center"></i>
|
| 95 |
<span>Invoices</span>
|
| 96 |
</a>
|
| 97 |
</li>
|
| 98 |
<li>
|
| 99 |
+
<a href="#" class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-100 text-gray-700">
|
| 100 |
<i class="fas fa-chart-pie w-5 text-center"></i>
|
| 101 |
<span>Reports</span>
|
| 102 |
</a>
|
| 103 |
</li>
|
| 104 |
<li>
|
| 105 |
+
<a href="#" class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-100 text-gray-700">
|
| 106 |
<i class="fas fa-users w-5 text-center"></i>
|
| 107 |
<span>Clients</span>
|
| 108 |
</a>
|
| 109 |
</li>
|
| 110 |
<li>
|
| 111 |
+
<a href="#" class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-100 text-gray-700">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 112 |
<i class="fas fa-cog w-5 text-center"></i>
|
| 113 |
<span>Settings</span>
|
| 114 |
</a>
|
|
|
|
| 118 |
</div>
|
| 119 |
|
| 120 |
<div class="absolute bottom-0 w-full p-4 border-t border-gray-200">
|
| 121 |
+
<button class="flex items-center space-x-3 p-2 rounded-lg hover:bg-gray-100 text-gray-700 w-full">
|
| 122 |
<i class="fas fa-sign-out-alt w-5 text-center"></i>
|
| 123 |
<span>Logout</span>
|
| 124 |
</button>
|
|
|
|
| 288 |
<div class="bg-white rounded-lg shadow p-4">
|
| 289 |
<div class="flex justify-between items-center mb-4">
|
| 290 |
<h2 class="font-medium">Recent Expenses</h2>
|
| 291 |
+
<button class="text-sm text-indigo-600 hover:underline">View All</button>
|
| 292 |
</div>
|
| 293 |
|
| 294 |
<div class="space-y-4">
|
|
|
|
| 341 |
<div class="bg-white rounded-lg shadow p-4">
|
| 342 |
<div class="flex justify-between items-center mb-4">
|
| 343 |
<h2 class="font-medium">Recent Invoices</h2>
|
| 344 |
+
<button class="text-sm text-indigo-600 hover:underline">View All</button>
|
| 345 |
</div>
|
| 346 |
|
| 347 |
<div class="space-y-4">
|
|
|
|
| 398 |
<h2 class="font-medium mb-4">Quick Actions</h2>
|
| 399 |
|
| 400 |
<div class="grid grid-cols-2 gap-3">
|
| 401 |
+
<button class="flex flex-col items-center justify-center p-4 border border-gray-200 rounded-lg hover:bg-gray-50">
|
| 402 |
<div class="w-10 h-10 rounded-full bg-indigo-100 flex items-center justify-center mb-2 text-indigo-600">
|
| 403 |
<i class="fas fa-receipt"></i>
|
| 404 |
</div>
|
| 405 |
<span class="text-sm">Add Expense</span>
|
| 406 |
</button>
|
| 407 |
|
| 408 |
+
<button class="flex flex-col items-center justify-center p-4 border border-gray-200 rounded-lg hover:bg-gray-50">
|
| 409 |
<div class="w-10 h-10 rounded-full bg-green-100 flex items-center justify-center mb-2 text-green-600">
|
| 410 |
<i class="fas fa-file-invoice-dollar"></i>
|
| 411 |
</div>
|
| 412 |
<span class="text-sm">Create Invoice</span>
|
| 413 |
</button>
|
| 414 |
|
| 415 |
+
<button class="flex flex-col items-center justify-center p-4 border border-gray-200 rounded-lg hover:bg-gray-50">
|
| 416 |
<div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mb-2 text-blue-600">
|
| 417 |
<i class="fas fa-user-plus"></i>
|
| 418 |
</div>
|
|
|
|
| 610 |
}
|
| 611 |
});
|
| 612 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 613 |
// Charts
|
| 614 |
document.addEventListener('DOMContentLoaded', function() {
|
| 615 |
// Expense by Category Chart
|