Skip to content

Commit e876cb9

Browse files
author
Raffy Rabin
committed
Connect - Level 1
1 parent 1dad299 commit e876cb9

File tree

5 files changed

+97
-14
lines changed

5 files changed

+97
-14
lines changed

‎README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<h2>Konnek</h2>
2-
A <a href="http://raphaeljs.com/">Raphaël— JavaScript</a> Based Application - <a href="http://www.raffyrabin.com/konnek/">Demo</a>
2+
A <a href="http://raphaeljs.com/">Raphaël— JavaScript</a> Based Application - <a href="http://www.raffyrabin.com/connekt/">Demo</a>
33
<p/>
44
======
55
<h5>

‎index.html

Lines changed: 83 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2+
<html lang="en">
3+
<head>
4+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5+
<title>Konnek</title>
6+
<link rel="stylesheet" href="konnek.css" type="text/css" media="screen">
7+
<link rel="stylesheet" href="konnek-print.css" type="text/css" media="print">
8+
<link href="jq_autocomplete.css" rel="stylesheet" type="text/css">
9+
10+
<script src="raphael.js" type="text/javascript" charset="utf-8"></script>
11+
<script src="graffle.js" type="text/javascript" charset="utf-8"></script>
12+
<script src="rrabin.js" type="text/javascript" charset="utf-8"></script>
13+
14+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js" type="text/javascript"></script>
15+
<script src="jquery.smart_autocomplete.js" type="text/javascript"></script>
16+
<script src="jquery.watermarkinput.js" type="text/javascript"></script>
17+
18+
<style type="text/css" media="screen">
19+
#holder {
20+
-moz-border-radius: 10px;
21+
-webkit-border-radius: 10px;
22+
border: solid 1px #333;
23+
}
24+
</style>
25+
26+
<script>
27+
var el;
28+
var myWidth;
29+
var myHeight;
30+
var dragger;
31+
var main_x_axis = 0;
32+
var main_y_axis = 20;
33+
34+
var node_x_axis = 35;
35+
var node_y_axis = 100;
36+
37+
function clearSearchResult() {
38+
/*
39+
var n_map = getMap() ;
40+
var mainnode = n_map['753601148'];
41+
var obj2List = n_map[mainnode];
42+
for(var i = 0; i<obj2List.length; i++) {
43+
var obj2 = obj2List[i];
44+
r.removeconnections(mainnode, obj2, getRandomColor());
45+
}
46+
*/
47+
$("#clear").click(function() {
48+
$("#queryResult").empty();
49+
$("#queryResult").hide();
50+
return false;
51+
});
52+
}
53+
54+
jQuery(function($){
55+
$("#basic_autocomplete_field").Watermark("Look-up a friend...");
56+
});
57+
</script>
58+
</head>
59+
<body onLoad="login();">
60+
<h3>Double-click a pic to---------->Konnek</h3>
61+
<div id="wrapper">
62+
<form action="/" method="post">
63+
<div>
64+
<label for="basic_autocomplete_field">Find friends:</label>
65+
<input onFocus="javascript:document.getElementById('basic_autocomplete_field').select();" type="text" autocomplete="off" id="basic_autocomplete_field" />&nbsp;&nbsp;&nbsp;<input type="button" id="clear" name="clear" value="Clear" onClick="javascript:clearSearchResult(); document.getElementById('basic_autocomplete_field').value=''; document.getElementById('friendInfoId').innerHTML = '';" />&nbsp;|&nbsp;<input type="button" name="Reload" value="Reload" onClick="javascript:document.location.reload();" />
66+
</div>
67+
</form>
68+
</div>
69+
<div id="friendInfoId"></div>
70+
<br/>
71+
<div id="holder"></div>
72+
<div id="divInfo"></div>
73+
<div id="fb-root"></div>
74+
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
75+
<script type="text/javascript">
76+
function login() {
77+
FB.login(handleLogin);
78+
}
79+
</script>
80+
<script src="konnek.js" type="text/javascript" charset="utf-8"></script>
81+
<script>FB.init({ apiKey: '163289627145227' });</script>
82+
</body>
83+
</html>

