wasync: add support to specify promises

Author: abhishek97

app/models/progress.js

@@ -13,6 +13,7 @@ export default DS.Model.extend({
   isFeedbackDone: computed('feedbackStatus', function() {
     return !(this.feedbackStatus == null);
   }),
+  feedback: DS.attr(),
   runAttempt: DS.belongsTo('runAttempt'),
   content: DS.belongsTo('content'),
 })

app/pods/attempt/content/template.hbs

@@ -7,7 +7,9 @@
     {{!-- render content outlet and doubts and notes --}}
     <div>
       <div>
-        <ContentFeedback @showFeedback={{true}} />
+        <WAsync @promise={{this.model.progress}} as |progress|>
+          <ContentFeedback @progress={{progress}} />
+        </WAsync>
         {{outlet}}
       </div>
       {{#unless (eq model.contentable 'course-recommend')}}

app/pods/components/content-feedback/component.js

@@ -18,23 +18,22 @@ export default class ContentFeedbackComponent extends Component {
 	expanded = false
 	selectedRating = null
 
-	@action
-	toggleExpandedView() {
-		// this.expanded && this.set('selectedRating', null)
-		this.toggleProperty('expanded')
-	}
+	didReceiveAttrs () {
+		this._super(...arguments)
+		this.selectedRating = this.progress
+	}	
 
 	@computed('selectedRating')
 	get expansionType () {
 		const rating = this.selectedRating
 		if (rating === 4 || rating === null)
-			return 'NONE'
+		return 'NONE'
 		else if (rating <= 3) 
-			return 'BAD'
-		 else
-			return 'GOOD'
+		return 'BAD'
+		else
+		return 'GOOD'
 	}
-
+	
 	@computed('expansionType')
 	get expansionText () {
 		switch(this.expansionType) {
@@ -43,7 +42,7 @@ export default class ContentFeedbackComponent extends Component {
 			default: return ''
 		}
 	}
-
+	
 	@computed('expansionType')
 	get expansionReasons() {
 		switch(this.expansionType) {
@@ -52,5 +51,21 @@ export default class ContentFeedbackComponent extends Component {
 			default: return []
 		}
 	}
-
+	
+	@action
+	async updateContentFeedback (reason = '') {
+		// update everything in progress
+		const feedback = {
+			rating: this.selectedRating,
+			reason
+		}
+		this.progress.set('feedback', feedback)
+		await this.progress.save()
+	}
+	
+	@action
+	toggleExpandedView() {
+		// this.expanded && this.set('selectedRating', null)
+		this.toggleProperty('expanded')
+	}
 }

app/pods/components/content-feedback/template.hbs

@@ -24,7 +24,7 @@
             <label class="radio-container v-align-ma">
               <input class="radio" type="radio" name="reason" 
               checked={{eq this.selectedReason reason}}
-              onclick={{fn (mut this.selectedReason) reason}} />
+              onclick={{fn this.updateContentFeedback reason}} />
               <span class="checkmark t-smaller"></span>
               <span class="font-xs">{{reason}}</span>
             </label>

lib/ember-w-pack/addon/components/w-async.js

@@ -7,7 +7,22 @@ export default class WAsyncComponent extends Component {
 
   didReceiveAttrs() {
     this._super(...arguments);
-    if (this.autoFire) this.task.perform();
+    if (this.promise) {
+      this.set('task', {
+        isRunning: true,
+        last: {value: null}
+      })
+
+      this.promise.then(resolved => {
+        this.set('task', {
+          isRunning: false,
+          last: {
+            value: resolved
+          }
+        })
+      })
+    }
+    else if (this.autoFire) this.task.perform();
   }
 
   @computed('task.{isRunning,last.value}')