webdevp3/display.js at master · mjrerle/webdevp3 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
$(document).ready(function() {
	var jqxhr = $.post("https://www.cs.colostate.edu/~ct310/yr2017sp/more_assignments/project03masterlist.php", function(data, status) {
		parseData(data);
	})
    .fail(function(){
            $("#masterstatus").html("Failed to open");
            $("#masterstatus").css("background-color", "red");
        })
});

function parseData(lst) {
	var rt = "";
	var tab = document.getElementById("ingredients");
	var len = lst.length;
	for (j = 0; j < len; j++) {
        getStatus(lst[j]);//call in initial loop else there be dragons!
    }
}

function getStatus(lst){
    var url = lst.baseURL;
    url = url + "ajax_status.php";

    jQuery.post(url,function(data,status){
            if(typeof data.status !== undefined){
              if(data.status == "open"){
                getIngs(lst.baseURL, lst.nameShort, lst.Team);
              }
            }
    })
        .fail(function(data,status){
        });
}


var ingredients=[];
function getIngs(baseurl,nameShort,team){
  var url = baseurl + "ajax_listing.php";
  if(url != "ajax_listing.php"){
    $.post(url,function(data,status){
      for(var j=0;j<data.length;j++){
        if(typeof data[j].name !== typeof undefined){

        var x = {name: data[j].name, short: data[j].short, unit: data[j].unit, cost: data[j].cost};
          ingredients.push(x);

     }
      }
        fillData(ingredients,baseurl,nameShort,team);
    });
  }
}


var z =0;
function fillData(ings,base,nameShort,team){
	var details = "";
	var len = ings.length;

	for (j = z; j < len; j++) {
    var y = ings[j];
    if((typeof y.name !== undefined)&&(y.name !='') && (y.name)){
      details = '<div class = "col-sm-3 col-md-3 col-xs-3 product-listing">';
      details += '<div class="thumbnail">';
      details += "<a href=\"food_page.php?ing="+y.name+"&team="+nameShort+"\">";
      details += "<img id = \""+team+"_"+y.name.replace(/ /g,'')+"\" src = \"\" alt = \"thumbnail\" style = \"height:200px;width:200px;\">";
      details += "</a>";
      details += "<div class= \"caption\">";
      details += "<h4 class = \"pull-right\">$"+y.cost+" per "+y.unit +"</h4>";
      details += "<h4><a href=\"food_page.php?ing="+y.name+"&team="+nameShort+"\">"+y.name+"</a></h4>";
      details += "<p>Site: <a href=\""+base+"\">"+nameShort+"</a></p>";
      details += "<p>"+y.short+"</p>";
      details += "</div></div></div>";
      getImage(y,base,team);
      $("#dis").append(details);
      z++;
    }
  }
}

function getImage(ing,base,team){
  if(ing.name!=""){
    var str =ing.name.replace(/\s/g,'');
    $.get(base+"ajax_ingrimage.php?ing="+ing.name,function(data,status){
      $("#"+team+"_"+str).attr('src','data:image/jpeg;base64,'+data);
    }).fail(function(){
      $("#"+team+"_"+str).attr('alt',"Failed to load image invalid URL");
  });
  }
}