brandonbyr4 / openops Goto Github PK
View Code? Open in Web Editor NEWBring Google Analytics, PayPal, Stripe, and more into one self hosted dashboard. (old project)
License: MIT License
Bring Google Analytics, PayPal, Stripe, and more into one self hosted dashboard. (old project)
License: MIT License
Currently, the links in the header component have a gap-3 class. This should be changed to gap-2.
Markdown files
The function name should be changed, along with the call of the function in /index.js. Until there are cards to customize the function should be called handleAlert.
On lines 17 and 18 of settings.js and lines 11 and 12 of index.js: These divs should have className="max-w-screen-xl mx-auto". Currently, these errors are overflowing the dashboard.
On medium and small screens, the close button/icon does not close the navigation menu. The navigation menu stays open.
The close button on small and medium screens should close the navigation menu.
Create local settings file (xlx, txt maybe) to load local user info when the app loads. If nothing is in this file, the dashboard and settings page will prompt you to enter some credentials to get started.
add a mobile menu
Add the following props to the footer links: target="_blank", rel="noopener noreferrer". Currently, they open in the same tab.
Currently, they have the classes: flex, justify-center, text-center. This is redundant. Text-center needs to be removed from the 3 mobile menu links in /header.js.
These pages will be populated with user data from either a useContext file, or a .txt file. For now, just create the routes and fill them with some sample data.
Currently, inside header.js, there is:
< Link >
OpenOps
</ Link >.
This should be :
< Link >
< h6 >
OpenOps
</ h6 >
</ Link >
Currently, it says "report an issue". This should say "report a bug".
Make 3 dashboard cards for these apis. If there is a config setting, show that card. Can be dummy data for now. Use a charting library.
Pressing the configure button will pop up a modal, with inputs to enter the API keys for each card. Right now, just create the modal. The logic can be added in a separate ticket.
Actions are still failing for ES lint. Would like to git this one resolved asap.
I forgot to include a close button with the new InputModal component. There should be an svg X icon that triggers props.closeModal.
https://heroicons.com/ is where I am getting SVG icons.
Both the Link and Action buttons should have this class. Should be an easy fix.
Change the dashboard tables to look like this: https://dribbble.com/shots/19890621-Micromobility-Admin-Dashboard-Analytics-UX
Thanks for setting this up, it is running when excepted. Except for some reason, the tasks are showing as a fail @rabbanirizwan
If the user has no settings yet in their /settings page, the /index page should show a view linking to the settings page. This will be linked later using either useContext, or a local .txt file, but just create the view for now.
Both buttons should have an active: and focus: that adds a gray-900 ring around the button.
Include more details about the project, including links to contributing, security, code of conduct, and license files.
Currently, there is one empty string for Google Analytics, PayPal, and Stripe. I can already tell PayPal API requires more than this to make a call and retrieve data. Look up the docs for what each needs and change the JSON file to match.
Create a github actions to run "npm run lint" every time a pull request is made.
Bring in Poppins font
Add media queries to make the header, dashboard page, and footer have a desktop, tablet, and mobile view. use lg: md: tailwind prefixes.
Add a view for if there is no local user settings. This will be determined based on the local settings.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.