qa-rails 0.1

data/README.markdown

@@ -0,0 +1,27 @@
+Rails 迷你问答论坛插件
+==================================================================
+
+### 使用
+1.   添加qa-rails数据库表，bundle exec rake db:migrate
+2.   在view里引用论坛插件，示例:
+
+```ruby
+qa_setup "#content .SectionBox .SectionList .forum",
+         @current_lesson.id,
+         :jsfun_user_avatar_url => "eoe.jsfun_user_avatar_url",
+         :jsfun_user_info => "function() { return {uid:eoe.uid, uname:eoe.uname}; }",
+         :empty_topics_text => 'Hey, 还没有问题，如果你有和本课相关但还不明白的问题，请在这里提问　:)',
+         :notice_div => '$(".SectionBox[anchor=qa] .SectionHead .hasNew")'
+```
+
+### 其他论坛参考
+*   https://github.com/radar/forem
+*   https://github.com/discourse/discourse vendor下的gems值得一看
+
+### 贡献人员名单
+*   产品: @iceskysl
+*   rails, javascript: @mvj3
+*   css: @xiang97
+
+### License
+MIT

data/app/assets/javascripts/qa-rails-link.js

@@ -0,0 +1,7 @@
+//= require jquery
+//= require underscore
+//= require backbone
+//= require backbone_rails_sync
+//= require backbone_datalink
+
+//= require qa-rails

data/app/assets/javascripts/qa-rails.js

