Merge pull request #14 from bhavyaagg/fix-placeholder-issue

Fix placeholder issue

Author: abhishek97

app/pods/components/choice-editor/component.js

@@ -8,6 +8,10 @@ import { inject as service } from '@ember/service';
 export default Component.extend({
   notify: service(),
   isEditing: false,
+  init () {
+    this._super(...arguments)
+    this.set('isEditing', !!this.get('choice.isNew'))
+  },
   actions: {
     toggleEditing () {
       this.toggleProperty('isEditing')

app/pods/components/choice-editor/template.hbs

@@ -6,7 +6,7 @@
           <label>Choice Title:</label>
         </div>
         <div class="col-5 input-group">
-          <h3> {{input type="text" class="input-text" value=choice.title}} </h3>
+          <h3> {{input type="text" class="input-text" placeholder="*New Choice, EDIT ME" value=choice.title}} </h3>
         </div>
         <div class="col-5">
           {{markdown-to-html choice.title extensions='katex'}}
@@ -18,7 +18,7 @@
       </div>
       <div class="col-5 input-group">
         <p>
-          {{textarea type="text" class="input-text py-4" value=choice.description}}
+          {{textarea type="text" class="input-text py-4" placeholder="EDIT ME" value=choice.description}}
         </p>
       </div>
       <div class="col-5">

app/pods/components/question-editor/component.js

@@ -11,10 +11,7 @@ export default Component.extend({
       this.toggleProperty('isEditing')
     },
     addChoice () {
-      const newChoice = this.get('store').createRecord('choice', {
-        title: '*New Choice, EDIT ME',
-        description: 'EDIT ME'
-      })
+      const newChoice = this.get('store').createRecord('choice', {})
       newChoice.set('question', this.get('question'))
 
       this.get('question.choices').addObject(newChoice)

app/pods/components/question-editor/template.hbs

@@ -44,6 +44,7 @@
             choice=choice
             isCorrect=(includes correctChoices choice.id)
             onFlagChange=(action 'markChoice')
+            isNew=true
           }}
         </li>
       {{/each}}

app/pods/questions/new/route.js

@@ -4,11 +4,9 @@ import { inject as service } from '@ember/service'
 export default Route.extend({
   currentUser: service(),
   model () {
-    return this.store.createRecord('question', {
-      title: '',
-      description: '',
-      user: this.get('currentUser.user')
-    })
+    const newQuestion = this.store.createRecord('question', {})
+    newQuestion.set('user', this.get('currentUser.user'))
+    return newQuestion
   },
   setupController (controller, model) {
     controller.set("question", model)