Sidehistorik

...

This css cant be in the banner, but must be "hidden" in a field, the type could be the "Message Custom Field (for view) from the JIRA Toolkit. To make the changes when documents is ready, the script is "wrapped" into a document ready:

Kodeblok

<script language=javascript>
AJS.$(document).ready(function()
{
var state=AJS.$("#customfield_11102-val").text().trim();

AJS.$("#customfield_11102-val").css("color", "black");
AJS.$("#customfield_11102-val").css("font-weight", "bold");

if (state == 'RED')
{
  AJS.$("#customfield_11102-val").css("background-color","#ff0000");
}
if (state == 'AMBER')
{
  AJS.$("#customfield_11102-val").css("background-color","gold");
}
if (state == 'GREEN')
{
  AJS.$("#customfield_11102-val").css("background-color","#00ff00");
}
if (state == 'WHITE')
{
  AJS.$("#customfield_11102-val").css("background-color","white");
}
 
});
</script>

Or better, using Lozenges from the AUI :

Kodeblok

<script language=javascript>
 
AJS.$(document).ready(function()
{

var state=AJS.$("#customfield_10621-val").text().trim();

AJS.$("#customfield_10621-val").addClass("jira-issue-status-lozenge");
AJS.$("#customfield_10621-val").addClass("aui-lozenge");

if (state.indexOf('RED') >= 0)
{
  AJS.$("#customfield_10621-val").addClass("jira-issue-status-lozenge-blue-gray");
}
if (state.indexOf('YELLOW') >= 0)
{
  AJS.$("#customfield_10621-val").addClass("jira-issue-status-lozenge-yellow");
}
if (state.indexOf('GREEN') >= 0)
{
  AJS.$("#customfield_10621-val").addClass("jira-issue-status-lozenge-green");
}
 
};
</script>

The possibilities can be reverse engineered from the css files fetched by the browser:

Kodeblok

title	/download/superbatch/css/batch.css

.aui-lozenge{background:#cccccc;border:1px solid #cccccc;border-radius:3px;color:#333333;display:inline-block;font-size:11px;font-weight:bold;line-height:99%;margin:0;padding:2px 5px;text-align:center;text-decoration:none;text-transform:uppercase;}
.aui-lozenge.aui-lozenge-subtle{background-color:#ffffff;border-color:#cccccc;color:#333333;}
.aui-lozenge-success{background-color:#14892c;border-color:#14892c;color:#ffffff;}
.aui-lozenge-success.aui-lozenge-subtle{background-color:#ffffff;border-color:#60b070;color:#14892c;}
.aui-lozenge-error{background-color:#d04437;border-color:#d04437;color:#ffffff;}
.aui-lozenge-error.aui-lozenge-subtle{background-color:#ffffff;border-color:#e8a29b;color:#d04437;}
.aui-lozenge-current{background-color:#ffd351;border-color:#ffd351;color:#594300;}
.aui-lozenge-current.aui-lozenge-subtle{background-color:#ffffff;border-color:#ffe9a8;color:#594300;}
.aui-lozenge-complete{background-color:#4a6785;border-color:#4a6785;color:#ffffff;}
.aui-lozenge-complete.aui-lozenge-subtle{background-color:#ffffff;border-color:#a5b3c2;color:#4a6785;}
.aui-lozenge-moved{background-color:#815b3a;border-color:#815b3a;color:#ffffff;}
.aui-lozenge-moved.aui-lozenge-subtle{background-color:#ffffff;border-color:#c0ad9d;color:#815b3a;}
 
...
...
...
/* module-key = 'com.atlassian.plugins.issue-status-plugin:issue-status-resources', location = '/css/issue-status-plugin.css' */
.jira-issue-status-lozenge{vertical-align:text-bottom;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:12em;word-wrap:normal;word-break:normal}.jira-issue-status-render-error{color:#d04437}.aui-lozenge.jira-issue-status-lozenge-green{background-color:#14892c;border-color:#14892c;color:#fff}.aui-lozenge.aui-lozenge-subtle.jira-issue-status-lozenge-green{background-color:#fff;border-color:#b2d8b9;color:#14892c}.aui-lozenge.jira-issue-status-lozenge-yellow{background-color:#ffd351;border-color:#ffd351;color:#594300}.aui-lozenge.aui-lozenge-subtle.jira-issue-status-lozenge-yellow{background-color:#fff;border-color:#ffe28c;color:#594300}.aui-lozenge.jira-issue-status-lozenge-brown{background-color:#815b3a;border-color:#815b3a;color:#fff}.aui-lozenge.aui-lozenge-subtle.jira-issue-status-lozenge-brown{background-color:#fff;border-color:#ece7e2;color:#815b3a}.aui-lozenge.jira-issue-status-lozenge-warm-red{background-color:#d04437;border-color:#d04437;color:#fff}.aui-lozenge.aui-lozenge-subtle.jira-issue-status-lozenge-warm-red{background-color:#fff;border-color:#f8d3d1;color:#d04437}.aui-lozenge.jira-issue-status-lozenge-blue-gray{background-color:#4a6785;border-color:#4a6785;color:#fff}.aui-lozenge.aui-lozenge-subtle.jira-issue-status-lozenge-blue-gray{background-color:#fff;border-color:#e4e8ed;color:#4a6785}.aui-lozenge.jira-issue-status-lozenge-medium-gray{background-color:#ccc;border-color:#ccc;color:#333}.aui-lozenge.aui-lozenge-subtle.jira-issue-status-lozenge-medium-gray{background-color:#fff;border-color:#ccc;color:#333}.aui-lozenge.jira-issue-status-lozenge-compact{width:4px;text-align:left;text-indent:-9999px}.jira-issue-status-tooltip .tipsy-inner{text-align:left}.jira-issue-status-tooltip .jira-issue-status-tooltip-title{text-transform:uppercase}.jira-issue-status-tooltip .jira-issue-status-tooltip-desc{color:#ccc}.jira-issue-status-lozenge-max-width-short{max-width:8em}.jira-issue-status-lozenge-max-width-medium{max-width:12em}.jira-issue-status-lozenge-max-width-long{max-width:20em}
/* module-key = 'jira.webresources:issue-table', location = '/ui/aui-layout/issue-table.less' */

To hide the Custom field making the CSS changes on the read fomform:

Kodeblok
AJS.$("#rowForcustomfield_11104").hide();

To be sure field are hidden, the scripts can be wrapped into a "document ready" function:

Kodeblok
AJS.$(document).ready(function() { ..... .... ..... });

Content

Rum-værktøjer

Versioner sammenlignet

Gammel version 8

Ny version Nuværende

Nøgle