diff --git a/README.md b/README.md new file mode 100644 index 0000000..bb6ad87 --- /dev/null +++ b/README.md @@ -0,0 +1,76 @@ +# Order Dashboard + +A modern, professional dashboard for managing orders with filtering and sorting capabilities. + +## Features + +- 📊 **Real-time Data**: Fetches data from your webhook API +- 🔍 **Advanced Filtering**: Filter by any column with checkboxes +- 🔄 **Sorting**: Sort by any column in ascending/descending order +- 📱 **Responsive Design**: Works on desktop and mobile devices +- 🎨 **Modern UI**: Clean, professional design with smooth animations +- 📈 **Stats Dashboard**: Quick overview of key metrics + +## Usage + +### Starting the Dashboard + +```bash +./start.sh +``` + +Or open `index.html` directly in your browser. + +### API Configuration + +The dashboard automatically fetches data from: +``` +https://n8n.finorbrands.com/webhook/61f89d5c-8474-4045-b52c-50ee608435c0 +``` + +If the API requires authentication, you may need to configure the API endpoint in `index.html`. + +## Data Structure + +The dashboard expects data in the following format: +```json +{ + "data": [ + { + "Month": "8", + "Odoo_AR_Nr": "1563", + "Order_ID": "29810", + "Country_Name": "Finnland", + "VAT": null, + "Remark": "Ref not found" + } + ] +} +``` + +## Customization + +### Changing the API Endpoint + +Edit the `loadData()` function in `index.html`: +```javascript +const response = await fetch('YOUR_API_ENDPOINT_HERE'); +``` + +### Modifying the Theme + +Update the CSS variables in `:root` at the top of the ` + + +
+
+

Order Dashboard

+

Real-time order management with filtering and sorting

+
+ +
+
+ +
0
+
Total Orders
+
+
+ +
0
+
Countries
+
+
+ +
0
+
Entries with VAT
+
+
+ +
+ + +
+ + +
+
+ +
+
+
+ + 0 orders +
+
+ +
+ + + + + + + + + + + + + + + + +
+ Month +
+ +
+
+ + +
+ 		+ Odoo AR Nr +
+ +
+
+ + +
+ 		+ Order ID +
+ +
+
+ + +
+ 		+ Country +
+ +
+
+ + +
+ 		+ VAT +
+ +
+
+ + +
+ 		+ Remark +
+ +
+
+ + +
+
+ + Loading data... +
+
+
+
+ + +
+ + + + diff --git a/start b/start.sh similarity index 95% rename from start rename to start.sh index a1db1d4..b1865a8 100755 --- a/start +++ b/start.sh @@ -1,8 +1,5 @@ #!/bin/bash - -#!/bin/bash - # Simple static file server with live reload # Requires Node.js and live-server @@ -16,6 +13,3 @@ fi # Serve the current directory with auto-reload echo "Starting live-server on http://localhost:8080 ..." live-server . - - -