01fe0c02a5
This was unfortunately a bit more complex than just adding an HTML reset button, since reset buttons only "reset" input content to its original value rather than clearing it. This doesn't work for Whoogle's needs, since inputs on search result pages are auto populated with the search content as their default value. A reset button was introduced anyways, but is controlled by a few lines of javascript to allow completely clearing the search input. The button will only appear on mobile searches. At the moment, it isn't particularly pretty, but is functional. It uses just a plain "x" character and is always visible on mobile search result pages. This leaves plenty of room for improvement moving forward. Fixes #291
69 lines
2.3 KiB
JavaScript
69 lines
2.3 KiB
JavaScript
const checkForTracking = () => {
|
|
const mainDiv = document.getElementById("main");
|
|
const query = document.getElementById("search-bar").value.replace(/\s+/g, '');
|
|
|
|
// Note: regex functions for checking for tracking queries were derived
|
|
// from here -- https://stackoverflow.com/questions/619977
|
|
const matchTracking = {
|
|
"ups": {
|
|
"link": `https://www.ups.com/track?tracknum=${query}`,
|
|
"expr": [
|
|
/\b(1Z ?[0-9A-Z]{3} ?[0-9A-Z]{3} ?[0-9A-Z]{2} ?[0-9A-Z]{4} ?[0-9A-Z]{3} ?[0-9A-Z]|[\dT]\d\d\d ?\d\d\d\d ?\d\d\d)\b/
|
|
]
|
|
},
|
|
"usps": {
|
|
"link": `https://tools.usps.com/go/TrackConfirmAction?tLabels=${query}`,
|
|
"expr": [
|
|
/(\b\d{30}\b)|(\b91\d+\b)|(\b\d{20}\b)/,
|
|
/^E\D{1}\d{9}\D{2}$|^9\d{15,21}$/,
|
|
/^91[0-9]+$/,
|
|
/^[A-Za-z]{2}[0-9]+US$/
|
|
]
|
|
},
|
|
"fedex": {
|
|
"link": `https://www.fedex.com/apps/fedextrack/?tracknumbers=${query}`,
|
|
"expr": [
|
|
/(\b96\d{20}\b)|(\b\d{15}\b)|(\b\d{12}\b)/,
|
|
/\b((98\d\d\d\d\d?\d\d\d\d|98\d\d) ?\d\d\d\d ?\d\d\d\d( ?\d\d\d)?)\b/,
|
|
/^[0-9]{15}$/
|
|
]
|
|
}
|
|
};
|
|
|
|
// Creates a link to a UPS/USPS/FedEx tracking page
|
|
const createTrackingLink = href => {
|
|
let link = document.createElement("a");
|
|
link.className = "tracking-link";
|
|
link.innerHTML = "View Tracking Info";
|
|
link.href = href;
|
|
mainDiv.prepend(link);
|
|
};
|
|
|
|
// Compares the query against a set of regex patterns
|
|
// for tracking numbers
|
|
const compareQuery = provider => {
|
|
provider.expr.some(regex => {
|
|
if (query.match(regex)) {
|
|
createTrackingLink(provider.link);
|
|
return true;
|
|
}
|
|
});
|
|
};
|
|
|
|
for (const key of Object.keys(matchTracking)) {
|
|
compareQuery(matchTracking[key]);
|
|
}
|
|
};
|
|
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
checkForTracking();
|
|
|
|
// Clear input if reset button tapped
|
|
const search = document.getElementById("search-bar");
|
|
const resetBtn = document.getElementById("search-reset");
|
|
resetBtn.addEventListener("click", event => {
|
|
event.preventDefault();
|
|
search.value = "";
|
|
});
|
|
});
|