Issue #975 - Added a new label 'Needs Triage' to the list of labels

webcompat · Jun 5, 2016 · 13ae110 · 13ae110
1 parent f1c1620
commit 13ae110
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 4 deletions.
diff --git a/webcompat/static/css/development/components/issue-list.css b/webcompat/static/css/development/components/issue-list.css
@@ -11,6 +11,7 @@
   --Issue-stateClose: var(--base-stateClose);
   --Issue-stateFixed: var(--base-stateFixed);
   --Issue-stateWorksForMe: var(--base-stateWorksForMe);
+  --Issue-stateNeedsTriage: var(--base-stateNeedsTriage);
 }
 
 /* Parent class */
@@ -56,15 +57,19 @@
   .wc-IssueList--close {
     border-left: 5px solid var(--Issue-stateClose);
   }
-  
+
   .wc-IssueList--fixed {
     border-left: 5px solid var(--Issue-stateFixed);
   }
-  
+
   .wc-IssueList--worksforme {
     border-left: 5px solid var(--Issue-stateWorksForMe);
   }
 
+  .wc-IssueList--needstriage {
+    border-left: 5px solid var(--Issue-stateNeedsTriage);
+  }
+
   .wc-IssueList--large {
     font-size:1.2em;
     border-width:8px;

diff --git a/webcompat/static/css/development/components/style-variable.css b/webcompat/static/css/development/components/style-variable.css
@@ -19,4 +19,5 @@
   --base-stateClose: #c5d1d5; /* light gray */
   --base-stateFixed: #dda0dd; /* light purple */
   --base-stateWorksForMe: #cfb53b; /* light yellow */
+  --base-stateNeedsTriage: #ff9900; /* orange */
 }
diff --git a/webcompat/static/css/development/components/tag.css b/webcompat/static/css/development/components/tag.css
@@ -129,7 +129,7 @@
     .wc-Tag--fixed.wc-Tag--label {
       background-color:var(--base-stateFixed);
     }
-    
+
   /* Tag Appears to work */
   .wc-Tag--worksforme {
     border-color:var(--base-stateWorksForMe);
@@ -141,4 +141,17 @@
     .wc-Tag--worksforme.is-active,
     .wc-Tag--worksforme.wc-Tag--label {
       background-color:var(--base-stateWorksForMe);
-    }
+    }
+
+  /* Tag needs triaging */
+  .wc-Tag--needstriage {
+    border-color:var(--base-stateNeedsTriage);
+  }
+
+    /* event */
+    .wc-Tag--needstriage.wc-tag--filter:hover,
+    .wc-Tag--needstriage.wc-tag--filter:focus,
+    .wc-Tag--needstriage.is-active,
+    .wc-Tag--needstriage.wc-Tag--label {
+      background-color:var(--base-stateNeedsTriage);
+    }
diff --git a/webcompat/static/js/lib/models/issue.js b/webcompat/static/js/lib/models/issue.js
@@ -61,6 +61,10 @@ issues.Issue = Backbone.Model.extend({
       this.set('stateClass', 'worksforme');
       return 'Appears to work';
     }
+    if (labelsNames.indexOf('needstriage') > -1) {
+      this.set('stateClass', 'needstriage');
+      return 'Needs Triage';
+    }
     //New is the default value.
     this.set('stateClass', 'new');
     return 'New Issue';