Suggest recently shipped tracking numbers tied to account

www/assets/js/track.js

@@ -14,14 +14,45 @@ function openTrackingInfoPage(code) {
 }
 
 function addTrackingSuggestions() {
-    $("#tracking-suggestion-list ul").html("");
+    $("#tracking-history-list ul").html("");
     var history = getTrackingHistory();
     for (var i = history.length - 1; i >= 0; i--) {
-        $("#tracking-suggestion-list ul").append('<li><a class="item-link item-content hapticbtn" href="/track/' + history[i] + '">'
+        $("#tracking-history-list ul").append('<li><a class="item-link item-content hapticbtn" href="/track/' + history[i] + '">'
                 + '<div class="item-inner"><div class="item-title">'
                 + history[i]
                 + '</div></div></a></li>');
     }
+    if (inStorage("accountkey") && inStorage("accountnumber")) {
+        apirequest(SETTINGS.apis.gettrackingnumbers, {
+            accountnumber: getStorage("accountnumber"),
+            accountkey: getStorage("accountkey")
+        }, function (success) {
+            if (success.status == "OK") {
+                $("#tracking-account-list ul").html("");
+                for (var i = 0; i < success.trackingnumbers.length; i++) {
+                    $("#tracking-account-list ul").append('<li><a class="item-link item-content hapticbtn" href="/track/' + success.trackingnumbers[i].trackingcode + '">'
+                            + '<div class="item-inner">'
+                            + '<div class="item-title">'
+                            + '<div class="item-header">' + success.trackingnumbers[i].nickname + '</div>'
+                            + success.trackingnumbers[i].trackingcode
+                            + '<div class="item-footer">' + success.trackingnumbers[i].datetimestring + '</div>'
+                            + '</div>'
+                            + '</div></a></li>');
+                }
+
+                if (success.trackingnumbers.length == 0) {
+                    $("#tracking-account-list ul").html('<li class="item-content"><div class="item-inner justify-content-center"><div class="item-title">You have no recent shipments.</div></div></li>');
+                }
+            } else {
+                $("#tracking-account-list ul").html('<li class="item-content"><div class="item-inner justify-content-center"><div class="item-title">Error: ' + success.msg + '</div></div></li>');
+            }
+        }, function (xhr, status, error) {
+            $("#tracking-account-list ul").html('<li class="item-content"><div class="item-inner justify-content-center"><div class="item-title">Server or network error. Try again later.</div></div></li>');
+            sendErrorReport("Tracking", "Couldn't get account tracking codes", "Server/network problem: " + xhr.status + ": " + xhr.statusText);
+        }, "GET");
+    } else {
+        $("#tracking-account-list ul").html('<li class="item-content"><div class="item-inner justify-content-center"><div class="item-title">Get an account to use this feature.</div></div></li>');
+    }
 }
 
 function openTrackingBarcodeScanner() {

www/pages/track.html

@@ -43,11 +43,32 @@
                             <div class="button button-outline hapticbtn" onclick="openTrackingBarcodeScanner()"><i class="far fa-qrcode"></i> Scan Receipt</div>
                         </div>
                     </div>
-                    <div class="card-content" id="tracking-suggestion-list">
-                        <div class="list">
-                            <ul>
+                    <div class="toolbar tabbar toolbar-bottom">
+                        <div class="toolbar-inner">
+                            <a href="#tracking-history-list" class="tab-link tab-link-active">History</a>
+                            <a href="#tracking-account-list" class="tab-link">My Packages</a>
+                        </div>
+                    </div>
+                    <div class="tabs-animated-wrap">
+                        <div class="tabs">
+                            <div id="tracking-history-list" class="tab tab-active">
+                                <div class="list">
+                                    <ul>
 
-                            </ul>
+                                    </ul>
+                                </div>
+                            </div>
+                            <div id="tracking-account-list" class="tab">
+                                <div class="list">
+                                    <ul>
+                                        <li class="item-content">
+                                            <div class="item-inner justify-content-center">
+                                                <div class="item-title">Loading...</div>
+                                            </div>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
                         </div>
                     </div>
                 </div>

www/settings.js

@@ -13,6 +13,7 @@ var SETTINGS = {
         dropandsendlocations: "http://localhost/helena.express/apis/dropandsend/locations/",
         dropandsendpickup: "http://localhost/helena.express/apis/dropandsend/requestpickup/",
         getaccountinfo: "http://localhost/helena.express/apis/account/getinfo/",
+        gettrackingnumbers: "http://localhost/helena.express/apis/account/gettrackingnumbers/",
         authorstartverify: "http://localhost/helena.express/apis/account/authorstartverify/",
         verifyauthcode: "http://localhost/helena.express/apis/account/verifyauthcode/",
         accountregister: "http://localhost/helena.express/apis/account/register/",