adds graphical visualization for issue type and status

Sun, 21 Jun 2020 12:24:29 +0200

author
Mike Becker <universe@uap-core.de>
date
Sun, 21 Jun 2020 12:24:29 +0200
changeset 92
b723b31383ac
parent 91
c3a6c65b3729
child 93
a44d59bbf447

adds graphical visualization for issue type and status

src/main/webapp/WEB-INF/jspf/issue-list.jsp file | annotate | diff | comparison | revisions
src/main/webapp/projects.css file | annotate | diff | comparison | revisions
--- a/src/main/webapp/WEB-INF/jspf/issue-list.jsp	Sun Jun 21 12:03:43 2020 +0200
+++ b/src/main/webapp/WEB-INF/jspf/issue-list.jsp	Sun Jun 21 12:24:29 2020 +0200
@@ -32,11 +32,15 @@
                     <fmt:message key="placeholder.null-assignee" />
                 </c:if>
             </td>
-            <td>
-                <fmt:message key="issue.category.${issue.category}" />
+            <td class="hcenter">
+                <div class="issue-tag ${issue.category}">
+                    <fmt:message key="issue.category.${issue.category}" />
+                </div>
             </td>
-            <td>
-                <fmt:message key="issue.status.${issue.status}" />
+            <td class="hcenter">
+                <div class="issue-tag phase-${issue.status.phase}">
+                    <fmt:message key="issue.status.${issue.status}" />
+                </div>
             </td>
             <td>
                 <fmt:formatDate value="${issue.created}" type="BOTH"/>
--- a/src/main/webapp/projects.css	Sun Jun 21 12:03:43 2020 +0200
+++ b/src/main/webapp/projects.css	Sun Jun 21 12:24:29 2020 +0200
@@ -77,3 +77,48 @@
     height: 100%;
     background: green;
 }
+
+.issue-tag {
+    width: auto;
+    padding: .1em 2ex .1em 2ex;
+    display: inline-block;
+    border-style: outset;
+    border-width: 2pt;
+    border-color: silver;
+    border-radius: 6pt;
+    background: lightgray;
+    text-transform: uppercase;
+    font-weight: bolder;
+    font-size: smaller;
+    color: whitesmoke;
+}
+
+.issue-tag.Bug {
+    background: red;
+}
+
+.issue-tag.Improvement, .issue-tag.Feature {
+    background: green;
+}
+
+.issue-tag.Task {
+    background: deepskyblue;
+}
+
+.issue-tag.Test {
+    background: lightskyblue;
+}
+
+.issue-tag.phase-0 {
+    background: steelblue;
+}
+
+.issue-tag.phase-1 {
+    background: gold;
+    color: black;
+}
+
+.issue-tag.phase-2 {
+    background: green;
+}
+

mercurial