sidebar type options to be revised

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

@@ -8,16 +8,59 @@ aside.sidebar
                 li(v-for="option in sortOptions")
                     router-link(:to="`/${type}/sorted/${sortTypes[option]}`")
                         p {{ option }}
-                //- exhibition, event list sidebar
+                //- 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`")
                         p by current and upcoming
-                //- list sidebar 
-                template(v-if="['short', 'guide', 'publication', 'technique', 'post'].includes(type) && layout === 'list'")
+                //- 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'")
+            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
+
+        //- 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 
+
 
         //- p2p types and related posts
         .shadow(v-if="layout === 'single' && Object.keys(related).length" v-for="p2pPostType in Object.keys(related)")