feature_box 0.8.1

data/CHANGELOG.rdoc

@@ -0,0 +1 @@
+== 0.8.0

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2012 Dmitry Filimonov
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.rdoc

@@ -0,0 +1,107 @@
+= FeatureBox
+
+FeatureBox is a feature request service written using Ruby on Rails framework.
+It is an open source analog of VoteBox[http://www.dropbox.com/votebox] - part of the DropBox
+
+It is designed to be flexible and customizable and intended to be easily integrated into your website.
+It uses popular gems like *CanCan* and *Devise*.
+
+Take a look at the demo here: http://featurebox.me
+
+== Installation
+===Basic steps
+
+Edit your *Gemfile* to add a dependency on the feature_box gem.
+  gem 'feature_box'
+
+Update dependencies 
+  bundle update
+
+Before moving any further you will need to choose the right generator.
+There are two of them: one for *existing* app and one for *standalone* installation.
+
+The main difference is that standalone generator creates a new User model, installs and configures Devise. It is meant to run on a clean rails app and that's why it is called standalone. Use this generator to test FeatureBox or if your application doesn't have any User model.
+
+If you installing FeatureBox on existing app you might want to keep existing users and this is situation when you have to use generator for existing application.
+
+
+=== Standalone
+One simple command will create User model, install Devise, run migrations and everything.
+
+  rails g feature_box:standalone
+
+
+=== Existing Application
+Make sure you have User model in your application.
+Install Devise on if you haven't done this yet.
+
+Then install FeatureBox with just one command:
+  rails g feature_box:existing
+
+If you don't want to rely on this smart generator script, check Manual Installation part.
+
+
+=== Manual Installation
+
+==== Initializer
+Use this generator to create a new initializer in +config/initializers/feature_box.rb+
+  rails g feature_box:initializer
+
+==== Routes
+Routing is really easy:
+  mount FeatureBox::Engine => '/any_path'
+
+==== Migrations
+FeatureBox has a generator for this:
+  rails g feature_box:migrations
+
+Here is a list of avaliable migrations:
+* 00_create_feature_box_suggestions.rb
+* 01_create_feature_box_categories.rb
+* 02_create_feature_box_comments.rb
+* 03_create_feature_box_votes.rb
+* 04_create_feature_box_users.rb
+* 05_add_devise_to_feature_box_users.rb
+* 06_add_type_to_{model_name}.rb
+
+Migrations 00..03 are a must.
+
+Install migrations 04 and 05 if you don't have User model. This is what *standalone* generator does.
+
+Install migration 06 if you already have a User model in your app. This will add +:type+ column to the model and this is important because Rails STI doesn't work without this trick. Generator will also ask you for a model name in case it is not User.
+
+Run migrations like you always do:
+  rake db:migrate
+
+==== Tweaking Initializer
+In case you already use Devise in your app you have to set *devise_router_name* to *:main_app* in the initializer:
+  settings.devise_router_name = :main_app
+Make sure you have this line in the initializer:
+  settings.devise_parent_model = "User"
+
+== Other Things You May Want To Install
+=== Views
+Use this generator to copy views to your app so you can easily edit them:
+  rails g feature_box:views
+
+=== ActionMailer Configuration
+It is pretty simple and basically the same as with any other Rails App.
+More info coming soon. 
+
+
+== TODOs
+* Correct spelling mistakes. I am not a native speaker and it is really hard for me. Conribute, please.
+* Test coverage. It is really poor at the moment.
+* AJAX
+
+
+== Contribution
+I invite everyone who wants to help me with this project.
+
+Share your ideas and thoughts here: http://featurebox.me.
+
+Issues Tracker is available here: http://github.com/petethepig/featurebox/issues.
+
+
+== License
+MIT License. Copyright 2012 {Dmitry Filimonov}[http://dfilimonov.com].

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

@@ -0,0 +1,39 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+// WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
+// GO AFTER THE REQUIRES BELOW.
+//
+//= require jquery
+//= require jquery_ujs
+
+
+var FeatureBox={
+  initAjaxListeners:function(){
+    $(".vote-btn").bind("ajax:success",function(ev,data){
+      var obj = data;
+      if(obj.error){
+
+      }else{
+        $(this).parent().children(".vote-frame").children(".vote-number").text(obj.total_votes);
+        $(this).parent().children(".vote-frame").children(".user-votes").text("+"+obj.user_votes).removeClass("hidden");
+        $(this).parent().children(".vote-frame").children(".votes-label").text(obj.total_votes==1?"vote":"votes");
+        if(obj.votes_left>0)
+          $("#votes-left").children("span").text(obj.votes_left+(obj.votes_left==1?" vote":" votes"));
+        else
+          $("#votes-left").text("You have no votes left")
+      }
+    });
+    $("a.disabled").click(function(e){e.preventDefault();return false});
+  }
+}
+
+$(document).ready(function(){
+  FeatureBox.initAjaxListeners();
+});

data/app/assets/stylesheets/feature_box/application.css.scss

@@ -0,0 +1,133 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+ *= require bootstrap.min
+ *= require_tree .
+*/
+
+@import 'mixins.css.scss';
+
+header {
+  padding: 30px 0;
+}
+
+.nav-list{
+  li{
+    a{
+      @include radius(4px);
+    }
+  }.active{
+    a{
+      background: #08C;      
+      @include linear-gradient(#0095E0, #08C);
+      border:1px solid #0095E0;
+      padding:2px 14px;
+    }
+  }
+}
+
+.black-link, .black-link:HOVER{
+  text-decoration:none;
+  color:black;
+}
+
+a.disabled, a.disabled:HOVER{
+  color:  #ccc;
+}
+
+a.danger{
+  color:#f22;
+}
+
+
+.span8-5{
+  width:650px;
+}
+
+.empty{
+  line-height: 27px;
+  font-size: 18px;
+  margin: 40px 0;
+  text-align:center;
+}
+
+.inline{
+  display:inline;
+}
+
+.center{
+  text-align: center;
+}
+
+
+#current-user-wrapper{
+  position:absolute;
+  width:100%;
+  #current-user{
+    height:0;
+    div{
+      padding: 5px 10px;
+    }
+  }
+}
+
+#votes-left{
+  line-height:1.25;
+}
+
+
+.new-btn{
+  text-align:center;
+  margin-top:40px;
+  a{
+    width: 670px;
+  }
+}
+
+#admin-links{
+  display:block;
+}
+
+
+footer .span12{
+  margin-top: 45px;
+  padding: 35px 0 36px;
+  border-top: 1px solid #E5E5E5;
+}
+
+
+.clearfix{
+  clear:both;
+}
+
+.hidden{
+  visibility:hidden;
+}
+
+
+@media(max-width: 970px) { /*for better experience on low resolution displays*/
+  .container{
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+}
+
+//*Categories and Users pages**/
+ul.table-nav{
+  margin:0;
+  padding:0;
+  border-bottom:none;
+  font-weight:normal;
+  margin-bottom:-34px;
+}
+
+table tr td:last-child{
+  text-align:right;
+}

data/app/assets/stylesheets/feature_box/comments.css.scss

@@ -0,0 +1,41 @@
+// Place all the styles related to the Comments controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
+
+@import 'mixins.css.scss';
+
+#comments{
+  margin: 0;
+}
+
+#comments-nav{
+  margin:0;
+}
+
+.comment{
+  padding:30px 0;
+  border-top:1px solid #ddd;
+  margin-top:-1px;
+  clear:both;
+  .comment-user{
+    width:120px;
+    float:left;
+    padding-left:20px;
+    font-weight:bold;
+  }
+  .comment-text{
+    margin:0 100px 0 150px;
+    line-height:1.5;
+  }
+  .comment-date{
+    float:right;
+    position:relative;
+    top:-20px;
+    color: #999;
+    text-align:right;
+  }
+  .comment-edit{
+    text-align:right;
+  }
+
+}

