Comments (15)
Hi @Aaishpra ,
The parameters and other details for a plugin are pulled from the backend through a JS client. You can find the documentation for the client here. The repo for the client is here.
You can take some time to familiarize yourself with this as it would benefit you for future tasks as well. You can go through the current codebase to see how the client is used. You can fetch the resources associated with each plugin using the id.
The documentation for the client should show you how to do that. The response would include all the details you would need to create this page. Let me know if I can elaborate or explain myself better.
from chris_store_ui.
@Aaishpra Let me know if you are still interested in this ticket after the Outreachy application period, or if we should clear you as assignee.
from chris_store_ui.
I have unassigned @mairin
from chris_store_ui.
Hi @mairin @PintoGideon
I'm an Outreachy applicant. Would love to try this one out =)
Could you assign this ticket to me?
Thanks in advance!
from chris_store_ui.
hey, @mairin I would like to try working here.
from chris_store_ui.
Sure @Aaishpra - let me know if you have any questions.
from chris_store_ui.
@mairin i guess i have to make additions to this page but i couldn't find the right file which contained parameters (checked create-plugins,plugins and plugin files). It would be great if you can point out the right file to make these enhancements.
from chris_store_ui.
Hey @Aaishpra , Do you have the react dev tools extension downloaded? This link here should help you get started.
Once you have that installed, just click on inspect element (right click and choose Inspect element) on the desired page in the UI, go to the components tab in the browser and look for the component name in the component tree. . You can then search for the component name in the ChRIS_store_ui's folder and that should point you to the file. The link should explain that better, but if you still have questions, let me know and I can point you to the file or add snapshots explaining this better.
from chris_store_ui.
Thanks @PintoGideon it helped the component was Pluginbody.js.
Now working on it will ask more questions if got stuck again
from chris_store_ui.
Hey, @PintoGideon @mairin the Are the parameters and other details here supposed to be similar for every plugin (means can be added via simple text) or we have to get these details from somewhere (means the parameters are supposed to be different for every plugin)?
If they are supposed to be different how can i get them?
from chris_store_ui.
Hey, @PintoGideon I don't see any parameters associated with plugins on this URL http://localhost:8010/api/v1/ all I see is id, creation date, modification date, name, title, stars repo, and other details of the plugins.
Can you help?
from chris_store_ui.
Hey @Aaishpra , Looks like from the js client's documentation, you can get the plugin parameters by doing this.
const parameters = await plugin.getPluginParameters();
The snippet above assumes you have the plugin fetched from the backend on which you want to fetch the parameters.
The idea here is once you have the plugin, you can fetch more resources like the plugin meta
and the plugin parameters
by making those get function calls (which ideally makes get requests behind the scenes). Let me know if this makes sense. I can definitely try and explain better,
from chris_store_ui.
@Aaishpra , Just run through the examples here if you haven't. This usually clears things up. Again, feel free to ask as many questions you want.
Here is the relevant snippet for your needs:
from chris_store_ui.
Thanks for this. I will update you soon
from chris_store_ui.
Hi @mairin @PintoGideon
I am an outreachy applicant 2022. I will like to do this , can you please assign this ticket to me
awaiting response
thanks
from chris_store_ui.
Related Issues (20)
- Link to view plugin aftrer creation leads to 404 HOT 2
- Show error screen instead of 404 screen if backend response is 500 HOT 5
- Places in code assume that repo is a Github repo HOT 5
- Search Autocomplete Text-Box has Fixed Height HOT 5
- Add an Eye Icon on password Area to show Password When A user Clicks on it HOT 4
- Docker run throws error HOT 2
- Converting class components to functional HOT 2
- Alignment in Dashboard page
- The close button of the notification does not work HOT 7
- 404ing page HOT 2
- Error when trying to submit plugin to chrisstore.co HOT 4
- Typo error in components html code HOT 2
- Plugin drop down menu gets cutoff on mobile screen
- Single quote rule is not enforced HOT 2
- Creating new Footer for the chris_UI HOT 1
- Sort by button not working and add sort by "most starred" HOT 2
- Add Forgotten password HOT 1
- Fix DeveloperSignup form reload, wrong error messages, password visibility
- Warning about bad dock_image tag name does not prevent upload. HOT 1
- Feature request: based on plugin version, try to guess tag for correct README.md version
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from chris_store_ui.