Skip to content

Commit

Permalink
Wrote special Turk interface to allow Turk users to create claims and…
Browse files Browse the repository at this point in the history 
… find evidence and snippets
  • Loading branch information
Rob Ennals committed May 13, 2009
1 parent a1abb9c commit d2f7f1b
Show file tree
Hide file tree
Showing 20 changed files with 1,306 additions and 44 deletions.
89 changes: 89 additions & 0 deletions client_js/client.js
View file
@@ -0,0 +1,89 @@

function thinklink_viewClaim(id) {
var apipath = get_api_path();
var url = apipath+"/claim/"+id;
var that = this;

if(content.document.getElementById("tl_point_browser")){
return;
}

var win = document.createElement("div");
win.setAttribute("id","tl_point_browser");
win.className = "tl_dialog";
win.style.zIndex = "214783647";
content.document.body.appendChild(win);

var fader = this.addFader(win);

win.style.overflow = "hidden";
win.style.position = "fixed";
win.style.top = "50px";
win.style.left = "200px";
win.style.width = "435px";
//Math.min((window.innerWidth - 250),550) + "px";

var titleBar = content.document.createElement("div");
win.appendChild(titleBar);
titleBar.setAttribute("id","tl_pb_title");
titleBar.style.marginBottom = "0px";
titleBar.style.cursor = "move";
titleBar.addEventListener("mousedown",function(ev){
tl_dragStart(ev,that.divID,"tl_point_frame");
},true);
titleBar.className = "tl_dialog_title";

var buttonBox = document.createElement("span");
buttonBox.style.position = "absolute";
buttonBox.style.right = "4px";
titleBar.appendChild(buttonBox);

var ignoreButton = document.createElement("input");
ignoreButton.className = "tl_openbutton";
ignoreButton.setAttribute("type","button");
ignoreButton.setAttribute("value","Don't highlight this again");
buttonBox.appendChild(ignoreButton);
ignoreButton.addEventListener("click",function(){
that.hideMe();
tl_doAJAX("tl_ignore","scripthack/ignoreclaim.js"+
"?claim="+snippet.claimid,function(){});
},true);

var openButton = document.createElement("input");
openButton.className = "tl_openbutton";
openButton.setAttribute("type","button");
openButton.setAttribute("value","Open Full Interface");
buttonBox.appendChild(openButton);
openButton.addEventListener("click",function(){
window.open(thinklink_mainhome);
},true);

var close = document.createElement("img");
close.style.width = "64px";
close.style.paddingTop = "2px";
close.setAttribute("src",thinklink_imagebase+"bigcancel.png");
buttonBox.appendChild(close);
close.addEventListener("click",function(){
that.hideMe();
content.document.body.removeChild(fader);
},true);

// add actual content
var frameholder = document.createElement("div");
frameholder.style.height = "430px";

var pointframe = document.createElement("iframe");
pointframe.src = url;
pointframe.style.width="100%";
pointframe.style.height="100%";
pointframe.style.overflow = "hidden";
pointframe.style.border = "none";
pointframe.setAttribute("id","tl_point_frame");
pointframe.setAttribute("allowtransparency","true");
frameholder.appendChild(pointframe);
frameholder.style.width="100%";
win.appendChild(frameholder);

win.style.visibility = "visible";
win.style.display = "block";
}
177 changes: 177 additions & 0 deletions firefox_plugin/chrome/content/marker.js
View file
@@ -0,0 +1,177 @@

var thinklink_imagebase = "http://factextract.cs.berkeley.edu:8180/thinklink/images/"

function tl_log(msg){
var consoleService = Components.classes["@mozilla.org/consoleservice;1"].getService(Components.interfaces.nsIConsoleService);
consoleService.logStringMessage("Think Link: " + msg)
}

function get_api_path(){
var prefs = Components.classes["@mozilla.org/preferences-service;1"].getService(Components.interfaces.nsIPrefBranch);
var apipath = "http://factextract.cs.berkeley.edu/thinklink";
if(prefs.prefHasUserValue("extensions.thinklink.api")){
apipath = prefs.getCharPref("extensions.thinklink.api");
}
return apipath;
}

function mark_snippets(){
tl_log("mark snippets");
var targeturl = content.document.location.href;
var apipath = get_api_path();
var url = apipath+"/apianon/search.json?url="+encodeURIComponent(targeturl);
tl_log(url);
ajaxRequest(url,function(snippets){
tl_log("received "+snippets.length+" snippets");
for(var i = 0; i < snippets.length; i++){
var snip = snippets[i];
tl_log(snip.text);
var frags = snip.text.split(/[\.\n\?\!]/)
for(var j = 0; j < frags.length; j++){
if(frags[j].length > 10){
mark_snippet(normalise(frags[j]),snip.claimid,snip.claimtext,content.document.body);
}
}
}
})
}