data/app/assets/stylesheets/feature_box/mixins.css.scss

@@ -0,0 +1,37 @@
+
+@mixin radius($rad) {
+  -webkit-border-radius: $rad;
+  -moz-border-radius: $rad;
+  border-radius: $rad;
+}
+
+@mixin shadow($param){
+  box-shadow: $param;
+  -moz-box-shadow: $param;
+  -webkit-box-shadow: $param;
+}
+
+@mixin text-shadow($param){
+  text-shadow: $param;
+  -moz-text-shadow: $param;
+  -webkit-text-shadow: $param;
+}
+
+@mixin diagonal-gradient($from, $to){
+  $deg: -45deg;
+  background-image: -moz-linear-gradient($deg, $from, $to);
+  background-image: -ms-linear-gradient($deg, $from, $to);
+  background-image: -webkit-gradient(linear, left top, right bottom, $from, $to);
+  background-image: -webkit-linear-gradient($deg, $from, $to);
+  background-image: -o-linear-gradient($deg, $from, $to);
+  background-image: linear-gradient($deg, $from, $to);
+}
+
+@mixin linear-gradient($from, $to){
+  background-image: -moz-linear-gradient(top,  $from, $to);
+  background-image: -ms-linear-gradient(top, $from, $to);
+  background-image: -webkit-gradient(linear, left top, left bottom, $from, $to);
+  background-image: -webkit-linear-gradient(top, $from, $to);
+  background-image: -o-linear-gradient(top, $from, $to);
+  background-image: linear-gradient(top, $from, $to);
+}