@@ -0,0 +1,273 @@
+$(document).ready(function() {
+  if (!$.fn.autosize) { console.log("warning: please use git://github.com/jackmoore/autosize.git to auto resize textarea"); $.fn.autosize = function() {}; }
+  if (!$.fn.timeago) { console.log("warning: please use git://github.com/ashchan/smart-time-ago.git to compute time ago"); $.fn.timeago = function() {}; }
+
+  // textarea 自适应高度
+  var autosize = function() {
+    setTimeout(function() {
+      $("#content .forum textarea").autosize();
+    }, 5000);
+  };
+
+  var scroll_to_div = function(_f) {
+    // 用dom高度做动态计算
+    var dom = $(QARails.domid).closest(".SectionList");
+    var _top = dom.offset().top - 50;
+    var _micro_seconds = dom.height() - 500;
+    // 自动滚动到论坛顶部，以防止帖子超过一屏
+    $("html, body").animate({ scrollTop: _top}, _micro_seconds);
+    autosize();
+  };
+  var is_first_time_load_qa = true;
+
+  // 设定 检查新内容的时间相关
+  var now_int         = function() {
+    return Math.round(new Date().getTime() / 1000);
+  };
+  var last_checked_at = now_int();
+
+  // 论坛框架视图
+  var QARootView = Backbone.View.extend({
+    events: {
+      "click .convert_tags span":     "edit_or_preview",
+      "click .markdownBox a.reply":   "comment",
+      "click .markdownBox a.ask":     "ask",
+      "click .pagination span":       "ajax_paginate"
+    },
+    // 编辑或预览
+    edit_or_preview: function(event) {
+      event.preventDefault();
+      if (!this.process_data(event)) { return false; }
+      var dom = $(event.target);
+      // 不能重复点击
+      if (dom.hasClass('on')) { return false; }
+
+      // 引用相对的输入框
+      var textarea_dom = dom.closest(".convert_tags").siblings(".textareaBox");
+
+      // 切换显示
+      textarea_dom.find(".preview_box, .textarea_text").toggleClass('hide');
+      this.$el.find(".convert_tags span").toggleClass('on');
+      var that = this;
+
+      // 判断是预览
+      if (dom.hasClass('preview_button')) {
+        // 传输数据到markdown渲染接口
+        var _data = {data: this.content};
+        $.post("/qa/markdown", _data, function(opts) {
+          console.log(opts);
+          // 渲染结果
+          textarea_dom.find('.preview_content').html(opts.data);
+        });
+      }
+    },
+    btn_event: undefined,
+    current_textarea_dom: undefined,
+    markdown_editor_type: undefined,
+    content: undefined,
+    title: undefined,
+    last_ask_title: undefined,
+    last_comment_content: undefined,
+    process_data: function(event) {
+      this.btn_event             = event;
+      var dom                    = $(this.btn_event.target).closest(".markdownBox").children(".convert_tags").siblings(".textareaBox");
+      this.markdown_editor_type  = dom.find('.btn').attr('type');
+      this.current_textarea_dom  = dom.find('textarea');
+      var v                      = this.current_textarea_dom.val().split("\n");
+
+      // remove blank line at the beign and the end
+      var _length_pre, _length;
+      while (_length_pre != v.length) {
+        _length_pre = v.length;
+        if (_.isEmpty(v[0])) { v.shift(); }
+        if (_.isEmpty(v[v.length-1])) { v.pop(); }
+      }
+
+      switch(this.markdown_editor_type) {
+        case 'ask':
+          this.content = v.slice(1, v.length).join("\n");
+          this.title   = v[0];
+          dom.find('.preview_title').html(this.title);
+          if (($.trim(this.title).length === 0) || ($.trim(this.content).length === 0)) {
+            alert("至少包含标题和内容的两行内容！");
+            return false;
+          }
+          break;
+        case 'reply':
+          this.content = v.join("\n");
+          if ($.trim(this.content).length === 0) {
+            alert("回复内容不能为空！");
+            return false;
+          }
+          break;
+      }
+
+      return true;
+    },
+    ask: function(event) {
+      if (!this.process_data(event)) { return false; }
+
+      // no dup ask
+      if (QARootView.last_ask_title === this.title) { alert("不能重复提问！"); return false; }
+      QARootView.last_ask_title = this.title;
+
+      var data = $.extend(QARails.default_ajax_data, {title: this.title, content: this.content});
+      var that = this;
+      $.post("/qa/topics.json", data).done(function(data) {
+        QARootView.render();
+      });
+
+    },
+    comment: function(event) {
+      if (!this.process_data(event)) { return false; }
+      // no dup ask
+      if (QARootView.last_comment_content === this.content) { alert("不能重复回复！"); return false; }
+      QARootView.last_comment_content = this.content;
+
+      var topic_id = $(event.target).closest('.show').attr('topic_id');
+      var data = $.extend(QARails.default_ajax_data, {topic_id: topic_id, content: this.content});
+      $.ajax({
+        url: "/qa/topics/" + topic_id + "/replies.json",
+        type: "POST",
+        data: data
+      }).done(function(data) {
+        QAShowView.render(data);
+      });
+    },
+    // ajax分页
+    ajax_paginate: function(event) {
+      var dom = $(event.target);
+      if (!dom.is('a')) { dom = dom.find('a'); }
+      var url = "/qa/topics.json?" + dom.attr('href').split('?')[1];
+
+      $.getJSON(url).done(function(data) {
+        QAListTopicView.render(data);
+        scroll_to_div();
+      });
+
+      return false;
+    },
+    template: _.template($("#qa_list_template").html()),
+    render: function() {
+      this.$el.html(this.template());
+      return this;
+    }
+  });
+  /* 渲染列表视图 */
+  QARootView.render = function(page) {
+    page = page || QARails.kaminari_config.page;
+    var url = "/qa/topics.json?category_id=" +QARails.category_id + "&page=" + page + "&per=" + QARails.kaminari_config.per;
+    $.getJSON(url, function(data) {
+      console.log("qa-rails", data);
+      $(QARails.domid).html((new QARootView()).render().el);
+      QAListTopicView.render(data);
+
+      setTimeout(function() {
+        $("#qa .loading").hide();
+        $('#qa .topic_list').removeClass('hide');
+
+        if (!is_first_time_load_qa) {
+          scroll_to_div();
+          is_first_time_load_qa = false;
+        }
+      }, 1000);
+
+      // 重新更新时间点
+      last_checked_at = now_int();
+    });
+  };
+
+  /* 论坛主题列表渲染视图 */
+  var QAListTopicView = Backbone.View.extend({
+    events: {
+      "click li": 'topic_show'
+    },
+    /* 点击显示主题详情 */
+    topic_show: function(event) {
+      var topic_id = $(event.target).closest('li').attr('topic_id');
+      $.getJSON("/qa/topics/" + topic_id + ".json", function(data) {
+       QAShowView.render(data).show();
+       scroll_to_div();
+      });
+    },
+    template: _.template($("#qa_list_topic_template").html()),
+    initialize: function(opts) {
+      this.topics = opts.topics;
+      return this;
+    },
+    render: function() {
+      this.$el.html(this.template());
+      return this;
+    }
+  });
+  QAListTopicView.render = function(data) {
+    var list_topic_view = new QAListTopicView(data);
+    $("#qa ul").html(list_topic_view.render().el);
+    $('#qa ul .timeago').timeago();
+    $('#qa #kaminari').html(data.paginate_html);
+    return list_topic_view;
+  };
+
+
+  /* 论坛主题回复渲染视图 */
+  var QAShowView = Backbone.View.extend({
+    events: {
+      "click .back_to_list"          : "back_to_list"
+    },
+    show: function() {
+      $("#qa .topic_list, #qa .topic_show").toggleClass('hide');
+    },
+    back_to_list: function() {
+      var page = parseInt($(QARails.domid).find('.pagination span.current').text(), 10);
+      QARootView.render(page);
+    },
+    template: _.template($("#qa_show_template").html()),
+    initialize: function(opts) {
+      this.topic = opts.topic;
+      this.replies = opts.replies;
+      return this;
+    },
+    render: function() {
+      this.$el.html(this.template());
+      return this;
+    }
+  });
+  QAShowView.render = function(data) {
+    var show_view = new QAShowView(data);
+    $("#qa .topic_show").html(show_view.render().el);
+    $("#qa .topic_show .timeago").timeago();
+    return show_view;
+  };
+
+  // 初始化
+  QARootView.render();
+  autosize();
+
+  // 问答新内容的轮询检查
+  // 流程: 1, 设当前次刷新topic list的时间为最后时间点，然后轮询检查该时间点到现在有无新内容。2, 如果有，更新内容后才又开始 1 步骤; 如果无，继续轮询。
+  setTimeout(function() {
+    var notice_div      = $(QARails.notice_div);
+    if (!_.isEmpty(notice_div)) {
+      // 点击加载新列表
+      notice_div.click(function() {
+        QARootView.render();
+        notice_div.html("");
+      });
+
+      // 轮询检查
+      setInterval(function() {
+        var url = "/qa/topics/new_topics_count.json?category_id=" + QARails.category_id + '&time_begin=' + last_checked_at;
+        $.getJSON(url, function(data) {
+          if (data.new_topcis_count > 0) {
+            notice_div.html("有" + data.new_topcis_count + "条新内容 点击查看");
+          } else {
+            notice_div.html("");
+            console.log(url + " 没有新内容");
+          }
+        });
+      }, 60*1000);
+    }
+  }, 60*1000);
+
+
+});

