• 1.0-m10, 1.0-m11

      In scope

      • Card states that match all indicator states
      • Clicking on the name of the Pipeline takes you to the Pipeline summary for that Pipeline
      • Clicking anywhere else opens the Pipeline Result that the card represents

      For each card

      • Status glyph
      • Full name (including org)
      • Branch name
      • Commit ID
      • Action links
        • These should be extension points
        • Unfavorite the card

          [JENKINS-35828] Create a card component

          Cliff Meyers added a comment -

          jamesdumay could you also please clarify what's desired for the first status indicator? It looks like a progress state with an embedded stop button. Is this a new state for LiveStatusIndicator?

          Cliff Meyers added a comment - jamesdumay could you also please clarify what's desired for the first status indicator? It looks like a progress state with an embedded stop button. Is this a new state for LiveStatusIndicator?

          James Dumay added a comment -

          cliffmeyers the cards don't have to go into the JDL - you can keep them local to your new plugin. We don't use the cards outside of personalization but when we do we can consider making them a shared pattern.

          I believe all the icons are either pre-existing status glyphs or present in react material icons.

          If a card represents a non-multibranch then don't show the branch on the card.

          Gear icon is supposed to go to the editor. Leave it out for now.

          Run again shows for all "failing" states. We are working on a new API for that use case now so it can be left out for the time being.

          The stop button isn't nessecary for v1 of personalization. We can add it in much later

          James Dumay added a comment - cliffmeyers the cards don't have to go into the JDL - you can keep them local to your new plugin. We don't use the cards outside of personalization but when we do we can consider making them a shared pattern. I believe all the icons are either pre-existing status glyphs or present in react material icons. If a card represents a non-multibranch then don't show the branch on the card. Gear icon is supposed to go to the editor. Leave it out for now. Run again shows for all "failing" states. We are working on a new API for that use case now so it can be left out for the time being. The stop button isn't nessecary for v1 of personalization. We can add it in much later

          Michael Neale added a comment -

          cliffmeyers like James says, in own plugin, no need to have it in JDL (maybe it becomes so popular websites and other things want to re-use it, but even then probably could be its own npm module at that point...)

          We know EP works in plugins, as we use it all the time, so that should be all good.

          Michael Neale added a comment - cliffmeyers like James says, in own plugin, no need to have it in JDL (maybe it becomes so popular websites and other things want to re-use it, but even then probably could be its own npm module at that point...) We know EP works in plugins, as we use it all the time, so that should be all good.

          Cliff Meyers added a comment -

          Great, thanks for all the answers. Plugin and first draft of Card component PR's will land tomorrow.

          Cliff Meyers added a comment - Great, thanks for all the answers. Plugin and first draft of Card component PR's will land tomorrow.

          James Dumay added a comment -

          Nice one

          James Dumay added a comment - Nice one

          Cliff Meyers added a comment -

          jamesdumay this is mostly ready but I do have a few notes / questions:

          1. Note: need to round corners.
          2. Could not find the glyphs from the original design file, so I quickly subbed in some things from material icons that are close-ish, but I am sure they are terrible It'd be nice if we could avoid too many one-off icons - maybe there's something else in Material you think fits better?
          3. Could you give me some direction as to what the queued, running and not-built status indicators should look like? These are the default styles the indicator is giving. Guessing we want things a bit more white.
          4. The selected favorite unfortunately blends in with the Unstable color. Thoughts?

          Cliff Meyers added a comment - jamesdumay this is mostly ready but I do have a few notes / questions: Note: need to round corners. Could not find the glyphs from the original design file, so I quickly subbed in some things from material icons that are close-ish, but I am sure they are terrible It'd be nice if we could avoid too many one-off icons - maybe there's something else in Material you think fits better? Could you give me some direction as to what the queued, running and not-built status indicators should look like? These are the default styles the indicator is giving. Guessing we want things a bit more white. The selected favorite unfortunately blends in with the Unstable color. Thoughts?

          Cliff Meyers added a comment - PR's: https://github.com/jenkinsci/jenkins-design-language/pull/68 https://github.com/jenkinsci/blueocean-plugin/pull/310

          James Dumay added a comment -

          cliffmeyers for the icons for commit and branch we are using https://octicons.github.com

          James Dumay added a comment - cliffmeyers for the icons for commit and branch we are using https://octicons.github.com

          James Dumay added a comment -

          cliffmeyers when something is favourited in the card could we make the full star color white? That should make it work with any background colour

          James Dumay added a comment - cliffmeyers when something is favourited in the card could we make the full star color white? That should make it work with any background colour

          James Dumay added a comment -

          cliffmeyers oh the indicators should be white

          James Dumay added a comment - cliffmeyers oh the indicators should be white

            cliffmeyers Cliff Meyers
            jamesdumay James Dumay
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: