polls

yyx990803 · yyx990803 · commit fe24205f688c · 2014-10-11T21:51:08.000-04:00
diff --git a/src/components/item.vue b/src/components/item.vue
@@ -23,15 +23,6 @@
       color $gray
   .subtext a:hover
     text-decoration underline
-  .poll-options
-    padding-left 30px
-    list-style-type disc
-    li
-      margin 12px 0
-      p
-        margin 8px 0
-  &.current
-    background-color darken($bg, 5%)
 </style>
 
 <template>
diff --git a/src/views/item-view.vue b/src/views/item-view.vue
@@ -1,14 +1,25 @@
 <style lang="stylus">
-.view.items
+@import "src/shared.styl"
+.item-view
   .item
     padding-left 0
     margin-bottom 30px
     .index, .comments-link
       display none
+  .poll-options
+    margin-left 30px
+    margin-bottom 40px
+    li
+      margin 12px 0
+    p
+      margin 8px 0
+    .subtext
+      color $gray
+      font-size 11px
 </style>
 
 <template>
-  <div class="view items" v-with="id:params.itemId" v-show="item">
+  <div class="view item-view" v-with="id:params.itemId" v-show="item">
     <div class="item" v-component="item" v-with="item"></div>
     <ul class="poll-options" v-if="pollOptions">
       <li v-repeat="pollOptions">
@@ -56,7 +67,9 @@ module.exports = {
       }.bind(this))
     },
     fetchPollOptions: function () {
-      
+      store.fetchItems(this.item.parts, function (options) {
+        this.pollOptions = options
+      }.bind(this))
     }
   },
   components: {
diff --git a/src/views/news-view.vue b/src/views/news-view.vue
@@ -1,14 +1,12 @@
 <style lang="stylus">
-.view.news
+.news-view
   padding-left 0
   padding-right 0
-  
   &.loading:before
     content "Loading..."
     position absolute
     top 16px
     left 20px
-
   .nav
     padding 10px 10px 10px 40px
     margin-top 10px
@@ -20,7 +18,7 @@
 </style>
 
 <template>
-<div class="view news" v-with="page:params.page" v-class="loading:!items.length">
+<div class="view news-view" v-with="page:params.page" v-class="loading:!items.length">
   <!-- item list -->
   <ul>
     <li class="item" v-repeat="items" v-component="item" trackby="id"></li>
diff --git a/src/views/user-view.vue b/src/views/user-view.vue
@@ -1,5 +1,5 @@
 <style lang="stylus">
-.view.user
+.user-view
   color $gray
   li
     margin 5px 0
@@ -13,7 +13,7 @@
 </style>
 
 <template>
-  <div class="view user" v-with="id:params.userId" v-show="user">
+  <div class="view user-view" v-with="id:params.userId" v-show="user">
     <ul>
       <li><span class="label">user:</span> {{user.id}}</li>
       <li><span class="label">created:</span> {{user.created | fromNow}} ago</li>