data/app/controllers/qa/markdown_controller.rb

@@ -0,0 +1,24 @@
+# encoding: UTF-8
+
+class Qa::MarkdownController < QaController
+  # 接口参数，接受一个data键值，以POST form形式提交，例如
+  # data = 'markdown document'
+  def create
+    @success = false
+    begin
+      if params[:data].blank?
+        @data = "data参数不能为空"
+      else
+        @data = "<div class='markdown'>#{MarkdownTopicConverter.format(params[:data].to_s)}</div>"
+        @success = true
+      end
+    rescue => e
+      logger.info [e, e.backtrace].flatten.join("\n")
+    end
+
+    respond_to do |format|
+      format.json { render :json => {:data => @data, :status => !!@success} }
+    end
+  end
+
+end

data/app/controllers/qa/replies_controller.rb

@@ -0,0 +1,23 @@
+# encoding: UTF-8
+
+class Qa::RepliesController < QaController
+
+  def index
+  end
+
+  def create
+    (render :nothing => true; return false) if params[:content].blank?
+
+    @topic = QATopic.find(params[:topic_id])
+    @reply = QAReply.create(default_data.merge(:topic_id => @topic.id))
+
+    @replies = @topic.replies.map {|reply| reply.content = reply._content_markdown_cache; reply }
+    @topic.update_attributes :replies_count => @replies.count
+    @topic.content = @topic._content_markdown_cache # after update_attributes
+
+    respond_to do |format|
+      format.json { render :json => {:topic => @topic, :replies => @topic.replies}, :status => 200}
+    end
+  end
+
+end

data/app/controllers/qa/topics_controller.rb

