Display content for job items.

Dan Hersam · Dan Hersam · commit 32c160081873 · 2015-10-30T12:43:31.000-04:00
I'd like a cleaner way to toggle the 'No comments yet'
message, but I don't know how (or if it's possible) to access
Item.isJob() from ItemView.
diff --git a/src/components/Item.vue b/src/components/Item.vue
@@ -17,6 +17,7 @@
         | <a :href="'#/item/' + item.id">{{item.descendants}} {{item.descendants | pluralize 'comment'}}</a>
       </span>
     </p>
+    <p class="jobtext" v-show="isJob" v-html="item.text"></p>
   </div>
 </template>
 
@@ -39,6 +40,9 @@ export default {
     },
     showDomain () {
       return this.item.type === 'story'
+    },
+    isJob () {
+      return this.item.type === 'job'
     }
   }
 }
@@ -69,4 +73,9 @@ export default {
       color $gray
   .subtext a:hover
     text-decoration underline
+  .jobtext
+    color $gray
+    padding-top 5px
+  .jobtext p
+    margin 10px 0
 </style>
diff --git a/src/components/ItemView.vue b/src/components/ItemView.vue
@@ -13,7 +13,7 @@
         :comment="comment">
       </comment>
     </ul>
-    <p v-show="!comments.length">No comments yet.</p>
+    <p v-show="!comments.length && item.type !== 'job'">No comments yet.</p>
   </div>
 </template>
 
