twitter @ SxSW

' + 45 | ' ${{screen_name}}$ ' + 46 | '{{name}} @{{screen_name}}' + 47 | '

' + 48 | '{{#info}}

Ask about:{{info}}{{/info}}' + 49 | '{{#geo-name}}

Last seen:{{geo-name}}{{/geo-name}}' + 50 | '

'; 51 | 52 | var questionnaireSelectTemplate = 53 | '

{{name}}' + 54 | '' + 55 | '

'; 56 | 57 | function timeAgo(dateString) { 58 | var rightNow = new Date(); 59 | var then = new Date(dateString); 60 | 61 | var diff = rightNow - then; 62 | 63 | var second = 1000, 64 | minute = second * 60, 65 | hour = minute * 60, 66 | day = hour * 24, 67 | week = day * 7; 68 | 69 | if (isNaN(diff) || diff < 0) { 70 | return ""; // return blank string if unknown 71 | } 72 | 73 | if (diff < second * 7) { 74 | // within 7 seconds 75 | return "right now"; 76 | } 77 | 78 | if (diff < minute) { 79 | return Math.floor(diff / second) + " seconds ago"; 80 | } 81 | 82 | if (diff < minute * 2) { 83 | return "about 1 minute ago"; 84 | } 85 | 86 | if (diff < hour) { 87 | return Math.floor(diff / minute) + " minutes ago"; 88 | } 89 | 90 | if (diff < hour * 2) { 91 | return "about 1 hour ago"; 92 | } 93 | 94 | if (diff < day) { 95 | return Math.floor(diff / hour) + " hours ago"; 96 | } 97 | 98 | if (diff > day && diff < day * 2) { 99 | return "yesterday"; 100 | } 101 | 102 | if (diff < day * 365) { 103 | return Math.floor(diff / day) + " days ago"; 104 | } 105 | 106 | else { 107 | return "over a year ago"; 108 | } 109 | } 110 | 111 | function plotTweets(results) { 112 | $.each(results, function (screenName, person) { 113 | if (this.geo !== null) { 114 | var infowindow = new google.maps.InfoWindow({ 115 | content: Mustache.to_html(tweetUserTemplate, this) 116 | }); 117 | 118 | infoWindows.push(infowindow); 119 | var gLatLng = new google.maps.LatLng(this.geo.coordinates[0], this.geo.coordinates[1]); 120 | 121 | var marker = new google.maps.Marker({ 122 | position: gLatLng, 123 | title: this.screen_name, 124 | map: map, 125 | icon: 'images/ic_twgeo.png' 126 | }); 127 | 128 | markers.push(marker); 129 | 130 | if (austinBounds.contains(gLatLng)) { 131 | markersInAustin.push(marker); 132 | } 133 | 134 | google.maps.event.addListener(marker, 'click', function () { 135 | //stopAutoPop(); 136 | clearInfoWindows(); 137 | infowindow.open(map, marker); 138 | //startAutoPop(); 139 | }); 140 | 141 | } 142 | }); 143 | 144 | // Center and Zoom the Map. 145 | map.fitBounds(austinBounds); 146 | 147 | // Set it around all given coords returned. 148 | // var latLngBounds = new google.maps.LatLngBounds(); 149 | // for(var i=0; i < locations.length; i++ ) { 150 | // latLngBounds.extend(locations[i]); 151 | // } 152 | } 153 | 154 | function clearMarkers() { 155 | while(markers.length > 0) { 156 | var marker = markers.pop(); 157 | marker.setMap(null); 158 | } 159 | } 160 | 161 | function clearInfoWindows() { 162 | $.each(infoWindows, function() { 163 | this.close(); 164 | }); 165 | } 166 | 167 | function getTwitterTweets() { 168 | $.ajax({ 169 | url: "http://api.twitter.com/1/twitter/lists/sxsw/statuses.json?per_page=200", 170 | dataType: 'jsonp', 171 | success: function(results) { 172 | results = uniqueResults(results); 173 | setTwitterPeople(results); 174 | plotTweets(twitterPeople); 175 | drawPeople(twitterPeople); 176 | initializeQuestionnaire(); 177 | //startAutoPop(10000); 178 | } 179 | }); 180 | } 181 | 182 | function uniqueResults(results) { 183 | var screenNames = []; 184 | var tweets = []; 185 | 186 | $.each(results, function(screenName, tweet) { 187 | var screenName = tweet.user.screen_name; 188 | var alreadyTweeted = ($.grep(screenNames, function(element, index) { 189 | return element == screenName; 190 | }).length > 0) 191 | 192 | if (!alreadyTweeted && tweet.geo != null) { 193 | screenNames.push(screenName); 194 | tweets.push(tweet); 195 | } 196 | }); 197 | 198 | return tweets; 199 | } 200 | 201 | function autoPop() { 202 | console.log('popping') 203 | clearInfoWindows(); 204 | 205 | var marker = markersInAustin[infoIncrement]; 206 | if (marker === undefined) { 207 | return false; 208 | } 209 | 210 | google.maps.event.trigger(marker, 'click'); 211 | 212 | if (infoIncrement == markersInAustin.length) { 213 | console.log('resetting') 214 | infoIncrement = 0; 215 | } else { 216 | console.log('incrementing') 217 | infoIncrement += 1; 218 | } 219 | } 220 | 221 | function startAutoPop(interval) { 222 | if (interval != undefined) { 223 | interval = 10000; 224 | } 225 | 226 | autoInterval = window.setInterval(autoPop, interval); 227 | } 228 | 229 | function stopAutoPop() { 230 | window.clearInterval(autoInterval); 231 | } 232 | 233 | function blinkTag(element, speed) { 234 | window.setInterval(function() { 235 | if (element.css('visibility') === 'visible') { 236 | element.css('visibility', 'hidden'); 237 | } else { 238 | element.css('visibility', 'visible'); 239 | } 240 | }, speed); 241 | } 242 | 243 | function init() { 244 | var latlng = new google.maps.LatLng(37, -122); 245 | var myOptions = { 246 | zoom: 8, 247 | disableDefaultUI: true, 248 | mapTypeId: google.maps.MapTypeId.ROADMAP 249 | }; 250 | 251 | map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 252 | var $twitterPeopleLink = $('#tp'); 253 | var $toMeetLink = $('#tm'); 254 | 255 | getTwitterTweets(); 256 | 257 | $twitterPeopleLink.click(function() { 258 | $toMeetLink.removeClass('current'); 259 | $twitterPeopleLink.addClass('current'); 260 | hideQuestionnaire(); 261 | showMap(); 262 | }); 263 | 264 | $toMeetLink.click(function() { 265 | $twitterPeopleLink.removeClass('current'); 266 | $toMeetLink.addClass('current'); 267 | hideMap(); 268 | showQuestionnaire(); 269 | }); 270 | 271 | var mapHeight = $(window).height() - ($('#top').height() + $('#navbar').height() + 40); 272 | $('#map_canvas').height(mapHeight + 'px'); 273 | } 274 | 275 | // Questionnaire ------------------------------------------------------------------------------------------ 276 | 277 | function showMap() { 278 | $('#map_canvas').show(); 279 | } 280 | 281 | function hideMap() { 282 | $('#map_canvas').hide(); 283 | } 284 | 285 | function hideQuestionnaire() { 286 | $('#questionnaire').hide(); 287 | $('#questionnaireResults').hide(); 288 | }; 289 | 290 | function showQuestionnaire() { 291 | if (questionnaire_complete === true) { 292 | $('#questionnaireResults').show(); 293 | } else { 294 | $('#questionnaire').show(); 295 | } 296 | }; 297 | 298 | function setTwitterPeople(results) { 299 | $.each(results, function(index, tweet) { 300 | if ((tweet.user !== undefined) && (twitterPeople[tweet.user.screen_name] === undefined)) { 301 | var screen_name = tweet.user.screen_name.toLowerCase(); 302 | twitterPeople[screen_name] = tweet.user; 303 | 304 | $.extend(twitterPeople[screen_name], { 305 | 'requestedInterests' : [], 306 | 'text' : this.text, 307 | 'created_at' : timeAgo(this.created_at), 308 | 'geo' : this.geo 309 | }); 310 | 311 | if (this.place) { 312 | $.extend(twitterPeople[screen_name], {'geo-name' : this.place.name}); 313 | } 314 | 315 | if (twitterPeopleMetadata[screen_name] !== undefined) { 316 | $.extend(twitterPeople[screen_name], twitterPeopleMetadata[screen_name]); 317 | } 318 | } 319 | }); 320 | } 321 | 322 | function addPerson(screen_name, skill) { 323 | var personElement = $('#person_' + screen_name ); 324 | var person = twitterPeople[screen_name]; 325 | if (person === undefined) { 326 | console.log(screen_name + " probably hasn't tweeted recently, and so isn't in twitterPeople."); 327 | } else { 328 | person.requestedInterests.push(skill); 329 | personElement.show(); 330 | $("#donebutton").removeClass('disabled'); 331 | } 332 | } 333 | 334 | function removePerson(screen_name, skill) { 335 | var personElement = $('#person_' + screen_name ); 336 | var person = twitterPeople[screen_name]; 337 | 338 | if (!person === undefined) { 339 | var filteredInterests = $.grep(twitterPeople[screen_name].requestedInterests, function(value, index) { 340 | return value != skill; 341 | }); 342 | if (filteredInterests.length <= 0) { personElement.hide(); } 343 | twitterPeople[screen_name].requestedInterests = filteredInterests; 344 | } 345 | } 346 | 347 | function elementUnselected(listElement) { 348 | $.each(listElement.data('people'), function () { 349 | removePerson(this, listElement.attr('id')); 350 | }); 351 | listElement.find('input[type="checkbox"]').attr("value", ""); 352 | listElement.removeClass('selected'); 353 | listElement.one('click', function () { 354 | elementSelected(listElement); 355 | }); 356 | } 357 | 358 | function elementSelected(listElement) { 359 | listElement.find('input[type="checkbox"]').attr("value", "checked"); 360 | listElement.addClass('selected'); 361 | $.each(listElement.data('people'), function () { 362 | addPerson(this, listElement.attr('id')); 363 | }); 364 | 365 | listElement.one('click', function () { 366 | elementUnselected(listElement); 367 | }); 368 | } 369 | 370 | function drawPeople(people) { 371 | $.each(people, function(screenName, person) { 372 | var personElement = $(Mustache.to_html(twitterPersonTemplate, person)); 373 | $('#questionnaireResults').append(personElement); 374 | }); 375 | } 376 | 377 | function initializeQuestionnaire () { 378 | var formSelections = $("form#questionnaire ul"); 379 | $.each(questionSelections, function () { 380 | formSelections.append($("

" + this[0] + "

")); 381 | $.each(this[1], function () { 382 | var listElement = $(Mustache.to_html(questionnaireSelectTemplate, this)); 383 | listElement.data('people', this.people); 384 | listElement.one('click', function () { 385 | elementSelected(listElement); 386 | }); 387 | formSelections.append(listElement); 388 | }); 389 | }); 390 | 391 | $("#donebutton").click(function() { 392 | questionnaire_complete = true; 393 | hideQuestionnaire(); 394 | $('#questionnaireResults').show(); 395 | $twitterPeopleLink.removeClass('selected'); 396 | $toMeetLink.addClass('selected'); 397 | }); 398 | } 399 | --------------------------------------------------------------------------------