@@ -0,0 +1,42 @@
+# encoding: UTF-8
+
+class Qa::TopicsController < QaController
+
+  def index
+    @qa_options = {:category_id => params[:category_id]}
+
+    fetch_topic_list
+  end
+
+  def create
+    (render :nothing => true; return false) if (params[:title].blank? || params[:content].blank?)
+
+    @topic = QATopic.create(default_data.merge(:title => params[:title], :category_id => params[:category_id]))
+
+    fetch_topic_list
+  end
+
+  def show
+    @topic = QATopic.find(params[:id])
+    QATopic.increment_counter :view_count, @topic.id
+    @topic.view_count += 1
+    @topic.content = @topic._content_markdown_cache
+    @replies = @topic.replies.map {|reply| reply.content = reply._content_markdown_cache; reply }
+
+    respond_to do |format|
+      format.json { render :json => {:topic => @topic, :replies => @replies}, :status => 200}
+    end
+  end
+
+  def destroy
+  end
+
+  def new_topics_count
+    @new_topcis_count = QATopic.where(:category_id => params[:category_id]).where("created_at >= ?", Time.at(params[:time_begin].to_i)).count
+
+    respond_to do |format|
+      format.json { render :json => {:new_topcis_count => @new_topcis_count}, :status => 200 }
+    end
+  end
+
+end

data/app/controllers/qa_controller.rb

@@ -0,0 +1,34 @@
+# encoding: UTF-8
+
+class QaController < ApplicationController
+  before_filter do
+    (render :nothing => true, :status => 403; return false) if user_login?
+    # TODO auth user in category_id
+  end
+
+  private
+  def default_data
+    {:uid => current_user.uid, :uname => current_user.uname, :content => params[:content]}
+  end
+
+  def fetch_topic_list
+    self.formats = [:html]
+    @paginate_html = render_to_string(:partial => "qa/paginate")
+    self.formats = [:json]
+
+    @topics = QATopic.where(:category_id => params[:category_id]).order("created_at DESC").page(params[:page] || 1).per(params[:per] || 5)
+    @topics.map do |topic|
+      topic.content = topic._content_markdown_cache
+    end
+
+    respond_to do |format|
+      format.json { render :json => {:topics => @topics.as_json(:methods => [:last_reply]), :paginate_html => @paginate_html}, :status => 200}
+    end
+  end
+
+  def user_login?
+    current_user.uid.to_i.zero?
+  end
+
+
+end

data/app/models/qa_reply.rb

@@ -0,0 +1,8 @@
+# encoding: UTF-8
+
+class QAReply < ActiveRecord::Base
+  acts_as_paranoid :column => 'is_delete', :column_type => 'boolean'
+
+  include QA_Rails::ContentMarkdownCache
+
+end

data/app/models/qa_topic.rb

@@ -0,0 +1,24 @@
+# encoding: UTF-8
+
+class QATopic < ActiveRecord::Base
+  acts_as_paranoid :column => 'is_delete', :column_type => 'boolean'
+  attr_accessible(*self.column_names)
+
+  has_many :replies, :class_name => QAReply, :foreign_key => :topic_id
+
+  # TODO expire from list if reply is delete
+  def last_reply reload = false
+    _r = Rails.cache.fetch self.last_reply_cache_key do
+      _last_reply.to_json
+    end
+    JSON.parse(_r)
+  end
+  def _last_reply
+    self.replies.last || {}
+  end
+
+  def last_reply_cache_key; "qa:topic_#{self.id}:last_reply" end
+  def t; self.created_at.strftime("%Y%m%d-%H%M%S") end
+
+  include QA_Rails::ContentMarkdownCache
+end

data/app/views/qa/_paginate.html.haml

@@ -0,0 +1,2 @@
+- a = QATopic.where(:category_id => params[:category_id]).page(params[:page] ||= 1).per(params[:per] ||= 5)
+%div= paginate a

data/app/views/qa/_qa.html.haml

