rostra 0.0.15 → 0.0.16

data/app/assets/javascripts/rostra/application.js

@@ -7,8 +7,10 @@
 //= require jquery
 //= require jquery_ujs
 //= require rails.validations
+//= require rostra/rails.validations.custom
 //= require rostra/jquery.jeditable
 //= require rostra/tiny_mce/jquery.tinymce
+//= require rostra/jquery.autoSuggest
 
 $(document).ready(function() {
 
@@ -23,6 +25,22 @@ $(document).ready(function() {
   }();
 
 
+  $('input.tokenize').each(function() {
+    var input = $(this);
+    var ajax_url = input.attr('data-ajax_url');
+    var name = input.attr('name');
+    var prefill = input.val();
+
+    input.autoSuggest(ajax_url, {
+      startText: '',
+      emptyText:'Press comma or tab to add this tag',
+      preFill: prefill
+    });
+
+    $('input.as-values').attr('name', name); // force name to not 
+  });
+
+
   var answer_comment_form = function() {
     $('a.leave_comment').click(function() {
       $(this).closest('.answer').find('form.comment').fadeIn();

data/app/assets/javascripts/rostra/jquery.autoSuggest.js

@@ -0,0 +1,419 @@
+ /*
+ * AutoSuggest
+ * Copyright 2009-2010 Drew Wilson
+ * www.drewwilson.com
+ * code.drewwilson.com/entry/autosuggest-jquery-plugin
+ *
+ * Forked by Wu Yuntao
+ * github.com/wuyuntao/jquery-autosuggest
+ *
+ * Version 1.6.2
+ *
+ * This Plug-In will auto-complete or auto-suggest completed search queries
+ * for you as you type. You can add multiple selections and remove them on
+ * the fly. It supports keybord navigation (UP + DOWN + RETURN), as well
+ * as multiple AutoSuggest fields on the same page.
+ *
+ * Inspied by the Autocomplete plugin by: J歳n Zaefferer
+ * and the Facelist plugin by: Ian Tearle (iantearle.com)
+ *
+ * This AutoSuggest jQuery plug-in is dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ */
+
+(function($){
+    $.fn.autoSuggest = function(data, options) {
+        var defaults = {
+            asHtmlID: false,
+            startText: "Enter Name Here",
+            usePlaceholder: false,
+            emptyText: "No Results Found",
+            preFill: {},
+            limitText: "No More Selections Are Allowed",
+            selectedItemProp: "value", //name of object property
+            selectedValuesProp: "value", //name of object property
+            searchObjProps: "value", //comma separated list of object property names
+            queryParam: "q",
+            retrieveLimit: false, //number for 'limit' param on ajax request
+            extraParams: "",
+            matchCase: false,
+            minChars: 1,
+            keyDelay: 400,
+            resultsHighlight: true,
+            neverSubmit: false,
+            selectionLimit: false,
+            showResultList: true,
+            showResultListWhenNoMatch: false,
+            start: function(){},
+            selectionClick: function(elem){},
+            selectionAdded: function(elem){},
+            selectionRemoved: function(elem){ elem.remove(); },
+            formatList: false, //callback function
+            beforeRetrieve: function(string){ return string; },
+            retrieveComplete: function(data){ return data; },
+            resultClick: function(data){},
+            resultsComplete: function(){}
+        };
+        var opts = $.extend(defaults, options);
+
+        function countValidItems(data) { var n = 0; for (k in data) if (data.hasOwnProperty(k)) n++; return n; }
+
+        var d_fetcher;
+        if(typeof data == "function") {
+            d_fetcher = data;
+        } else if(typeof data == "string") {
+            d_fetcher = function(query, next) {
+                var limit = "";
+                if(opts.retrieveLimit){
+                    limit = "&limit="+encodeURIComponent(opts.retrieveLimit);
+                }
+                $.getJSON(data+"?"+opts.queryParam+"="+encodeURIComponent(query)+limit+opts.extraParams, function(data){
+                    var new_data = opts.retrieveComplete.call(this, data);
+                    next(new_data, query);
+                });
+            };
+        } else if(typeof data == "object" && countValidItems(data) > 0) {
+            d_fetcher = function(query, next) { next(data, query); };
+        }
+
+        if(d_fetcher) {
+            return this.each(function(x){
+                if(!opts.asHtmlID){
+                    x = x+""+Math.floor(Math.random()*100); //this ensures there will be unique IDs on the page if autoSuggest() is called multiple times
+                    var x_id = "as-input-"+x;
+                } else {
+                    x = opts.asHtmlID;
+                    var x_id = x;
+                }
+                opts.start.call(this, {
+                    add: function(data) {
+                             add_selected_item(data, 'u' + $('li', selections_holder).length).addClass('blur');
+                         },
+                    remove: function(value) {
+                                values_input.val(values_input.val().replace(","+value+",",","));
+                                selections_holder.find('li[data-value = "' + value + '"]').remove();
+                            },
+                });
+                var input = $(this);
+                input.attr("autocomplete","off").addClass("as-input").attr("id",x_id);
+                if (opts.usePlaceholder) {
+                    input.attr('placeholder', opts.startText);
+                } else {
+                    input.val(opts.startText);
+                }
+                var input_focus = false;
+
+                // Setup basic elements and render them to the DOM
+                input.wrap('<ul class="as-selections" id="as-selections-'+x+'"></ul>').wrap('<li class="as-original" id="as-original-'+x+'"></li>');
+                var selections_holder = $("#as-selections-"+x);
+                var org_li = $("#as-original-"+x);
+                var results_holder = $('<div class="as-results" id="as-results-'+x+'"></div>').hide();
+                var results_ul =  $('<ul class="as-list"></ul>');
+                var values_input = $('<input type="hidden" class="as-values" name="as_values_'+x+'" id="as-values-'+x+'" />');
+                var prefill_value = "";
+                if(typeof opts.preFill == "string"){
+                    var vals = opts.preFill.split(",");
+                    for(var i=0; i < vals.length; i++){
+                        var v_data = {};
+                        v_data[opts.selectedValuesProp] = vals[i];
+                        if(vals[i] != ""){
+                            add_selected_item(v_data, "000"+i);
+                        }
+                    }
+                    prefill_value = opts.preFill;
+                } else {
+                    prefill_value = "";
+                    var prefill_count = 0;
+                    for (k in opts.preFill) if (opts.preFill.hasOwnProperty(k)) prefill_count++;
+                    if(prefill_count > 0){
+                        for(var i=0; i < prefill_count; i++){
+                            var new_v = opts.preFill[i][opts.selectedValuesProp];
+                            if(new_v == undefined){ new_v = ""; }
+                            prefill_value = prefill_value+new_v+",";
+                            if(new_v != ""){
+                                add_selected_item(opts.preFill[i], "000"+i);
+                            }
+                        }
+                    }
+                }
+                if(prefill_value != ""){
+                    input.val("");
+                    var lastChar = prefill_value.substring(prefill_value.length-1);
+                    if(lastChar != ","){ prefill_value = prefill_value+","; }
+                    values_input.val(","+prefill_value);
+                    $("li.as-selection-item", selections_holder).addClass("blur").removeClass("selected");
+                }
+                input.after(values_input);
+                selections_holder.click(function(){
+                    input_focus = true;
+                    input.focus();
+                }).mousedown(function(){ input_focus = false; }).after(results_holder);
+
+                var interval = null;
+                var timeout = null;
+                var prev = "";
+                var totalSelections = 0;
+                var tab_press = false;
+                var lastKeyPressCode = null;
+                var request = null;
+
+                // Handle input field events
+                input.focus(function(){
+                    if(!opts.usePlaceholder && $(this).val() == opts.startText && values_input.val() == ""){
+                        $(this).val("");
+                    } else if(input_focus){
+                        $("li.as-selection-item", selections_holder).removeClass("blur");
+                        if($(this).val() != ""){
+                            results_ul.css("width",selections_holder.outerWidth());
+                            results_holder.show();
+                        }
+                    }
+                    if (interval) clearInterval(interval);
+                    interval = setInterval(function() {
+                        if(opts.showResultList){
+                            if(opts.selectionLimit && $("li.as-selection-item", selections_holder).length >= opts.selectionLimit){
+                                results_ul.html('<li class="as-message">'+opts.limitText+'</li>');
+                                results_holder.show();
+                            } else {
+                                keyChange();
+                            }
+                        }
+                    }, opts.keyDelay);
+                    input_focus = true;
+                    if (opts.minChars == 0){
+                      processRequest($(this).val());
+                    }
+                    return true;
+                }).blur(function(){
+                    if (!opts.usePlaceholder && $(this).val() == "" && values_input.val() == "" && prefill_value == "" && opts.minChars > 0) {
+                        $(this).val(opts.startText);
+                    } else if(input_focus){
+                        $("li.as-selection-item", selections_holder).addClass("blur").removeClass("selected");
+                        results_holder.hide();
+                    }
+                    if (interval) clearInterval(interval);
+                }).keydown(function(e) {
+                    // track last key pressed
+                    lastKeyPressCode = e.keyCode;
+                    first_focus = false;
+                    switch(e.keyCode) {
+                        case 38: // up
+                            e.preventDefault();
+                            moveSelection("up");
+                            break;
+                        case 40: // down
+                            e.preventDefault();
+                            moveSelection("down");
+                            break;
+                        case 8:  // delete
+                            if(input.val() == ""){
+                                var last = values_input.val().split(",");
+                                last = last[last.length - 2];
+                                selections_holder.children().not(org_li.prev()).removeClass("selected");
+                                if(org_li.prev().hasClass("selected")){
+                                    values_input.val(values_input.val().replace(","+last+",",","));
+                                    opts.selectionRemoved.call(this, org_li.prev());
+                                } else {
+                                    opts.selectionClick.call(this, org_li.prev());
+                                    org_li.prev().addClass("selected");
+                                }
+                            }
+                            if(input.val().length == 1){
+                                results_holder.hide();
+                                prev = "";
+                                abortRequest();
+                            }
+                            if($(":visible",results_holder).length > 0){
+                                if (timeout){ clearTimeout(timeout); }
+                                timeout = setTimeout(function(){ keyChange(); }, opts.keyDelay);
+                            }
+                            break;
+                        case 9: case 188:  // tab or comma
+                            tab_press = true;
+                            var i_input = input.val().replace(/(,)/g, "");
+                            var active = $("li.active:first", results_holder);
+                            // Generate a new bubble with text when no suggestion selected
+                            if(i_input !== "" && values_input.val().search(","+i_input+",") < 0 && i_input.length >= opts.minChars && active.length === 0){
+                                e.preventDefault();
+                                var n_data = {};
+                                n_data[opts.selectedItemProp] = i_input;
+                                n_data[opts.selectedValuesProp] = i_input;
+                                var lis = $("li", selections_holder).length;
+                                add_selected_item(n_data, "00"+(lis+1));
+                                input.val("");
+                                // Cancel previous request when new tag is added
+                                abortRequest();
+                                break;
+                            }
+                        case 13: // return
+                            tab_press = false;
+                            var active = $("li.active:first", results_holder);
+                            if(active.length > 0){
+                                active.click();
+                                results_holder.hide();
+                            }
+                            if(opts.neverSubmit || active.length > 0){
+                                e.preventDefault();
+                            }
+                            break;
+                        // ignore if the following keys are pressed: [escape] [shift] [capslock]
+                        case 27: // escape
+                        case 16: // shift
+                        case 20: // capslock
+                            abortRequest();
+                            results_holder.hide();
+                            break;
+                    }
+                });
+
+                function keyChange() {
+                    // Since most IME does not trigger any key events, if we press [del]
+                    // and type some chinese character, `lastKeyPressCode` will still be [del].
+                    // This might cause problem so we move the line to key events section;
+                    // ignore if the following keys are pressed: [del] [shift] [capslock]
+                    // if( lastKeyPressCode == 46 || (lastKeyPressCode > 8 && lastKeyPressCode < 32) ){ return results_holder.hide(); }
+                    var string = input.val().replace(/[\\]+|[\/]+/g,"");
+                    if (string == prev) return;
+                    prev = string;
+                    if (string.length >= opts.minChars) {
+                        selections_holder.addClass("loading");
+                        processRequest(string);
+                    } else {
+                        selections_holder.removeClass("loading");
+                        results_holder.hide();
+                    }
+                }
+                function processRequest(string){
+                  if(opts.beforeRetrieve){
+                      string = opts.beforeRetrieve.call(this, string);
+                  }
+                  abortRequest();
+                  d_fetcher(string, processData);
+                }
+                var num_count = 0;
+                function processData(data, query){
+                    if (!opts.matchCase){ query = query.toLowerCase(); }
+                    var matchCount = 0;
+                    results_holder.html(results_ul.html("")).hide();
+                    var d_count = countValidItems(data);
+                    for(var i=0;i<d_count;i++){
+                        var num = i;
+                        num_count++;
+                        var forward = false;
+                        if(opts.searchObjProps == "value") {
+                            var str = data[num].value;
+                        } else {
+                            var str = "";
+                            var names = opts.searchObjProps.split(",");
+                            for(var y=0;y<names.length;y++){
+                                var name = $.trim(names[y]);
+                                str = str+data[num][name]+" ";
+                            }
+                        }
+                        if(str){
+                            if (!opts.matchCase){ str = str.toLowerCase(); }
+                            if(str.search(query) != -1 && values_input.val().search(","+data[num][opts.selectedValuesProp]+",") == -1){
+                                forward = true;
+                            }
+                        }
+                        if(forward){
+                            var formatted = $('<li class="as-result-item" id="as-result-item-'+num+'"></li>').click(function(){
+                                    var raw_data = $(this).data("data");
+                                    var number = raw_data.num;
+                                    if($("#as-selection-"+number, selections_holder).length <= 0 && !tab_press){
+                                        var data = raw_data.attributes;
+                                        input.val("").focus();
+                                        prev = "";
+                                        add_selected_item(data, number);
+                                        opts.resultClick.call(this, raw_data);
+                                        results_holder.hide();
+                                    }
+                                    tab_press = false;
+                                }).mousedown(function(){ input_focus = false; }).mouseover(function(){
+                                    $("li", results_ul).removeClass("active");
+                                    $(this).addClass("active");
+                                }).data("data",{attributes: data[num], num: num_count});
+                            var this_data = $.extend({},data[num]);
+                            if (!opts.matchCase){
+                                var regx = new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + query + ")(?![^<>]*>)(?![^&;]+;)", "gi");
+                            } else {
+                                var regx = new RegExp("(?![^&;]+;)(?!<[^<>]*)(" + query + ")(?![^<>]*>)(?![^&;]+;)", "g");
+                            }
+
+                            if(opts.resultsHighlight && query.length > 0){
+                                this_data[opts.selectedItemProp] = this_data[opts.selectedItemProp].replace(regx,"<em>$1</em>");
+                            }
+                            if(!opts.formatList){
+                                formatted = formatted.html(this_data[opts.selectedItemProp]);
+                            } else {
+                                formatted = opts.formatList.call(this, this_data, formatted);
+                            }
+                            results_ul.append(formatted);
+                            delete this_data;
+                            matchCount++;
+                            if(opts.retrieveLimit && opts.retrieveLimit == matchCount ){ break; }
+                        }
+                    }
+                    selections_holder.removeClass("loading");
+                    if(matchCount <= 0){
+                        results_ul.html('<li class="as-message">'+opts.emptyText+'</li>');
+                    }
+                    results_ul.css("width", selections_holder.outerWidth());
+                    if (matchCount > 0 || !opts.showResultListWhenNoMatch) {
+                        results_holder.show();
+                    }
+                    opts.resultsComplete.call(this);
+                }
+
+                function add_selected_item(data, num){
+                    values_input.val((values_input.val()||",")+data[opts.selectedValuesProp]+",");
+                    var item = $('<li class="as-selection-item" id="as-selection-'+num+'" data-value="' + data[opts.selectedValuesProp] + '"></li>').click(function(){
+                            opts.selectionClick.call(this, $(this));
+                            selections_holder.children().removeClass("selected");
+                            $(this).addClass("selected");
+                        }).mousedown(function(){ input_focus = false; });
+                    var close = $('<a class="as-close">&times;</a>').click(function(){
+                            values_input.val(values_input.val().replace(","+data[opts.selectedValuesProp]+",",","));
+                            opts.selectionRemoved.call(this, item);
+                            input_focus = true;
+                            input.focus();
+                            return false;
+                        });
+                    org_li.before(item.html(data[opts.selectedItemProp]).prepend(close));
+                    opts.selectionAdded.call(this, org_li.prev(), data[opts.selectedValuesProp]);
+                    return org_li.prev();
+                }
+
+                function moveSelection(direction){
+                    if($(":visible",results_holder).length > 0){
+                        var lis = $("li", results_holder);
+                        if(direction == "down"){
+                            var start = lis.eq(0);
+                        } else {
+                            var start = lis.filter(":last");
+                        }
+                        var active = $("li.active:first", results_holder);
+                        if(active.length > 0){
+                            if(direction == "down"){
+                            start = active.next();
+                            } else {
+                                start = active.prev();
+                            }
+                        }
+                        lis.removeClass("active");
+                        start.addClass("active");
+                    }
+                }
+
+                function abortRequest() {
+                    if (request) {
+                        request.abort();
+                        request = null;
+                    }
+                }
+
+            });
+        }
+    };
+})(jQuery);

data/app/assets/javascripts/rostra/rails.validations.custom.js

@@ -0,0 +1,37 @@
+var custom_validation_callbacks = {
+  // Taglist inputs are built using the autoSuggest jQuery plugin, which dynamically generates markup to create a nice
+  // facebook-like tag field. The plugin uses two inputs:
+  //
+  //   1) An input where the user types tag names. After clicking tab/comma, the plugin adds a new tag pill (`li`) to the
+  //      list of tags (`ul`) and clears the input so the user can continue adding tags.
+  //   2) A hidden input which contains the value all the tags as a comma separated list. Tags are automatically appended
+  //      whenever a the user enters a new tag.
+  //
+  // Rails uses the second input when writing to the database. This happens automatically since both inputs have the same
+  // `name` attribute, meaning only the second, hidden input gets passed along with the form parameters.
+  //
+  // Because of this markup, validation can be tricky since we really only care about the hidden input. Unfortunately,
+  // the `client_side_validation` gem adds the validaiton behavior to the first input. This callback essentially overrides
+  // the default behavior to ensure validations are ran against the second/hidden input.
+  //
+  taglist: function(element, event_data) {
+    var tag_list_input = element.hasClass('as-input');
+    if (tag_list_input) {
+      var taglist_valid = $.trim( element.next().val() ).match(/[^,]/); // has at least one tag and it's not just whitespace
+      var field = element.closest('.field');
+      field.append('<span class="error"></span>'); // Cuase sometimes it doesn't have a error span. Why?
+
+      if (taglist_valid) {
+        element.data('valid', true);
+        field.find('.error').text('');
+      } else {
+        element.data('valid', false);
+        field.find('.error').text("can't be blank");
+      }
+    }
+  }
+};
+
+clientSideValidations.callbacks.element.after = function(element, event_data) {
+  custom_validation_callbacks.taglist(element, event_data);
+}

data/app/assets/stylesheets/rostra/application.css

@@ -15,9 +15,6 @@
 .text {
   line-height: 18px;
 }
-nav {
-  float: right;
-}
 #page_content {
   width: 630px;
   border-right: 1px solid #ccc;
@@ -40,8 +37,6 @@ body#questions.show #page_content {
   list-style: none;
   padding: 0;
 }
-
-
 img.avatar {
   float: right;
   box-shadow: 0 1px 4px #666;

data/app/assets/stylesheets/rostra/autoSuggest.css

@@ -0,0 +1,218 @@
+/* AutoSuggest CSS - Version 1.2 */
+
+ul.as-selections {
+  list-style-type: none;
+  border-bottom: 1px solid #b6b6b6;
+  border-left: 1px solid #aaa;
+  border-right: 1px solid #aaa;
+  padding: 5px 5px 1px;
+  margin: 0;
+  overflow: auto;
+  background-color: #fff;
+  box-shadow:inset 0 1px 2px #888;
+  -webkit-box-shadow:inset 0 1px 2px #888;
+  -moz-box-shadow:inset 0 1px 2px #888;
+}
+
+ul.as-selections li {
+  float: left;
+  margin: 1px 4px 1px 0;
+}
+
+ul.as-selections li.as-selection-item {
+  color: #2b3840;
+  font-size: 13px;
+  font-family: "Lucida Grande", arial, sans-serif;
+  text-shadow: 0 1px 1px #fff;
+  background-color: #ddeefe;
+  background-image: -moz-linear-gradient(top, #ddeefe, #bfe0f1);
+  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddeefe), to(#bfe0f1));
+  border: 1px solid #acc3ec;
+  border-top-color: #c0d9e9;
+  padding: 2px 7px 2px 10px;
+  border-radius: 12px;
+  -webkit-border-radius: 12px;
+  -moz-border-radius: 12px;
+  box-shadow: 0 1px 1px #e4edf2;
+  -webkit-box-shadow: 0 1px 1px #e4edf2;
+  -moz-box-shadow: 0 1px 1px #e4edf2;
+}
+
+ul.as-selections li.as-selection-item:last-child {
+  margin-left: 30px;
+}
+
+ul.as-selections li.as-selection-item a.as-close {
+  float: right;
+  margin: 1px 0 0 7px;
+  padding: 0 2px;
+  cursor: pointer;
+  color: #5491be;
+  font-family: "Helvetica", helvetica, arial, sans-serif;
+  font-size: 14px;
+  font-weight: bold;
+  text-shadow: 0 1px 1px #fff;
+  -webkit-transition: color .1s ease-in;
+}
+
+ul.as-selections li.as-selection-item.blur {
+  color: #666666;
+  background-color: #f4f4f4;
+  background-image: -moz-linear-gradient(top, #f4f4f4, #d5d5d5);
+  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#d5d5d5));
+  border-color: #bbb;
+  border-top-color: #ccc;
+  box-shadow: 0 1px 1px #e9e9e9;
+  -webkit-box-shadow: 0 1px 1px #e9e9e9;
+  -moz-box-shadow: 0 1px 1px #e9e9e9;
+}
+
+ul.as-selections li.as-selection-item.blur a.as-close {
+  color: #999;
+}
+
+ul.as-selections li:hover.as-selection-item {
+  color: #2b3840;
+  background-color: #bbd4f1;
+  background-image: -moz-linear-gradient(top, #bbd4f1, #a3c2e5);
+  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbd4f1), to(#a3c2e5));
+  border-color: #6da0e0;
+  border-top-color: #8bb7ed;
+}
+
+ul.as-selections li:hover.as-selection-item a.as-close {
+  color: #4d70b0;
+}
+
+ul.as-selections li.as-selection-item.selected {
+  border-color: #1f30e4;
+}
+
+ul.as-selections li.as-selection-item a:hover.as-close {
+  color: #1b3c65;
+  background: transparent;
+}
+
+ul.as-selections li.as-selection-item a:active.as-close {
+  color: #4d70b0;
+}
+
+ul.as-selections li.as-original {
+  margin-left: 0;
+}
+
+ul.as-selections li.as-original input {
+  border: none;
+  outline: none;
+  font-size: 13px;
+  width: 120px;
+  height: 18px;
+  padding-top: 3px;
+  background: white;
+}
+
+ul.as-list {
+  position: absolute;
+  list-style-type: none;
+  margin: 2px 0 0 0;
+  padding: 0;
+  font-size: 14px;
+  color: #000;
+  font-family: "Lucida Grande", arial, sans-serif;
+  background-color: #fff;
+  background-color: rgba(255,255,255,0.95);
+  z-index: 2;
+  box-shadow: 0 2px 12px #222;
+  -webkit-box-shadow: 0 2px 12px #222;
+  -moz-box-shadow: 0 2px 12px #222;
+  border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+}
+
+li.as-result-item, li.as-message {
+  margin: 0 0 0 0;
+  padding: 5px 12px;
+  background-color: transparent;
+  border: 1px solid #fff;
+  border-bottom: 1px solid #ddd;
+  cursor: pointer;
+  border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+}
+
+li:first-child.as-result-item {
+  margin: 0;
+}
+
+li.as-message {
+  margin: 0;
+  cursor: default;
+}
+
+li.as-result-item.active {
+  background-color: #3668d9;
+  background-image: -moz-linear-gradient(top, rgb(110, 129, 245), rgb(62, 82, 242));
+  background-image: -webkit-gradient(linear, 0% 0%, 0% 64%, from(rgb(110, 129, 245)), to(rgb(62, 82, 242)));
+  border-color: #3342e8;
+  color: #fff;
+  text-shadow: 0 1px 2px #122042;
+}
+
+li.as-result-item em {
+  font-style: normal;
+  background: #444;
+  padding: 0 2px;
+  color: #fff;
+}
+
+li.as-result-item.active em {
+  background: #253f7a;
+  color: #fff;
+}
+
+/* Webkit Hacks  */
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  ul.as-selections {
+    border-top-width: 2px;
+  }
+  ul.as-selections li.as-selection-item {
+    padding-top: 0;
+    padding-bottom: 2px;
+  }
+  ul.as-selections li.as-selection-item a.as-close {
+    margin-top: -1px;
+  }
+  ul.as-selections li.as-original input {
+    height: 19px;
+  }
+}
+
+/* Opera Hacks  */
+@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
+  ul.as-list {
+    border: 1px solid #888;
+  }
+  ul.as-selections li.as-selection-item a.as-close {
+    margin-left: 4px;
+    margin-top: 0;
+  }
+}
+
+/* IE Hacks  */
+ul.as-list {
+  border: 1px solid #888\9;
+}
+ul.as-selections li.as-selection-item a.as-close {
+  margin-left: 4px\9;
+  margin-top: 0\9;
+}
+
+/* Firefox 3.0 Hacks */
+ul.as-list,  x:-moz-any-link, x:default {
+  border: 1px solid #888;
+}
+BODY:first-of-type ul.as-list, x:-moz-any-link, x:default { /* Target FF 3.5+ */
+  border: none;
+}

data/app/controllers/rostra/base/questions_controller.rb

@@ -16,7 +16,7 @@ module Rostra
         if rostra_user.following?(@question)
           rostra_user.followed_questions.delete(@question)
         else
-          rostra_user.followed_questions << @question
+          rostra_user.question_followings.create(question: @question, send_email_notifications: false)
         end
 
         respond_to do |format|
@@ -25,6 +25,14 @@ module Rostra
         end
       end
 
+      def tags
+        tags = Question.tag_counts.where("name like ?", "%#{params[:q]}%").limit(10)
+        respond_to do |format|
+          format.js { render :js => tags.map { |tag| {value: tag.name} }.to_json }
+        end
+      end
+
+
       def index
         if params[:tag_search].present?
           @questions = Question.tagged_with(params[:tag_search]).order('created_at desc').page(params[:page])

data/app/models/rostra/question.rb

@@ -4,6 +4,8 @@ module Rostra
     has_many :answers
     has_many :question_followings
     has_many :followers, through: :question_followings, source: :user
+    has_many :notified_followers, through: :question_followings, source: :user,
+      conditions: { 'rostra_question_followings.send_email_notifications' => true }
 
     acts_as_taggable
     acts_as_voteable
@@ -18,13 +20,16 @@ module Rostra
 
     # Set number of questions per page for will paginate
     #
-    per_page = Rostra::Config.number_of_question_per_page
+    paginates_per Rostra::Config.number_of_question_per_page
 
     # Finds questions asked within the last 15 days ordered by non-unique page views.
     #
     def self.trending(limit = 5)
       Question.where(created_at: (15.days.ago)..(Time.now)).limit(limit)
 
+      # Maybe try to use a subquery?
+      # User.where(:id => accounts.project(:user_id).where(accounts[:user_id].not_eq(6)))
+
       # This code doesn't work in postgres.
       # Question
       #   .where(created_at: (15.days.ago)..(Time.now))

data/app/views/rostra/questions/_form.html.erb

@@ -2,7 +2,7 @@
   <%= f.hidden_field :user_id, value: rostra_user.id %>
   <%= f.input :title %>
   <%= f.input :details, input_html: {class: 'wysiwyg'}  %>
-  <%= f.input :tag_list, label: 'Tags', hint: 'Separate tags with commas' %>
+  <%= f.input :tag_list, label: 'Tags', hint: 'Separate tags with commas', input_html: { class: 'tokenize', 'data-ajax_url' => tags_questions_path } %>
   <%= f.input :follow_by_email, as: :boolean, input_html: { checked: true }, label: "I want to follow answers and comments on this question" %>
   <%= f.submit @question.new_record? ? 'Post your question' : 'Update' %>
 <% end %>

data/app/views/rostra/questions/index.html.erb

@@ -44,7 +44,7 @@
           </div>
         <% end %>
 
-        <%= will_paginate @posts %>
+        <%= paginate @questions %>
 
       <% end %>
     </div><!-- questions -->

data/config/routes.rb

@@ -2,9 +2,12 @@ Rostra::Engine.routes.draw do
   resources :questions, except: [:destroy]  do
     put :vote, on: :member
     put :toggle_following, on: :member
+    get :tags, on: :collection
+
     resources :answers, only: [:create, :edit, :update] do
       put :vote, on: :member
     end
+
     resources :comments, only: [:create, :update, :destroy]
   end
 

data/db/migrate/20111024223022_add_send_email_notifications_to_question_followings.rb

@@ -0,0 +1,5 @@
+class AddSendEmailNotificationsToQuestionFollowings < ActiveRecord::Migration
+  def change
+    add_column :rostra_question_followings, :send_email_notifications, :boolean, default: true
+  end
+end

data/lib/rostra/email_notifier.rb

@@ -11,7 +11,7 @@ module Rostra
     # don't send notification to the person that created the answer/comment.
     #
     def notify_followers
-      question.followers.each do |user|
+      question.notified_followers.each do |user|
         next if self.user == user
         ApplicationMailer.notification(user, question).deliver
       end

data/lib/rostra/engine.rb

@@ -8,7 +8,7 @@ module Rostra
     require 'thumbs_up'
     require 'acts_as_commentable'
     require 'impressionist'
-    require 'will_paginate'
+    require 'kaminari'
     require_relative 'email_notifier'
 
     isolate_namespace Rostra

data/lib/rostra/version.rb

@@ -1,3 +1,3 @@
 module Rostra
-  VERSION = "0.0.15"
+  VERSION = "0.0.16"
 end

metadata

@@ -2,7 +2,7 @@
 name: rostra
 version: !ruby/object:Gem::Version 
   prerelease: 
-  version: 0.0.15
+  version: 0.0.16
 platform: ruby
 authors: 
 - Cory Schires
@@ -113,7 +113,7 @@ dependencies:
   type: :runtime
   version_requirements: *id009
 - !ruby/object:Gem::Dependency 
-  name: will_paginate
+  name: kaminari
   prerelease: false
   requirement: &id010 !ruby/object:Gem::Requirement 
     none: false
@@ -235,7 +235,9 @@ files:
 - app/assets/images/rostra/anonymous_avatar.png
 - app/assets/images/rostra/vote_arrows.png
 - app/assets/javascripts/rostra/application.js
+- app/assets/javascripts/rostra/jquery.autoSuggest.js
 - app/assets/javascripts/rostra/jquery.jeditable.js
+- app/assets/javascripts/rostra/rails.validations.custom.js
 - app/assets/javascripts/rostra/tiny_mce/jquery.tinymce.js
 - app/assets/javascripts/rostra/tiny_mce/langs/en.js
 - app/assets/javascripts/rostra/tiny_mce/plugins/advhr/css/advhr.css
@@ -490,6 +492,7 @@ files:
 - app/assets/javascripts/rostra/tiny_mce/utils/mctabs.js
 - app/assets/javascripts/rostra/tiny_mce/utils/validate.js
 - app/assets/stylesheets/rostra/application.css
+- app/assets/stylesheets/rostra/autoSuggest.css
 - app/assets/stylesheets/rostra/buttons.css
 - app/assets/stylesheets/rostra/flash_messages.css
 - app/assets/stylesheets/rostra/forms.css
@@ -541,6 +544,7 @@ files:
 - db/migrate/20111012020025_create_comments.rb
 - db/migrate/20111016021105_create_impressions_table.rb
 - db/migrate/20111019162723_create_rostra_question_followings.rb
+- db/migrate/20111024223022_add_send_email_notifications_to_question_followings.rb
 - lib/generators/rostra/install_generator.rb
 - lib/generators/rostra/templates/app/helpers/rostra/application_helper.rb
 - lib/generators/rostra/templates/config/initializers/rostra.rb