applicious_utils 0.0.6

data/Gemfile

@@ -0,0 +1,4 @@
+source "http://rubygems.org"
+
+# Specify your gem's dependencies in applicious_utils.gemspec
+gemspec

data/Rakefile

@@ -0,0 +1,2 @@
+require 'bundler'
+Bundler::GemHelper.install_tasks

data/app/assets/javascripts/applicious_utils/Applicious/applicious.coffee

@@ -0,0 +1,9 @@
+class Applicious
+	constructor: () ->
+		console.log('Applicious ALive')
+
+	dbg: (debug_data...) ->
+		console.log(debug_data)
+
+a = new Applicious
+b = new AppliciousFaceboook('12345')

data/app/assets/javascripts/applicious_utils/Applicious/facebook.coffee

@@ -0,0 +1,12 @@
+#= require ./applicious.coffee
+class AppliciousFacebook extends Applicious
+	constructor: (@app_id) ->
+		console.log('loaded FB' + @app_id)
+
+	promptLogin: (permissions, callback) ->
+		FB.login ((response) =>
+			if response.perms and response.session
+				callback true, response
+			else
+				callback false, response
+		), perms: permissions

data/app/assets/javascripts/applicious_utils/FbMultiFriendSelector/README.md

@@ -0,0 +1,122 @@
+This is an client side alternative to the Facebook Multi-Friend Selector that 
+relies on jQuery. No server side component necessary which makes it really
+easy to adapt and use. Check out this blog post with more details and [screencast](http://bit.ly/cHDkzm). To see a demo go [here](http://mbrevoort.github.com/jquery-facebook-multi-friend-selector/). Click login and login to your facebook account and you should see the friend selector.
+
+Much can be customized by CSS, for example if you want a stacked list type selector that's [more stripped down](http://mbrevoort.github.com/jquery-facebook-multi-friend-selector/list.html)
+
+
+How to use it
+-------------
+
+This plugin is depends on the Facebook Javascript API so you have to include it:
+
+		<script src="http://connect.facebook.net/en_US/all.js"></script>
+
+Include the plugin javascript file and CSS
+
+Assuming you have a container like:
+
+		<div id="jfmfs-container"></div>
+
+And you have included the Facebook Javascript API
+And you have already logged the user in. (FB.init and FB.login)
+You can load the friend selector in a container like this:
+
+		$("#jfmfs-container").jfmfs();
+
+This should fetch the current users friends and give you the interface to select friends. Then when you're ready to move on, there's a function to call that returns an array of the Facebook Ids of the selected friends. 
+
+		var friendSelector  = $("#jfmfs-container").data('jfmfs');
+		var selectedFriends = friendSelector.getSelectedIds();
+
+Options
+-------
+These options can be passed into the jfmfs function with a map of options like jfmfs({key1: val, key2: val})
+
+* max_selected: int (optional)- max number of items that can be selected
+* labels: object with i18n labels for translations. If you pass this, you need to define all of the labels.
+
+		labels: {
+			selected: "Selected",
+			filter_default: "Start typing a name",
+			filter_title: "Find Friends:",
+			all: "All",
+			max_selected_message: "{0} of {1} selected"
+			// message to display showing how many items are already selected like: "{0} of {1} chosen"
+		}
+
+* friend_fields: a comma separated list of fields to return in case you need additional fields for sorting. However you should always at least specify: "id,name",
+* sorter: a function reference that will be called to do the sorting. It takes two arguments which are the two friend objects to be compared and returns "truthy if the first should come before the second. The default is:
+
+		function(a, b) {
+			var x = a.name.toLowerCase();
+			var y = b.name.toLowerCase();
+			return ((x < y) ? -1 : ((x > y) ? 1 : 0));
+		}
+
+* pre_selected_friends: an array of ids of friends to preselect once loaded like: pre_selected_friends: [1014025367]
+
+* exclude_friends: an array of ids of friends to exclude from the list like: exclude_friends: [33333333]
+
+For example your options might look like this if you want a max of 3 friends selected, friends 11111111 and 22222222 preselected, friend 33333333 excluded from the list and to sort by friends' last name:
+
+		{
+		    max_selected: 3,
+		    max_selected_message: "{0} of {1} sucker selected",
+			friend_fields: "id,name,last_name",
+			pre_selected_friends: [11111111, 22222222],
+			exclude_friends: [33333333],
+			sorter: function(a, b) {
+		        var x = a.last_name.toLowerCase();
+		        var y = b.last_name.toLowerCase();
+		        return ((x < y) ? -1 : ((x > y) ? 1 : 0));
+		    }
+		}
+
+Events
+------
+jfmfs.friendload.finished - triggered on the container when the list of friends is finished loading
+
+		$("#jfmfs-container").bind("jfmfs.friendload.finished", function() { 
+		    alert("finished loaded!"); 
+		});
+
+jfmfs.selection.changed - triggered on the container when a selection has changed with an array of selected friends each like { id: "123", name: "John Doe"}
+
+		$("#jfmfs-container").bind("jfmfs.selection.changed", function(e, data) { 
+		    console.log("changed", data);
+		});                     
+
+# Changelog
+
+## Version v4
+2/5/2011:
+
+* Fixed issue with images not loading when list is filtered 
+
+* Added i18n label object option to override default text
+
+* Fixed bug when there was only one row of friends
+
+* Added minified version [5.37KB (2.06KB gzipped)]
+
+## Version v3 
+1/28/2011:
+
+* Added customizable sorter option (see details in options section)
+
+* Added pre_selected_friends option (see details in options section)
+
+* Added exclude_friends option (see details in options section)
+
+## Version v2 (yeah, not 0.0.0.2)  
+1/21/2011:
+
+* Added some performance optimizations especially with a large number of friends
+
+* Custom events for notification when friends are loaded or selections change
+
+* Progressive image loading when scrolling including the usage of Ben Alman's awesome throttle/debounce library for smoother scrolling
+
+
+

data/app/assets/javascripts/applicious_utils/FbMultiFriendSelector/index.html

@@ -0,0 +1,100 @@
+
+<html> 
+    <head> 
+        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
+        <script type="text/javascript" src="jquery.facebook.multifriend.select.js"></script> 
+        <link rel="stylesheet" href="jquery.facebook.multifriend.select.css" /> 
+        <style> 
+            body {
+                background: #fff;
+                color: #333;
+                font: 11px verdana, arial, helvetica, sans-serif;
+            }
+            a:link, a:visited, a:hover {
+                color: #666;
+                font-weight: bold;
+                text-decoration: none;
+            }
+        </style> 
+    </head> 
+    <body> 
+ 
+        <div id="pageBody"> 
+            <div id="fb-root"></div> 
+            <script src="http://connect.facebook.net/en_US/all.js"></script> 
+            <script> 
+                FB.init({appId: '194478650562619', cookie: true});
+ 
+                FB.getLoginStatus(function(response) {
+                    if (response.session) {
+                      init();
+                    } else {
+                      // no user session available, someone you dont know
+                    }
+                });
+ 
+ 
+                function login() {
+                    FB.login(function(response) {
+                        if (response.session) {
+                            init();
+                        } else {
+                            alert('Login Failed!');
+                        }
+                    });
+                }
+ 
+                function init() {
+                  FB.api('/me', function(response) {
+                      $("#username").html("<img src='https://graph.facebook.com/" + response.id + "/picture'/><div>" + response.name + "</div>");
+
+
+					
+                      $("#jfmfs-container").jfmfs({ 
+					      max_selected: 15, 
+						  max_selected_message: "{0} of {1} selected",
+						  friend_fields: "id,name,last_name",
+						  pre_selected_friends: [1014025367],
+						  exclude_friends: [1211122344, 610526078],
+						  sorter: function(a, b) {
+			                var x = a.last_name.toLowerCase();
+			                var y = b.last_name.toLowerCase();
+			                return ((x < y) ? -1 : ((x > y) ? 1 : 0));
+						  }
+			          });
+                      $("#jfmfs-container").bind("jfmfs.friendload.finished", function() { 
+                          window.console && console.log("finished loading!"); 
+                      });
+                      $("#jfmfs-container").bind("jfmfs.selection.changed", function(e, data) { 
+                          window.console && console.log("changed", data);
+                      });                     
+                      
+                      $("#logged-out-status").hide();
+                      $("#show-friends").show();
+  
+                  });
+                }              
+ 
+                
+ 
+                $("#show-friends").live("click", function() {
+                    var friendSelector = $("#jfmfs-container").data('jfmfs');             
+                    $("#selected-friends").html(friendSelector.getSelectedIds().join(', ')); 
+                });                  
+ 
+ 
+              </script> 
+              
+              <div id="logged-out-status" style=""> 
+                  <a href="javascript:login()">Login</a> 
+              </div> 
+ 
+              <div> 
+                  <div id="username"></div> 
+                  <a href="#" id="show-friends" style="display:none;">Show Selected Friends</a> 
+                  <div id="selected-friends" style="height:30px"></div> 
+                  <div id="jfmfs-container"></div> 
+              </div> 
+        </div> 
+    </body> 
+</html> 

data/app/assets/javascripts/applicious_utils/FbMultiFriendSelector/jquery.facebook.multifriend.select-list.css

@@ -0,0 +1,158 @@
+/*
+Copyright 2010 Mike Brevoort http://mike.brevoort.com @mbrevoort
+
+v1.0 jquery-facebook-multi-friend-selector
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+#jfmfs-friend-selector input {
+    background-color: #fcfcfc;
+    border: 1px solid #ccc;
+    font: 11px verdana, arial, helvetica, sans-serif;
+    margin: 2px 0;
+    padding: 2px 4px;
+}
+.jfmfs-friend {                
+    cursor:pointer;
+    display:block;
+    float:left;
+    margin:3px;
+    padding:2px;
+    width:180px;
+	overflow: hidden;
+    border: 1px solid #FFFFFF;
+    -moz-border-radius: 5px; 
+    -webkit-border-radius: 5px;
+	-webkit-user-select:none;
+	-moz-user-select:none;
+}
+
+.jfmfs-friend img {
+    border: 1px solid #CCC;
+    float:left;
+    margin:0;
+    width:20px;
+	height:20px;
+}
+
+.jfmfs-friend.selected img {
+    border: 1px solid #233E75;
+}
+
+.jfmfs-friend div {
+    color:#111111;
+    font-size:11px;
+    overflow:hidden;
+    padding:2px 0 0 6px;
+    width:145px;
+}
+
+#jfmfs-friend-container {
+    overflow:scroll;
+    overflow-x: hidden;
+    -ms-overflow-x: hidden;
+    width:100%;
+    height:250px;  
+    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
+    color: #333;
+    font-size: 12px;
+}
+
+#jfmfs-friend-selector {
+    width:210px;   
+    height:226px;                            
+}
+
+#jfmfs-inner-header {
+    background:none repeat scroll 0 0 #F7F7F7;
+    border-bottom:1px solid #CCCCCC;
+    color:#3B5998;
+    font-size:11px;
+    font-weight:bold;
+    height:25px;
+    padding:2px;
+}
+
+.jfmfs-friend.selected {
+    background-color: #3B5998;
+    border: 1px solid #3B5998;
+    
+    background: #6D84B4; /* for non-css3 browsers */
+
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#233E75', endColorstr='#6D84B4'); /* for IE */
+    background: -webkit-gradient(linear, left top, left bottom, from(#233E75), to(#6D84B4)); /* for webkit browsers */
+    background: -moz-linear-gradient(top,  #233E75,  #6D84B4); /* for firefox 3.6+ */    
+}
+
+.jfmfs-friend.selected div {
+    color: #FFFFFF;
+}
+
+.hover {
+    background-color: #EFF2F7;
+}
+
+.hide-non-selected, .hide-filtered {
+    display: none;
+}
+
+div.jfmfs-button {
+    background:none repeat scroll 0 0 #6D84B4;
+    border:1px solid #3B5998;
+    color:white;
+    cursor:pointer;
+    margin:4px 5px 0 4px;
+    padding:2px 5px;
+    text-decoration:none;
+}
+
+#jfmfs-friend-selector a.filter-link:link, a.filter-link:visited {
+    color: #3B5998;
+    font-weight: bold;
+    text-decoration: none;
+}
+
+#jfmfs-friend-selector a.filter-link:hover, #jfmfs-friend-selector a.selected {
+    background-color: #6D84B4;
+    -moz-border-radius: 5px; 
+    -webkit-border-radius: 5px;
+    color: #FFFFFF;
+}
+
+#jfmfs-friend-selector .filter-link {
+    margin:4px 5px 4px 5px;
+    padding:3px 5px 3px 5px;
+}
+
+#jfmfs-inner-header .filter-link {
+    float:right;
+}
+
+#jfmfs-inner-header div.jfmfs-button-hover {
+    text-decoration: underline;
+}
+
+
+#jfmfs-friend-filter-text {
+    height: 23px;
+}
+
+
+#jfmfs-inner-header span.jfmfs-title {
+    display:none;
+}
+
+#jfmfs-max-selected-wrapper, #jfmfs-filter-all, #jfmfs-filter-selected {
+    display:none;
+}

