Merge pull request #58 from KyleHodgetts/main-nav-display-progress

Progress of policy now displays in search

_data/data.yaml

@@ -358,12 +358,12 @@ tabs:
             status: notStarted
             comments: 'https://redd.it/5d7soc'
             source: 'http://www.nbcnews.com/politics/2016-election/full-list-donald-trump-s-rapidly-changing-policy-positions-n547801'
-          - 
+          -
             text: 'Trump supports an audit of the FED'
             status: notStarted
             comments: 'https://redd.it/5dx5qg'
             source: 'http://www.realclearpolitics.com/video/2016/09/07/ron_paul_donald_trump_wants_to_audit_the_federal_reserve.html'
-      - 
+      -
         header: 'Jobs'
         points:
           -
@@ -752,7 +752,7 @@ tabs:
             status: notStarted
             comments: 'https://redd.it/5d7st4'
             source: 'http://www.nydailynews.com/news/politics/donald-trump-big-list-promises-article-1.2865483'
-      - 
+      -
         header: 'Military'
         points:
           -

_layouts/page.html

@@ -219,7 +219,19 @@
                                         //prevents duplicate heading titles
                                         display_heading = false;
                                     }
-                                    $("#search-results").append('<li class="list-group-item"><span>' + $(this).text() + '</span></li>')
+
+                                    // Default display class for all list items to be added
+                                    var displayClass = "list-group-item";
+
+                                    // Get the class of the table row for this td element
+                                    var rowClass = $(this).parent().prop('className');
+
+                                    // Not empty implies it is either danger (broken policy)
+                                    // or success (achieved policy)
+                                    if (rowClass !== "") {
+                                      displayClass += " list-group-item-" + rowClass;
+                                    }
+                                    $("#search-results").append('<li class="'+ displayClass + '"><span>' + $(this).text() + '</span></li>')
                                 }
                             });
                         });