瀏覽代碼

:bug: trying to fail loading posts of type gracefully on homepage

tags/0.9.0
J 4 年之前
父節點
當前提交
44a8865de6
共有 1 個檔案被更改,包括 24 行新增20 行删除
  1. 24
    20
      vue-theme/src/pages/index.vue

+ 24
- 20
vue-theme/src/pages/index.vue 查看文件

4
     article 
4
     article 
5
         ul.f-grow.f-col
5
         ul.f-grow.f-col
6
             //- if sticky
6
             //- if sticky
7
-            li.f-row.wrap.w-max
8
-                h3(v-if="!allStickyLoaded") loading...
9
-                section(v-else-if="allStickyLoaded").w-max.shadow
10
-                    h4.t-cap sticky
11
-                    ul
12
-                        li(v-for="sticky in allSticky")
13
-                            p {{ sticky.type }}: {{ sticky.title }}
7
+            //- li.f-row.wrap.w-max
8
+            //-     h3(v-if="!allStickyLoaded") loading...
9
+            //-     section(v-else-if="allStickyLoaded").shadow
10
+            //-         h4.t-cap sticky
11
+            //-         ul
12
+            //-             li(v-for="sticky in allSticky")
13
+            //-                 p {{ sticky.type }}: {{ sticky.title }}
14
             //- loading
14
             //- loading
15
-            li.f-row.wrap.w-max
16
-                h3(v-if="!allPagesLoaded") loading...
17
-                .content(v-else-if="allPages['welcome']" v-html="allPages['welcome'].content")
15
+            //- li.f-row.wrap.w-max
16
+            //-     h3(v-if="!allPagesLoaded") loading...
17
+            //-     .content(v-else-if="allPages['welcome']" v-html="allPages['welcome'].content")
18
 
18
 
19
             //- top section
19
             //- top section
20
             li.f-row.wrap.w-max
20
             li.f-row.wrap.w-max
21
-                section(v-if="allEpisodesLoaded").w-max.shadow
21
+                section(v-if="allEpisodesLoaded && allEpisodes").shadow
22
                     router-link(:to="`/episodes`")
22
                     router-link(:to="`/episodes`")
23
                         h3.t-up episodes
23
                         h3.t-up episodes
24
-                    router-link(v-if="allEpisodes.length > 0" :to="`/episodes/${Object.values(allEpisodes)[0].slug}`")
24
+                    router-link(:to="`/episodes/${Object.values(allEpisodes)[0].slug}`")
25
                         img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
25
                         img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
26
                         h2.t-up.t-cntr {{ Object.values(allEpisodes)[0].slug }}
26
                         h2.t-up.t-cntr {{ Object.values(allEpisodes)[0].slug }}
27
                     p episode excerpt, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nisl ligula, ullamcorper nec dapibus a, ullamcorper a elit. Integer mattis interdum mauris, sit amet feugiat dui consequat et. Curabitur cursus justo quis nunc euismod, nec ornare sem ornare. Mauris eget purus finibus, tempus tellus sed, maximus nisi. Fusce cursus placerat sodales...[…]
27
                     p episode excerpt, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nisl ligula, ullamcorper nec dapibus a, ullamcorper a elit. Integer mattis interdum mauris, sit amet feugiat dui consequat et. Curabitur cursus justo quis nunc euismod, nec ornare sem ornare. Mauris eget purus finibus, tempus tellus sed, maximus nisi. Fusce cursus placerat sodales...[…]
28
 
28
 
29
-                section(v-if="allExhibitionsLoaded").w-max.shadow
29
+                section(v-if="allExhibitionsLoaded && allExhibitions").shadow
30
                     router-link(:to="`/exhibitions`")
30
                     router-link(:to="`/exhibitions`")
31
                         h3.t-up exhibitions
31
                         h3.t-up exhibitions
32
-                    router-link(v-if="allExhibitions.length > 0" :to="`/exhibitions/${Object.values(allExhibitions)[0].slug}`")
32
+                    router-link(:to="`/exhibitions/${Object.values(allExhibitions)[0].slug}`")
33
                         img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
33
                         img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
34
                         h2.t-up.t-cntr {{ Object.values(allExhibitions)[0].slug }}
34
                         h2.t-up.t-cntr {{ Object.values(allExhibitions)[0].slug }}
