Skip to content

Refine interface#386

Open
janfaracik wants to merge 1 commit into
jenkinsci:masterfrom
janfaracik:refine-interface
Open

Refine interface#386
janfaracik wants to merge 1 commit into
jenkinsci:masterfrom
janfaracik:refine-interface

Conversation

@janfaracik

@janfaracik janfaracik commented Jul 28, 2025

Copy link
Copy Markdown
Member

This PR refines the interface of the plugin, making use of components from Jenkins Design Library to simplify the interface and bring it inline with the latest LTS of Jenkins.

Highlights

  • Titles/breadcrumbs refined
  • Now shows how many config files there are in the app bar
  • No longer has a side panel
  • Form buttons stick to the bottom of the screen
  • Refined icon, inline with ionicons
  • New 'No configs' notice
  • Refined sections for config files

Before

image

After

image

Before

image

After

image

Before

image

After

image

Before

image

After

image

Before

image

After

image

Before

image

After

image

Testing done

  • Tested on 2.520

Submitter checklist

  • Make sure you are opening from a topic/feature/bugfix branch (right side) and not your main branch!
  • Ensure that the pull request title represents the desired changelog entry
  • Please describe what you did
  • Link to relevant issues in GitHub or Jira
  • Link to relevant pull requests, esp. upstream and downstream changes
  • Ensure you have provided tests that demonstrate the feature works or the issue is fixed

@janfaracik janfaracik marked this pull request as ready for review July 28, 2025 09:19
@janfaracik janfaracik requested a review from a team as a code owner July 28, 2025 09:19
@alecharp alecharp mentioned this pull request Aug 16, 2025
6 tasks
<div align="right">
<input type="button" value="${%Add file}" class="repeatable-add show-if-last" />
<input type="button" value="${%Delete}" class="repeatable-delete show-if-not-only" style="margin-left: 1em;" />
<button type="button" class="jenkins-button repeatable-add show-if-last">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Isn't it more state of the art to have the add button below the section?
Like this:
image
Though it means a bit of duplication having the button text defined twice

<j:jelly xmlns:j="jelly:core" xmlns:st="jelly:stapler" xmlns:d="jelly:define"
xmlns:l="/lib/layout" xmlns:t="/lib/hudson" xmlns:f="/lib/form" xmlns:cf="/lib/configfiles">
<l:layout permission="${app.MANAGE}" norefresh="true">
<l:layout permission="${app.MANAGE}" title="${it.displayName}">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Make that type="one-column" ?

<j:jelly xmlns:j="jelly:core" xmlns:st="jelly:stapler" xmlns:d="jelly:define"
xmlns:l="/lib/layout" xmlns:t="/lib/hudson" xmlns:f="/lib/form" xmlns:cf="/lib/configfiles">
<l:layout permission="${it.CONFIGURE}" norefresh="true">
<l:layout permission="${it.CONFIGURE}">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Make that type="one-column" ?

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

should get a title

@mawinter69

Copy link
Copy Markdown
Contributor

What is a bit suboptimal for me is that you have a separate table for each type of config files. The result is that in each table the width of the columns is different.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants