agola-io / agola-web Goto Github PK

related to sgotti/agola#41

now we uses vuex only for saving the logged user and the global errors. Using vuex also for saving current run and other data could help reduce the number of api request and simplify some logic.

What would you like to be added:
I want to have a list of the organizations I'm part of.
Clicking on the name of the organization I want to be redirect to the organization view and be able to return back to the page.

Why is this needed:
Currently as a user of the Agola Application I have no way to see the list of the organizations I'm belong to.
It will be a nice enhancement to get the list of all organizations the I'm part of like the list of the projects in my projects home page.

A preview of the desired result:

A back button to my projects page where I can also find the Organizations that I'm part of:

What would you like to be added:
Add a 'star-icon' with toggle function to give the possibility of the user to add or remove some projects or projectsgroups as favourite. The favourites will be shown in the top of the list.
The favourite list will be saved in the localstorage.

Why is this needed:
In this way, in case of many projects to manage the user can choose the most common or usefull to show in the top of the list and mark them as favourite.
Possible graphic solution:

• async load components

Currently (due to no time) we just ignored responsive design and disabled responsive viewport so it'll render with a min width of 1024.

Related to agola-io/agola#34

Find the better way to show a task graph.

Should also consider agola-io/agola#5 since it'll be more complicated if we introduce another layer (task groups) and how to do this on responsive (#1)

What would you like to be added:

A form that enable the user to add and modify the secret name and values.

Why is this needed:

Currently, the user has no way to add a new secret or modify existing secret variable without recurring to the CLI or the REST API.
Make it possible by the user interface can facilitate the managing of the projects and/or organizations settings.

A possible rappresentation could be this:

The green button 'Add Secret' has a toggle function that enable or disable the visibility of the following form:

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.
All fileds will be checked for validation before saving with message errors.
For example for empty secret name could be:

While the user add or edit a secret value the other edit buttons are disabled. We permit one edit at a time.

The same approach will be apply for editing the secret variable.
By clicking the pencil icon the form with all data will appear or disappear, and the user can edit the secret in the same way.

What would you like to be added:
Add acheckbox in the organizations to allow members to run actions in our projects

Why is this needed:
As this feature is implemented in our backend, in this way we provide a visual information about this option.

See the following image:

What would you like to be added:

When the user opens a step we should show the log fetching status:

• A loader when the log is being fetched
• An indicator when the log is unavailable (404)

Why is this needed:

Currently there's no difference and it's not clear to the user if the log is being fetched, unavailable or just empty.

What would you like to be added:

A form that enable user to add and modify variables in Project settings.

Why is this needed:

Currently the user has no way to add a new variable or modify existing variable without recurring to the CLI or the REST API.
Make it possible by the user interface can facilitate the managing of the projects and/or organizations settings.

A possible rappresentation could be this:

The action 'Add variable' will open a new page with the following form, where the user can insert a variable name and define one or more secret name each of this with one or more conditions. It will be provided also a validations for some of the fields.

The same form populated will be open in edit mode too.
And the delete function will open a confirmation dialog to perform the actions.

What would you like to be added:

A homepage when the user is not logged in would be nice.

Why is this needed:

When I first saw the empty page I thought I messed up the setup and it didn't work.

I was thinking of something simple. A few words and the logo. Something like that:

I can create a Pull Request with this simple page I've made, just tell me what should it put in it.

What would you like to be added:
In the projects and projectgroups sections add an icon button to order alfabetically the lists

Why is this needed:
In some cases there may be a very long list of projects, so having the ability to sort them alphabetically would be handy.

On dockerhub the image tagged as "latest" points to an older version (v0.1.0):

sorintlab/agola-web:latest --> 9abdbe239325
sorintlab/agola-web:v0.1.0 --> 9abdbe239325
sorintlab/agola-web:v0.2.0 --> 863b11f2e112

It should point to v0.2.0.

This is the plan (we just need time to implement it since it's a big rewrite)
We did the same in other projects (not yet published) and it really improved development experience thanks to:

• typescript
• vue 3 composition api
• tw-in-js/twind since it has all the tailwindcss features and additionally we could use dynamic css (used by our custom components based on tailwind) and only the used directive are created without fighting with postcss.

What would you like to be added:

The implementation of a modal infrastructure, a generic modal component that could be use as a base modal in our app.

Why is this needed:
The modal infrastructure is usefull for better organizations of the code and easier user experience.