component for tag creation

Author: imdhruvgupta

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

@@ -3,6 +3,7 @@ import { inject as service } from '@ember/service';
 import { task, timeout } from 'ember-concurrency';
 
 export default Component.extend({
+  currentUser: service(),
   store: service(),
   api: service(),
   notify: service(),
@@ -60,8 +61,18 @@ export default Component.extend({
       }).then(() => {
         this.set('correctChoices', [...correctChoices])
       })
-      
+    },
+    createNewTag() {
+      const onSuccess = () => this.get('notify').success('New Tag Created')
+
+      let newTag = this.store.createRecord('tag', {
+        title: this.get('tagTitle'),
+      })
 
+      newTag.set('user', this.get('currentUser.user'))
+      console.log(newTag.user)
+      newTag.save()
+      .then(onSuccess)
     }
   }
 });

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

@@ -65,7 +65,20 @@
         {{/power-select-multiple}}
       </div>
     </div>
-
+    <div class="row"></div>
+    <div class="row justify-content-center align-items-center">
+      <div class="col-2">
+        <label>Create New Tag: </label>
+      </div>
+      <div class="col-5 input-group">
+        {{input type="text" class="input-text" placeholder="Enter Tag's Title" value=tagTitle}}
+      </div>
+      <div class="col-5">
+        <span {{action 'createNewTag'}}>
+        Save
+        <i class="far fa-save"></i>
+      </span></div>
+    </div>
     Created By: <mark>{{question.user.firstname}}</mark>
 
   {{/unless}}