:recycle: chopped down sidebar logic

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

@@ -2,65 +2,34 @@
 aside.sidebar
     section
         //- if not single layout with sorting
-        .shadow(v-if="['artist', 'exhibition', 'event', 'short', 'guide', 'object', 'publication', 'technique', 'post'].includes(type) && layout !== 'single'")
+        .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 }}
-                //- if exhibition, event list sidebar
-                template(v-if="['exhibition', 'event'].includes(type) && layout === 'list'")
                     router-link(:to="`/${type}`")
                         p by all
-                    router-link(:to="`/${type}/sorted/by-current-and-upcoming`")
+                    router-link(v-if="shouldShowDateSort.includes(type) && layout !== 'single'" :to="`/${type}/sorted/by-current-and-upcoming`")
                         p by current and upcoming
-                //- if other list sidebar 
-                template(v-if="['short', 'guide', 'publication', 'technique', 'object', 'post'].includes(type) && layout === 'list'")
-                    router-link(:to="`/${type}`")
-                        p by all
         
         //- if {{type}} sorted by-material show material options
-        .shadow(v-if="['artist', 'technique', 'short', 'object', 'guide'].includes(type) && layout !== 'single'")
+        .shadow(v-if="shouldShowMaterialSort.includes(type) && layout !== 'single'")
             h3.t-up {{ type }} by material
             ul.t-up
                 li
-                    router-link(v-if="type == 'artist', 'object'" :to="`/${type}/sorted/by-material#clay`")
-                        p {{ option }} clay
-                    router-link(v-if="type == 'artist', 'object'" :to="`/${type}/sorted/by-material#fiber`")
-                        p fiber
-                    router-link(v-if="type == 'artist', 'object'" :to="`/${type}/sorted/by-material#glass`")
-                        p glass
-                    router-link(v-if="type == 'artist', 'object'" :to="`/${type}/sorted/by-material#metal`")
-                        p metal
-                    router-link(v-if="type == 'artist', 'object'" :to="`/${type}/sorted/by-material#paper`")
-                        p paper
-                    router-link(v-if="type == 'artist', 'object'" :to="`/${type}/sorted/by-material#wood`")
-                        p wood
+                    template(v-for="material in materials") 
+                        router-link(:to="`/${type}/sorted/by-material#${material}`")
+                            p {{ material }}
 
         //- if artist sorted by-alpha show alpha options           
         .shadow(v-if="['artist'].includes(type) && layout !== 'single'")
             h3.t-up {{ type }} alpha 
             ul.t-up
-                li 
-                    router-link(:to="`/${type}/sorted/by-alpha#0`")
-                        p 0 a b  
-                    router-link(:to="`/${type}/sorted/by-alpha#c`")
-                        p c d e  
-                    router-link(:to="`/${type}/sorted/by-alpha#f`")
-                        p f g h  
-                    router-link(:to="`/${type}/sorted/by-alpha#i`")
-                        p i j k  
-                    router-link(:to="`/${type}/sorted/by-alpha#l`")
-                        p l m n 
-                    router-link(:to="`/${type}/sorted/by-alpha#o`")
-                        p o p q 
-                    router-link(:to="`/${type}/sorted/by-alpha#r`")
-                        p r s t  
-                    router-link(:to="`/${type}/sorted/by-alpha#u`")
-                        p u v w  
-                    router-link(:to="`/${type}/sorted/by-alpha#x`")
-                            p x y z 
-
+                li
+                    template(v-for="charaSet in charaSets") 
+                        router-link(:to="`/${type}/sorted/by-alpha#${charaSet[0]]}`")
+                            p {{ charaSet }}
 
         //- p2p types and related posts
         .shadow(v-if="layout === 'single' && Object.keys(related).length" v-for="p2pPostType in Object.keys(related)")
@@ -93,11 +62,6 @@ aside.sidebar
 import relatedSidebar from './related'
 import exhibitionsSidebar from './exhibitions'
 import eventsSidebar from './events'
-// import shortsSidebar from './shorts'
-// import talksSidebar from './talks'
-// import postsSidebar from './posts'
-// import publicationsSidebar from './publications'
-// import articlesSidebar from './articles'
 
 import { sortTypes } from '@/utils/helpers'
 
@@ -114,22 +78,23 @@ export default {
         },
     },
     components: {
-        exhibitionsSidebar,
-        eventsSidebar,
-        relatedSidebar,
+        exhibitionsSidebar, eventsSidebar, relatedSidebar,
     },
     data() {
         return {
             sortTypes: {
-                alphabetized: `${sortTypes.alpha}`,
-                'by material': `${sortTypes.material}`,
-                'by artist': `${sortTypes.artist}`,
-                'by episode': `${sortTypes.episode}`,
-                'by artist type': `${sortTypes.subtype}`,
-                'by event type': `${sortTypes.subtype}`,
-                'by post type': `${sortTypes.subtype}`,
-                // 'by exhibition type': `${sortTypes.exhibitiontypes}`,
+                alphabetized: `${sortTypes.alpha}`,       //:0
+                'by material': `${sortTypes.material}`,   //:1
+                'by artist': `${sortTypes.artist}`,       //:2
+                'by episode': `${sortTypes.episode}`,     //:3
             },
+            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'],
+            materials: ['clay', 'fiber', 'glass', 'metal', 'paper', 'wood'],
+            shouldShowListSort: ['artist', 'exhibition', 'event', 'short', 'guide', 'object', 'publication', 'technique', 'post'],
+            shouldShowMaterialSort: ['artist', 'technique', 'short', 'object', 'guide'],
+            shouldShowAlphaSort: ['artist'],
+            shouldShowDateSort: ['exhibition', 'event'],
+            shouldShowTypeSort: ['short', 'guide', 'publication', 'technique', 'object', 'post']
         }
     },
     computed: {
@@ -141,12 +106,12 @@ export default {
                         Object.keys(this.sortTypes)[0],
                         Object.keys(this.sortTypes)[3],
                         Object.keys(this.sortTypes)[1],
-                        Object.keys(this.sortTypes)[4],
+                        `by ${this.type} type`,
                     ]
                     break
                 case 'post':
                     opts = [
-                        Object.keys(this.sortTypes)[6],
+                        `by ${this.type} type`,
                     ]
                     break
                 case 'short':