pages

src/components/Template/Header/MainHeader.vue

@@ -26,15 +26,13 @@
             <q-btn stretch
                    flat
                    label="اخبار و اطلاعیه ها"
-                   :to="{name: 'Public.Post.List'}"
+                   :to="{name: 'Public.Post.List.News'}"
                    class="top-menu-item" />
-            <!--            cat 10-->
             <q-btn stretch
                    flat
                    label="راهنما"
-                   :to="{name: 'Public.Post.List'}"
+                   :to="{name: 'Public.Post.List.Guide'}"
                    class="top-menu-item" />
-            <!--            cat 5-->
             <q-btn stretch
                    flat
                    label="فروشگاه"

src/components/Widgets/Post/PostList/OptionPanel.vue

@@ -1,7 +1,10 @@
 <template>
   <option-panel-tabs v-model:options="localOptions">
     <template #main-tab>
-      ...
+      <div>
+        کد دسته
+      </div>
+      <q-input v-model="localOptions.categoryId" />
     </template>
   </option-panel-tabs>
 </template>

src/components/Widgets/Post/PostList/PostList.vue

@@ -31,6 +31,7 @@ import { mixinWidget } from 'src/mixin/Mixins.js'
 import { APIGateway } from 'src/api/APIGateway.js'
 import PostItem from 'src/components/PostItem.vue'
 import Breadcrumbs from 'src/components/Widgets/Breadcrumbs/Breadcrumbs.vue'
+import { FormBuilderAssist } from 'quasar-form-builder'
 
 export default {
   name: 'PostList',
@@ -46,7 +47,9 @@ export default {
         perPage: 'per_page',
         pageKey: 'page'
       },
-      inputs: [],
+      inputs: [
+        { type: 'hidden', name: 'category', value: null }
+      ],
       table: {
         columns: []
       },
@@ -70,6 +73,9 @@ export default {
         }
       ]
     })
+    if (this.localOptions.categoryId) {
+      FormBuilderAssist.setAttributeByName(this.inputs, 'category', 'value', this.localOptions.categoryId)
+    }
   }
 }
 </script>

src/pages/Public/Post/Guide.vue

@@ -0,0 +1,15 @@
+<template>
+  <q-page-builder v-model:sections="currenSections"
+                  v-model:options="pageConfig"
+                  :editable="pageBuilderEditable"
+                  :loading="pageBuilderLoading" />
+</template>
+
+<script>
+import { mixinSEO, mixinPageOptions, mixinPrefetchServerData } from 'src/mixin/Mixins.js'
+
+export default {
+  name: 'Public.Post.List.Guide',
+  mixins: [mixinPrefetchServerData, mixinPageOptions, mixinSEO]
+}
+</script>

src/pages/Public/Post/List.vue

@@ -9,7 +9,7 @@
 import { mixinPageOptions } from 'src/mixin/Mixins.js'
 
 export default {
-  name: 'AdminPanel.Package.List',
+  name: 'Public.Post.List',
   mixins: [mixinPageOptions],
   data: () => {
     return {

src/pages/Public/Post/News.vue

@@ -0,0 +1,15 @@
+<template>
+  <q-page-builder v-model:sections="currenSections"
+                  v-model:options="pageConfig"
+                  :editable="pageBuilderEditable"
+                  :loading="pageBuilderLoading" />
+</template>
+
+<script>
+import { mixinSEO, mixinPageOptions, mixinPrefetchServerData } from 'src/mixin/Mixins.js'
+
+export default {
+  name: 'Public.Post.List.News',
+  mixins: [mixinPrefetchServerData, mixinPageOptions, mixinSEO]
+}
+</script>

src/router/routes.js

@@ -90,6 +90,8 @@ const routes = [
             component: () => import('layouts/bareLayout.vue'),
             children: [
               { path: '', name: 'Public.Post.List', component: () => import('src/pages/Public/Post/List.vue') },
+              { path: 'news', name: 'Public.Post.List.News', component: () => import('src/pages/Public/Post/News.vue') },
+              { path: 'guide', name: 'Public.Post.List.Guide', component: () => import('src/pages/Public/Post/Guide.vue') },
               { path: ':id', name: 'Public.Post.Show', component: () => import('src/pages/Public/Post/Show.vue') }
             ]
           },