data/app/assets/stylesheets/feature_box/suggestions.css.scss

@@ -0,0 +1,110 @@
+// Place all the styles related to the Suggestions controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
+
+@import 'mixins.css.scss';
+
+.suggestion{
+  
+  margin-bottom:40px;
+
+  .vote-box{
+    float: left;
+    @include radius(0 0 4px 4px);
+    @include shadow(0 2px 6px rgba(100,100,100,0.15));
+  }
+
+  .vote-frame, .vote-btn{
+    width: 75px;
+  }
+
+  .vote-btn{
+    @include radius(0 0 4px 4px);
+    display:block;
+    padding:5px 0;
+    text-align: center;
+    line-height: 13px;
+  }
+  .vote-btn.disabled{
+    border:1px solid #ccc;
+    opacity:1;
+    color:#999;
+  }
+  .vote-frame{
+
+    border:1px solid #ccc;
+    border-bottom:none;
+    @include radius( 4px 4px 0 0);    
+
+    text-align: center;
+    padding: 18px 0;
+    line-height: 1.15;
+
+    color: #999;
+    background-color: white;    
+    @include diagonal-gradient(white, #e8e8e8);
+
+    .vote-number{
+      font-size: 23px;
+      color: #08C;
+    }.long{
+      font-size: 18px;
+    }
+    .user-votes{
+      display:table-cell;
+
+      $rad:26px;
+
+      min-width:20px;
+      height:$rad;
+      line-height:$rad;
+      margin-bottom:-$rad;
+      @include radius($rad/2);
+
+      font-weight: bold;
+      background: orange;
+      color: white;
+      font-size:12px;      
+      position:relative;
+      float:right;
+      left:13px;
+      top:-55px;
+      padding:0 3px;
+      @include text-shadow(0 1px 2px rgba(100,100,100,0.3));
+      @include shadow(0 1px 6px rgba(100,100,100,0.3));
+    }
+  }
+
+  
+  .suggestion-info{
+    margin-left: 95px;
+    .title{
+      color:#08C;
+    }
+    .description{
+      margin:15px 0px;
+      line-height:1.5;
+    }
+    .comments{
+      color:#999;
+    }
+    .name-date{
+      float:right;
+      color:#999;
+    }
+  }  
+}
+
+#search-field{
+  margin-top:10px;
+  input#q{
+    width:585px;
+    margin:0;
+  }
+  input.btn{
+    width:65px;
+  }
+}
+
+
+