|
|
|
@ -109,40 +109,43 @@ function loadPackageList(sortType) {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
for (var i = 0; i < sortedPackages.length; i++) {
|
|
|
|
|
var icon = "fas fa-box-open";
|
|
|
|
|
var classes = "";
|
|
|
|
|
var delivered = false;
|
|
|
|
|
if (sortedPackages[i].value.delivered == true) {
|
|
|
|
|
delivered = true;
|
|
|
|
|
icon = "fas fa-check";
|
|
|
|
|
classes = "text-color-green";
|
|
|
|
|
} else if (typeof sortedPackages[i].value.distance != 'undefined' && sortedPackages[i].value.distance * 1 < localStorage.getItem("alertradius") * 1) {
|
|
|
|
|
classes = "text-color-deeporange";
|
|
|
|
|
for (var j = 0; j < sortedPackages[i].value.items.length; j++) {
|
|
|
|
|
var item = sortedPackages[i].value.items[j];
|
|
|
|
|
var icon = "fas fa-box-open";
|
|
|
|
|
var classes = "";
|
|
|
|
|
var delivered = false;
|
|
|
|
|
if (item.delivered) {
|
|
|
|
|
delivered = true;
|
|
|
|
|
icon = "fas fa-check";
|
|
|
|
|
classes = "text-color-green";
|
|
|
|
|
} else if (typeof sortedPackages[i].value.distance != 'undefined' && sortedPackages[i].value.distance * 1 < localStorage.getItem("alertradius") * 1) {
|
|
|
|
|
classes = "text-color-deeporange";
|
|
|
|
|
}
|
|
|
|
|
$("#addresslist").append(
|
|
|
|
|
'<li class="swipeout package-list-item" data-packageid="' + item.id + '" data-coordid=' + sortedPackages[i].value.id + '>'
|
|
|
|
|
+ '<div class="item-content swipeout-content ' + classes + '" data-packageid="' + item.id + '" data-latitude="' + sortedPackages[i].value.coords[0] + '" data-longitude="' + sortedPackages[i].value.coords[1] + '">'
|
|
|
|
|
+ ' <div class="item-media">'
|
|
|
|
|
+ ' <i class="icon ' + icon + '"></i>'
|
|
|
|
|
+ ' </div>'
|
|
|
|
|
+ ' <div class="item-inner">'
|
|
|
|
|
+ ' <div class="item-title">'
|
|
|
|
|
+ ' ' + item.address
|
|
|
|
|
+ ' </div>'
|
|
|
|
|
+ ' <div class="item-footer">'
|
|
|
|
|
+ ' <span class="distance">' + (typeof sortedPackages[i].value.distance != 'undefined' ? getDisplayDistance(sortedPackages[i].value.distance) : '...') + '</span>'
|
|
|
|
|
+ ' </div>'
|
|
|
|
|
+ ' </div>'
|
|
|
|
|
+ '</div>'
|
|
|
|
|
+ '<div class="swipeout-actions-left">'
|
|
|
|
|
+ ' <a href="#" class="color-green deliver-btn" data-packageid="' + item.id + '">' + (delivered ? "<i class='fas fa-undo'></i> Undeliver" : "<i class='fas fa-check'></i> Deliver") + '</a>'
|
|
|
|
|
+ ' <a href="geo:' + sortedPackages[i].value.coords[0] + ',' + sortedPackages[i].value.coords[1] + '" class="color-blue directions-btn"><i class="fas fa-route"></i> Directions</a>'
|
|
|
|
|
+ '</div>'
|
|
|
|
|
+ '<div class="swipeout-actions-right">'
|
|
|
|
|
+ ' <a href="#" class="swipeout-delete"><i class="fas fa-trash"></i> Delete</a>'
|
|
|
|
|
+ '</div>'
|
|
|
|
|
+ '</li>'
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
$("#addresslist").append(
|
|
|
|
|
'<li class="swipeout package-list-item" data-packageid="' + sortedPackages[i].index + '">'
|
|
|
|
|
+ '<div class="item-content swipeout-content ' + classes + '" data-packageid="' + sortedPackages[i].index + '" data-latitude="' + sortedPackages[i].value.coords[0] + '" data-longitude="' + sortedPackages[i].value.coords[1] + '">'
|
|
|
|
|
+ ' <div class="item-media">'
|
|
|
|
|
+ ' <i class="icon ' + icon + '"></i>'
|
|
|
|
|
+ ' </div>'
|
|
|
|
|
+ ' <div class="item-inner">'
|
|
|
|
|
+ ' <div class="item-title">'
|
|
|
|
|
+ ' ' + sortedPackages[i].value.address
|
|
|
|
|
+ ' </div>'
|
|
|
|
|
+ ' <div class="item-footer">'
|
|
|
|
|
+ ' <span class="distance">' + (typeof sortedPackages[i].value.distance != 'undefined' ? getDisplayDistance(sortedPackages[i].value.distance) : '...') + '</span>'
|
|
|
|
|
+ ' </div>'
|
|
|
|
|
+ ' </div>'
|
|
|
|
|
+ '</div>'
|
|
|
|
|
+ '<div class="swipeout-actions-left">'
|
|
|
|
|
+ ' <a href="#" class="color-green deliver-btn" data-packageid="' + sortedPackages[i].index + '">' + (delivered ? "<i class='fas fa-undo'></i> Undeliver" : "<i class='fas fa-check'></i> Deliver") + '</a>'
|
|
|
|
|
+ ' <a href="geo:' + sortedPackages[i].value.coords[0] + ',' + sortedPackages[i].value.coords[1] + '" class="color-blue directions-btn"><i class="fas fa-route"></i> Directions</a>'
|
|
|
|
|
+ '</div>'
|
|
|
|
|
+ '<div class="swipeout-actions-right">'
|
|
|
|
|
+ ' <a href="#" class="swipeout-delete"><i class="fas fa-trash"></i> Delete</a>'
|
|
|
|
|
+ '</div>'
|
|
|
|
|
+ '</li>'
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|