Skip to content

GitLab

Commit 7b982d5d authored by Porter Libby's avatar Porter Libby
Browse files

start working on adding child count subqueries

parent 136b4ab9
Hide whitespace changes
Inline Side-by-side
Showing with 84 additions and 29 deletions
public/css/data.css
View file @ 7b982d5d
......@@ -275,9 +275,23 @@ label
.data-catagory-simple .detailed_info{
display: none;
}
.data-catagory-simple .detailed_info_2{
display: none;
}
.data-catagory-detail .detailed_info{
display: inline;
}
.data-catagory-detail .detailed_info_2{
display: none;
}
.data-catagory-detail-2 .detailed_info{
display: none;
}
.data-catagory-detail-2 .detailed_info_2{
display: inline;
}
.lds-ellipsis {
display: inline-block;
......
public/js/data.js
View file @ 7b982d5d
......@@ -12,6 +12,7 @@
var query_type = null; // 0 = reading, 1 = streaming
var query_selection = [null,null,null,null,null,null]; // trip, site, sector, spot/host, platform, date
var query_data = null;
var details_mode = 0;
var placeholderHTML = "<div style='float: left; width: 100%; height: 100%; text-align:center; padding-top:20px;color: var(--themep)'>Organizing numbers...</div><div class='lds-ellipsis'><div></div><div></div><div></div><div></div></div>";
......@@ -64,13 +65,17 @@ function getTrips(){
success: function(response) {
var tripnames = [];
var tripids = [];
var r_count = [];
var s_count = [];
for(x = 0; x < response.length; x++){
tripids.push(response[x].tripid);
tripnames.push(response[x].tripname);
r_count.push(response[x].r_count);
s_count.push(response[x].s_count);
}
console.info('TRIPS');
console.table(response);
renderTrips(tripnames, tripids);
renderTrips(tripnames, tripids, r_count, s_count);
},
error: function(xhr, status, err) {
console.log(xhr.responseText);
......@@ -98,13 +103,17 @@ function getSites(trip_id){
success: function(response) {
var sitenames = [];
var siteids = [];
var r_count = [];
var s_count = [];
for(x = 0; x < response.length; x++){
sitenames.push(response[x].sitename);
siteids.push(response[x].siteid);
r_count.push(response[x].r_count);
s_count.push(response[x].s_count);
}
console.info('SITES');
console.table(response);
renderSites(sitenames, siteids);
renderSites(sitenames, siteids, r_count, s_count);
},
error: function(xhr, status, err) {
console.log(xhr.responseText);
......@@ -132,13 +141,17 @@ function getSectors(site_id){
success: function(response) {
var sectornames = [];
var sectorids = [];
var r_count = [];
var s_count = [];
for(x = 0; x < response.length; x++){
sectornames.push(response[x].sectorname);
sectorids.push(response[x].sectorid);
r_count.push(response[x].r_count);
s_count.push(response[x].s_count);
}
console.info('SECTORS');
console.table(response);
renderSectors(sectornames, sectorids);
renderSectors(sectornames, sectorids, r_count, s_count);
},
error: function(xhr, status, err) {
console.log(xhr.responseText);
......@@ -166,12 +179,16 @@ function getSpots(sector_id){
data: {sectorid: sector_id, siteid: query_selection[1], tripid: query_selection[0]},
success: function(response) {
var spotids = [];
var r_count = [];
var s_count = [];
for(x = 0; x < response.length; x++){
spotids.push(response[x].spotid);
r_count.push(response[x].r_count);
s_count.push(response[x].s_count);
}
console.info('SPOTS');
console.table(response);
renderSpots(spotids);
renderSpots(spotids, r_count, s_count);
},
error: function(xhr, status, err) {
console.log(xhr.responseText);
......@@ -445,7 +462,7 @@ to create a radiobutton.
When a get function returns its data, it sends it to a render function if it needs to be selected from.
*/
function renderTrips(tripnames, tripids){
function renderTrips(tripnames, tripids, r_count, s_count){
var container = document.getElementById('trips');
container.innerHTML = '';
if (container.childElementCount == 0){ // dont override selections with navigation
......@@ -454,13 +471,13 @@ function renderTrips(tripnames, tripids){
trips_ls.id = 'trips-ls';
for(x = 0; x < tripnames.length; x++){
var elem = createRadioElementTrips((x % 2),'trips', false, tripnames[x],tripids[x]); // util function
var elem = createRadioElementTrips((x % 2),'trips', [r_count[x], s_count[x]], tripnames[x],tripids[x]); // util function
trips_ls.innerHTML += elem;
}
container.append(trips_ls);
}
}
function renderSites(sitenames, siteids){
function renderSites(sitenames, siteids, r_count, s_count){
var container = document.getElementById('sites');
container.innerHTML = "";
container.innerHTML += "<div onclick='togglediv(" + '"#sites-ls","sites-button"' + ")' class='data-header'><h1>Sites <span id='sites-button'>-</span></h1></div>";
......@@ -468,12 +485,12 @@ function renderSites(sitenames, siteids){
sites_ls.id = 'sites-ls';
for(x = 0; x < sitenames.length; x++){
var elem = createRadioElementSites((x % 2),'sites', false, sitenames[x],siteids[x]); // util function
var elem = createRadioElementSites((x % 2),'sites', [r_count[x], s_count[x]], sitenames[x],siteids[x]); // util function
sites_ls.innerHTML += elem;
}
container.append(sites_ls);
}
function renderSectors(sectornames, sectorids){
function renderSectors(sectornames, sectorids, r_count, s_count){
var container = document.getElementById('sectors');
container.innerHTML = "";
......@@ -483,7 +500,7 @@ function renderSectors(sectornames, sectorids){
sectors_ls.id = 'sectors-ls';
for(x = 0; x < sectornames.length; x++){
var elem = createRadioElementSectors((x % 2),'sectors', false, sectornames[x], sectorids[x]); // util function
var elem = createRadioElementSectors((x % 2),'sectors', [r_count[x], s_count[x]], sectornames[x], sectorids[x]); // util function
sectors_ls.innerHTML += elem;
}
container.append(sectors_ls);
......@@ -493,7 +510,7 @@ function renderSectors(sectornames, sectorids){
}
function renderSpots(spotids){
function renderSpots(spotids, r_count, s_count){
var container = document.getElementById('spots');
container.innerHTML = "";
if (spotids.length != 0){
......@@ -502,7 +519,7 @@ function renderSpots(spotids){
spots_ls.id = 'spots-ls';
for(x = 0; x < spotids.length; x++){
var elem = createRadioElementSpots((x % 2),'spots', false, spotids[x], spotids[x]); // util function
var elem = createRadioElementSpots((x % 2),'spots', [r_count[x], s_count[x]], spotids[x], spotids[x]); // util function
spots_ls.innerHTML += elem;
}
container.append(spots_ls);
......
public/js/util.js
View file @ 7b982d5d
......@@ -45,7 +45,7 @@ function switchToData(){
// TEAMPLATES FOR DOM PIECES
// generalized formula
function createRadioElement(name, id, label, f){
function createRadioElement(name, id, label, f, count=999){
var radioHtml = '<div class="elem-div elem-0">'
if (typeof id === 'string' || id instanceof String){
radioHtml += '<input class="data-radio form-radio" onchange="'+ f +'(';
......@@ -56,6 +56,7 @@ function createRadioElement(name, id, label, f){
}
radioHtml += '<label for="' + label + '">';
radioHtml += '<strong>'+ label + "</strong>";
radioHtml += '<span class="detailed_info_2"> (' + count +' values)</span>';
radioHtml += '<span class="detailed_info"> (ID: ' + id +')</span>';
radioHtml += '</label></div>';
......@@ -63,24 +64,24 @@ function createRadioElement(name, id, label, f){
}
// take information from data.js and write it into html
function createRadioElementTrips( mode, name, checked, label, id ) {
function createRadioElementTrips( mode, name, count, label, id ) {
var f = "getSites";
return createRadioElement(name, id, label, f);
return createRadioElement(name, id, label, f, count[query_type]);
}
function createRadioElementSites( mode, name, checked, label, id ) {
function createRadioElementSites( mode, name, count, label, id ) {
var f = "getSectors";
return createRadioElement(name, id, label, f);
return createRadioElement(name, id, label, f, count[query_type]);
}
// this one is different since it changes for reading and streaming
function createRadioElementSectors( mode, name, checked, label, id ) {
function createRadioElementSectors( mode, name, count, label, id ) {
var f = "getSpots"; // if reading
if (query_type == 1){ // if streaming
f = "getStreamingsHosts";
}
return createRadioElement(name, id, label, f);
return createRadioElement(name, id, label, f, count[query_type]);
}
function createRadioElementSpots( mode, name, checked, label,id ) {
function createRadioElementSpots( mode, name, count, label,id ) {
var f = "getReadings";
//return createRadioElement(name, id, label, f);
var radioHtml = '<div class="elem-div elem-0">'
......@@ -94,6 +95,7 @@ function createRadioElementSpots( mode, name, checked, label,id ) {
radioHtml += '<label for="' + label + '">';
radioHtml += '<strong>'+ label + "</strong>";
radioHtml += '<span class="detailed_info"> (ID: ' + id +')</span>';
radioHtml += '<span class="detailed_info_2"> (' + count[query_type] +' values)</span>';
radioHtml += '</label></div>';
return radioHtml;
......@@ -259,19 +261,30 @@ function removeQuery(){
base = current.split('?')[0];
location.replace(base);
}
function toggleDetails(){
function toggleDetails(){ // details_mode located in data.js
console.log('bruh')
console.log(details_mode)
var all = document.getElementsByClassName('data-catagory');
console.log(all)
for (var i = 0; i < all.length; i++) {
if (all[i].classList.contains('data-catagory-simple')){
if (details_mode == 0){
all[i].classList.remove('data-catagory-simple');
all[i].classList.add('data-catagory-detail');
$("#button_details").css("opacity", "1.0");
}else{
all[i].classList.add('data-catagory-simple');
}else if (details_mode == 1){
all[i].classList.remove('data-catagory-detail');
all[i].classList.add('data-catagory-detail-2');
$("#button_details").css("opacity", "1.0");
}else {
all[i].classList.remove('data-catagory-detail-2');
all[i].classList.add('data-catagory-simple');
$("#button_details").css("opacity", "0.5");
}
}
}
details_mode = (details_mode + 1) % 3;
}
function createCSV(){
const rows = [["tripid","platformid","sensorid","hostid","recordtime","value_1","quality","latitude","longitude","elevation","accuracy","satellites","value_2","value_3","siteid","sectorid","value_4","value_5","value_6"]];
......
queries.js
View file @ 7b982d5d
......@@ -23,7 +23,10 @@ const pool = new Pool({
})
const getTrips = (request, response) => {
var query = "SELECT tripName, tripID from fieldday_trip;";
var query = "SELECT tripName, tripID, "
+ "(SELECT COUNT(*) FROM fieldday_streaming WHERE tripid=fieldday_trip.tripid) AS s_count, " // get s_count and r_count as the number of nodes in the subtree of each
+ "(SELECT COUNT(*) FROM fieldday_reading WHERE tripid=fieldday_trip.tripid) AS r_count"
+ " from fieldday_trip;";
serverOut(query);
pool.query(query, (error, results) => {
......@@ -34,7 +37,10 @@ const getTrips = (request, response) => {
})
}
const getSites = (request, response) => {
var query = 'SELECT siteName, siteID from fieldday_site where tripid='+ (request.query.id) + ';';
var query = 'SELECT siteName, siteID, '
+ "(SELECT COUNT(*) FROM fieldday_streaming WHERE tripid="+ (request.query.id) +" AND siteid=fieldday_site.siteid) AS s_count, " // get s_count and r_count as the number of nodes in the subtree of each
+ "(SELECT COUNT(*) FROM fieldday_reading WHERE tripid="+ (request.query.id) +" AND siteid=fieldday_site.siteid) AS r_count"
+' from fieldday_site where tripid='+ (request.query.id) + ';';
serverOut(query);
pool.query(query, (error, results) => {
......@@ -45,7 +51,10 @@ const getSites = (request, response) => {
})
}
const getSectors = (request, response) => {
var query = 'SELECT sectorname, sectorid from fieldday_sector where tripid='+ (request.query.tripid)
var query = 'SELECT sectorname, sectorid, '
+ "(SELECT COUNT(*) FROM fieldday_streaming WHERE tripid="+ (request.query.tripid) + ' and siteid=' + (request.query.siteid) + " AND sectorid=fieldday_sector.sectorid) AS s_count, " // get s_count and r_count as the number of nodes in the subtree of each
+ "(SELECT COUNT(*) FROM fieldday_reading WHERE tripid="+ (request.query.tripid) + ' and siteid=' + (request.query.siteid) + " AND sectorid=fieldday_sector.sectorid) AS r_count"
+' from fieldday_sector where tripid='+ (request.query.tripid)
+ ' and siteid=' + (request.query.siteid) + ';'
serverOut(query);
......@@ -57,7 +66,9 @@ const getSectors = (request, response) => {
})
}
const getSpots = (request, response) => {
var query = 'SELECT spotid from fieldday_spot where tripid='+ (request.query.tripid)
var query = 'SELECT spotid, '
+ "(SELECT COUNT(*) FROM fieldday_reading WHERE tripid="+ (request.query.tripid) + ' and siteid=' + (request.query.siteid) + ' and sectorid=' + (request.query.sectorid) + " AND spotid=fieldday_spot.spotid) AS r_count"
+' from fieldday_spot where tripid='+ (request.query.tripid)
+' and siteid='+ (request.query.siteid)
+' and sectorid='+ request.query.sectorid +';';
serverOut(query);
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment