Merge pull request #9 from jaden/feature/jobs

yyx990803 · yyx990803 · commit 54849d856bd7 · 2015-12-04T10:34:30.000-05:00
Display content for job items.
diff --git a/src/components/ItemView.vue b/src/components/ItemView.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="item-view" v-show="item">
     <item :item="item"></item>
+    <p class="itemtext" v-if="hasText" v-html="item.text"></p>
     <ul class="poll-options" v-if="pollOptions">
       <li v-for="option in pollOptions">
         <p>{{option.text}}</p>
@@ -13,7 +14,7 @@
         :comment="comment">
       </comment>
     </ul>
-    <p v-show="!comments.length">No comments yet.</p>
+    <p v-show="!comments.length && !isJob">No comments yet.</p>
   </div>
 </template>
 
@@ -50,6 +51,16 @@ export default {
           : null
       }))
     }
+  },
+
+  computed: {
+    isJob () {
+      return this.item.type === 'job'
+    },
+
+    hasText () {
+      return this.item.hasOwnProperty('text')
+    }
   }
 }
 </script>
@@ -73,4 +84,10 @@ export default {
     .subtext
       color $gray
       font-size 11px
+  .itemtext
+    color $gray
+    margin-top 0
+    margin-bottom 30px
+  .itemtext p
+    margin 10px 0
 </style>
