config/config.yml.example
lib/bar_manitto/helpers.rb
public/images/banner-coffee.jpg
public/images/coffee.png
public/javascripts/effects.js
@@ -1,2 +1,3 @@
.DS_Store
-db
\ No newline at end of file
+db
+config/config.yml
\ No newline at end of file
.gitignore
@@ -4,8 +4,8 @@ require 'rake'
require 'rake/testtask'
require 'rake/rdoctask'
require 'bar_manitto'
-
require 'rubygems'
+require 'sinatra'
require 'twitter'
task :default do
@@ -16,6 +16,7 @@ namespace :bar do
namespace :manitto do
desc 'Search for #barmanitto'
task :crawl do
+ BarManitto.init
BarManitto::Crawler.new('#barmanitto').crawl
end
end
Rakefile
@@ -2,14 +2,8 @@ $LOAD_PATH << File.join(File.dirname(__FILE__), 'lib')
require 'bar_manitto'
require 'sinatra'
-helpers do
- def tweet_links(text)
- text.gsub(/@\w+/) do |match|
- screen_name = match[1, match.size - 1]
- %|<a href="http://twitter.com/#{screen_name}">@#{screen_name}</a>|
- end
- end
-end
+configure { BarManitto.init }
+helpers { include BarManitto::Helpers }
get '/' do
@offset = @params[:offset].to_i > 0 ? params[:offset].to_i : 0
app.rb
@@ -1,13 +1,31 @@
require 'rubygems'
require 'dm-core'
-
gem 'twitter', "0.4.2"
require 'twitter'
-
-DataMapper.setup(:default, "sqlite3://#{Dir.pwd}/db/barmanitto.sqlite3")
-
require 'bar_manitto/crawler'
require 'bar_manitto/tweet'
+require 'bar_manitto/helpers'
-
-
+module BarManitto
+ class << self
+ attr_accessor :config
+ end
+
+ def self.root
+ File.expand_path(File.dirname(__FILE__) + '/..')
+ end
+
+ def self.init(config = nil)
+ self.config = config.nil? ? YAML.load_file(File.join(Sinatra::Application.root, 'config', 'config.yml')) : config
+ self.init_database
+ end
+
+ def self.init_database
+ init_database_connection
+ end
+
+ def self.init_database_connection
+ DataMapper.setup(:default, self.config['database'])
+ DataMapper.auto_upgrade!
+ end
+end
\ No newline at end of file
lib/bar_manitto.rb
@@ -13,6 +13,4 @@ module BarManitto
property :original_created_at, DateTime
property :created_at, DateTime
end
-
- DataMapper.auto_upgrade!
end
\ No newline at end of file
lib/bar_manitto/tweet.rb
@@ -1,14 +1,73 @@
-$(document).ready(function() {
- $('#more-tweets a').click(function() {
- var offset = parseInt($('#tweets .tweet:last').attr('id').match(/tweet\-([0-9]+)/)[1]) + 1;
- $.ajax({ url: "/?offset=" + offset, cache: false,
- beforeSend: function() { $('#more-tweets a').hide(); $('#more-tweets img').show(); },
- success: function(html) { $('#tweets').append(html); $('#more-tweets img').hide(); $('#more-tweets a').show();}
+var BarManitto = Class.create({
+ initialize: function(api_key, template_bundle_id) {
+ BarManitto.instance = this;
+ this.api_key = api_key;
+ this.template_bundle_id = template_bundle_id;
+ this.button_coffee = $('button-coffee');
+ this.button_more_tweets = $('more-tweets');
+ this.setup();
+ },
+
+ setup: function() {
+ this.setupFacebook();
+ this.setupHandlers();
+ this.setupTemplates();
+ },
+
+ setupFacebook: function() {
+ FB_RequireFeatures(["Api","XFBML"], function() {
+ FB.Facebook.init(this.api_key, '/xd_receiver.htm');
+ this.api = FB.Facebook.apiClient;
+ }.bind(this));
+ },
+
+ setupHandlers: function() {
+ this.button_coffee.observe('click', this.buttonCoffeeClickHandler.bind(this));
+ this.button_more_tweets.observe('click', this.buttonMoreTweetsClickHandler.bind(this));
+ },
+
+ setupTemplates: function() {
+ var html = '<li><a href="#" onclick="BarManitto.instance.sendCoffee(#{uid}); return false;"><span class="picture" style="background-image: url(\'#{pic_square}\')"></span><strong>#{first_name} #{last_name}</strong></a></li>';
+ this.friendTpl = new Template(html);
+ },
+
+ buttonCoffeeClickHandler: function(event) {
+ event.stop();
+ if (!this.friends) FB.Connect.requireSession(this.loadFriends.bind(this));
+ Effect.toggle('friend-selector', 'blind', { duration: 0.4 });
+ },
+
+ buttonMoreTweetsClickHandler: function(event) {
+ event.stop();
+ var offset = parseInt($$('#tweets .tweet:last-child')[0].id.match(/tweet\-([0-9]+)/)[1]) + 1;
+ new Ajax.Updater('tweets', '/', {
+ method: 'get',
+ parameters: { offset: offset },
+ insertion: 'bottom',
+ onLoading: function() { $('more-tweets').down('a').hide(); $('more-tweets').down('img').show(); },
+ onSuccess: function() { $('more-tweets').down('img').hide(); $('more-tweets').down('a').show(); },
});
- return false;
- });
-});
-
-FB_RequireFeatures(["XFBML"], function(){
- FB.Facebook.init("228c1d88b5b2121289e88adde9447d3c", "/xd_receiver.htm");
+ },
+
+ loadFriends: function() {
+ var user_id = this.api.get_session().uid;
+ var query = 'SELECT uid, first_name, last_name, pic_square FROM user WHERE uid IN (SELECT uid2 FROM friend WHERE uid1 = ' + user_id + ') order by first_name';
+ FB.ensureInit(function(){
+ this.api.fql_query(query, this.handleFriendsLoad.bind(this));
+ }.bind(this));
+ },
+
+ handleFriendsLoad: function(result, ex) {
+ this.friends = result;
+ $('friend-selector').removeClassName('loading');
+ this.friends.each(function(friend) {
+ $('friend-selector').down('ul').insert(this.friendTpl.evaluate(friend));
+ }.bind(this));
+ },
+
+ sendCoffee: function(friend_id) {
+ var data = {"images":[{"href":"http://barmanitto.com", "src":"http://barmanitto.com/images/coffee.png"}]};
+ new FB.Connect.showFeedDialog(this.template_bundle_id, data, [friend_id], "", null, FB.RequireConnect.promptConnect, function(result, exception) {},
+ "BarManitto", {value: "Ti offro un caffè direttamente dal bar manitto!!"});
+ }
});
\ No newline at end of file
public/javascripts/application.js
@@ -101,4 +101,60 @@ a img {
display: block;
height: 100%;
line-height: 30px;
+}
+
+#friend-selector {
+ height: 300px;
+}
+
+#friend-selector .friends {
+ height: 250px;
+ overflow: auto;
+}
+
+#friend-selector ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+}
+
+#friend-selector ul li {
+ float: left;
+ height: 64px;
+ margin: 3px;
+ overflow: hidden;
+ width: 134px;
+}
+
+#friend-selector ul li a {
+ display: block;
+ height: 56px;
+ padding: 4px;
+}
+
+#friend-selector ul li .picture {
+ background-color: #FFF;
+ background-position: 2px 2px;
+ background-repeat: no-repeat;
+ border: 1px solid #E0E0E0;
+ display: block;
+ float: left;
+ height: 50px;
+ margin-right: 5px;
+ padding: 2px;
+ position: relative;
+ width: 50px;
+ z-index: 1;
+}
+
+#friend-selector ul li strong {
+ color: #222222;
+ font-size: 11px;
+ font-weight: normal;
+ margin-top: 2px;
+ width: 65px;
+}
+
+.loading {
+ background: transparent url('/images/spinner.gif') no-repeat center;
}
\ No newline at end of file
public/stylesheets/style.css
@@ -35,6 +35,13 @@
<div id="right">
<div id="banner">
<img src="/images/banner.jpg" />
+ <a href="#" id="button-coffee"><img src="/images/banner-coffee.jpg" /></a>
+ </div>
+ <div id="friend-selector" class="loading" style="display: none;">
+ <h3>Scegli un amico a cui offrire un caffè:</h3>
+ <div class="friends">
+ <ul></ul>
+ </div>
</div>
<fb:comments xid="barmanitto"></fb:comments>
</div>
@@ -44,10 +51,13 @@
</div>
</div>
</div>
- <script type="text/javascript" charset="utf-8" src="/javascripts/jquery.js"></script>
+ <script type="text/javascript" charset="utf-8" src="/javascripts/prototype.js"></script>
+ <script type="text/javascript" charset="utf-8" src="/javascripts/effects.js"></script>
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>
<script type="text/javascript" src="/javascripts/application.js" charset="utf-8"></script>
-
+ <script type="text/javascript" charset="utf-8">
+ new BarManitto('<%= config['global']['facebook_api_key'] %>', <%= config['global']['template_bundle_id'] %>);
+ </script>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
views/layout.erb
public/images/coffee-1.jpg
e12e0f7fbe5e4249320516be4b444727bcd1cd02
Andrea Franz
andrea@gravityblast.com
http://github.com/mikamai/barmanitto/commit/5a24a1cab1991d5a34232e902a1f700247bd5abe
5a24a1cab1991d5a34232e902a1f700247bd5abe
2009-05-08T16:16:33-07:00
2009-05-08T16:16:33-07:00
added configuration and send coffee button
af008f17866de702447e6e72b2fb494b5e12848a
Andrea Franz
andrea@gravityblast.com