$(document).ready(
function
() {
$(
"#query-form"
).submit(
function
(event)
{ performSearch(event); });
});
let pat, flag = 0;
function
formatSearchResults(jsonResults) {
let jsonObject = jsonResults;
$(
"#search-results-heading"
).text(
"Search Results"
);
let formatedText =
""
;
jsonObject.Countries.forEach(
function
(item, index) {
if
(item.Country.toLowerCase() == pat.toLowerCase()) {
var
thumbnail = item.NewConfirmed;
formatedText +=
"<div class='dish-ingredients-div'><h3>TotalConfirmed: "
+
item.TotalConfirmed +
"<h3></div>"
;
formatedText +=
"<div class='dish-ingredients-div'><h3>NewDeaths: "
+
item.NewDeaths +
"<h3></div>"
;
formatedText +=
"<div class='dish-ingredients-div'><h3>NewConfirmed: "
+
item.NewConfirmed +
"<h3></div>"
;
formatedText +=
"<div class='dish-ingredients-div'><h3>NewRecovered: "
+
item.NewRecovered +
"<h3></div>"
;
flag = 1;
return
;
}
});
$(
"#results"
).html(formatedText);
if
(!flag) {
$(
"#search-results-heading"
)
.text(
"Dont Fun With it.Please Enter"
+
" Correct Country Name e.g-India"
);
$(
"#results"
).text(
""
);
}
}
function
performSearch(event) {
let request;
event.preventDefault();
if
(request) {
request.abort();
}
let $form = $(
this
);
setFormDisabledProps(
true
);
$(
"#search-results-heading"
)
.text(
"Searching ..."
);
$(
"#results"
).text(
""
);
request = $.ajax({
type:
"GET"
,
});
pat = $(
"#ingredients"
).val();
request.done(
function
(response,
textStatus, jqXHR) {
formatSearchResults(response);
});
request.fail(
function
(jqXHR,
textStatus, errorThrown) {
$(
"#search-results-heading"
).text(
"Sorry We Unable to fetch Covid Data.Try again."
);
$(
"#results"
).text(
""
);
});
request.always(
function
() {
setFormDisabledProps(
false
);
});
}
function
resetResults() {
$(
"#search-results-heading"
).text(
""
);
$(
"#results"
).text(
""
);
flag = 0;
}
function
sanitizeInputs() {
let str = $(
"#ingredients"
).val();
str = str.replace(/[^a-zA-Z 0-9, ]/gim,
""
);
str = str.trim();
$(
"#ingredients"
).val(str);
}