sidebar option for type articles and releases

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

@@ -8,8 +8,22 @@ aside.sidebar
                 li(v-for="option in sortOptions")
                     router-link(:to="`/${type}/sorted/${sortTypes[option]}`")
                         p {{ option }}
+                
+                li 
+                    //- ?type=articles //
+                    router-link(v-if="type === 'post' && layout !== 'single'" :to="`/${type}/?type=${sortTypes[option]}`")
+                        p articles2
+                li 
+                    //- ?type=articles //
+                    router-link(v-if="type === 'post' && layout !== 'single'" :to="`/${type}/?type=articles`")
+                        p articles
+                li 
+                    //- ?type=releases //
+                    router-link(v-if="type === 'post' && layout !== 'single'" :to="`/post/?type=releases`")
+                        //- p {{ option }}
+                        p releases
                 li
-                    router-link(:to="`/${type}`")
+                    router-link(:to="`/${type}/sorted/by-date`")
                         p by all
                 li
                     router-link(v-if="shouldShowDateSort.includes(type) && layout !== 'single'" :to="`/${type}/sorted/by-current-and-upcoming`")
@@ -85,10 +99,13 @@ export default {
     data() {
         return {
             sortTypes: {
-                alphabetized: `${sortTypes.alpha}`,       //:0
-                'by material': `${sortTypes.material}`,   //:1
-                'by artist': `${sortTypes.artist}`,       //:2
-                'by episode': `${sortTypes.episode}`,     //:3
+                alphabetized: `${sortTypes.alpha}`,     //:0
+                'by material': `${sortTypes.material}`, //:1
+                'by artist': `${sortTypes.artist}`,     //:2
+                'by episode': `${sortTypes.episode}`,   //:3
+                'by type': `${sortTypes.subtype}`,      //:4
+                'by articles': `?type=articles`,        //:5
+                subtype: 'by-type',
             },
             charaSets: [
                 '0 a b', 'c d e', 'f g h',
@@ -102,7 +119,7 @@ export default {
                 'publication', 'technique', 'post'
             ],
             shouldShowMaterialSort: [
-                'artist', 
+                'artist', 'exhibition',
                 'short', 'guide', 'object',
                 'technique',
             ],
@@ -114,7 +131,7 @@ export default {
             ],
             shouldShowTypeSort: [
                 'short', 'guide', 'object',
-                'publication', 'technique', 'post'
+                'publication', 'technique', 'post', 'event'
             ]
         }
     },
@@ -130,9 +147,17 @@ export default {
                         `by ${this.type} type`,
                     ]
                     break
+                case 'exhibition':
+                    opts = [
+                        Object.keys(this.sortTypes)[1],
+                    ]
+                    break
                 case 'post':
                     opts = [
+                        Object.keys(this.sortTypes)[4],
                         `by ${this.type} type`,
+                        // Object.keys(this.sortTypes)[5],
+                        // `by articles`
                     ]
                     break
                 case 'short':
@@ -176,7 +201,7 @@ export default {
 @import '../../sss/theme.sss'
 aside.sidebar
     /* need to solve for mobile as the sticky creates scroll issues */
-    /* position: sticky */
+    position: sticky
     top: 40px
     width: 100%
     p, h3
@@ -196,9 +221,11 @@ aside.sidebar
         flex-direction: column
         flex-wrap: wrap 
         li
-            padding: 0 0 $ms-0 0
+            /* padding: 0 0 $ms-0 0 */
             img
                 display: none
+                padding: $ms-0 0 $ms--4 0
+
     .shadow
         background-color: white