function normalise(str){
return str.replace(/[^\w]/g,"")
}

function mark_snippet(text,claimid,claimtext,node){
if(node.nodeName == "#comment" || normalise(node.textContent).indexOf(text) == -1){
return;
}else if (node.nodeName == "#text") {
node.parentNode.style.backgroundColor = "#FFD3D3";
node.parentNode.style.cursor = "pointer";
node.parentNode.setAttribute("title",claimtext);
node.parentNode.addEventListener("click",function(){
viewClaim(claimid);
},true);
}else{
for(var i = 0; i < node.childNodes.length; i++){
var child = node.childNodes[i];
mark_snippet(text,claimid,claimtext,child);
}
}
}

function ajaxRequest(url,callback){
var req = new XMLHttpRequest();
req.open("GET",url,true);
req.onreadystatechange = function(){
if(req.readyState == 4 && req.status == 200){
tl_log("json = "+req.responseText);
callback(parseJSON(req.responseText))
}
}
req.send(null);
}


function addFader(viewframe){
var fader = content.document.createElement("div");
with(fader.style){
backgroundColor = "black";
opacity = 0.3;
display = "block";
height = "100%";
width = "100%";
position = "fixed";
left = "0px";
top = "0px";
zIndex = "1000";
}
fader.addEventListener("click",function(ev){
content.document.body.removeChild(fader);
content.document.body.removeChild(viewframe);
},true);
content.document.body.appendChild(fader);
return fader;
}

function viewClaim(id) {
var doc = content.document;
tl_log("viewclaim");
var apipath = get_api_path();
var url = apipath+"/node/"+id;
var that = this;

if(doc.getElementById("tl_point_browser")){
return;
}

var win = doc.createElement("div");
win.setAttribute("id","tl_point_browser");
win.className = "tl_dialog";
win.style.zIndex = "214783647";
doc.body.appendChild(win);

var fader = this.addFader(win);

win.style.overflow = "hidden";
win.style.position = "fixed";
win.style.top = "50px";
win.style.left = "200px";
win.style.width = "435px";

var titleBar = doc.createElement("div");
win.appendChild(titleBar);
titleBar.setAttribute("id","tl_pb_title");
titleBar.style.marginBottom = "0px";
titleBar.style.cursor = "move";
titleBar.addEventListener("mousedown",function(ev){
tl_dragStart(ev,that.divID,"tl_point_frame");
},true);
titleBar.className = "tl_dialog_title";

var buttonBox = doc.createElement("span");
buttonBox.style.position = "absolute";
buttonBox.style.right = "4px";
titleBar.appendChild(buttonBox);

var ignoreButton = doc.createElement("input");
ignoreButton.className = "tl_openbutton";
ignoreButton.setAttribute("type","button");
ignoreButton.setAttribute("value","Don't highlight again");
buttonBox.appendChild(ignoreButton);
ignoreButton.addEventListener("click",function(){
that.hideMe();
tl_doAJAX("tl_ignore","scripthack/ignoreclaim.js"+
"?claim="+snippet.claimid,function(){});
},true);

var close = doc.createElement("img");
close.style.width = "64px";
close.style.paddingTop = "2px";
close.style.verticalAlign = "top";
close.style.cursor = "pointer";
close.setAttribute("src",thinklink_imagebase+"bigcancel.png");
buttonBox.appendChild(close);
close.addEventListener("click",function(){
content.document.body.removeChild(win);
content.document.body.removeChild(fader);
},true);

// add actual content
var frameholder = doc.createElement("div");
frameholder.style.height = "430px";
frameholder.style.marginTop = "26px";

var pointframe = doc.createElement("iframe");
pointframe.src = url;
pointframe.style.width="100%";
pointframe.style.height="100%";
pointframe.style.overflow = "hidden";
pointframe.style.border = "none";
pointframe.setAttribute("id","tl_point_frame");
pointframe.setAttribute("allowtransparency","true");
frameholder.appendChild(pointframe);
frameholder.style.width="100%";
win.appendChild(frameholder);

win.style.visibility = "visible";
win.style.display = "block";
}

0 comments on commit d2f7f1b

Please sign in to comment.