‎konnek.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ function handleFriends(response) {
3131
function handleMyFriends(response) {
3232
var friends = response.data;
3333
if (friends == undefined) {
34-
FB.init({appId:'122313797865669', cookie:true, status:true, xfbml:true }); FB.ui({ method:'send', to:myId, 'name':'Click here to join Konnek', 'display':'popup', 'description':'Kool to Konnek', 'link':'http://www.raffyrabin.com/konnektest'});
34+
FB.init({appId:'163289627145227', cookie:true, status:true, xfbml:true }); FB.ui({ method:'send', to:myId, 'name':'Click here to join Konnek', 'display':'popup', 'description':'Kool to Konnek', 'link':'http://www.raffyrabin.com/connekt'});
3535
return;
3636
}
3737
document.getElementById("friendInfoId").innerHTML = "";
@@ -64,7 +64,7 @@ function handleMyFriends(response) {
6464
function handleRemoveMyFriends(response) {
6565
var friends = response.data;
6666
if (friends == undefined) {
67-
FB.init({appId:'122313797865669', cookie:true, status:true, xfbml:true }); FB.ui({ method:'send', to:myId, 'name':'Click here to join Konnek', 'display':'popup', 'description':'Kool to Konnek', 'link':'http://www.raffyrabin.com/konnektest'});
67+
FB.init({appId:'163289627145227', cookie:true, status:true, xfbml:true }); FB.ui({ method:'send', to:myId, 'name':'Click here to join Konnek', 'display':'popup', 'description':'Kool to Konnek', 'link':'http://www.raffyrabin.com/connekt'});
6868
return;
6969
}
7070
var node_map = getMap();

‎rrabin.js

Lines changed: 10 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -66,13 +66,14 @@ function createMultipleNodes(_nodeCount) {
6666
}
6767

6868
function createUserNodes(uid, fbname, imgSrc, color) {
69+
var imgSrc = "https://graph.facebook.com/"+uid+"/picture";
6970
var n_map = getMap();
7071
var n_val = n_map[uid];
7172
if (n_val != undefined) {
7273
n_val.dblclick(function() { myId = uid; if (n_map["isConnected-"+uid] == "false" || n_map["isConnected-"+uid] == undefined) { FB.api("/"+uid+"/friends?fields=id,name,picture", handleMyFriends); updateMap("isConnected-"+uid, "true"); } else { FB.api("/"+uid+"/friends?fields=id,name,picture", handleRemoveMyFriends); updateMap("isConnected-"+uid, "false"); } });
7374
return n_val;
7475
} else {
75-
/*
76+
7677
var x_axis = Math.floor(Math.random()*(myWidth-100));
7778
var y_axis = Math.floor(Math.random()*(myHeight-100));
7879
var x_and_y = x_axis+y_axis;
@@ -82,7 +83,7 @@ function createUserNodes(uid, fbname, imgSrc, color) {
8283
x_and_y = x_axis+y_axis;
8384
}
8485
addToMap(x_and_y, x_and_y);
85-
*/
86+
8687
if (node_x_axis < (myWidth-150)) {
8788
node_x_axis = node_x_axis + 75;
8889
} else if (node_x_axis >= (myWidth-150)) {
@@ -95,6 +96,7 @@ function createUserNodes(uid, fbname, imgSrc, color) {
9596
node_y_axis = 112;
9697
}
9798

99+
//var snodevar = r.image(imgSrc, node_x_axis, node_y_axis, 50, 50); //absolute position
98100
var snodevar = r.image(imgSrc, node_x_axis, node_y_axis, 50, 50);
99101
snodevar.attr({fill: color, stroke: color, "fill-opacity": 0, "stroke-width": 2, cursor: "move"});
100102
snodevar.drag(move, dragger, up);
@@ -105,14 +107,16 @@ function createUserNodes(uid, fbname, imgSrc, color) {
105107
}
106108

107109
function createMainUserNode(uid, fbname, imgSrc) {
108-
var n_map = getMap();
110+
var n_map = getMap();
109111
var n_val = n_map[uid];
112+
var imageSrc = "https://graph.facebook.com/"+uid+"/picture";
110113
if (n_val != undefined) {
111114
return n_val;
112115
} else {
113-
//var x_axis = Math.floor(Math.random()*(myWidth-100));
114-
//var y_axis = Math.floor(Math.random()*(myHeight-100));
115-
var snodevar = r.image(imgSrc, main_x_axis, main_y_axis, 75, 75);
116+
var x_axis = Math.floor(Math.random()*(myWidth-100));
117+
var y_axis = Math.floor(Math.random()*(myHeight-100));
118+
//var snodevar = r.image(imageSrc, main_x_axis, main_y_axis, 75, 75); --random place
119+
var snodevar = r.image(imageSrc, main_x_axis, main_y_axis, 75, 75);
116120
var color = Raphael.getColor();
117121
snodevar.attr({fill: color, stroke: color, "fill-opacity": 0, "stroke-width": 2, cursor: "move"});
118122
snodevar.drag(move, dragger, up);
@@ -185,11 +189,6 @@ function getRandomColor() {
185189
}
186190

187191
function handleLogin(response) {
188-
//if a user fails to log in...
189-
if (!response.session) {
190-
return;
191-
}
192-
193192
myWidth = getScreenWidth();
194193
myHeight = getScreenHeight();
195194
dragger = function () {

‎worker.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
function handleMyFriends(response) {
22
var friends = response.data;
33
if (friends == undefined) {
4+
alert("sss");
45
return;
56
}
67
var node_map = getMap();

0 commit comments

Comments
 (0)