sidebar options - Talks for Events, Alpha charset

vue-theme/src/components/sidebars/sidebar.vue

@@ -5,25 +5,28 @@ aside.sidebar
         .shadow(v-if="shouldShowListSort.includes(type) && layout !== 'single'")
             h3.t-up sort {{ type }}
             ul.t-up
-                li(v-for="option in sortOptions")
-                    router-link(:to="`/${type}/sorted/${sortTypes[option]}`")
-                        p {{ option }}
-                
                 li 
                     //- ?type=articles //
                     router-link(v-if="type === 'post' " :to="`/${type}?type=articles`")
-                        p articles
+                        p in the news
                 li 
                     //- ?type=releases //
                     router-link(v-if="type === 'post' " :to="`/${type}?type=releases`")
-                        //- p {{ option }}
-                        p releases 
-                li
-                    router-link(:to="`/${type}/sorted/by-date`")
-                        p by all
+                        p press releases 
+                li 
+                    //- ?type=talks //
+                    router-link(v-if="type === 'event' " :to="`/${type}?type=talks`")
+                        p talks 
+                    //- by type //
+                li(v-for="option in sortOptions")
+                    router-link(:to="`/${type}/sorted/${sortTypes[option]}`")
+                        p {{ option }}
                 li
                     router-link(v-if="shouldShowDateSort.includes(type) " :to="`/${type}/sorted/by-current-and-upcoming`")
                         p by current and upcoming
+                li
+                    router-link(:to="`/${type}/sorted/by-date`")
+                        p by all
         
         //- if {{type}} has sorted by-material show material options
         .shadow(v-if="shouldShowMaterialSort.includes(type) && layout !== 'single'")
@@ -38,10 +41,10 @@ aside.sidebar
         .shadow(v-if="['artist'].includes(type) && layout !== 'single'")
             h3.t-up {{ type }} alpha 
             ul.t-up
-                li
+                li.f-row.start.wrap
                     template(v-for="charaSet in charaSets") 
                         router-link(:to="`/${type}/sorted/by-alpha#${charaSet[0]}`")
-                            p {{ charaSet }}
+                            p.alpha {{ charaSet }}
 
         //- p2p types and related posts
         .shadow(v-if="layout === 'single' && Object.keys(related).length" v-for="p2pPostType in Object.keys(related)")
@@ -100,13 +103,15 @@ export default {
                 'by artist': `${sortTypes.artist}`,     //:2
                 'by episode': `${sortTypes.episode}`,   //:3
                 'by type': `${sortTypes.subtype}`,      //:4
-                'by articles': `articles`,              //:5
+                // 'by articles': `articles`,              //:5
                 subtype: 'by-type',
             },
             charaSets: [
-                '0 a b', 'c d e', 'f g h',
-                'i j k', 'l m n', 'o p q',
-                'r s t', 'u v w', 'x y z'
+                // '0 a b', 'c d e', 'f g h',
+                // 'i j k', 'l m n', 'o p q',
+                // 'r s t', 'u v w', 'x y z'
+                '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 
+                'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'
             ],
             materials: materials,
             shouldShowListSort: [
@@ -115,7 +120,7 @@ export default {
                 'publication', 'technique', 'post'
             ],
             shouldShowMaterialSort: [
-                'artist', 'exhibition',
+                'artist', 'exhibition', 'event',
                 'short', 'guide', 'object',
                 'technique',
             ],
@@ -140,18 +145,26 @@ export default {
                         Object.keys(this.sortTypes)[0],
                         Object.keys(this.sortTypes)[3],
                         Object.keys(this.sortTypes)[1],
-                        `by ${this.type} type`,
+                        Object.keys(this.sortTypes)[4],
+                        // `by ${this.type} type`,
                     ]
                     break
                 case 'exhibition':
                     opts = [
-                        Object.keys(this.sortTypes)[1],
+                        // Object.keys(this.sortTypes)[4],
+                        // Object.keys(this.sortTypes)[1],
+                    ]
+                    break
+                case 'event':
+                    opts = [
+                        // Object.keys(this.sortTypes)[4],
+                        // Object.keys(this.sortTypes)[1],
                     ]
                     break
                 case 'post':
                     opts = [
                         Object.keys(this.sortTypes)[4],
-                        `by ${this.type} type`,
+                        // `by ${this.type} type`,
                         // Object.keys(this.sortTypes)[5],
                         // `by articles`
                     ]
@@ -221,6 +234,8 @@ aside.sidebar
             img
                 display: none
                 padding: $ms-0 0 $ms--4 0
+            p.alpha 
+                padding: 0 $ms--4
 
     .shadow
         background-color: white