basic rating posting working

Author: jafethdc

app/controllers/ratings_controller.rb

@@ -38,17 +38,16 @@ def index
   def create
     rating = PostCreator.new(current_user, rating_params).create
     if rating.persisted?
-      # We could notify the user here
-      serializer = UserFeedback::RatingSerializer
-      render json: serializer.new(rating, scope: self, root: false).as_json , status: :created
+      action = UserAction.where(target_post_id: rating.id, action_type: UserAction::REPLY).first
+      render_serialized(UserAction.ratings(action_id: action.id).first, UserFeedback::RatingSerializer)
     else
       render json: { errors: 'Unable to create or update post' }, status: :unprocessable_entity
     end
   end
 
   private
 
-  # Create a first post, if not the first rating will be omitted
+  # Create a first post, otherwise the first rating will be omitted
   def ensure_topic_existence
     @user = User.find_by(id: params[:user_id])
     raise Discourse::NotFound if @user.blank?

app/models/user_action.rb

@@ -7,6 +7,8 @@ def ratings(opts)
     offset = opts[:offset] || 0
     limit = opts[:limit] || 60
 
+    action_id = opts[:action_id]
+
     # The weird thing is that target_post_id can be null, so it makes everything
     #  ever so more complex. Should we allow this, not sure.
     builder = SqlBuilder.new <<-SQL
@@ -42,12 +44,16 @@ def ratings(opts)
         /*limit*/
     SQL
 
-    builder.where("a.action_type in (:action_types)", action_types: action_types) if action_types && action_types.length > 0
-    builder.where("a.target_topic_id = :target_topic_id", target_topic_id: target_topic_id)
-    builder
-        .order_by("a.created_at desc")
-        .offset(offset.to_i)
-        .limit(limit.to_i)
+    if action_id
+      builder.where("a.id = :id", id: action_id.to_i)
+    else
+      builder.where("a.action_type in (:action_types)", action_types: action_types) if action_types && action_types.length > 0
+      builder.where("a.target_topic_id = :target_topic_id", target_topic_id: target_topic_id)
+      builder
+          .order_by("a.created_at desc")
+          .offset(offset.to_i)
+          .limit(limit.to_i)
+    end
 
     builder.map_exec(UserAction::UserActionRow)
   end

assets/javascripts/discourse/components/rating-composer.js.es6

@@ -0,0 +1,36 @@
+import { emojiUnescape } from 'discourse/lib/text';
+import UserAction from 'discourse/models/user-action';
+import { ajax } from 'discourse/lib/ajax'
+
+export default Ember.Component.extend({
+    raw: '',
+    rating: 0,
+    actions: {
+        updateRating(rating){
+            this.set('rating', rating);
+        },
+        save(){
+            const self = this;
+            this.set('raw', this.$('textarea').val());
+            this.set('loading', true);
+            const stream = this.get('stream');
+            const user = stream.get('user');
+
+            ajax(`/user-feedback/users/${user.id}.json`, {
+                type: 'POST',
+                data: {
+                    raw: self.get('raw'),
+                    rating: self.get('rating')
+                }
+            }).then(function (data) {
+                let action = data.rating;
+                const copy = Em.A();
+                copy.pushObject(action);
+                stream.get('content').insertAt(0, UserAction.collapseStream(copy)[0]);
+                stream.set('itemsLoaded', stream.get('itemsLoaded') + 1)
+            }).finally(function(){
+                self.set('loading', false);
+            });
+        }
+    },
+});

assets/javascripts/discourse/components/rating-stars.js.es6

@@ -0,0 +1,39 @@
+export default Ember.Component.extend({
+    starsNumber: 5,
+    readOnly: true,
+    rating: 0,
+    didReceiveAttrs(){
+        this._super(...arguments);
+        const stars = [];
+        for(let i=0; i<this.get('starsNumber'); i++){
+            let star  = { full: i < this.get('rating') };
+            stars.push(star);
+        }
+        this.set('stars', stars);
+    },
+    didInsertElement(){
+        this._super(...arguments);
+        if(this.get('readOnly') === false){
+            this.$().css('cursor', 'pointer');
+        }
+        this.$().css('display', 'inline-block');
+    },
+    click(event){
+        let rating = this.getTarget(event.pageX);
+        let stars = this.$('.star-icon');
+        stars.each(function(index, element){
+            if(index < rating){
+                $(element).addClass('full');
+            }else{
+                $(element).removeClass('full');
+            }
+        });
+        if(this.get('action') !== undefined){
+            this.get('action')(rating);
+        }
+    },
+    getTarget(x){
+        const starsNumber = this.get('starsNumber');
+        return Math.ceil((starsNumber * (x - this.$().offset().left) / this.$().width()));
+    }
+});

assets/javascripts/discourse/templates/components/rating-composer.hbs

@@ -0,0 +1,8 @@
+<div class="rating-composer">
+    {{rating-stars rating=0 readOnly=false action=(action "updateRating")}}
+    <textarea class="rating-textarea" placeholder="Describe your rating here" rows="4"></textarea>
+    <button {{action "save"}} tabindex="5" class="btn btn-primary create {{if disableSubmit 'disabled'}}" title="{{i18n 'composer.title'}}"><i class="fa fa-pencil"></i>{{i18n 'composer.save_edit'}}</button>
+    {{#if loading}}
+        {{loading-spinner size="small"}}
+    {{/if}}
+</div>

assets/javascripts/discourse/templates/components/rating-item.hbs

@@ -5,7 +5,7 @@
     <span class="title">
     <a href={{item.userUrl}}>{{#if item.acting_name}}{{item.acting_name}}{{else}}{{item.acting_username}}{{/if}}</a>
   </span>
-    <div class="category">{{mount-widget widget="rating" args=item.rating}}</div>
+    <div class="category">{{rating-stars rating=item.rating readOnly=true}}</div>
     {{plugin-outlet name="user-stream-item-header" args=(hash item=item)}}
 </div>
 

assets/javascripts/discourse/templates/components/rating-stars.hbs

@@ -0,0 +1,5 @@
+<div class="rating-stars">
+    {{#each stars as |star|}}
+        <span class="star-icon {{if star.full 'full' ''}}">☆</span>
+    {{/each}}
+</div>

assets/javascripts/discourse/templates/user-activity-feedback.hbs

@@ -3,7 +3,7 @@
         {{{model.noContentHelp}}}
     </div>
 {{/if}}
-{{mount-widget widget="rating-composer"}}
+{{rating-composer stream=model}}
 {{#user-stream stream=model}}
     {{#each model.content as |item|}}
         {{rating-item item=item removeBookmark="removeBookmark"}}