Comments (3)
Here the user can insert the secret name and upload the secret value file that will be validate before saving the string and will be shown in the preview Json format container.
I don't understand why there's a json entry in the ui that contains (as from you mockups) the secret api request here. These are internal details that shouldn't appear in a ui.
The secrect create/edit ui should add some fields to set/change:
- secret name
- secret data, just a k/v map of strings that could be represented with a list of text fields for key/value and a check for key uniqueness. Then an option to upload this list could also be added.
The secret type will always be internal since there's currently no other option.
from agola-web.
I don't understand why there's a json entry in the ui that contains (as from you mockups) the secret api request here. These are internal details that shouldn't appear in a ui.
The secrect create/edit ui should add some fields to set/change:
secret name
secret data, just a k/v map of strings that could be represented with a list of text fields for key/value and a check for key uniqueness. Then an option to upload this list could also be added.
The secret type will always be internal since there's currently no other option.
I tried to define better the ui.
Here the initial step with the button Add Secret, and the list of the secrets variable that user can delete.
Here the form after clicking Add Secret:
In this step of creation the user can create the Secret adding one by one a key-value pair.
When the user submit the entire form all key-value pairs and the secret name will be send to the backend as new Secret variable.
The form will contain validation about empty fields, unique secrets name and a secret keys uniqueness.
from agola-web.
Some suggestions:
- use a new page for secret create/edit (preferred over inline or a modal)
- Don't add delete from All secrets, it doesn't makes sense
- Delete secret modal should ask for "delete secret" not "delete secret value".
Anyway go ahead and implement this. It could also be split in multiple PR to keep a better separation of logical changes.
from agola-web.
Related Issues (16)
- Responsive design HOT 1
- runs/run/task: use streaming API instead of polling
- Tasks graph HOT 1
- docker image: "latest" tag points to an older version HOT 1
- step: show log fetching status
- Add loading indicators
- Use vuex store for everything HOT 1
- Add a simple homepage HOT 2
- task: add button to delete step logs
- Migrate to vue 3, composition api, typescript and tw-in-js/twind HOT 1
- task: add button to download step logs
- org: add org member add/update/delete
- task: show step command, shell, exit code HOT 1
- Add new tab 'Organizations' in the user's projects page. HOT 4
- shrink app size
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 agola-web.