Uploaded image for project: 'Confluence Data Center'
  1. Confluence Data Center
  2. CONFSERVER-87601

Confluence "Jira Two-dimensional chart" does not show status lozenge colour from Jira 9.0.0+

    XMLWordPrintable

Details

    Description

      Issue Summary

      Confluence "Jira Two-dimensional chart" does not show the status lozenge color from Jira 9.0.0+

      This is reproducible on Data Center: yes

      Steps to Reproduce

      1. Install Jira 9.0+ with sample Software Project (e.g. named DEMO)
      2. Install Confluence 7.19.5 (test with 7.19.9 and 8.3.1 as well, same output)
        • Connect the two as application links
        • Create a new Confluence page with a Jira Issue Macro
        • Use this JQL:
          project = "DEMO" order by key
          
        • Publish the page

      Expected Results

      The Jira Two-dimensional chart should show the Status lozenge as these colors:

      1. Green (Done, Resolved, Closed)
      2. Blue (In progress)
      3. Grey (Reopened, Open, To Do)

      Actual Results

      Jira Two-dimensional chart shows all the Status lozenge in grey :

      Data from Jira

      • Jira Two-dimensional chart REST endpoint:
        • <Jira-Base-URL>/rest/gadget/1.0/twodimensionalfilterstats/generate?filterId=jql-project+%3D+DEMO&xstattype=issuetype&ystattype=statuses&sortBy=natural&showTotals=true&numberToShow=5&sortDirection=asc&xoauth_requestor_id=admin

      Jira Two-dimensional chart REST End Point in Jira 7/8 returned:

      [...]
      "markup": "<span class=\" jira-issue-status-lozenge aui-lozenge jira-issue-status-lozenge-yellow jira-issue-status-lozenge-indeterminate aui-lozenge-subtle jira-issue-status-lozenge-max-width-medium\" data-tooltip=\"&lt;span class=&quot;jira-issue-status-tooltip-title&quot;&gt;In Progress&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;jira-issue-status-tooltip-desc&quot;&gt;This issue is being actively worked on at the moment by the assignee.&lt;/span&gt;\" title=\"&lt;span class=&quot;jira-issue-status-tooltip-title&quot;&gt;In Progress&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;jira-issue-status-tooltip-desc&quot;&gt;This issue is being actively worked on at the moment by the assignee.&lt;/span&gt;\">In Progress</span>"
      [...]
      "markup": "<span class=\" jira-issue-status-lozenge aui-lozenge jira-issue-status-lozenge-blue-gray jira-issue-status-lozenge-new aui-lozenge-subtle jira-issue-status-lozenge-max-width-medium\" data-tooltip=\"&lt;span class=&quot;jira-issue-status-tooltip-title&quot;&gt;Backlog&lt;/span&gt;\" title=\"&lt;span class=&quot;jira-issue-status-tooltip-title&quot;&gt;Backlog&lt;/span&gt;\">Backlog</span>"
      [...]
      "markup": "<span class=\" jira-issue-status-lozenge aui-lozenge jira-issue-status-lozenge-blue-gray jira-issue-status-lozenge-new aui-lozenge-subtle jira-issue-status-lozenge-max-width-medium\" data-tooltip=\"&lt;span class=&quot;jira-issue-status-tooltip-title&quot;&gt;Selected for Development&lt;/span&gt;\" title=\"&lt;span class=&quot;jira-issue-status-tooltip-title&quot;&gt;Selected for Development&lt;/span&gt;\">Selected for Development</span>"
      

      Jira Issue macro REST End Point in Jira 9 returns a different span class:

      [...]
      "markup": "<span class=\" jira-issue-status-lozenge aui-lozenge jira-issue-status-lozenge-inprogress jira-issue-status-lozenge-indeterminate aui-lozenge-subtle jira-issue-status-lozenge-max-width-medium\" data-tooltip=\"&lt;span class=&quot;jira-issue-status-tooltip-title&quot;&gt;In Progress&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;jira-issue-status-tooltip-desc&quot;&gt;This issue is being actively worked on at the moment by the assignee.&lt;/span&gt;\" title=\"&lt;span class=&quot;jira-issue-status-tooltip-title&quot;&gt;In Progress&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;jira-issue-status-tooltip-desc&quot;&gt;This issue is being actively worked on at the moment by the assignee.&lt;/span&gt;\">In Progress</span>"
      [...]
      "markup": "<span class=\" jira-issue-status-lozenge aui-lozenge jira-issue-status-lozenge-default jira-issue-status-lozenge-new aui-lozenge-subtle jira-issue-status-lozenge-max-width-medium\" data-tooltip=\"&lt;span class=&quot;jira-issue-status-tooltip-title&quot;&gt;Backlog&lt;/span&gt;\" title=\"&lt;span class=&quot;jira-issue-status-tooltip-title&quot;&gt;Backlog&lt;/span&gt;\">Backlog</span>"
      [...]
      "markup": "<span class=\" jira-issue-status-lozenge aui-lozenge jira-issue-status-lozenge-success jira-issue-status-lozenge-done aui-lozenge-subtle jira-issue-status-lozenge-max-width-medium\" data-tooltip=\"&lt;span class=&quot;jira-issue-status-tooltip-title&quot;&gt;Done&lt;/span&gt;\" title=\"&lt;span class=&quot;jira-issue-status-tooltip-title&quot;&gt;Done&lt;/span&gt;\">Done</span>"
      

      Workaround

      1. Navigate to the > General Configuration > Stylesheet
      2. Add the following CSS snippet:
        .two-dimensional-chart .aui-lozenge.jira-issue-status-lozenge-success, #main .two-dimensional-chart .aui-lozenge.jira-issue-status-lozenge-success  {
            background-color: #FFFFFF;
            border-color: #B2D8B9;
            color: #14892C;
        }
        
        .two-dimensional-chart .aui-lozenge.jira-issue-status-lozenge-default, #main .two-dimensional-chart .aui-lozenge.jira-issue-status-lozenge-default {
            background-color: #FFFFFF;
            border-color: #E4E8ED;
            color: #4A6785;
        }
        
        .two-dimensional-chart .aui-lozenge.jira-issue-status-lozenge-inprogress, #main .two-dimensional-chart .aui-lozenge.jira-issue-status-lozenge-inprogress {
            background-color: #FFFFFF;
            border-color: #FFE28C;
            color: #594300;
        }
        
      3. Reload the Confluence page containing the Jira Issue Macro and the change should take effect

      Attachments

        1. image-2023-10-25-15-59-36-757.png
          image-2023-10-25-15-59-36-757.png
          64 kB
        2. image-2023-10-25-16-00-00-232.png
          image-2023-10-25-16-00-00-232.png
          43 kB
        3. lozenge_test_1.jpg
          lozenge_test_1.jpg
          29 kB
        4. lozenge_test_2.jpg
          lozenge_test_2.jpg
          31 kB

        Issue Links

          Activity

            People

              Unassigned Unassigned
              9f7de485df51 Basar Beykoz
              Votes:
              2 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

                Created:
                Updated: