소스 검색

:recycle: moving code from sidebar to related component file

tags/0.9.0
J 4 년 전
부모
커밋
07d7bfc636
3개의 변경된 파일15개의 추가작업 그리고 11개의 파일을 삭제
  1. 7
    4
      vue-theme/src/components/sidebars/related.vue
  2. 8
    6
      vue-theme/src/components/sidebars/sidebar.vue
  3. 0
    1
      vue-theme/src/pages/single.vue

+ 7
- 4
vue-theme/src/components/sidebars/related.vue 파일 보기

1
 <template lang="pug">
1
 <template lang="pug">
2
-h3.t-up related {{ p2pPostType }}s
2
+h3.t-up related {{ postType }}s
3
     ul
3
     ul
4
-        li(v-for="relatedPost in p2pPostsByType[p2pPostType]")
4
+        li(v-for="relatedPost in postsByType[postType]")
5
             router-link(v-if="relatedPost" :to="`/${relatedPost.type}s/${relatedPost.slug}`")
5
             router-link(v-if="relatedPost" :to="`/${relatedPost.type}s/${relatedPost.slug}`")
6
                 p {{ relatedPost.title }}
6
                 p {{ relatedPost.title }}
7
 </template>
7
 </template>
9
 <script>
9
 <script>
10
 export default {
10
 export default {
11
     props: {
11
     props: {
12
-        p2pPostsByType:{
12
+        postsByType:{
13
             required: true
13
             required: true
14
-        }
14
+        }, 
15
+        postType:{
16
+            required: true
17
+        }, 
15
     }
18
     }
16
 }
19
 }
17
 </script>
20
 </script>

+ 8
- 6
vue-theme/src/components/sidebars/sidebar.vue 파일 보기

1
 <template lang="pug">
1
 <template lang="pug">
2
 aside.sidebar
2
 aside.sidebar
3
     section
3
     section
4
+        //- Artist sorting
4
         .shadow(v-if="type === 'artists' && layout !== 'single'")
5
         .shadow(v-if="type === 'artists' && layout !== 'single'")
5
             h1.t-up sort {{ type }} by
6
             h1.t-up sort {{ type }} by
6
             ul
7
             ul
8
                     router-link(:to="`/${type}/${sortTypes[option]}`").t-cap
9
                     router-link(:to="`/${type}/${sortTypes[option]}`").t-cap
9
                         p {{ option }}
10
                         p {{ option }}
10
         
11
         
12
+        //- type specific sidebar
11
         .shadow(v-else)
13
         .shadow(v-else)
12
             p {{ type }} sidebar
14
             p {{ type }} sidebar
13
-        
15
+
16
+        //- p2p types and related posts
14
         .shadow(v-if="layout === 'single' && Object.keys(related).length" v-for="p2pPostType in Object.keys(related)")
17
         .shadow(v-if="layout === 'single' && Object.keys(related).length" v-for="p2pPostType in Object.keys(related)")
15
-            h3.t-up related {{ p2pPostType }}s
16
-            ul
17
-                li(v-for="relatedPost in related[p2pPostType]")
18
-                    router-link(v-if="relatedPost" :to="`/${relatedPost.type}s/${relatedPost.slug}`")
19
-                        p {{ relatedPost.title }}
18
+            related-sidebar(:posts-by-type="related" :post-type="p2pPostType")
20
 
19
 
20
+        //- Optional passthrough
21
         slot
21
         slot
22
 
22
 
23
+        //- Exhibitions
23
         .shadow(v-if="layout === 'single'")
24
         .shadow(v-if="layout === 'single'")
24
             exhibitions-sidebar
25
             exhibitions-sidebar
25
         
26
         
27
+        //- Events
26
         .shadow(v-if="layout === 'single'")
28
         .shadow(v-if="layout === 'single'")
27
             events-sidebar
29
             events-sidebar
28
         
30
         

+ 0
- 1
vue-theme/src/pages/single.vue 파일 보기

37
         credits(v-if="type === 'episodes' && post" :post="post")
37
         credits(v-if="type === 'episodes' && post" :post="post")
38
 
38
 
39
     sidebar(v-if="sidebar" :type="`${type}`" layout="single" :related="p2pPostsByType")
39
     sidebar(v-if="sidebar" :type="`${type}`" layout="single" :related="p2pPostsByType")
40
-
41
 </template>
40
 </template>
42
 
41
 
43
 <script>
42
 <script>

Loading…
취소
저장