Merge pull request #153 from GerFr/150-sort-by-distance

sort by magnitude

articles.html

@@ -230,6 +230,22 @@ <h2 class="display-3">Star Collection</h2>
               </a>
             </div>
           </div>
+          <div class="col-4 col-sm-4 col-md-3 col-xl-2">
+            <div class="card bg-black border border-black" id="Magasc">
+              <a class="btn btn-outline-dark border-0" onclick="setSort('Mag', 'asc')">
+                <img src="assets/icons/ascc.png" class="cart-image-checkout">
+                <p class="lead text-muted">Magnitude</p>
+              </a>
+            </div>
+          </div>
+          <div class="col-4 col-sm-4 col-md-3 col-xl-2">
+            <div class="card bg-black border border-black" id="Magdsc">
+              <a class="btn btn-outline-dark border-0" onclick="setSort('Mag', 'dsc')">
+                <img src="assets/icons/descc.png" class="cart-image-checkout">
+                <p class="lead text-muted">Magnitude</p>
+              </a>
+            </div>
+          </div>
         </div>
       </div>
     </nav>

js/sort.js

@@ -31,7 +31,7 @@ function setSort(key, direction) {
 function sortData(data, key, direction) {
     let newData = data;
 
-    if ((key==="Price")||(key==="Distance")){
+    if ((key==="Price")||(key==="Distance")||(key=="Mag")){
         switch (direction) {
             case "asc":
                 newData.sort((a, b) => a[key] - b[key]);