fully working embedding

Author: rossengeorgiev

embed-preview.html

@@ -70,6 +70,7 @@
     params += "&hidelist=" + ($("#opt_list").prop("checked") ? 0 : 1);
     params += "&hidegraph=" + ($("#opt_graph").prop("checked") ? 0 : 1);
     params += "&expandgraph=" + ($("#opt_graph_open").prop("checked") ? 1 : 0);
+    params += "&filter=" + encodeURIComponent($("#opt_filter").val());
 
     console.log(params);
 
@@ -88,6 +89,11 @@
 
     // preview update methods
 
+    // filter
+    $("#opt_filter").on('keyup', function() {
+        updateCode();
+    });
+
     // vehicle list
     $("#opt_list").on('change', function() {
         var elm = $("#opt_list");
@@ -204,6 +210,9 @@
         <h1>Embed mobile tracker on your page</h1>
         <h2>1. Options</h1>
         <fieldset>
+            <label for="opt_filter">Vehicle filter (;)</label>
+            <input type="input" value="" id="opt_filter" size="40" />
+            <br />
             <input type="checkbox" value="1" id="opt_list" />
             <label for="opt_list">Enable vehicle list</label>
             <br />

js/app.js

@@ -12,6 +12,8 @@ if(
  ) is_mobile = true;
 
 // embed detection
+var vfilter = "";
+var nyan_mode = false;
 
 var embed = {
     enabled: false,
@@ -30,6 +32,8 @@ for(var idx in params) {
         case "hidelist": if(line[1] == "1") embed.vlist = false; break;
         case "hidegraph": if(line[1] == "1") embed.graph = false; break;
         case "expandgraph": if(line[1] == "1") embed.graph_expanded = true; break;
+        case "filter": vfilter = line[1]; break;
+        case "nyan": nyan_mode = true; break;
     }
 }
 

js/tracker.js

@@ -1,6 +1,6 @@
 var mission_id = 0;
 var position_id = 0;
-var data_url = "http://spacenear.us/tracker/data.php?vehicles=";
+var data_url = "http://spacenear.us/tracker/data.php";
 var receivers_url = "http://spacenear.us/tracker/receivers.php";
 var predictions_url = "http://spacenear.us/tracker/get_predictions.php";
 var host_url = "";
@@ -755,7 +755,7 @@ function addPosition(position) {
         if(plot) $.each($.extend(false, plot_options.yaxes, {}), function(k,v) { vehicle_info.graph_yaxes.push(v) });
 
         // nyan mod
-        if(window.location.search == "?nyan" && vehicle_info.vehicle_type == "balloon") {
+        if(nyan_mode && vehicle_info.vehicle_type == "balloon") {
            // form a nyancat
            vehicle_info.marker.setMap(null);
            vehicle_info.marker.setMode = function(derp) {};
@@ -968,7 +968,7 @@ function refresh() {
   $.ajax({
     type: "GET",
     url: data_url,
-    data: "format=json&position_id=" + position_id + "&max_positions=" + max_positions,
+    data: "format=json&max_positions=" + max_positions + "&position_id=" + position_id + "&vehicles=" + encodeURIComponent(vfilter),
     dataType: "json",
     success: function(response, textStatus) {
         update(response);