Merge pull request #439 from makermelissa/date-sorting

Added Date Sorting for Blinka boards

Author: tannewt

_blinka/beaglebone_black.md

@@ -73,7 +73,7 @@ function handlePageLoad() {
     });
   }
 
-  if (sort_by.length) {
+  if (sort_by != null && sort_by.length) {
     document.querySelector("input[name='sort-by'][value='" + sort_by + "']").click();
   }
 }
@@ -276,15 +276,13 @@ function handleSortResults(event) {
     .sort(function (a, b) {
       switch(sortType) {
         case 'alpha-asc':
-          console.log(a.dataset.name.localeCompare(b.dataset.name));
           return a.dataset.name.localeCompare(b.dataset.name);
         case 'alpha-desc':
           return b.dataset.name.localeCompare(a.dataset.name);
         case 'date-asc':
-          return a.dataset.date < b.dataset.date ? 1 : -1;
-        case 'date-desc':
-          //console.log(a.dataset.date + " is greater than " + b.dataset.date + " = " + (a.dataset.date > b.dataset.date));
           return a.dataset.date > b.dataset.date ? 1 : -1;
+        case 'date-desc':
+          return a.dataset.date < b.dataset.date ? 1 : -1;
         default:
           // sort by download count is the default
           return parseInt(a.dataset.downloads, 10) < parseInt(b.dataset.downloads, 10) ? 1 : -1;

_blinka/beaglebone_black_industrial.md

@@ -42,6 +42,8 @@ <h1>Blinka</h1>
             <li><input type="radio" name="sort-by" value="downloads" aria-label="Downloads" checked> Downloads</li>
             <li><input type="radio" name="sort-by" value="alpha-asc" aria-label="Board Name (A to Z)"> Board Name (A to Z)</li>
             <li><input type="radio" name="sort-by" value="alpha-desc" aria-label="Board Name (Z to A)"> Board Name (Z to A)</li>
+            <li><input type="radio" name="sort-by" value="date-desc" aria-label="Date Added (Newest First)"> Date Added (Newest First)</li>
+            <li><input type="radio" name="sort-by" value="date-asc" aria-label="Date Added (Oldest First)"> Date Added (Oldest First)</li>
           </ul>
         </fieldset>
       </div>
@@ -59,7 +61,8 @@ <h1>Blinka</h1>
                               data-name="{{ board.name }}"
                               data-downloads="0"
                               data-manufacturer="{{ board.manufacturer }}"
-                              data-features="{{ board.features | join: ','}}">
+                              data-features="{{ board.features | join: ','}}"
+                              data-date="{{ board.date_added }}">
           <a href="{{ board.url | relative_url }}">
             <div>
               <div class="img-responsive-4by3">