Commit Graph

54 Commits

Author SHA1 Message Date
Lauris BH
9f9127b093 Revert to previous red colors but do not use red color for text (#2786)
Revert red colors back introduced by #2778 

But do not use red color for text on dark background anywhere

example:

![attels](https://github.com/woodpecker-ci/woodpecker/assets/165205/39f008fe-3d43-495f-b956-ea5bf4a5fa16)
2023-11-09 23:00:52 +02:00
Robert Kaussow
4c2dbca2e9 Replace linter icons to match theme (#2765)
@qwerty287 @anbraten What do you think about this approach? This way the
icons fit more into the existing design. I've also moved the icon in the
tab to the end as this looks IMO a bit better on mobile view, but open
for discussions.


![image](https://github.com/woodpecker-ci/woodpecker/assets/3391958/f56a9688-4ca2-4b7b-a053-3e74effe6976)
<img
src="https://github.com/woodpecker-ci/woodpecker/assets/3391958/93cd4dd6-4e22-4210-9fee-f8d134d3df42"
width=350> <img
src="https://github.com/woodpecker-ci/woodpecker/assets/3391958/6128fec9-3dc5-4483-abde-5a911b236138"
width=350>

Alternative idea for errors:

<img
src="https://github.com/woodpecker-ci/woodpecker/assets/3391958/bee8b1ea-8d27-43cc-9fb1-2df0031d3551"
width=350>

Or just use one symbol and only change the color for errors/warnings?
2023-11-09 00:03:36 +02:00
Anbraten
52163b9a3e Fix sidepanel not closable via button (#2772) 2023-11-07 14:22:08 +01:00
Anbraten
33f9574dce Add version and update notes (#2722) 2023-11-04 14:20:50 +01:00
Anbraten
fe489287fc Fix active tab not updating on prop change (#2712) 2023-11-03 16:01:14 +01:00
Anbraten
5ff006614f Enhance linter and errors (#1572)
Co-authored-by: 6543 <m.huber@kithara.com>
Co-authored-by: qwerty287 <80460567+qwerty287@users.noreply.github.com>
2023-11-03 11:44:03 +01:00
qwerty287
2ff916c804 Refactor UI dark/bright mode (#2590)
- collapse pipeline configs by default, closes
https://github.com/woodpecker-ci/woodpecker/discussions/2557
- refactor ui themes: instead of just differentiating between "is dark"
or "is not dark", add a third "auto" option following the browser
settings (closes
https://github.com/woodpecker-ci/woodpecker/discussions/2204) and put
everything into an enum. also move the option from the navbar to user
settings.

---------

Co-authored-by: Anbraten <anton@ju60.de>
2023-11-01 10:30:40 +01:00
qwerty287
aeb7bcb26a Remove WOODPECKER_DOCS config (#2647) 2023-10-25 15:05:19 +02:00
Anbraten
284fb99194 UI cleanups and improvements (#2548) 2023-10-08 17:49:13 +02:00
Robert Kaussow
91192a900a Truncate commit message in pipeline log view header (#2356) 2023-08-30 16:17:01 +02:00
qwerty287
9718791eac Increase header padding again (#2348)
From #2327
(https://github.com/woodpecker-ci/woodpecker/pull/2327#pullrequestreview-1600673521)

This probably needs some discussion first, but I think it looks ugly
with the current padding.

**Before**
![Screenshot 2023-08-29 at 17-17-00
Woodpecker](https://github.com/woodpecker-ci/woodpecker/assets/80460567/0f4df035-b10e-4309-b119-2044fad1d534)

**After**
![Screenshot 2023-08-29 at 17-16-48
Woodpecker](https://github.com/woodpecker-ci/woodpecker/assets/80460567/c45328c1-c3bf-401d-83fa-1b4b1b96d0c0)
2023-08-29 18:31:25 +02:00
Robert Kaussow
81aa9b1439 Use full width header on pipeline view and show repo name (#2327)
Co-authored-by: Patrick Schratz <patrick.schratz@gmail.com>
Co-authored-by: 6543 <m.huber@kithara.com>
2023-08-29 15:57:58 +02:00
Robert Kaussow
336c41dd33 add spacing to pipeline feed spinner (#2326)
Ref:
https://github.com/woodpecker-ci/woodpecker/discussions/2162#discussioncomment-6666893

## Before

![image](https://github.com/woodpecker-ci/woodpecker/assets/3391958/d58b5b1d-92e8-4e06-bcf2-4f726fc606e4)

## After

![image](https://github.com/woodpecker-ci/woodpecker/assets/3391958/2474992c-988c-4775-ac5f-e38ed05530a4)
2023-08-26 02:27:24 +02:00
qwerty287
06d1f3c92e Create settings-panel vue component and use InputFields (#2177)
Co-authored-by: 6543 <6543@obermui.de>
2023-08-21 10:23:16 +02:00
qwerty287
3bdeb47d8c Use Vue setup directive (#2165) 2023-08-08 12:22:39 +02:00
qwerty287
9cae5709f9 Fix pipeline config collapsing (#2166) 2023-08-08 11:47:21 +02:00
qwerty287
67b7de5cc2 Fix UI and backend paths with subpath (#1799)
I'm not sure if this is an ideal fix for this, but it seems to work for
me. If you have another idea just let me know.

Closes #1798 
Closes #1773
2023-08-07 16:05:18 +02:00
qwerty287
d09c418941 Improve user settings (#2087)
Make the user settings tabbed as well, currently only holding "Settings"
(language) and "API". Can be extended with user secrets (#1739) etc.
later.
![Screenshot 2023-08-02 at 09-56-00
Woodpecker](https://github.com/woodpecker-ci/woodpecker/assets/80460567/15d82800-8a4d-47fe-aa77-33462f63585e)
![Screenshot 2023-08-02 at 09-56-05
Woodpecker](https://github.com/woodpecker-ci/woodpecker/assets/80460567/de2640be-144c-4190-adb6-56d43a38bdda)

---------

Co-authored-by: Robert Kaussow <xoxys@rknet.org>
2023-08-03 11:35:12 +02:00
qwerty287
1a7f7a9427 Allow to disable swagger (#2093)
https://github.com/woodpecker-ci/woodpecker/issues/1944
2023-08-03 02:42:30 +02:00
Robert Kaussow
dca01e6817 Use consistent woodpecker color scheme (#2003)
Fixes: https://github.com/woodpecker-ci/woodpecker/issues/1079

What do you think about using a consistent `woodpecker` color scheme?
Right now, the `lime` color scheme from windicss is used that does not
really fit the primary color used for the documentation website. I have
used the primary color `#4CAF50` from the docs and created a color
palette with https://palettte.app/:

<details>
  <summary>JSON source</summary>

```Json
[
  {
    "paletteName": "New Palette",
    "swatches": [
      {
        "name": "New Swatch",
        "color": "166E30"
      },
      {
        "name": "New Swatch",
        "color": "248438"
      },
      {
        "name": "New Swatch",
        "color": "369943"
      },
      {
        "name": "New Swatch",
        "color": "4CAF50"
      },
      {
        "name": "New Swatch",
        "color": "68C464"
      },
      {
        "name": "New Swatch",
        "color": "8AD97F"
      }
    ]
  }
]
```

</details>


![image](https://github.com/woodpecker-ci/woodpecker/assets/3391958/a254f1e0-ce17-43a9-9e8b-72252296fd6f)

I have added this color scheme to the windicss config and replaced the
use of `lime` in the UI. While `woodpecker-300` would be the primary
color that is used for the docs, I currently use `woodpecke-400` as
primary color for the UI to fix some contrast issues.


![image](https://github.com/woodpecker-ci/woodpecker/assets/3391958/7bf751e1-f2a6-481c-bee7-a27d27cf8adb)

![image](https://github.com/woodpecker-ci/woodpecker/assets/3391958/e5673dc7-81c1-4fd4-bef9-14494bc5aa27)

What do you think? If you would like to stay with the current colors,
that's fine for me, I can just use the custom CSS feature in this case.

---------

Co-authored-by: 6543 <6543@obermui.de>
2023-08-02 09:09:12 +02:00
Robert Kaussow
37fcc26330 Use unified rounded corners for all elements in the nav bar (#2000)
Nav bar:
![Bildschirmfoto vom 2023-07-15
13-43-18](https://github.com/woodpecker-ci/woodpecker/assets/3391958/addb0064-b230-412c-9aae-fbfa8c39b839)

![image](https://github.com/woodpecker-ci/woodpecker/assets/3391958/21e08079-864d-425a-a4e3-17009094b2c6)

![image](https://github.com/woodpecker-ci/woodpecker/assets/3391958/433bf33b-2124-434b-9f16-e5f586f4d4ec)

Other icon buttons:
![Bildschirmfoto vom 2023-07-15
13-50-18](https://github.com/woodpecker-ci/woodpecker/assets/3391958/c070b09d-2700-4eac-97ed-b4bef42ea3e6)
2023-07-15 15:47:15 +02:00
Patrick Schratz
004d72a853 Link swagger in navbar (#1984)
fix point 1 from #1944 

Co-authored-by: qwerty287 <80460567+qwerty287@users.noreply.github.com>
2023-07-13 20:34:02 +02:00
qwerty287
a778b5fb90 Do not use window.WOODPECKER_* variables directly (#1992)
use the config helper instead
2023-07-13 15:57:50 +02:00
qwerty287
0e25d6d35a pnpm update (#1902)
Using a simple `pnpm update` didn't fix any of the issues in #1900 but
it fixes some vulnerabilities shown with `pnpm audit`. I didn't try to
force-update `semver` to fix the security vulnerability there.

---------

Co-authored-by: 6543 <6543@obermui.de>
2023-07-02 12:47:36 +02:00
Anbraten
ff01a9ff1d Access repos by their ids (#1691)
closes #1295 
closes #648

# TODO
- [x] add new routes with `:repoID`
- [x] load repo in middleware using `:repoID` if present
- [x] update UI routes `:owner/:name` to `:repoID`
- [x] load repos using id in UI
- [x] add lookup endpoint `:owner/:name` to `:repoID`
- [x] redirect `:owner/:name` to `:repoID` in UI
- [x] use badge with `:repoID` route in UI
- [x] update `woodpecker-go`
- [x] check cli
- [x] add migrations / deprecation notes
- [x] check if #648 got solved directly
- [x] Test
  - [x] create repo
  - [x] repo pages
  - [x] ui redirects
  - [x] forge status links
2023-06-13 01:07:52 +02:00
qwerty287
0f9188597e Initiate Pagination Implementation for API and Infinite Scroll in UI (#1651)
- Add pagination support to the API endpoints that return lists of items
- Adjust UI to enable infinite scrolling via pagination
2023-04-30 03:40:13 +02:00
Anbraten
25e2c8055c UI improvements (#1640) 2023-03-18 21:49:12 +01:00
Anbraten
1947408eba Fix panel height (#1629) 2023-03-16 13:00:41 +01:00
Hayden
73c47bd2ff Add collapsable support to panel elements (#1601)
Closes #1312

Updates the `Panel` component to support collapsing 

## Example



https://user-images.githubusercontent.com/64056131/222880570-6611fdd7-4577-4ed5-9798-fce829a4a752.mp4

---------

Co-authored-by: Anbraten <anton@ju60.de>
2023-03-05 07:50:04 +01:00
Anbraten
4c97a0104e Hide not owned repos from sidebar and repo list (#1453)
Co-authored-by: Lukas <lukas@slucky.de>
2023-01-31 09:37:11 +01:00
smainz
cfb288201f Add button to trigger deployments (#1415)
Co-authored-by: 6543 <6543@obermui.de>
Co-authored-by: Anbraten <anton@ju60.de>
Co-authored-by: Lauris BH <lauris@nix.lv>
2022-12-01 21:41:36 +01:00
Lukas
1786c0554a Dismiss popups with escape (#1426)
Co-authored-by: Anbraten <anton@ju60.de>
2022-11-18 11:42:04 +01:00
Lukas
2dfa231184 Unify buttons, links and improve focus styles (#1317) 2022-11-18 08:10:43 +01:00
Divya Jain
d785d05718 Use pipeline wrapper and improve scaffold UI (#1368)
Co-authored-by: Anbraten <anton@ju60.de>
Co-authored-by: 6543 <6543@obermui.de>
2022-11-15 10:13:52 +01:00
Lukas
8593b756b8 Use html landmark elements (#1361)
Co-authored-by: Anbraten <anton@ju60.de>
2022-10-31 15:04:19 +01:00
Divya Jain
e2ab8a46ed Header and Tabs UI Improvements (#1290)
Some improvements to the Page Header and Tab UI.

Original |  New
:--------:|:-------:

![image](https://user-images.githubusercontent.com/62170586/197360886-046f1016-ca39-4b69-8134-99ba88e3a0c2.png)
|
![image](https://user-images.githubusercontent.com/62170586/197360819-7efd0d82-1412-465d-aefa-039164f97465.png)

![image](https://user-images.githubusercontent.com/62170586/197360872-f2ece5fd-7c0b-4e2c-8629-31524a412af5.png)
|
![image](https://user-images.githubusercontent.com/62170586/197360830-49f09e0d-619e-4fa9-8e38-8d05d9404185.png)

![image](https://user-images.githubusercontent.com/62170586/197281776-e3de6441-9417-4614-8b25-1aaef0b8da61.png)
|
![image](https://user-images.githubusercontent.com/62170586/197281698-40c66d34-76f3-4fd5-97e3-1c422b74844c.png)

![image](https://user-images.githubusercontent.com/62170586/196609248-ff150c6e-2995-4bcc-8573-49ffaf388446.png)
|
![image](https://user-images.githubusercontent.com/62170586/197323734-7c1a1b79-0f41-4bf2-96a3-dd38df9e1415.png)

![image](https://user-images.githubusercontent.com/62170586/196609329-b7a6f37e-e8c2-4004-a98b-73f837122ff8.png)
|
![image](https://user-images.githubusercontent.com/62170586/197323882-10141ffd-7411-4493-8291-b8000adc3cc5.png)


What?
- Create a new Scaffold component, which includes the header and tabs
required for a page.
- Use this component to wrap all the views that have a header.
- Ensures consistency in headers between different pages.
- [x] Add support to use custom html/component in place of title (for
repo page, pipeline page, etc)
- [x] Add support of right icon buttons (for repo page, pipeline page,
etc)
- [x] Refactor tabs handling using compositions (useTabsProvider, useTabsClient)
- [x] Make new header ui resposive
2022-10-28 00:55:07 +02:00
qwerty287
8b7ca464cf Always use rounded quadrat user avatars (#1350)
To stay consistent with the header.
2022-10-27 16:11:37 +02:00
Lukas
9ece7a1c49 Change locale in user settings (#1305)
Closes #1109
2022-10-27 02:42:39 +02:00
Lukas
a441281bf9 Make submit buttons green and add forms (#1302)
Co-authored-by: 6543 <6543@obermui.de>
Co-authored-by: Anbraten <anton@ju60.de>
2022-10-22 08:56:23 +02:00
Divya Jain
ed7ecb060e Navbar Icons Improvements (#1246)
Some improvements to the navbar icons.

Changes Implemented:
- Increase touch target size for navbar icons.
- Make icon colors and hover effect consistent with navbar links 
- Added title for all navbar icons
- New key (user.settings) in locales
- Updated Dark and Light Mode values in locales
- Minor tweaks in active builds indicator
- New component NavbarIcon (because trying to match IconButton size and
colors felt hacky at best)

Co-authored-by: Divya Jain <dvjn.dev+git@gmail.com>
2022-10-19 14:10:40 +02:00
qwerty287
849e05bb8b Rename build to pipeline in code (#1224)
Ref:  #745

Co-authored-by: Anbraten <anton@ju60.de>
Co-authored-by: 6543 <6543@obermui.de>
2022-10-18 03:24:12 +02:00
Lukas
9871b3cc8c Add titles for IconButtons (#1245) 2022-10-08 19:06:53 +02:00
Divya Jain
57ed64e1ea Imporve Navbar UI (#1235)
- Improved padding
- Grouped links together on the left and icons on the right
- Updated navbar link hover effect
- Moved account icon to the rightmost place (as in almost every other
application)
- Rounded account icon to make it consistent with rest of the icon
buttons

Co-authored-by: Divya Jain <dvjn.dev+git@gmail.com>
2022-10-08 15:51:12 +02:00
Lukas
687611b682 Use html buttons to allow keyboard navigation (#1242) 2022-10-08 12:51:21 +02:00
[X]
b4d89a1cce Add ability to trigger manual builds (#1156)
closes #83 
closes #240 

Co-authored-by: Anbraten <anton@ju60.de>
Co-authored-by: qwerty287 <80460567+qwerty287@users.noreply.github.com>
Co-authored-by: 6543 <6543@obermui.de>
2022-09-27 11:05:00 +02:00
Lauris BH
1ac2c42652 Add global and organization secrets (#1027)
* Implement database changes and store methods for global and organization secrets

* Add tests for new store methods
* Add organization secret API and UI
* Add global secrets API and UI

* Add suggestions

* Update warning style

* Apply suggestions from code review

Co-authored-by: Anbraten <anton@ju60.de>

* Fix lint warning

Co-authored-by: Anbraten <anton@ju60.de>
2022-08-14 13:48:53 +02:00
Anbraten
66be4923d2 Update dependencies and tiny adjustments to UI (#1083)
- updated all web/ dependencies
- fixed icon positioning issue
- changed text color of pipeline message
- add hover underline effect to breadcrumb org name
2022-08-09 14:13:32 +02:00
Lauris BH
570aaa4235 Move all static texts to locale file (#989)
* Move all static texts to locale file

* Fix message

Co-authored-by: qwerty287 <80460567+qwerty287@users.noreply.github.com>

Co-authored-by: qwerty287 <80460567+qwerty287@users.noreply.github.com>
2022-06-18 10:48:18 +02:00
Lauris BH
14b3cfff1b Improve dark style text color for better readibility (#985) 2022-06-17 02:00:31 +02:00
Anbraten
3d8ea2e2c9 Return to page after clikcing login at navbar (#975) 2022-06-16 14:38:57 +02:00