jenkinsci / design-library-plugin Goto Github PK

View Code? Open in Web Editor NEW

60.0 111.0 71.0 550 KB

Home Page: https://plugins.jenkins.io/design-library/

Java 58.41% Groovy 1.16% JavaScript 10.07% SCSS 30.36%

jenkins ux ui design frontend hacktoberfest

design-library-plugin's Introduction

Design Library makes it easy for developers to build complex and consistent interfaces using Jenkins UI components

This plugin contains:

demonstration of UI components available in Jenkins
snippets of Jelly ready-to-use examples

Usage

You can open this project as a Gitpod workspace which comes pre-configured with all the tools you will need.

If you prefer using IntelliJ IDEA, you can setup Gitpod integration with JetBrains Gateway using the instructions on gitpod.io, which will open the workspace in IntelliJ IDEA using JetBrains Gateway.

Alternatively clone this project and run mvn hpi:run.

Go to the Design Library menu item or straight to http://localhost:8080/jenkins/design-library/ and play with UI components.

If you just want to see this plugin in action then you can also visit the latest version of this plugin in our Jenkins "weekly" live installation.

design-library-plugin's People

Contributors

Stargazers

Watchers

design-library-plugin's Issues

Single quotes incorrectly encoded in French localization

Jenkins and plugins versions report

Environment

Paste the output here

What Operating System are you using (both controller, and any agents involved in the problem)?

Ubuntu 22.04.1 LTS x86_64

Reproduction steps

Install this plugin as of origin/HEAD (at the time of this writing, commit ea8411e).
Visit e.g. https://127.0.0.1/design-library/AppBar/ in the French locale.

Expected Results

The first sentence begins with

Les barres d'applications fournissent l'en-tête de la page

Actual Results

The first sentence begins with

Les barres dapplications fournissent len-tête de la page

Anything else?

The quotes are incorrectly encoded. Per the Javadoc:

A single quote itself must be represented by doubled single quotes '' throughout a String.

Combo box not accessible

Keyboard navigation doesn't seem to work at all on it

http://localhost:8080/jenkins/design-library/Select2/

(Moved to Textbox sample on rework branch)

@janfaracik did you have something to re-work this?

(can re-report this to core at some point, just wanted to keep track of issues in the current samples)

Custom symbols can be themeable

Describe your use-case which is not covered by existing documentation.

If custom symbols have a stroke set, they are themable, core replaces the value with currentColor to make those symbols reactive to themes.
We should probably outline that on the symbols page, considering people may use custom SVGs which have no property set, leading to unthemable symbols.

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

No response

Combine darkmode and regular logo

What feature do you want to see added?

Instead of having https://github.com/jenkinsci/design-library-plugin/blob/master/logo-dark.svg and https://github.com/jenkinsci/design-library-plugin/blob/master/logo.svg, we can make use of the prefers-color-scheme: dark attribute to apply colors, based on the theme the user requests.

Such a functionality allows using 1 image for multiple themes, like I did it with the header logo in https://github.com/jenkinsci/jenkins/blob/master/README.md

Upstream changes

No response

Add guidance on breadcrumbs

Describe your use-case which is not covered by existing documentation.

How they are generated (ModelObject)

When to use f:breadcrumb-config-outline and f:breadcrumb

or alternatively updating the l:layout API to be more intuitive / adding it automatically when not a ModelObject index page.

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

No response

Improve dark- and whitemode selection on README

While the selection works fine on GitHub, https://plugins.jenkins.io/design-library/ displays both images side by side:

Document file upload CSS/Jelly property

Describe your use-case which is not covered by existing documentation.

Documents the addition of jenkinsci/jenkins#7452

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

No response

The plugin should explain when and how to use which control

Describe your use-case which is not covered by existing documentation.

The plugin should explain:

when to use a checkbox, and when to use a toggle button (are they dissimilar enough to warrant two pages?).
when to use a normal, primary, destructive, or transparent button, or when it is appropriate to add an icon.
when a notification should be programmatically hidden rather than wait for the user to dismiss it.
what constitutes an "important action" for app bars.
when one should use the combo box, and when one should use a text box with suggestions (this one pre-dates recent UI work, but still).
what spacing class is appropriate in which context.

There's probably more, but these are the ones I noticed in a quick review of the demo pages.

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

No response

Validation Form field Tooltip "Delete" hover is slow to disappear

Jenkins and plugins versions report