@@ -0,0 +1,156 @@
+-  if protect_against_forgery?
+  = javascript_tag "var AUTH_TOKEN = #{form_authenticity_token.to_json};"
+
+%script{:type=>"text/template", :id=>"qa_list_template"}
+  %div#qa
+    %div.loading
+    %div.topic_list.hide
+      %div.topic_content.fix
+        %ul
+      #kaminari.fix
+      = render :partial => "qa/textarea", :locals => {:is_ask => true}
+    %div.topic_show.hide
+
+%script{:type=>"text/template", :id=>"qa_list_topic_template"}
+  = raw("<% if (_.isEmpty(this.topics)) { %>")
+  %div.empty_text
+    = raw("<%= QARails.empty_topics_text %>")
+  = raw("<% } else { %>")
+  = raw("<% _.each(this.topics, function(topic) { %>")
+  %li{:topic_id => raw("<%= topic.id %>")}
+    %a.user
+      %span.avatar
+        %img{:src => raw("<%= QARails.jsfun_user_avatar_url(topic.uid) %>")}
+    %div.box
+      %span.title.pointer= raw("<%= QARails.escapeHTML(topic.title) %>")
+      %div
+        %a.uname
+          = raw("<%= topic.uname %>")
+
+        = raw("<% if (_.isEmpty(topic.last_reply)) { %>")
+        = "于"
+        %time.timeago{:datetime => raw("<%= topic.created_at %>")}
+        = "发布"
+        = raw("<% } else { %>")
+        = "最后由"
+        = raw("<%= topic.last_reply.uname %>")
+        = "于"
+        %time.timeago{:datetime => raw("<%= topic.last_reply.created_at %>")}
+        = "回复"
+        = raw("<% } %>")
+
+      %em= raw("<%= topic.replies_count %>")
+  = raw("<% }); %>")
+  = raw("<% } %>")
+
+
+%script{:type=>"text/template", :id=>"qa_show_template"}
+  %div.back_to_list.pointer 后退
+  %div.show{:topic_id => raw("<%= this.topic.id %>")}
+    %div.head
+      %div.left
+        %div.title= raw("<%= QARails.escapeHTML(this.topic.title) %>")
+        %div.detail
+          %span.uname= raw("<%= this.topic.uname %>")
+          %span.time
+            %span 于
+            %time.timeago{:datetime => raw("<%= this.topic.created_at %>")}
+            %span 发布
+          %span.view_count= raw("<%= this.topic.view_count %>次阅读")
+      %div.right
+        %span.avatar
+          %img{:src => raw("<%= QARails.jsfun_user_avatar_url(this.topic.uid) %>")}
+    %div.body
+      %div.content= raw("<%= this.topic.content %>")
+    %div.comments
+      = raw("<% _.each(this.replies, function(reply) { %>")
+      %div.comment
+        %span.avatar
+          %img{:src => raw("<%= QARails.jsfun_user_avatar_url(reply.uid) %>")}
+        %span.user
+          %span.uname= raw("<%= reply.uname %>")
+          %span.content= raw("<%= reply.content %>")
+        %span.time
+          %time.timeago{:datetime => raw("<%= reply.created_at %>")}
+      = raw("<% }); %>")
+    = render :partial => "qa/textarea", :locals => {:is_ask => false}
+
+
+:css
+  /* facebox-rails.gem */
+  #qa .loading {background-image: url(/assets/facebox/loading.gif); background-repeat: no-repeat; background-position: center center; height: 50px;}
+
+  #qa .topic_list {margin-top:-20px;}
+  #qa .hide {display:none;}
+  #qa .pointer {cursor:pointer}
+  #qa .highlighttable{display:block;width:100%;margin:10px 0;overflow-x:auto;overflow-y:hidden;border:1px solid #ccc;}
+
+
+  #qa .topic_content{margin:10px 0;}
+  #qa .topic_content li{float:left;width:100%;padding:10px 0;overflow:hidden;border-bottom:1px solid #ccc;}
+  #qa .topic_content li ul li,#qa .topic_content li ol li{float:none;width:auto;padding:0;border:none;}
+  #qa .topic_content .user{float:left;width:48px;margin-left:25px;}
+  #qa .topic_content .user span.avatar{display:block;height:48px;overflow:hidden;}
+  #qa .topic_content .user span.uname, .markdownBox .uname{display:block;width:48px;height:24px;line-height:24px;overflow:hidden;text-align:center;color:#555;}
+  #qa .topic_content .box{float:right;width:800px;height:auto !important;max-height:150px;overflow:hidden;font-size:12px;margin-right:25px;position:relative;}
+  #qa .topic_content .box .title{color:#0073de;font-size:14px;}
+  #qa .topic_content .box a.uname{color:#999;}
+  #qa .topic_content .box em{display:inline-block;padding:0 8px;color:#fff;font-size:14px;font-style:normal;cursor:pointer;background-color:#1c7fdb;border-radius:12px;position:absolute;right:0;top:10px;}
+  #qa .topic_content .box .view_count{float:right;padding:0 5px;margin-left:10px;font-size:14px;color:#fff;border-radius:4px;background-color:#1c7fdb;}
+  #qa .topic_content .box .content{font-family:"宋体";line-height:24px;margin-top:5px;}
+  #qa .topic_content .empty_text{padding:50px 0;text-align:center;font-size:16px;}
+  
+  #qa .pagination{float:right;margin-top:10px;margin-right:25px;border:1px solid #e6e6e6;border-left:none;}
+  #qa .pagination span{cursor:pointer;display:inline-block;border-left:1px solid #e6e6e6;padding:5px 10px;}
+  #qa .pagination span.page a{color:#0073de;}
+  #qa .pagination span.current{color:#999;}
+
+  #qa .topic_show .back_to_list{width:16px;height:16px;overflow:hidden;text-indent:-9999px;background:url(/assets/learn_btn.png) -212px 0 no-repeat;position:absolute;left:10px;top:14px;}
+  #qa .topic_show .head{padding:0 35px 10px;overflow:hidden;border-bottom:1px solid #ddd;}
+  #qa .topic_show .head .left{float:left;width:530px;}
+  #qa .topic_show .head .left .detail{margin-top:10px;}
+  #qa .topic_show .head .left .title{font-size:20px;color:#0073de;}
+  #qa .topic_show .head .left .uname{color:#666;font-weight:bold;}
+  #qa .topic_show .head .left .time{color:#999;padding:0 8px;}
+  #qa .topic_show .head .right{float:right;width:48px;height:48px;overflow:hidden;}
+  #qa .topic_show .body,.topic_show .comment{padding:15px 25px;overflow:hidden;border-bottom:1px solid #ddd;}
+  #qa .topic_show .body .content code,#qa .topic_content .box .content code,#qa .preview_box .preview_content code{padding:1px 3px;border:1px solid #dedede;border-radius:3px;background-color:#fafafa;}
+  #qa .topic_show .comment{border-bottom:1px dashed #ddd;padding:15px 0;margin:0 25px;}
+  #qa .topic_show .comment .avatar,#qa .comment .avatar,#qa .textareaBox .avatar{float:left;width:48px;height:48px;overflow:hidden;margin-right:15px;_display:inline;}
+  #qa .topic_show .comment .user{float:left;width:710px;}
+  #qa .topic_show .comment .user .uname{color:#666;font-weight:bold;}
+  #qa .topic_show .comment .user .content{display:block;line-height:24px;}
+  #qa .topic_show .comment .time{float:right;color:#999;}
+
+  /*提问框*/
+  #qa .textarea_text,#qa .preview_box,#qa.replay_textarea{float:left;margin-right:15px;border:1px solid #ccc;position:relative;zoom:1;}
+  #qa .textarea_text textarea,#qa .replay_textarea textarea{float:left;display:block;width:720px;height:80px;resize:none;margin:0;padding:0;border:none;}
+  #qa .markdownBox a.btn {float:left;width:62px;height:32px;overflow:hiddn;line-height:32px;text-indent:-9000px;background:url(/assets/learn_btn.png) -115px 0 no-repeat;}
+  #qa .markdownBox a.btn.reply {background-position:-53px 0;}
+  #qa .markdownBox{margin:20px 0 0;padding:36px 15px 20px;border-radius: 0 0 4px 4px;position:relative;}
+  #qa .markdownBox .ask_nav span{float:left;width:127px;height:46px;padding-left:30px;font-size:16px;line-height:38px;text-align:left;color:#fff;background:url(/assets/askbg.png) 0 0 no-repeat;position:absolute;left:-5px;top:-5px;}
+  #qa .markdownBox .convert_tags{margin:10px 0 5px 83px;}
+  #qa .markdownBox .convert_tags span{padding:2px 8px;border-radius:3px;cursor:pointer;}
+  #qa .markdownBox .convert_tags span:hover,#qa .markdownBox .convert_tags span.on{background-color:#b1b1b1;color:#fff;}
+  #qa .markdownBox .textareaBox{margin:0 10px;}
+  #qa .markdownBox .textarea_exp{margin-left:73px;margin-top:5px;}
+  #qa .markdownBox .textarea_exp li{list-style:none;padding-left:15px;line-height:22px;background:url(/assets/dot2.png) 0 11px no-repeat;}
+  #qa .markdownBox .textarea_exp li code{border:1px solid #dedede;background-color:#f8f8f8;border-radius:3px;}
+  #qa .preview_box{width:720px;height:auto;min-height:80px;background-color:#fff;}
+  #qa .preview_box .preview_title{color:#0073de;font-size:14px;}
+  #qa .preview_box .preview_content{font-family:"宋体";line-height:24px;color:#555;font-size:14px;}
+
+
+:javascript
+  var QARails = {};
+  QARails.domid                   = #{@qa_options[:domid].to_json};
+  QARails.category_id             = #{@qa_options[:category_id].to_json};
+  QARails.jsfun_user_avatar_url   = #{@qa_options[:jsfun_user_avatar_url]};
+  QARails.jsfun_user_info         = #{@qa_options[:jsfun_user_info]};
+  QARails.kaminari_config         = {page: #{params[:page] || 1}, per: #{params[:per] || 5}};
+  QARails.default_ajax_data       = {authenticity_token: AUTH_TOKEN, category_id: QARails.category_id};
+  QARails.escapeHTML              = function(text) { return $('<div/>').text(text).html(); }
+  QARails.empty_topics_text       = #{(@qa_options[:empty_topics_text] || '还没有相关讨论，等你来提问哦 :)').to_json};
+  QARails.notice_div              = #{@qa_options[:notice_div]};
+
+= javascript_include_tag "qa-rails"

data/app/views/qa/_textarea.html.haml

@@ -0,0 +1,25 @@
+%div.markdownBox
+  %div.ask_nav.fix
+    %span= is_ask ? "我要提问" : "添加回复"
+  %div.convert_tags.fix
+    %span.edit_button.on 编辑
+    %span.preview_button 预览
+  %div.textareaBox.fix
+    %span.avatar
+      %img{:src => raw("<%= QARails.jsfun_user_avatar_url(" + (is_ask ? "eoe.uid" : "QARails.jsfun_user_info().uid") + ") %>")}
+    %div.textarea_text
+      = text_area_tag (is_ask ? "post_topic" : "post_comment")
+    %div.preview_box.hide
+      %p.preview_title
+      %div.preview_content
+    - tmp = is_ask ? "ask" : "reply"
+    %a.btn.pointer{:class => tmp, :type => tmp}= is_ask ? "提问" : "回复"
+  %ol.textarea_exp
+    - if is_ask
+      %li 第一行是标题
+    %li
+      = "支持 Markdown 格式，"
+      %strong **粗体**
+      = "、~~删除线~~、"
+      %code `单行代码`
+      ="、![Alt text](http://foo.com/bar.jpg) 显示图片"

data/config/routes.rb

@@ -0,0 +1,11 @@
+Rails.application.routes.draw do
+  namespace :qa do
+    resources :topics do
+      resources :replies
+      collection do
+        get :new_topics_count
+      end
+    end
+    resources :markdown
+  end
+end

data/db/migrate/20130408062843_create_qa.rb

@@ -0,0 +1,34 @@
+# encoding: UTF-8
+
+class CreateQa < ActiveRecord::Migration
+  def up
+    create_table :qa_topics, :options => 'ENGINE=Innodb DEFAULT CHARSET=utf8', :comment => "问答 主题" do |t|
+      t.integer    :category_id, :comment => "分类ID", :default => 0
+      t.integer    :uid, :comment => "作者ID", :default => 0
+      t.string     :uname, :comment => "作者名字"
+      t.string     :title, :comment => "主题的标题"
+      t.text       :content, :comment => "主题的内容"
+      t.integer    :replies_count, :comment => "回复数", :default => 0
+      t.integer    :view_count, :comment => "阅读数", :default => 0
+      t.boolean    :is_delete, :comment => "是否删除", :default => false
+      t.boolean    :is_resolved, :comment => "是否解决", :default => false
+      t.timestamps
+    end
+    add_index :qa_topics, [:is_delete, :category_id, :updated_at]
+
+    create_table :qa_replies, :options => 'ENGINE=Innodb DEFAULT CHARSET=utf8', :comment => "问答 回复" do |t|
+      t.integer    :topic_id, :comment => "主题 外键", :default => 0
+      t.integer    :uid, :comment => "作者ID", :default => 0
+      t.string     :uname, :comment => "作者名字"
+      t.text       :content, :comment => "回复 内容"
+      t.boolean    :is_delete, :comment => "是否删除", :default => false
+      t.timestamps
+    end
+    add_index :qa_replies, [:is_delete, :topic_id, :created_at]
+
+  end
+
+  def down
+  end
+
+end

data/lib/qa-rails.rb

@@ -0,0 +1,43 @@
+# encoding: UTF-8
+
+require 'markdown-ruby-china'
+
+module QA_Rails
+  module ContentMarkdownCache
+    extend ActiveSupport::Concern
+    def _content_markdown_cache
+      seconds = Rails.env == 'development' ? 1.second : 5.minutes
+      key     = "/json/#{self.class.table_name}/#{self.id}/_content_markdown_cache"
+      Rails.cache.fetch(key, :expires_in => seconds) do
+        c = MarkdownTopicConverter.format(self.content.to_s)
+        puts self.content.inspect, " - "*8, c
+        c
+      end
+    end
+  end
+end
+
+module ApplicationHelper
+  # Setup QA mini forum
+  #
+  # domid       - which dom you want to append
+  # category_id - board_id
+  #
+  # options[:jsfun_user_avatar_url] => 
+  # function(uid) { return "http://gravater.com/" + uid + ".png" };
+  #
+  def qa_setup domid, category_id = 1, options = {}
+    @qa_options = options
+    @qa_options[:domid] = domid
+    @qa_options[:category_id] = category_id
+    params[:category_id] = category_id
+
+    raise "Your should setup jsfun_user_avatar_url" if not @qa_options[:jsfun_user_avatar_url]
+    raise "Your should setup jsfun_user_info" if not @qa_options[:jsfun_user_info]
+
+    render :partial => "qa/qa"
+  end
+end
+
+
+require File.expand_path('../rails_engine.rb', __FILE__)

data/lib/rails_engine.rb

@@ -0,0 +1,16 @@
+# encoding: UTF-8
+
+module QA_Rails
+
+  class Engine < Rails::Engine
+    initializer "qa.load_app_instance_data" do |app|
+      app.class.configure do
+        ['db/migrate', 'app/assets', 'app/models', 'app/controllers', 'app/views'].each do |path|
+          config.paths[path] ||= []
+          config.paths[path] += QA_Rails::Engine.paths[path].existent
+        end
+      end
+    end
+  end
+
+end

data/qa-rails.gemspec

@@ -0,0 +1,20 @@
+Gem::Specification.new do |s|
+  s.name        = 'qa-rails'
+  s.version     = '0.1'
+  s.date        = '2013-04-08'
+  s.summary     = File.read("README.markdown").split(/===+/)[0].strip
+  s.description = s.summary
+  s.authors     = ["David Chen"]
+  s.email       = 'mvjome@gmail.com'
+  s.homepage    = 'http://github.com/eoecn/qa-rails'
+
+  s.add_dependency "rails"
+  s.add_dependency "haml"
+  s.add_dependency "kaminari"
+  s.add_dependency "cells", ">= 3.8.2"
+  s.add_dependency "markdown-ruby-china"
+  s.add_dependency 'facebox-rails'
+  s.add_dependency 'acts_as_paranoid_boolean_column'
+
+  s.files = `git ls-files`.split("\n")
+end

metadata

@@ -0,0 +1,176 @@
+--- !ruby/object:Gem::Specification
+name: qa-rails
+version: !ruby/object:Gem::Version
+  version: '0.1'
+  prerelease: 
+platform: ruby
+authors:
+- David Chen
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-04-08 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: haml
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: kaminari
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: cells
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 3.8.2
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 3.8.2
+- !ruby/object:Gem::Dependency
+  name: markdown-ruby-china
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: facebox-rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: acts_as_paranoid_boolean_column
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Rails 迷你问答论坛插件
+email: mvjome@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.markdown
+- app/assets/images/askbg.png
+- app/assets/images/dot2.png
+- app/assets/images/learn_btn.png
+- app/assets/javascripts/qa-rails-link.js
+- app/assets/javascripts/qa-rails.js
+- app/controllers/qa/markdown_controller.rb
+- app/controllers/qa/replies_controller.rb
+- app/controllers/qa/topics_controller.rb
+- app/controllers/qa_controller.rb
+- app/models/qa_reply.rb
+- app/models/qa_topic.rb
+- app/views/qa/_paginate.html.haml
+- app/views/qa/_qa.html.haml
+- app/views/qa/_textarea.html.haml
+- config/routes.rb
+- db/migrate/20130408062843_create_qa.rb
+- lib/qa-rails.rb
+- lib/rails_engine.rb
+- qa-rails.gemspec
+homepage: http://github.com/eoecn/qa-rails
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.25
+signing_key: 
+specification_version: 3
+summary: Rails 迷你问答论坛插件
+test_files: []