commit f65b71088cc265e37c1e981f4ea4334f0512773d
author Tyler Scott <tyduptyler13@gmail.com> Tue Jun 30 18:40:14 2015 -0600
committer Tyler Scott <tyduptyler13@gmail.com> Mon Aug 10 15:22:40 2015 -0600
tree 7244905737380ae71f54a1d91aeb6842907e8b2a
parent f08ab96ed1a9ff44745dffbdf9ac142b4c3a9b53

Finished adding buttons.

Change-Id: I9a652930e588722d93d0d789c25e459861e60e9a

client/query/query.js

diff --git a/client/query/query.js b/client/query/query.js
index 852371f..59f51fc 100644
--- a/client/query/query.js
+++ b/client/query/query.js
@@ -1,7 +1,7 @@
 //{@ @todo: this need to be configured before the document load
 var catalog = "/catalog/myUniqueName";
 var face = new Face({
-  host: "atmos-csu.research-lan.colostate.edu",
+  host: "localhost",
   port: 9696
 });
 
@@ -31,8 +31,30 @@
       }
     });
   });
+  
+  $('.resultTable').on('click', '.interest-button', function(){
+    console.log('Got click', this);
+    
+    var t = $(this);
+    
+    var name = t.parent().prev().text();
+    var interest = new Interest(new Name('/retrieve' + name));
+    face.expressInterest(interest, function(){
+      var message = $('<span class="success glyphicon glyphicon-ok"></span> Success');
+      t.append(t);
+      t.fadeOut(2000);
+    }, function(){
+      var message = $('<span class="fail glyphicon glyphicon-remove"></span> Failed!');
+      t.append(t);
+      t.fadeOut(2000);
+    });
+    
+  });
+  
 });
 
+
+
 function onData(data) {
   var payloadStr = data.content.toString().split("\n")[0];
 
@@ -62,7 +84,7 @@
   dropdown = [];
   var resultTable = $(".resultTable");
   resultTable.empty();
-  resultTable.append('<tr><th>Results</th></tr>');
+  resultTable.append('<tr><th colspan="2">Results</th></tr>');
 
   var queryPrefix = new Name(prefix);
   queryPrefix.append("query");
@@ -182,7 +204,8 @@
 
 
   for (var i = startIndex; i < startIndex + 20 && i < results.length; ++i) {
-    resultTable.append('<tr><td>' + results[i] + '</td><td><button class="interest-button">Express Interest</button></td></tr>');
+    resultTable.append('<tr><td>' + results[i]
+    + '</td><td><button class="interest-button btn btn-default btn-xs">Express Interest</button></td></tr>');
   }
 
   if (results.length <= 20) {