[Design Library](https://weekly.ci.jenkins.io/design-library/)

N/A

What Operating System are you using (both controller, and any agents involved in the problem)?

Browser dependent

Reproduction steps

Navigate to:: https://weekly.ci.jenkins.io/design-library/Validation/
Quickly navigate to a section, observe the "Delete" tooltip
Click on "X" delete a section, then move mouse slightly.
Delete tooltip remains for a period of time AFTEr the delete action has completed.

Behavior has been seen on multiple browsers

Expected Results

Expect tooltip to disappear at same time as deleted section.
Have not tested to see if this occurs for other tooltips or is specific to validation

Actual Results

Tooltip remains orphaned for up to 10 seconds AFTER section has been deleted.
In the attached video, delay is ~ 6 secs
Delay is repeatable, but not consistent.

Jenkins-JDL-Validation-Delete.mp4

Anything else?

No response

Remove the 'InpageNavigationWithBreadcrumb' page

Describe your use-case which is not covered by existing documentation.

This page is currently a carry-over from ui-samples and hasn't been updated to fit in with the new design.

https://weekly.ci.jenkins.io/design-library/InpageNavigationWithBreadcrumb/

The reason why I'd want to remove this page is that interacting with breadcrumbs isn't obvious nor does it provide much functionality. A better approach to navigate through a page would be tabs or sidebar navigation, such as jenkinsci/jenkins#6485.

Would be good to hear thoughts.

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

No response

Document how to use project health symbols outside of job tables

Describe your use-case which is not covered by existing documentation.

Plugins, for example cloud statistics, utilize the build status to visualize the health condition:

I noticed we have nothing like that on https://weekly.ci.jenkins.io/design-library/, and I think it could be beneficial to have this documented, incase you want to use project health widgets for your doings.
Historically, you could just call any of the ball PNGs, but this is no longer up to date

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

No response

Add contributing guide

Describe your use-case which is not covered by existing documentation.

Add instructions on how to contribute or improve samples.

Include what's expected in each.

Inline source code and rendered example.
Guidance on how a feature should be used, don't just list all ways it can be used. E.g. you should say you should only have one primary button on a page.

Techniques for including source code on the page.
Escaping that can be used but should only be used for short examples, (< / >) $$ for jelly fields. Although escaped jelly without xmp doesn't seem to work as it always expands the tag with opening and closing and removes case 😢 )
How to load larger samples via JS that avoids escaping and where to put them.

Add updating headline examples with major new features

Any other thoughts @janfaracik ?

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

No response

Tooltip docs need to explain Jenkins behavior changes

Describe your use-case which is not covered by existing documentation.

https://weekly.ci.jenkins.io/design-library/Tooltips/ does not mention that the behavior of tooltip has changed over time. As a result in invites developers to introduce XSS vulnerabilities in their code by letting them assume that tooltip has always behaved as documented.

Any plugin that is compatible with Jenkins before the introduction of html-tooltip needs to escape or sanitize content of tooltip.

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

No response

TypeError on "Radios" page

I noticed the following while browsing the Radios page earlier:

TypeError: Cannot read properties of null (reading 'radios')
    at radioBlock.js:42:24
    at Array.forEach (<anonymous>)
    at behavior.js:116:30
    at Array.forEach (<anonymous>)
    at behavior.js:111:27
    at Array.forEach (<anonymous>)
    at Object.applySubtree (behavior.js:93:17)
    at Object.apply (behavior.js:76:14)
    at behavior.js:71:14
    at window.onload (behavior.js:133:5)

Symbols API do not support href and tooltips

Jenkins and plugins versions report

Environment

Jenkins: 2.349
OS: Linux - 5.16.20-051620-generic
---
apache-httpcomponents-client-4-api:4.5.13-1.0
bootstrap4-api:4.6.0-5
bootstrap5-api:5.1.3-6
caffeine-api:2.9.3-65.v6a_47d0f4d1fe
checks-api:1.7.4
command-launcher:1.2
credentials:1126.ve05618c41e62
display-url-api:2.3.6
echarts-api:5.3.2-1
font-awesome-api:6.0.0-1
jackson2-api:2.13.2.20220328-281.v9ecc7a_5e834f
javadoc:1.6
javax-activation-api:1.2.0-3
javax-mail-api:1.6.2-6
jaxb:2.3.6-1
jdk-tool:1.0
jobConfigHistory:999999-SNAPSHOT (private-fa283965-gitpod)
jquery3-api:3.6.0-3
jsch:0.1.55.2
junit:1.63
mailer:414.vcc4c33714601
matrix-project:771.v574584b_39e60
maven-plugin:3.16
plugin-util-api:2.16.0
popper-api:1.16.1-3
popper2-api:2.11.5-1
scm-api:608.vfa_f971c5a_a_e9
script-security:1158.v7c1b_73a_69a_08
snakeyaml-api:1.30.1
ssh-credentials:277.v95c2fec1c047
sshd:3.0.3
structs:318.va_f3ccb_729b_71
trilead-api:1.57.v6e90e07157e1
workflow-api:1153.vb_912c0e47fb_a_
workflow-step-api:625.vd896b_f445a_f8
workflow-support:819.v37d707a_71d9b_

What Operating System are you using (both controller, and any agents involved in the problem)?

Linux

Reproduction steps

Create symbol according to new Symbol API.
Try to add href or tool tip to l:icon.
https://weekly.ci.jenkins.io/design-library/Symbols/

How it's done now you can see in this PR.
jenkinsci/job-config-history-plugin#199 (comment)

Expected Results

We should be able to add hrefs and tooltips to symbols.

Actual Results

We are able to do this, but arguments are ignored.

Anything else?

The problem source is in this lines.
https://github.com/jenkinsci/jenkins/blob/2d62032ca422c332b8324ff8925444bd4c9562f9/core/src/main/resources/lib/layout/icon.jelly#L66-L76

TypeError on TextBox page

TypeError: e.getAttribute is not a function
    at findFormParent (hudson-behavior.js:2053:22)
    at findNearBy (hudson-behavior.js:275:17)
    at hudson-behavior.js:1571:21
    at hudson-behavior.js:47:13
    at prototype.js:853:18
    at Array.forEach (<anonymous>)
    at Array.each (prototype.js:852:12)
    at refillOnChange (hudson-behavior.js:1570:22)
    at combobox.js:15:9
    at Array.forEach (<anonymous>)

Uncaught Error on Table page

Uncaught Error: The language "css" has no grammar.
    at Object.highlight (prism.js:3:3868)
    at sample.js:38:35
    at NodeList.forEach (<anonymous>)
    at HTMLDocument.<anonymous> (sample.js:34:6)

Background not correctly centered when seen on smartphone

Jenkins and plugins versions report

Environment

Jenkins: 2.346
OS: Linux - 5.4.0-1074-azure
---
ace-editor:1.1
analysis-model-api:10.10.0
ansicolor:1.0.1
antisamy-markup-formatter:2.7
apache-httpcomponents-client-4-api:4.5.13-1.0
authentication-tokens:1.4
aws-credentials:191.vcb_f183ce58b_9
aws-java-sdk-ec2:1.12.201-326.veb_6ce41104a_e
aws-java-sdk-minimal:1.12.201-326.veb_6ce41104a_e
azure-container-agents:241.va_780fa_dc374a_
azure-credentials:216.ve0b_4a_485ffc2
azure-sdk:106.v552de1e64d56
azure-vm-agents:813.v8ae017133e51
basic-branch-build-strategies:1.3.2
blueocean:1.25.3
blueocean-autofavorite:1.2.5
blueocean-bitbucket-pipeline:1.25.3
blueocean-commons:1.25.3
blueocean-config:1.25.3
blueocean-core-js:1.25.3
blueocean-dashboard:1.25.3
blueocean-display-url:2.4.1
blueocean-events:1.25.3
blueocean-git-pipeline:1.25.3
blueocean-github-pipeline:1.25.3
blueocean-i18n:1.25.3
blueocean-jira:1.25.3
blueocean-jwt:1.25.3
blueocean-personalization:1.25.3
blueocean-pipeline-api-impl:1.25.3
blueocean-pipeline-editor:1.25.3
blueocean-pipeline-scm-api:1.25.3
blueocean-rest:1.25.3
blueocean-rest-impl:1.25.3
blueocean-web:1.25.3
bootstrap5-api:5.1.3-6
bouncycastle-api:2.26
branch-api:2.1046.v0ca_37783ecc5
build-name-setter:2.2.0
caffeine-api:2.9.3-65.v6a_47d0f4d1fe
checks-api:1.7.4
cloud-stats:0.27
cloudbees-bitbucket-branch-source:765.v5a_2d6a_23c01d
cloudbees-folder:6.714.v79e858ef76a_2
cloudbees-jenkins-advisor:3.3.2
cobertura:1.17
code-coverage-api:2.0.4
command-launcher:81.v9c2cb_cb_db_392
config-file-provider:3.10.0
configuration-as-code:1429.v09b_044a_c93de
copyartifact:1.46.4
credentials:1126.ve05618c41e62
credentials-binding:523.vd859a_4b_122e6
dark-theme:171.v2540e8184da_0
data-tables-api:1.11.4-4
datadog:4.0.0
design-library:75.v500ecdc73d5a_
display-url-api:2.3.6
docker-commons:1.19
durable-task:496.va67c6f9eefa7
ec2:1.68
echarts-api:5.3.2-1
embeddable-build-status:2.0.3
extended-read-permission:3.2
favorite:2.4.1
font-awesome-api:6.0.0-1
forensics-api:1.13.0
git:4.11.1
git-client:3.11.0
git-forensics:1.8.0
git-server:1.11
github:1.34.3
github-api:1.303-400.v35c2d8258028
github-autostatus:3.6.2
github-branch-source:1628.vb_2f51293cb_78
github-checks:1.0.18
github-label-filter:1.0.0
groovy:2.4
handlebars:3.0.8
handy-uri-templates-2-api:2.1.8-22.v77d5b_75e6953
htmlpublisher:1.30
inline-pipeline:1.0.1
jackson2-api:2.13.2.20220328-281.v9ecc7a_5e834f
jacoco:3.3.2
javadoc:217.v905b_86277a_2a_
javax-activation-api:1.2.0-3
javax-mail-api:1.6.2-6
jaxb:2.3.6-1
jdk-tool:1.0
jenkins-design-language:1.25.3
jira:3.7.1
jjwt-api:0.11.2-71.v2722b_b_06a_2a_f
jnr-posix-api:3.1.7-3
job-dsl:1.79
jquery3-api:3.6.0-3
jsch:0.1.55.2
junit:1.63
kubernetes:3580.v78271e5631dc
kubernetes-client-api:5.12.1-187.v577c3e368fb_6
kubernetes-credentials:0.9.0
kubernetes-credentials-provider:0.20
ldap:2.9
lockable-resources:2.15
mailer:414.vcc4c33714601
matrix-auth:3.1.2
matrix-project:771.v574584b_39e60
metrics:4.1.6.2
momentjs:1.1.1
node-iterator-api:1.5.1
okhttp-api:4.9.3-105.vb96869f8ac3a
pipeline-build-step:2.18
pipeline-github:2.8-138.d766e30bb08b
pipeline-graph-analysis:195.v5812d95a_a_2f9
pipeline-input-step:448.v37cea_9a_10a_70
pipeline-milestone-step:101.vd572fef9d926
pipeline-model-api:2.2077.vc78ec45162f1
pipeline-model-definition:2.2077.vc78ec45162f1
pipeline-model-extensions:2.2077.vc78ec45162f1
pipeline-rest-api:2.24
pipeline-stage-step:293.v200037eefcd5
pipeline-stage-tags-metadata:2.2077.vc78ec45162f1
pipeline-stage-view:2.24
pipeline-utility-steps:2.12.1
plain-credentials:1.8
plugin-util-api:2.16.0
popper2-api:2.11.5-1
prism-api:1.28.0-1
prometheus:2.0.11
pubsub-light:1.16
scm-api:608.vfa_f971c5a_a_e9
scm-filter-branch-pr:0.5.1
script-security:1158.v7c1b_73a_69a_08
snakeyaml-api:1.30.1
sse-gateway:1.25
ssh-agent:1.24.1
ssh-credentials:277.v95c2fec1c047
sshd:3.228.v4c9f9e652c86
structs:318.va_f3ccb_729b_71
support-core:1162.vb_b_e5198c6b_22
theme-manager:1.2
timestamper:1.17
token-macro:293.v283932a_0a_b_49
toolenv:1.2
trilead-api:1.57.v6e90e07157e1
variant:1.4
warnings-ng:9.12.0
windows-azure-storage:373.v582b31a65906
workflow-aggregator:2.7
workflow-api:1153.vb_912c0e47fb_a_
workflow-basic-steps:948.v2c72a_091b_b_68
workflow-cps:2689.v434009a_31b_f1
workflow-cps-global-lib:575.v24fa_0a_b_f7383
workflow-durable-task-step:1130.v8fd69d0b_8857
workflow-job:1180.v04c4e75dce43
workflow-multibranch:712.vc169a_1387405
workflow-scm-step:400.v6b_89a_1317c9a_
workflow-step-api:625.vd896b_f445a_f8
workflow-support:819.v37d707a_71d9b_

What Operating System are you using (both controller, and any agents involved in the problem)?

Chrome on Android

Reproduction steps

Go to weekly.ci.jenkins.io on a smartphone
Notice how the background isn't correctly centered behind the butler

Screenshot

Expected Results

Background correctly centered

Actual Results

Screenshot

Anything else?

No response

Improve progress bar UI experience

What feature do you want to see added?

Default progress bar in any modern web browser is prettier then current default one included in Jenkins.

versus default one from Brave browser.

Nowadays Jenkins is getting nicer and nicer UI, but progress bar didn't changed for ages and it's still uses tables under the hood.
https://github.com/jenkinsci/jenkins/blob/237b9ca457c032885ed98e29620f0ed8c0e55ca0/war/src/main/less/base/style.less#L1115

I thing implementing something more modern one (like one included bellow), can improve overall user experience.
https://css-tricks.com/css3-progress-bars/

New progress bar will reduce problem like bellow ticket.
https://issues.jenkins.io/browse/JENKINS-68672?jql=text%20~%20progress%20AND%20text%20~%20bar%20ORDER%20BY%20created%20DESC

I will be really glad if such improvement will be implemented 😉

Upstream changes

No response

Spinning background contains an odd pattern

Using the built in dark mode in Jenkins, I noticed there's an odd pattern in the spinning background:

I'm unsure if this is intended, but looks a bit weird to me.

Action Required: Fix Renovate Configuration

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Location: renovate.json
Error type: The renovate configuration file contains some invalid settings
Message: Invalid schedule: 'Invalid schedule: Failed to parse "every Monday"'

Crowdin needs to be taught to encode single quotes as two single quotes for escaping

I think Crowdin needs to be taught to encode these @NotMyFault ?

Originally posted by @timja in #207 (review)

Huge resource consumption on Design Library homepage

Jenkins and plugins versions report

weekly.ci.jenkins.io

Jenkins: 2.344
OS: Linux - 5.4.0-1069-azure
---
ace-editor:1.1
analysis-model-api:10.10.0
ansicolor:1.0.1
antisamy-markup-formatter:2.7
apache-httpcomponents-client-4-api:4.5.13-1.0
authentication-tokens:1.4
aws-credentials:191.vcb_f183ce58b_9
aws-java-sdk-ec2:1.12.163-315.v2b_716ec8e4df
aws-java-sdk-minimal:1.12.163-315.v2b_716ec8e4df
azure-container-agents:241.va_780fa_dc374a_
azure-credentials:216.ve0b_4a_485ffc2
azure-sdk:106.v552de1e64d56
azure-vm-agents:810.v0a97a847315a
basic-branch-build-strategies:1.3.2
blueocean:1.25.3
blueocean-autofavorite:1.2.5
blueocean-bitbucket-pipeline:1.25.3
blueocean-commons:1.25.3
blueocean-config:1.25.3
blueocean-core-js:1.25.3
blueocean-dashboard:1.25.3
blueocean-display-url:2.4.1
blueocean-events:1.25.3
blueocean-git-pipeline:1.25.3
blueocean-github-pipeline:1.25.3
blueocean-i18n:1.25.3
blueocean-jira:1.25.3
blueocean-jwt:1.25.3
blueocean-personalization:1.25.3
blueocean-pipeline-api-impl:1.25.3
blueocean-pipeline-editor:1.25.3
blueocean-pipeline-scm-api:1.25.3
blueocean-rest:1.25.3
blueocean-rest-impl:1.25.3
blueocean-web:1.25.3
bootstrap4-api:4.6.0-3
bootstrap5-api:5.1.3-6
bouncycastle-api:2.25
branch-api:2.1044.v2c007e51b_87f
build-name-setter:2.2.0
caffeine-api:2.9.2-29.v717aac953ff3
checks-api:1.7.2
cloud-stats:0.27
cloudbees-bitbucket-branch-source:765.v5a_2d6a_23c01d
cloudbees-folder:6.714.v79e858ef76a_2
cloudbees-jenkins-advisor:3.3.2
cobertura:1.17
code-coverage-api:2.0.4
command-launcher:1.6
config-file-provider:3.9.0
configuration-as-code:1414.v878271fc496f
copyartifact:1.46.3
credentials:1126.ve05618c41e62
credentials-binding:1.27.1
dark-theme:171.v2540e8184da_0
data-tables-api:1.11.4-4
datadog:3.5.1
design-library:51.v6f6b_b_59d6644
display-url-api:2.3.6
docker-commons:1.19
durable-task:495.v29cd95ec10f2
ec2:1.68
echarts-api:5.3.2-1
embeddable-build-status:2.0.3
extended-read-permission:3.2
favorite:2.4.1
font-awesome-api:6.0.0-1
forensics-api:1.12.0
git:4.11.0
git-client:3.11.0
git-forensics:1.7.0
git-server:1.10
github:1.34.3
github-api:1.303-400.v35c2d8258028
github-autostatus:3.6.2
github-branch-source:1598.v91207e9f9b_4a_
github-checks:1.0.18
github-label-filter:1.0.0
groovy:2.4
handlebars:3.0.8
handy-uri-templates-2-api:2.1.8-22.v77d5b_75e6953
htmlpublisher:1.29
inline-pipeline:1.0.1
jackson2-api:2.13.2.20220328-273.v11d70a_b_a_1a_52
jacoco:3.3.1
javadoc:217.v905b_86277a_2a_
javax-activation-api:1.2.0-2
javax-mail-api:1.6.2-5
jaxb:2.3.0
jdk-tool:1.0
jenkins-design-language:1.25.3
jira:3.7.1
jjwt-api:0.11.2-9.c8b45b8bb173
job-dsl:1.79
jquery3-api:3.6.0-2
jsch:0.1.55.2
junit:1.59
kubernetes:3580.v78271e5631dc
kubernetes-client-api:5.12.1-187.v577c3e368fb_6
kubernetes-credentials:0.9.0
kubernetes-credentials-provider:0.20
ldap:2.8
lockable-resources:2.14
mailer:408.vd726a_1130320
matrix-auth:3.1
matrix-project:758.v7a_ea_491852f3
metrics:4.1.6.2
momentjs:1.1.1
node-iterator-api:1.5.1
okhttp-api:4.9.3-105.vb96869f8ac3a
pipeline-build-step:2.17
pipeline-github:2.8-138.d766e30bb08b
pipeline-graph-analysis:188.v3a01e7973f2c
pipeline-input-step:447.v95e5a_6e3502a_
pipeline-milestone-step:100.v60a_03cd446e1
pipeline-model-api:2.2075.vce74e77b_ce40
pipeline-model-definition:2.2075.vce74e77b_ce40
pipeline-model-extensions:2.2075.vce74e77b_ce40
pipeline-rest-api:2.23
pipeline-stage-step:291.vf0a8a7aeeb50
pipeline-stage-tags-metadata:2.2075.vce74e77b_ce40
pipeline-stage-view:2.23
pipeline-utility-steps:2.12.0
plain-credentials:1.8
plugin-util-api:2.16.0
popper-api:1.16.1-2
popper2-api:2.11.5-1
prism-api:1.26.0-2
prometheus:2.0.11
pubsub-light:1.16
scm-api:602.v6a_81757a_31d2
scm-filter-branch-pr:0.5.1
script-security:1145.vb_cf6cf6ed960
snakeyaml-api:1.30.1
sse-gateway:1.25
ssh-agent:1.24.1
ssh-credentials:1.19
sshd:3.228.v4c9f9e652c86
structs:308.v852b473a2b8c
support-core:1148.vedff8cb_56a_da_
theme-manager:1.2
timestamper:1.17
token-macro:285.vff7645a_56ff0
toolenv:1.2
trilead-api:1.57.v6e90e07157e1
variant:1.4
warnings-ng:9.12.0
windows-azure-storage:373.v582b31a65906
workflow-aggregator:2.7
workflow-api:1143.v2d42f1e9dea_5
workflow-basic-steps:941.vdfe1b_a_132c64
workflow-cps:2686.v7c37e0578401
workflow-cps-global-lib:570.v21311f4951f8
workflow-durable-task-step:1128.v8c259d125340
workflow-job:1174.vdcb_d054cf74a_
workflow-multibranch:711.vdfef37cda_816
workflow-scm-step:2.13
workflow-step-api:622.vb_8e7c15b_c95a_
workflow-support:818.v4eb_969241b_c7

What Operating System are you using (both controller, and any agents involved in the problem)?

MacOS 12.3
Firefox 99.0.1 and Chrome 100.0.4896.127

Reproduction steps

Go to https://weekly.ci.jenkins.io/design-library/

Notice the resources consumption increasing a lot

Expected Results

No dramatic resources usage when viewing the Design Library homepage

Actual Results

Huge resources consumption

Anything else?

As soon as I comment out the CSS properties of .app-card__preview::before via the Firefox Inspector the resources usage returns to a normal level.

.app-card__preview::before {
  background-image: radial-gradient(at 40% 20%, hsla(28, 100%, 74%, 1) 0, transparent 50%), radial-gradient(at 80% 0%, hsla(189, 100%, 56%, 1) 0, transparent 50%), radial-gradient(at 0% 50%, hsla(355, 85%, 93%, 1) 0, transparent 50%), radial-gradient(at 80% 50%, hsl(359, 70%, 46%) 0, transparent 50%), radial-gradient(at 0% 100%, hsla(22, 100%, 77%, 1) 0, transparent 50%), radial-gradient(at 80% 100%, hsla(242, 100%, 70%, 1) 0, transparent 50%), radial-gradient(at 0% 0%, hsla(343, 100%, 76%, 1) 0, transparent 50%);
  animation: rotate-colors 7s linear infinite;
}

Table page rendering is broken

Jenkins and plugins versions report

What Operating System are you using (both controller, and any agents involved in the problem)?

Reproduction steps

Visit https://weekly.ci.jenkins.io/design-library/Table/

Expected Results

rendered HTML I think

Actual Results

Textual HTML

Anything else?

No response

Are you interested in contributing a fix?

No response

How to add Custom CSS / JavaScript

What feature do you want to see added?

Add the different approaches

adjunct
src/main/webapp
build tools

What is recommended

Upstream changes

No response

"Share page" button does nothing

Using version 104.v492ed3cce3f2 of design library on Jenkins 2.365 with Chrome 104 on macOS, the "Share page" button does nothing if you click on it.

App bar before vs. inside main panel

Describe your use-case which is not covered by existing documentation.

https://github.com/jenkinsci/design-library-plugin/blob/master/src/main/resources/io/jenkins/plugins/designlibrary/AppBar/index.properties says that the app bar must be included before the main panel. In the example a couple of lines later the app bar is included inside the main panel and not before. Which one is correct?

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

No response

Documentation should include from which Jenkins release the content applies

jenkinsci/matrix-auth-plugin#159 updates the core dependency but it's not immediately clear why.

I know enough to find #264 and then jenkinsci/jenkins@1ec59c7 so that explains it, but documentation should still specify from when it applies so readers don't need to know how the sausage is made to be able to use it.

This isn't unique to the "Dialogs" page: looking through the various pages, none of them specify a required core release.

Sidepanel/app bar rule needs changes

Per @janfaracik

What underlying principle motivates this change? It does not seem to be justified by https://weekly.ci.jenkins.io/design-library/AppBar/

It'd align more so with https://weekly.ci.jenkins.io/design-library/Layouts/ 'Don't include actions or external pages in your sidebar, these belong in the top app bar'. It'd be consistent with the 'Log Recorders' interface.

AFAICT, jenkinsci/jenkins#8381 (comment),

This rule basically invalidates every RootAction.

Given how common RootActions are, and the widespread impact of declaring that use of the sidepanel invalid, the rule should be overhauled.

Creating a Library plugins for JavaScript / CSS

Describe your use-case which is not covered by existing documentation.

How to create a library plugin for JavaScript / CSS
When to add to your plugin directly and when to create a library plugin

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

No response

Bad render on TextBox page for dynamic combobox

If you are at the TextBox page, enter a value into the "Title" field and hit enter, the page reloads and displays the output of the Jenkins error page, in plain HTML inside the demo boxes:

Kapture.2023-04-15.at.21.19.52.mp4

Cropped background SVG in Design Library homepage on Firefox

Jenkins and plugins versions report

weekly.ci.jenkins.io

Jenkins: 2.344
OS: Linux - 5.4.0-1069-azure
---
ace-editor:1.1
analysis-model-api:10.10.0
ansicolor:1.0.1
antisamy-markup-formatter:2.7
apache-httpcomponents-client-4-api:4.5.13-1.0
authentication-tokens:1.4
aws-credentials:191.vcb_f183ce58b_9
aws-java-sdk-ec2:1.12.163-315.v2b_716ec8e4df
aws-java-sdk-minimal:1.12.163-315.v2b_716ec8e4df
azure-container-agents:241.va_780fa_dc374a_
azure-credentials:216.ve0b_4a_485ffc2
azure-sdk:106.v552de1e64d56
azure-vm-agents:810.v0a97a847315a
basic-branch-build-strategies:1.3.2
blueocean:1.25.3
blueocean-autofavorite:1.2.5
blueocean-bitbucket-pipeline:1.25.3
blueocean-commons:1.25.3
blueocean-config:1.25.3
blueocean-core-js:1.25.3
blueocean-dashboard:1.25.3
blueocean-display-url:2.4.1
blueocean-events:1.25.3
blueocean-git-pipeline:1.25.3
blueocean-github-pipeline:1.25.3
blueocean-i18n:1.25.3
blueocean-jira:1.25.3
blueocean-jwt:1.25.3
blueocean-personalization:1.25.3
blueocean-pipeline-api-impl:1.25.3
blueocean-pipeline-editor:1.25.3
blueocean-pipeline-scm-api:1.25.3
blueocean-rest:1.25.3
blueocean-rest-impl:1.25.3
blueocean-web:1.25.3
bootstrap4-api:4.6.0-3
bootstrap5-api:5.1.3-6
bouncycastle-api:2.25
branch-api:2.1044.v2c007e51b_87f
build-name-setter:2.2.0
caffeine-api:2.9.2-29.v717aac953ff3
checks-api:1.7.2
cloud-stats:0.27
cloudbees-bitbucket-branch-source:765.v5a_2d6a_23c01d
cloudbees-folder:6.714.v79e858ef76a_2
cloudbees-jenkins-advisor:3.3.2
cobertura:1.17
code-coverage-api:2.0.4
command-launcher:1.6
config-file-provider:3.9.0
configuration-as-code:1414.v878271fc496f
copyartifact:1.46.3
credentials:1126.ve05618c41e62
credentials-binding:1.27.1
dark-theme:171.v2540e8184da_0
data-tables-api:1.11.4-4
datadog:3.5.1
design-library:51.v6f6b_b_59d6644
display-url-api:2.3.6
docker-commons:1.19
durable-task:495.v29cd95ec10f2
ec2:1.68
echarts-api:5.3.2-1
embeddable-build-status:2.0.3
extended-read-permission:3.2
favorite:2.4.1
font-awesome-api:6.0.0-1
forensics-api:1.12.0
git:4.11.0
git-client:3.11.0
git-forensics:1.7.0
git-server:1.10
github:1.34.3
github-api:1.303-400.v35c2d8258028
github-autostatus:3.6.2
github-branch-source:1598.v91207e9f9b_4a_
github-checks:1.0.18
github-label-filter:1.0.0
groovy:2.4
handlebars:3.0.8
handy-uri-templates-2-api:2.1.8-22.v77d5b_75e6953
htmlpublisher:1.29
inline-pipeline:1.0.1
jackson2-api:2.13.2.20220328-273.v11d70a_b_a_1a_52
jacoco:3.3.1
javadoc:217.v905b_86277a_2a_
javax-activation-api:1.2.0-2
javax-mail-api:1.6.2-5
jaxb:2.3.0
jdk-tool:1.0
jenkins-design-language:1.25.3
jira:3.7.1
jjwt-api:0.11.2-9.c8b45b8bb173
job-dsl:1.79
jquery3-api:3.6.0-2
jsch:0.1.55.2
junit:1.59
kubernetes:3580.v78271e5631dc
kubernetes-client-api:5.12.1-187.v577c3e368fb_6
kubernetes-credentials:0.9.0
kubernetes-credentials-provider:0.20
ldap:2.8
lockable-resources:2.14
mailer:408.vd726a_1130320
matrix-auth:3.1
matrix-project:758.v7a_ea_491852f3
metrics:4.1.6.2
momentjs:1.1.1
node-iterator-api:1.5.1
okhttp-api:4.9.3-105.vb96869f8ac3a
pipeline-build-step:2.17
pipeline-github:2.8-138.d766e30bb08b
pipeline-graph-analysis:188.v3a01e7973f2c
pipeline-input-step:447.v95e5a_6e3502a_
pipeline-milestone-step:100.v60a_03cd446e1
pipeline-model-api:2.2075.vce74e77b_ce40
pipeline-model-definition:2.2075.vce74e77b_ce40
pipeline-model-extensions:2.2075.vce74e77b_ce40
pipeline-rest-api:2.23
pipeline-stage-step:291.vf0a8a7aeeb50
pipeline-stage-tags-metadata:2.2075.vce74e77b_ce40
pipeline-stage-view:2.23
pipeline-utility-steps:2.12.0
plain-credentials:1.8
plugin-util-api:2.16.0
popper-api:1.16.1-2
popper2-api:2.11.5-1
prism-api:1.26.0-2
prometheus:2.0.11
pubsub-light:1.16
scm-api:602.v6a_81757a_31d2
scm-filter-branch-pr:0.5.1
script-security:1145.vb_cf6cf6ed960
snakeyaml-api:1.30.1
sse-gateway:1.25
ssh-agent:1.24.1
ssh-credentials:1.19
sshd:3.228.v4c9f9e652c86
structs:308.v852b473a2b8c
support-core:1148.vedff8cb_56a_da_
theme-manager:1.2
timestamper:1.17
token-macro:285.vff7645a_56ff0
toolenv:1.2
trilead-api:1.57.v6e90e07157e1
variant:1.4
warnings-ng:9.12.0
windows-azure-storage:373.v582b31a65906
workflow-aggregator:2.7
workflow-api:1143.v2d42f1e9dea_5
workflow-basic-steps:941.vdfe1b_a_132c64
workflow-cps:2686.v7c37e0578401
workflow-cps-global-lib:570.v21311f4951f8
workflow-durable-task-step:1128.v8c259d125340
workflow-job:1174.vdcb_d054cf74a_
workflow-multibranch:711.vdfef37cda_816
workflow-scm-step:2.13
workflow-step-api:622.vb_8e7c15b_c95a_
workflow-support:818.v4eb_969241b_c7

What Operating System are you using (both controller, and any agents involved in the problem)?

MacOS 12.3
Firefox 99.0.1, cache cleaned (not reproduced on Chrome)

Reproduction steps

Go to https://weekly.ci.jenkins.io/design-library/

Notice the upper left corner of the SVG in the background is cropped.

Expected Results

No cropped background:

Actual Results

Cropped background:

Anything else?

No response

Redirects while using gitpod redirect to localhost rather than url gitpod is running on

Jenkins and plugins versions report

What Operating System are you using (both controller, and any agents involved in the problem)?

Reproduction steps

Visit https://gitpod.io/#https://github.com/jenkinsci/design-library-plugin
Click 'Design library' when you get to the preview

Expected Results

Redirected to the design library

Actual Results

Redirected to http://localhost:8080/jenkins/design-library/

Anything else?

This case actually shouldn't be redirected, we could fix it by adding a trailing slash so there's no redirect but it's an easy example, there's a number of other cases that cause these redirects to fail.

I did some debugging in #63 (comment)
But I haven't tracked down a fix.

The ReverseProxyAdminMonitor fails, but the headers look correct =/

Improve CodeMirror documentation

Describe your use-case which is not covered by existing documentation.

Currently, the last paragraph on https://weekly.ci.jenkins.io/design-library/TextBox/ mentions CodeMirror, but doesn't provide examples how to apply a codemirror-config or use a specific highlighter.

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

No response

The Hetero List Sample page isn't particularly clear on what it does

It would be good to get some better examples/guidance on what it does. However if it isn't useful, much like #128 we could potentially remove it from the Design Library.

Add a badge CSS style for tables

What feature do you want to see added?

For table cells we currently have the styling

jenkins-table__link jenkins-table__badge model-link inside

to show a badge-style link for model elements:

It would be helpful for plugins like the warnings and code coverage plugins (and maybe a lot of otheres), if there would be similar stylings available to show plugin results with a specific color. E.g. the code coverage as a percentage, where the background color can be customized by the plugin, e.g. red on bad coverage results, green for good, etc.

I tried to extract that part of the CSS from our Jenkins styles but I must admit that I did not understand how you achieved this existing styling in our complex CSS and LESS structure. Additionally, it might make sense if we would provide such kind of styling in a general way in Jenkins, so other plugins would not reinvent the wheel.

Upstream changes

No response

Code blocks should use user's theme

What feature do you want to see added?

dark theme users currently get a light theme syntax highlighting

Upstream changes

May require jenkinsci/theme-manager-plugin#88

and may require switching to the prism api plugin

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Awaiting Schedule

These updates are awaiting their schedule. Click on a checkbox to get an update now.

Update dependency node to v20.14.0
Update dependency npm to v10.8.1
Update dependency org.assertj:assertj-core to v3.26.0
Update dependency org.jenkins-ci.plugins:plugin to v4.83
Update dependency sass to v1.77.6
Update crowdin/github-action action to v2
Update dependency io.jenkins.tools.bom:bom-weekly to v3143

Detected dependencies

github-actions

.github/workflows/cd.yaml

jenkins-infra/github-reusable-workflows v1

.github/workflows/crowdin.yml

actions/checkout v4

crowdin/github-action v1.20.4

.github/workflows/jenkins-security-scan.yml

jenkins-infra/jenkins-security-scan v2

maven

.mvn/extensions.xml

io.jenkins.tools.incrementals:git-changelist-maven-extension 1.8

pom.xml

org.jenkins-ci.plugins:plugin 4.81

io.jenkins.tools.bom:bom-weekly 2961.v1f472390972e

org.assertj:assertj-core 3.25.3

npm

package.json

autoprefixer 10.4.19

postcss-cli 11.0.0

sass 1.69.6

regex

pom.xml

node 20.12.2

pom.xml

npm 10.2.5

Check this box to trigger a request for Renovate to run again on this repository

CodeMirror box on TextBox page is kinda broken

The cursor doesn't match the location you type in and every line is wrapped into <pre>:

Kapture.2022-08-15.at.19.24.52.mp4

For comparison, the script console:

Sidepanel and summary items

Describe your use-case which is not covered by existing documentation.

Picking up the idea from jenkinsci/jenkins#6918 (review), to define pointers how to use sidebar and mainpanel items, instead of duplicating one into each other.

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

No response

CSS naming conventions

Describe your use-case which is not covered by existing documentation.

What to name classes in plugins / core
What ! means in CSS classes

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

No response

JavaScript error on page log of TextBox

Jenkins and plugins versions report

https://weekly.ci.jenkins.io/design-library/TextBox/

2.342

What Operating System are you using (both controller, and any agents involved in the problem)?

Chrome 100.0

Reproduction steps

Open https://weekly.ci.jenkins.io/design-library/TextBox/ and check the browser console

Expected Results

No error

Actual Results

hudson-behavior.js:49 TypeError: e.getAttribute is not a function
    at findFormParent (hudson-behavior.js:2067:22)
    at findNearBy (hudson-behavior.js:275:17)
    at hudson-behavior.js:1532:21
    at hudson-behavior.js:47:13
    at prototype.js:853:18
    at Array.forEach (<anonymous>)
    at Array.each (prototype.js:852:12)
    at refillOnChange (hudson-behavior.js:1531:22)
    at combobox.js:15:9
    at Array.forEach (<anonymous>)

Anything else?

No response

Add an intro to jelly and mention groovy views (but suggest not using them)

Jelly is a view templating language used very little these days.

I think it would be good to add a bit of an intro on it here, with some tips and techniques

Mention taglibs and how to create one

Link to taglib references
Links to IDE plugins

This content to could live on jenkins.io instead not sure

WDYT @janfaracik ?

Jenkins Scriptler Icons unavailable

Jenkins and plugins versions report

Environment

Jenkins: 2.343
OS: Windows Server 2019 - 10.0
---
ConsoleLogToWorkspace:1.0-SNAPSHOT (private-10/13/2016 17:16-gauravtiwari)
Parameterized-Remote-Trigger:3.1.5.1
ace-editor:1.1
active-directory:2.25.1
amazon-ecr:1.73.v741d474abe74
analysis-collector:2.0.0
analysis-core:1.96
analysis-model-api:10.10.0
ansible:1.1
ansicolor:1.0.1
ant:1.13
antisamy-markup-formatter:2.7
any-buildstep:0.1
apache-httpcomponents-client-4-api:4.5.13-1.0
artifactdeployer:1.2
artifactory:3.16.1
authentication-tokens:1.4
aws-credentials:191.vcb_f183ce58b_9
aws-java-sdk:1.12.163-315.v2b_716ec8e4df
aws-java-sdk-cloudformation:1.12.163-315.v2b_716ec8e4df
aws-java-sdk-codebuild:1.12.163-315.v2b_716ec8e4df
aws-java-sdk-ec2:1.12.163-315.v2b_716ec8e4df
aws-java-sdk-ecr:1.12.163-315.v2b_716ec8e4df
aws-java-sdk-ecs:1.12.163-315.v2b_716ec8e4df
aws-java-sdk-elasticbeanstalk:1.12.163-315.v2b_716ec8e4df
aws-java-sdk-iam:1.12.163-315.v2b_716ec8e4df
aws-java-sdk-logs:1.12.163-315.v2b_716ec8e4df
aws-java-sdk-minimal:1.12.163-315.v2b_716ec8e4df
aws-java-sdk-ssm:1.12.163-315.v2b_716ec8e4df
aws-lambda:0.5.10
badge:1.9.1
bootstrap4-api:4.6.0-3
bootstrap5-api:5.1.3-6
bouncycastle-api:2.25
branch-api:2.1044.v2c007e51b_87f
build-blocker-plugin:1.7.8
build-monitor-plugin:1.13+build.202204181545
build-pipeline-plugin:1.5.8
build-timeout:1.20
build-user-vars-plugin:1.8
buildresult-trigger:0.17
buildtriggerbadge:251.vdf6ef853f3f5
built-on-column:1.1
caffeine-api:2.9.2-29.v717aac953ff3
checks-api:1.7.2
clone-workspace-scm:0.6
cloudbees-folder:6.714.v79e858ef76a_2
command-launcher:1.6
compact-columns:1.134.v16d8dcc449c5
conditional-buildstep:1.4.2
config-file-provider:3.9.0
configurationslicing:430.v966357576543
copy-project-link:48.v58a_820c8b_8ec
copyartifact:1.46.3
credentials:1118.v320cd028cb_a_0
credentials-binding:1.27.1
cvs:2.19.1
dashboard-view:2.432.va_712ce35862d
data-tables-api:1.11.4-4
datadog:3.5.1
deploy:1.16
design-library:51.v6f6b_b_59d6644
discard-old-build:1.05
display-url-api:2.3.6
docker-build-publish:1.3.3
docker-commons:1.19
docker-workflow:1.28
downstream-buildview:1.9
dtkit-api:3.0.0
durable-task:495.v29cd95ec10f2
dynamicparameter:0.2.0
ec2:1.68
echarts-api:5.3.2-1
email-ext:2.87
emma:1.31
envinject:2.854.vfa_1657078c97
envinject-api:1.199.v3ce31253ed13
extended-choice-parameter:346.vd87693c5a_86c
extended-read-permission:3.2
extensible-choice-parameter:1.8.0
external-monitor-job:191.v363d0d1efdf8
extra-columns:1.25
flexible-publish:0.16.1
font-awesome-api:6.0.0-1
forensics-api:1.12.0
fortify-on-demand-uploader:7.0.2
fxcop-runner:1.1
git:4.11.0
git-client:3.11.0
git-parameter:0.9.16
git-server:1.10
git-tag-message:1.7.1
github:1.34.3
github-api:1.303-400.v35c2d8258028
github-branch-source:1598.v91207e9f9b_4a_
github-organization-folder:1.6
gitlab-merge-request-jenkins:2.0.0
gradle:1.38
greenballs:1.15.1
groovy:2.4
groovy-postbuild:2.5
h2-api:1.4.199
handlebars:3.0.8
hp-application-automation-tools-plugin:7.3
htmlpublisher:1.29
icon-shim:3.0.0
ivy:2.1
jackson2-api:2.13.2.20220328-273.v11d70a_b_a_1a_52
jacoco:3.3.1
javadoc:217.v905b_86277a_2a_
javax-activation-api:1.2.0-2
javax-mail-api:1.6.2-5
jaxb:2.3.0.1
jdk-tool:1.5
jjwt-api:0.11.2-9.c8b45b8bb173
jnr-posix-api:3.1.7-3
job-dsl:1.79
job-restrictions:0.8
jobConfigHistory:1133.v0f5420f85053
jobcopy-builder:1.4.2
join:1.21
jquery:1.12.4-1
jquery-detached:1.2.1
jquery-ui:1.0.2
jquery3-api:3.6.0-2
jsch:0.1.55.2
jslint:0.8.2
jsunit:1.6
junit:1.59
ldap:2.8
lockable-resources:2.14
log-parser:2.2
mailer:408.vd726a_1130320
mapdb-api:1.0.9.0
mask-passwords:3.1
matrix-auth:3.1
matrix-project:758.v7a_ea_491852f3
maven-plugin:3.18
momentjs:1.1.1
monitoring:1.91.0
msbuild:1.30
multiple-scms:0.8
naginator:1.18.1
nant:1.4.3
nested-view:1.25
node-iterator-api:1.5.1
nodejs:1.5.1
nodelabelparameter:1.10.3.1
notification:1.15
okhttp-api:4.9.3-105.vb96869f8ac3a
ownership:0.13.0
package-parameter:1.7
pam-auth:1.7
parameterized-trigger:2.44
pipeline-build-step:2.17
pipeline-github-lib:36.v4c01db_ca_ed16
pipeline-graph-analysis:188.v3a01e7973f2c
pipeline-input-step:447.v95e5a_6e3502a_
pipeline-maven:3.10.0
pipeline-milestone-step:100.v60a_03cd446e1
pipeline-model-api:2.2075.vce74e77b_ce40
pipeline-model-declarative-agent:1.1.1
pipeline-model-definition:2.2075.vce74e77b_ce40
pipeline-model-extensions:2.2075.vce74e77b_ce40
pipeline-rest-api:2.23
pipeline-stage-step:291.vf0a8a7aeeb50
pipeline-stage-tags-metadata:2.2075.vce74e77b_ce40
pipeline-stage-view:2.23
plain-credentials:1.8
plot:2.1.10
plugin-usage-plugin:2.2
plugin-util-api:2.16.0
popper-api:1.16.1-2
popper2-api:2.11.5-1
postbuild-task:1.9
powershell:1.7
preSCMbuildstep:0.3
prism-api:1.26.0-2
promoted-builds:876.v99d29788b_36b_
publish-over:0.22
publish-over-cifs:0.16
publish-over-ssh:1.24
python:1.3
rebuild:1.33.1
repository:1.10
resource-disposer:0.18
role-strategy:3.2.0
run-condition:1.5
s3:0.12.1
saml:2.296.v0016349946db_
scm-api:602.v6a_81757a_31d2
scoring-load-balancer:1.0.1
script-security:1145.vb_cf6cf6ed960
scriptler:3.4
sectioned-view:1.25
selenium:3.141.59
snakeyaml-api:1.30.1
sqlplus-script-runner:2.0.20
ssh:2.6.1
ssh-agent:1.24.1
ssh-credentials:1.19
ssh-slaves:1.806.v2253cedd3295
sshd:3.228.v4c9f9e652c86
structs:308.v852b473a2b8c
subversion:2.15.4
terraform:1.0.10
text-finder:1.18
timestamper:1.17
token-macro:285.vff7645a_56ff0
translation:1.16
trilead-api:1.57.v6e90e07157e1
unleash:2.4.0
uno-choice:2.6.1
variant:1.4
versionnumber:1.9
view-job-filters:2.3
vs-code-metrics:1.7
warnings:5.0.1
warnings-ng:9.12.0
windows-slaves:1.8
workflow-aggregator:2.7
workflow-api:1143.v2d42f1e9dea_5
workflow-basic-steps:941.vdfe1b_a_132c64
workflow-cps:2686.v7c37e0578401
workflow-cps-global-lib:570.v21311f4951f8
workflow-durable-task-step:1128.v8c259d125340
workflow-job:1174.vdcb_d054cf74a_
workflow-multibranch:711.vdfef37cda_816
workflow-scm-step:2.13
workflow-step-api:622.vb_8e7c15b_c95a_
workflow-support:818.v4eb_969241b_c7
ws-cleanup:0.41
xunit:3.0.6

What Operating System are you using (both controller, and any agents involved in the problem)?

Windows

Reproduction steps

Install Scriptler Plugin
Navigate to Scriptler

Expected Results

Actual Results

Anything else?

I have installed the design library plugin and that fixed a few of the icons but the ones shown in the expected vs actual are current. Jenkins is updated to 2.343. All plugins are current.

Is the JavaScript Proxy useful?

Whilst it might contain some useful information (?) the Design Library doesn't seem like the right fit for it. I'd suggest we remove it unless it has a genuine use.

Boolean button moves on select

Jenkins and plugins versions report

[Design Library](https://weekly.ci.jenkins.io/design-library/)

N/A

What Operating System are you using (both controller, and any agents involved in the problem)?

Any Browser (Chrome | Firefox | Edge | Vivaldi), including mobile

Reproduction steps

Navigate to: https://weekly.ci.jenkins.io/design-library/Radios/
Choose Boolean Radio and toggle between Yes | No

Expected Results

Lower radio button remains in situ

Actual Results

Lower radio button appears to shift vertically by the radius dimension

Anything else?

_No response

Jenkins-JDL-Radios-Boolean.mp4

Overhaul ui-samples

@janfaracik showed a demo of it at the UX sig today (I'll add a link once available)

@janfaracik can you give me access to your fork or open a draft PR so I can push to it?

Empty top level breadcrumbs

If you navigate to /design-library/ and hover over the top level name, the breadcrumb dropdown is empty:

We should probably get a rid of it.

jenkinsci / design-library-plugin Goto Github PK

design-library-plugin's Introduction

Usage

design-library-plugin's People

Contributors

Stargazers

Watchers

Forkers

design-library-plugin's Issues

Jenkins and plugins versions report

What Operating System are you using (both controller, and any agents involved in the problem)?

Reproduction steps

Expected Results

Actual Results

Anything else?

Describe your use-case which is not covered by existing documentation.

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

What feature do you want to see added?

Upstream changes

Describe your use-case which is not covered by existing documentation.

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

Describe your use-case which is not covered by existing documentation.

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

Describe your use-case which is not covered by existing documentation.

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

Jenkins and plugins versions report

What Operating System are you using (both controller, and any agents involved in the problem)?

Reproduction steps

Expected Results

Actual Results

Anything else?

Describe your use-case which is not covered by existing documentation.

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

Describe your use-case which is not covered by existing documentation.

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

Describe your use-case which is not covered by existing documentation.

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

Describe your use-case which is not covered by existing documentation.

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

Jenkins and plugins versions report

What Operating System are you using (both controller, and any agents involved in the problem)?

Reproduction steps

Expected Results

Actual Results

Anything else?

Jenkins and plugins versions report

What Operating System are you using (both controller, and any agents involved in the problem)?

Reproduction steps

Expected Results

Actual Results

Anything else?

What feature do you want to see added?

Upstream changes

Jenkins and plugins versions report

What Operating System are you using (both controller, and any agents involved in the problem)?

Reproduction steps

Expected Results

Actual Results

Anything else?

Jenkins and plugins versions report

What Operating System are you using (both controller, and any agents involved in the problem)?

Reproduction steps

Expected Results

Actual Results

Anything else?

Are you interested in contributing a fix?

What feature do you want to see added?

Upstream changes

Describe your use-case which is not covered by existing documentation.

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

Describe your use-case which is not covered by existing documentation.

Reference any relevant documentation, other materials or issues/pull requests that can be used for inspiration.

Jenkins and plugins versions report

What Operating System are you using (both controller, and any agents involved in the problem)?

Reproduction steps

Expected Results

Actual Results

Anything else?

Jenkins and plugins versions report

What Operating System are you using (both controller, and any agents involved in the problem)?