Search
| ID | Name | Purpose | Club Type(s) | Club President | Staff Advisor | Meeting Time and Location | Additional Info |
|---|
Clear Search History
Search Count
<script>
// prepare fetch urls
//const host = "http://localhost:8192";
const host = "https://rebeccaaa.tk";
const clear_history_url = host + "/api/club/clearHistory";
const search_url = host + "/api/club/search";
const searchContainer = document.getElementById("clubs");
//declares the scope and what it is looking for
function clearSearchHistory(){
// clear search history
//
const history_options = {
method: 'POST',// posting the results to the site because using a new page -- wouldve used get if jsut search bar
mode: 'cors', //cross origin resourche sharing
cache: 'no-cache', //force the browser to check the server to see if the file is different from the file it already has in the cache-- make sure not reusing a url that was never changed
credentials: 'include', //deals with cookies, authorization, etc.
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(""), // convert to JSON
};
fetch(clear_history_url, history_options)
// response is a RESTful "promise" on any successful fetch
.then(response => {
// check for response errors
if (response.status !== 200) {
error('GET API response failure: ' + response.status);
return;
}
// valid response will have JSON data
response.json().then(data => {
document.getElementById("searchCountValue").innerText = data.searchCount.toString();
})
})
// catch fetch errors (ie Nginx ACCESS to server blocked)
.catch(err => {
error(err + " " + clear_history_url);
});
}
function clubSearch(){
// fetch standard requires database set to a name-value pair
var term = document.getElementById("term").value;
//through search we look at terms so this is what the "id" is
let data = {term: term};
console.log(data);
//prints the parameter regarding data
const search_options = {
method: 'POST',// posting the results to the site because using a new page -- wouldve used get if jsut search bar
mode: 'cors', //cross origin resourche sharing
cache: 'no-cache', //force the browser to check the server to see if the file is different from the file it already has in the cache-- make sure not reusing a url that was never changed
credentials: 'include', //deals with cookies, authorization, etc.
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(data), // convert to JSON
};
// fetch the API
fetch(search_url, search_options)
// response is a RESTful "promise" on any successful fetch
.then(response => {
// check for response errors
if (response.status !== 200) {
error('GET API response failure: ' + response.status);
return;
}
// valid response will have JSON data
response.json().then(data => {
document.getElementById("searchCountValue").innerText = data.searchCount.toString();
//
// data.searchCount
let i = 1;
searchContainer.innerHTML = ""; // origionally had while (resultContainer.firstChild) {resultContainer.removeChild(resultContainer.firstChild);} but chagned to this to clear previous searches
for (const clubRow of data.clubs) {
console.log(clubRow);
// columns
const tr = document.createElement("tr");
const id = document.createElement("td");
const name = document.createElement("td");
const purpose = document.createElement("td");
const types = document.createElement("td");
const email = document.createElement("td");
const president = document.createElement("td");
const advisor = document.createElement("td");
const meeting = document.createElement("td");
const info = document.createElement("td");
// each creating data table objects for the response to be put into
// const official = document.createElement("td");
// accessing JSON values
id.innerHTML = i;
name.innerHTML = clubRow.name;
purpose.innerHTML = clubRow.purpose;
types.innerHTML = clubRow.types;
email.innerHTML = clubRow.email
president.innerHTML = clubRow.president;
advisor.innerHTML = clubRow.advisor;
meeting.innerHTML = clubRow.meeting;
info.innerHTML = clubRow.info;
// official.innerHTML = clubRow.official;
// add all columns to the clubRow
//inner elements
tr.appendChild(id);
tr.appendChild(name);
tr.appendChild(purpose);
tr.appendChild(types);
tr.appendChild(email);
tr.appendChild(president);
tr.appendChild(advisor);
tr.appendChild(meeting);
tr.appendChild(info);
// add row to table, and then keep adding for each club that maatches search
searchContainer.appendChild(tr);
i++;
}
})
})
// catch fetch errors (ie Nginx ACCESS to server blocked)
.catch(err => {
error(err + " " + search_url);
});
}
// Something went wrong with actions or responses
function error(err) {
// log as Error in console
console.error(err);
// append error to resultContainer
const tr = document.createElement("tr");
const td = document.createElement("td");
td.innerHTML = err;
tr.appendChild(td);
searchContainer.appendChild(tr);
}
</script>