A
Anonymous

Admin Dashboard Component - Copy this Html, Bootstrap Component to your project

Admin Panel Dashboard/Navigation Full featured Administration allowing VE to: Create the Admin Panel Navigation Dev Quote: 6 hours For the top bar, mimic Studio Arabiya: Add the Title of the application Title of the page "Admin Panel Dashboard On the right side, the User's First and Last name with a placeholder for avatar When clicked, this'll be a simple dropdown menu for Log out View Profile For now, View Profile can just go to the iframe app's "View Profile"until one is built for the Admin Panel Decide on the url parameters and just provide the user's UUID Manage Similar to Studio Arabiya's sub menu, this will be dropdown that displays the rest of the items below Dev Quote: 8 hours Example: Image 2024 09 23 19:36:31.png Side Navigations: Manage Places Trips Users Affiliates (Travel Agents) Tour Guides Reports Create the Admin Panel Dashboard Dev Quote: 0.5 hours For now this will be an empty page Create the Error Logs Page Dev Quote: 8 hours Allow Download, View in Browser, and Archive Admin Panel Manage Places Places We'll display a datatable here Server side, I don't think there will be that many places. At least not in the thousands but we can go with server side just to be safe. We can sacrifice a tiny performance hit to be scalable. Dev Quote: 30 hours Search: Name Website Link Phone Number Description Details Date/Time Price Filtering: Ask client what they would like to filter by, provide some recommendations (category?) Sorting: Name Category Date/Time List price per person More if needed, these seems like it makes sense to be built in Users should be able to: Add a place Dev Quote: 20 hours This will require both backend and frontend validations When adding a place, we may need special UI here since we'll technically also be displaying "List of nearby Hotels (lodging)" This could be making an api call to Amadeus We can look into caching this data into our database Edit a place Dev Quote: 8 hours This will require the below backend and frontend validations Delete a place Dev Quote: 2 hours We probably don't have to worry about bActive here, they can just delete it. I don't see a reason why we'd need to preserve this data Name (Required) Category In the future, there may be an idea of a category manager Users may CRUD their own categories For now, these can be hardcoded with our usual pattern Possible Sub Categories Destination (To Do) Eat & Drink Lodging Images of Place (Up to 6) Allow the user to upload only up to 6 images One (optional) video clip of Place Display the clip inside the add/edit UI for preview Website Link Map Coordinates (Required) Phone Number Description / Sales Pitch Details such as events and or ticket pricing List of nearby Hotels (logging) with pricing and availability Consider adding a "distance" dropdown for how long "nearby" is A collection of related lodging “places” API driven (Amadeus) Using the Amadeus wrapper, get lodging options near the provided address We'll need the pricing and availability Consider caching this information, we don't want to hit the API endpoint too often Date/Time Duration (½ day, 1 day, 2 days, etc) Ability to create a range of dates/times for normal operating/visiting hours Best time (annually) to visit List Price / person List Price per person Admin Panel Manage Trips

Prompt
Component Preview

About

Admin Dashboard Component - Manage users, trips, and places with a datatable, dropdown menus, and user profiles. Built with HTML and B. Get code instantly!

Share

Last updated 1 month ago