Feedback: UI 💬

[6543]

Summary of UI issues and smaller changes which can be posted as comments.
For complex improvements please open a separate issue.
Followup of #468, witch helped quite a lot already :)

UI improvements

• UI: separate services and build-jobs  #269
• add some explore page (similar to github / gitea), showing a list of public repos (could be home page for not authenticated users instead of login screen)
• improve pagination
• add a label/tag disabled on /repos view for disabled repos (Feedback: UI 💬 #468 (comment))
• on disabled repos -> repo config -> repo actions: deactivate button should be hidden (Feedback: UI 💬 #468 (comment))
• on disabled repos -> repo config -> repo actions: add activate button

[6543]

@qwerty287:

It would be nice to see public projects of other users on their "profile" list.

---

#468 (comment)

[6543]

move matrix lable in same column as name cc @lukashass

[anbraten]

Missing margin for pipelines with matrix and single workflow

[6543]

If a pipeline needs aproval, it does not show a link back to the forge, so you manually have to figure out what the pull is :(

so it encureage to just aprove and look afterwards what was the change ... !!!!!!

[ivictbor]

Most critical blocker for us now ant Devforth that we constantly receive "Page Unresponsive" when we try to check logs of build with lot's of line.
2 possible issues:

1. semas like Woodpecker tries to load all lines of logs into DOM, without pagination. Possible fix is to add "On Scroll" pagination, which initially loads e.g. 300 lines, then when user scrolls them it loads next 300 if user again continues scrolling it might unload first 300 lines and so on. If it is pretty hard to implement, probably just having old-school button pagination could help here
2. Seams like when tool produces show-bar indicator (like wget shows % of downloaded file), woodpecker does not respect \r only return, and always adds new line to log (even without \n) so pseudo-UI progress bars like from 0% to 100% turn in to MiBs of logs. We always disable such progress bars on wget and everywhere where we could, but it is not always easily, e.g. now we use it to build flutter app and flutter builder always shows spinner with \r carriage return only, so log is always totally dead there

[MFTabriz]

In matrix builds, name of the variable (here, "SOMETHING") should be vertically centered.

[dR3b]

@6543 In the following screenshots, I will show you my suggestion for improvements:

1. The font is way too big. On the left, as mainly that of the console.
2. Why not use the space on the left so that the name is not cut off?
3. An icon for the status of the entire job would be useful here.
4. Always show the log file download dialog.

Take a look at the screenshot of Drone. The overall picture is more coherent.

Thanks!

[qwerty287]

The pipeline counter has a quadrat background but a circle foreground

[6543]

make it klickable and go to pipeline list filtered by branch e.g.: https://ci.woodpecker-ci.org/repos/3780/branches/release%2Fv1.0 in this case

[xoxys]

The pipeline counter has a quadrat background but a circle foreground

@qwerty287 Am I blind 😅 ? The background and hover are squared, just the spinner is round, or what do you mean?

[qwerty287]

@xoxys yes, I mean the spinner. Would be nice if it would spin around the background element as it was before with a round background

[xoxys]

Hmm 🤔 personally I don't like the idea and don't think this would look nice.

[qwerty287]

Do you think the current one looks good? At least, there should be some margin between the spinner and the borders of the background element. I think it would be better to completely use rounded squares.

[xoxys]

We also use circle spinners in buttons etc. so yes I think if we want to have something spinning it should be a circle, but that might just be a personal preference.

[qwerty287]

Hmm yes, from this side you're right. But there the spinners have the margin 🙃 (so yes that would work too)