data/app/assets/javascripts/applicious_utils/FbMultiFriendSelector/jquery.facebook.multifriend.select.css

@@ -0,0 +1,160 @@
+/*
+Copyright 2010 Mike Brevoort http://mike.brevoort.com @mbrevoort
+
+v1.0 jquery-facebook-multi-friend-selector
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+#jfmfs-friend-selector input {
+    background-color: #fcfcfc;
+    border: 1px solid #ccc;
+    font: 11px verdana, arial, helvetica, sans-serif;
+    margin: 2px 0;
+    padding: 2px 4px;
+}
+.jfmfs-friend {                
+    cursor:pointer;
+    display:block;
+    float:left;
+    height:56px;
+    margin:3px;
+    padding:4px;
+    width:126px;
+    border: 1px solid #FFFFFF;
+    -moz-border-radius: 5px; 
+    -webkit-border-radius: 5px;
+	-webkit-user-select:none;
+	-moz-user-select:none;
+	overflow:hidden;
+}
+
+.jfmfs-friend img {
+    border: 1px solid #CCC;
+    float:left;
+    margin:0;
+}
+
+.jfmfs-friend.selected img {
+    border: 1px solid #233E75;
+}
+
+.jfmfs-friend div {
+    color:#111111;
+    font-size:11px;
+    overflow:hidden;
+    padding:2px 0 0 6px;
+}
+
+#jfmfs-friend-container {
+    overflow:scroll;
+    overflow-x: hidden;
+    -ms-overflow-x: hidden;
+    width:100%;
+    height:400px;  
+    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
+    color: #333;
+    font-size: 12px;
+}
+
+#jfmfs-friend-selector {
+    width:725px;   
+    height:376px;
+    overflow-y:hidden;                            
+}
+
+#jfmfs-inner-header {
+    background:none repeat scroll 0 0 #F7F7F7;
+    border-bottom:1px solid #CCCCCC;
+    color:#3B5998;
+    font-size:11px;
+    font-weight:bold;
+    height:25px;
+    padding:2px;
+}
+
+.jfmfs-friend.selected {
+    background-color: #3B5998;
+    border: 1px solid #3B5998;
+    
+    background: #6D84B4; /* for non-css3 browsers */
+
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#233E75', endColorstr='#6D84B4'); /* for IE */
+    background: -webkit-gradient(linear, left top, left bottom, from(#233E75), to(#6D84B4)); /* for webkit browsers */
+    background: -moz-linear-gradient(top,  #233E75,  #6D84B4); /* for firefox 3.6+ */    
+}
+
+.jfmfs-friend.selected div {
+    color: #FFFFFF;
+}
+
+.hover {
+    background-color: #EFF2F7;
+}
+
+.hide-non-selected, .hide-filtered {
+    display: none;
+}
+
+div.jfmfs-button {
+    background:none repeat scroll 0 0 #6D84B4;
+    border:1px solid #3B5998;
+    color:white;
+    cursor:pointer;
+    margin:4px 5px 0 4px;
+    padding:2px 5px;
+    text-decoration:none;
+}
+
+#jfmfs-friend-selector a.filter-link:link, a.filter-link:visited {
+    font-weight: bold;
+    text-decoration: none;
+}
+
+#jfmfs-friend-selector a.filter-link:hover, #jfmfs-friend-selector a.selected {
+    background-color: #6D84B4;
+    -moz-border-radius: 5px; 
+    -webkit-border-radius: 5px;
+    color: #FFFFFF;
+}
+
+#jfmfs-friend-selector .filter-link {
+    margin:4px 5px 4px 5px;
+    padding:3px 5px 3px 5px;
+}
+
+#jfmfs-inner-header .filter-link {
+    float:right;
+}
+
+#jfmfs-inner-header div.jfmfs-button-hover {
+    text-decoration: underline;
+}
+
+
+#jfmfs-friend-filter-text {
+    height: 23px;
+}
+
+
+#jfmfs-inner-header span.jfmfs-title {
+    color: #333333;
+    font-weight: bold;
+    margin: 3px 0 2px;
+}
+
+#jfmfs-max-selected-wrapper {
+    float: right;
+    margin:4px 5px 4px 5px;
+    padding:3px 5px 3px 5px;  
+}