35
+                    p episode excerpt, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nisl ligula, ullamcorper nec dapibus a, ullamcorper a elit. Integer mattis interdum mauris, sit amet feugiat dui consequat et. Curabitur cursus justo quis nunc euismod, nec ornare sem ornare. Mauris eget purus finibus, tempus tellus sed, maximus nisi. Fusce cursus placerat sodales...[…]
35
 
36
 
36
-                section(v-if="allEventsLoaded").w-max.shadow
37
+                section(v-if="allEventsLoaded && allEvents").shadow
37
                     router-link(:to="`/events`")
38
                     router-link(:to="`/events`")
38
                         h3.t-up events
39
                         h3.t-up events
39
-                    router-link(v-if="allEvents.length > 0" :to="`/events/${Object.values(allEvents)[0].slug}`")
40
+                    router-link(:to="`/events/${Object.values(allEvents)[0].slug}`")
40
                         img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
41
                         img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
41
                         h2.t-up.t-cntr {{ Object.values(allEvents)[0].slug }}
42
                         h2.t-up.t-cntr {{ Object.values(allEvents)[0].slug }}
43
+                    p episode excerpt, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nisl ligula, ullamcorper nec dapibus a, ullamcorper a elit. Integer mattis interdum mauris, sit amet feugiat dui consequat et. Curabitur cursus justo quis nunc euismod, nec ornare sem ornare. Mauris eget purus finibus, tempus tellus sed, maximus nisi. Fusce cursus placerat sodales...[…]
42
 
44
 
43
-                section(v-if="allPostsLoaded").w-max.shadow
45
+                section(v-if="allPostsLoaded && allPosts").shadow
44
                     router-link(:to="`/posts`")
46
                     router-link(:to="`/posts`")
45
                         h3.t-up shorts PLACEHOLDER
47
                         h3.t-up shorts PLACEHOLDER
46
-                    router-link(v-if="allPosts.length > 0" :to="`/posts/${Object.values(allPosts)[0].slug}`")
48
+                    router-link(:to="`/posts/${Object.values(allPosts)[0].slug}`")
47
                         img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
49
                         img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
48
                         h2.t-up.t-cntr {{ Object.values(allPosts)[0].slug }}
50
                         h2.t-up.t-cntr {{ Object.values(allPosts)[0].slug }}
51
+                    p episode excerpt, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nisl ligula, ullamcorper nec dapibus a, ullamcorper a elit. Integer mattis interdum mauris, sit amet feugiat dui consequat et. Curabitur cursus justo quis nunc euismod, nec ornare sem ornare. Mauris eget purus finibus, tempus tellus sed, maximus nisi. Fusce cursus placerat sodales...[…]
49
 
52
 
50
             //- middle row
53
             //- middle row
51
             li.f-row.wrap.w-max
54
             li.f-row.wrap.w-max
52
-                section(v-if="allArtistsLoaded").w-max.shadow
55
+                section(v-if="allArtistsLoaded && allArtists").shadow
53
                     router-link(:to="`/artists`")
56
                     router-link(:to="`/artists`")
54
                         h3.t-up artists
57
                         h3.t-up artists
55
-                    router-link(v-if="allArtists.length > 0" :to="`/artists/${Object.values(allArtists)[0].slug}`")
58
+                    router-link(:to="`/artists/${Object.values(allArtists)[0].slug}`")
56
                         img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
59
                         img.index(src="https://i1.wp.com/www.craftinamerica.org/wp-content/uploads/2020/09/20200210_133120-e1599254267307.jpg")
57
                         h2.t-up.t-cntr {{ Object.values(allArtists)[0].slug }}
60
                         h2.t-up.t-cntr {{ Object.values(allArtists)[0].slug }}
61
+                    p episode excerpt, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nisl ligula, ullamcorper nec dapibus a, ullamcorper a elit. Integer mattis interdum mauris, sit amet feugiat dui consequat et. Curabitur cursus justo quis nunc euismod, nec ornare sem ornare. Mauris eget purus finibus, tempus tellus sed, maximus nisi. Fusce cursus placerat sodales...[…]
58
 
62
 
59
             //- footer row
63
             //- footer row
60
             li.f-row.wrap.w-max
64
             li.f-row.wrap.w-max

Loading…
取消
儲存