@tager/admin-blog 0.3.31 → 0.3.36

package/dist/index.umd.js

@@ -77,6 +77,7 @@
           seo: 'SEO',
       },
       parentCategory: 'Parent category',
+      noParent: 'No parent',
   };
 
   const RU = {
@@ -152,6 +153,7 @@
           seo: 'SEO',
       },
       parentCategory: 'Родительская категория',
+      noParent: 'Нет родительской',
   };
 
   var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -2525,26 +2527,11 @@
 
   var lodash_pick = pick;
 
-  const Scope = {
-      All: '*',
-      OrdersCreate: 'orders.create',
-      OrdersView: 'orders.view',
-      OrdersDelete: 'orders.delete',
-      RbacViewRoles: 'rbac.view-roles',
-      RbacEditRoles: 'rbac.edit-roles',
-      AdministratorsView: 'administrators.view',
-      AdministratorsEdit: 'administrators.edit',
-      AdministratorsDelete: 'administrators.delete',
-  };
-
-  function getUserProfile() {
-      return adminServices.request.get({ path: '/admin/self' });
-  }
   /** Blog Posts */
   function getPosts(params) {
       return adminServices.request.get({ path: '/admin/blog/posts', params });
   }
-  function getCountPosts() {
+  function getBlogPostCount() {
       return adminServices.request.get({ path: '/admin/blog/posts/count' });
   }
   function getPost(postId) {
@@ -2655,105 +2642,6 @@
       return resource;
   }
 
-  function useStore(context) {
-      return context.root.$store;
-  }
-
-  const USER_MODULE_NAMESPACE = 'user';
-  const USER_MUTATION_TYPES = {
-      PROFILE_REQUEST_STARTED: 'profileRequestStarted',
-      PROFILE_REQUEST_FULFILLED: 'profileRequestFulfilled',
-      PROFILE_REQUEST_REJECTED: 'profileRequestRejected',
-  };
-  const USER_ACTION_TYPES = {
-      FETCH_USER_PROFILE: 'fetchUserProfile',
-  };
-  const userGetters = {
-      userProfile(state) {
-          return state.profile;
-      },
-      userScopes(state) {
-          const roles = state.profile ? state.profile.roles : [];
-          const scopes = [];
-          roles.forEach((role) => {
-              scopes.push(...role.scopes);
-          });
-          return scopes;
-      },
-      userHasPermission: (state, getters) => (scope) => {
-          const scopes = getters.userScopes;
-          if (scopes.includes(Scope.All))
-              return true;
-          return scopes.includes(scope);
-      },
-  };
-  const userModule = {
-      namespaced: true,
-      state: {
-          profile: null,
-          status: adminServices.FETCH_STATUSES.IDLE,
-      },
-      mutations: {
-          [USER_MUTATION_TYPES.PROFILE_REQUEST_STARTED](state) {
-              if (state.status === adminServices.FETCH_STATUSES.IDLE) {
-                  state.status = adminServices.FETCH_STATUSES.LOADING;
-              }
-          },
-          [USER_MUTATION_TYPES.PROFILE_REQUEST_FULFILLED](state, user) {
-              if (state.status === adminServices.FETCH_STATUSES.LOADING) {
-                  state.status = adminServices.FETCH_STATUSES.SUCCESS;
-                  state.profile = user;
-              }
-          },
-          [USER_MUTATION_TYPES.PROFILE_REQUEST_REJECTED](state) {
-              if (state.status === adminServices.FETCH_STATUSES.LOADING) {
-                  state.status = adminServices.FETCH_STATUSES.FAILURE;
-                  state.profile = null;
-              }
-          },
-      },
-      actions: {
-          [USER_ACTION_TYPES.FETCH_USER_PROFILE](store) {
-              if (store.state.status !== adminServices.FETCH_STATUSES.IDLE)
-                  return;
-              store.commit(USER_MUTATION_TYPES.PROFILE_REQUEST_STARTED);
-              getUserProfile()
-                  .then((response) => {
-                  store.commit(USER_MUTATION_TYPES.PROFILE_REQUEST_FULFILLED, response.data);
-              })
-                  .catch((error) => {
-                  console.error(error);
-                  store.commit(USER_MUTATION_TYPES.PROFILE_REQUEST_REJECTED);
-              });
-          },
-      },
-      getters: userGetters,
-  };
-
-  function namespace(namespace, name) {
-      return `${namespace}/${name}`;
-  }
-  function userNamespace(name) {
-      return namespace(USER_MODULE_NAMESPACE, name);
-  }
-  function generateNumberArray(length) {
-      return Array.from({ length }, (_, index) => index);
-  }
-  function getNameWithDepth(name, depth) {
-      return (generateNumberArray(depth)
-          .map(() => '—')
-          .join(' ') +
-          ' ' +
-          name);
-  }
-
-  function useUserPermission(context, scope) {
-      const store = useStore(context);
-      return compositionApi.computed(() => {
-          return store.getters[userNamespace('userHasPermission')](scope);
-      });
-  }
-
   const BLOG_ROUTE_PATHS = {
       POST_LIST: '/blog/posts',
       POST_FORM: '/blog/posts/:postId',
@@ -2788,7 +2676,7 @@
           return post;
       });
   }
-  function getPostTableColumnDefs(moduleConfig, t, canViewAdministrators) {
+  function getPostTableColumnDefs(moduleConfig, t) {
       const isLangSpecific = moduleConfig
           ? moduleConfig.languages.length > 0
           : false;
@@ -2837,19 +2725,28 @@
               field: 'categories',
               format: ({ row }) => row.categories.map((category) => category.name).join(', '),
           },
-          canViewAdministrators
-              ? {
-                  id: 7,
-                  name: t('blog:actions'),
-                  field: 'actions',
-                  style: { whiteSpace: 'nowrap', width: '120px' },
-                  headStyle: { whiteSpace: 'nowrap', width: '120px' },
-              }
-              : null,
+          {
+              id: 7,
+              name: t('blog:actions'),
+              field: 'actions',
+              style: { whiteSpace: 'nowrap', width: '120px' },
+              headStyle: { whiteSpace: 'nowrap', width: '120px' },
+          },
       ];
       return COLUMN_DEFS.filter(adminServices.notEmpty);
   }
 
+  function generateNumberArray(length) {
+      return Array.from({ length }, (_, index) => index);
+  }
+  function getNameWithDepth(name, depth) {
+      return (generateNumberArray(depth)
+          .map(() => '—')
+          .join(' ') +
+          ' ' +
+          name);
+  }
+
   var FilterTypes;
   (function (FilterTypes) {
       FilterTypes["CATEGORY"] = "category";
@@ -2987,7 +2884,6 @@
       name: 'Posts',
       setup(props, context) {
           const { t } = adminUi.useTranslation(context);
-          const canViewAdministrators = useUserPermission(context, Scope.AdministratorsView);
           const categoryId = compositionApi.computed(() => {
               var _a;
               return Array.isArray(context.root.$route.query.category)
@@ -3051,13 +2947,13 @@
               confirmMessage: t('blog:cloneConfirm'),
               successMessage: t('blog:cloneSuccess'),
               failureMessage: t('blog:cloneFailure'),
-              onSuccessRedirectTo: (data) => `/posts/${data.id}`,
+              onSuccessRedirectTo: (data) => `/blog/posts/${data.id}`,
               context,
           });
           function isBusy(postId) {
               return isDeleting(postId) || isCloning(postId) || isRowDataLoading.value;
           }
-          const columnDefs = compositionApi.computed(() => getPostTableColumnDefs(moduleConfig.value, context.root.$t, canViewAdministrators.value));
+          const columnDefs = compositionApi.computed(() => getPostTableColumnDefs(moduleConfig.value, context.root.$t));
           return {
               columnDefs,
               rowData: displayedPostList,
@@ -3083,8 +2979,6 @@
               toDateFilter,
               tags,
               tagRemovalHandler,
-              // Permissions
-              canViewAdministrators,
               // Clone
               handleResourceClone,
               isBusy,
@@ -3232,13 +3126,11 @@
       attrs: {
         title: _vm.pageTitle,
         "header-buttons": [
-          _vm.canViewAdministrators
-            ? {
-                text: _vm.$t("blog:newPost"),
-                href: _vm.getBlogPostFormUrl({ postId: "create" }),
-              }
-            : null,
-        ].filter(Boolean),
+          {
+            text: _vm.$t("blog:newPost"),
+            href: _vm.getBlogPostFormUrl({ postId: "create" }),
+          },
+        ],
       },
       scopedSlots: _vm._u([
         {
@@ -3442,11 +3334,11 @@
     /* style */
     const __vue_inject_styles__ = function (inject) {
       if (!inject) return
-      inject("data-v-0acae486_0", { source: ".filters[data-v-0acae486] {\n  display: flex;\n  margin: 0 -10px;\n}\n.filters[data-v-0acae486]:not(:first-child) {\n  margin-top: 10px;\n}\n.filters .filter[data-v-0acae486] {\n  padding: 10px 10px 0;\n  width: 50%;\n  margin: 0;\n}\n.date-label[data-v-0acae486] {\n  margin-bottom: 0.5rem;\n}\n.date-content[data-v-0acae486] {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  column-gap: 10px;\n}\n\n/*# sourceMappingURL=PostList.vue.map */", map: {"version":3,"sources":["/home/runner/work/tager-admin-blog/tager-admin-blog/src/views/Posts/PostList/PostList.vue","PostList.vue"],"names":[],"mappings":"AA0VA;EACA,aAAA;EACA,eAAA;ACzVA;AD2VA;EACA,gBAAA;ACzVA;AD4VA;EACA,oBAAA;EACA,UAAA;EACA,SAAA;AC1VA;AD8VA;EACA,qBAAA;AC3VA;AD8VA;EACA,aAAA;EACA,qCAAA;EACA,gBAAA;AC3VA;;AAEA,uCAAuC","file":"PostList.vue","sourcesContent":["<template>\n  <page\n    :title=\"pageTitle\"\n    :header-buttons=\"\n      [\n        canViewAdministrators\n          ? {\n              text: $t('blog:newPost'),\n              href: getBlogPostFormUrl({ postId: 'create' }),\n            }\n          : null,\n      ].filter(Boolean)\n    \"\n  >\n    <template v-slot:content>\n      <data-table\n        :column-defs=\"columnDefs\"\n        :row-data=\"rowData\"\n        :loading=\"isRowDataLoading\"\n        :error-message=\"errorMessage\"\n        :search-query=\"searchQuery\"\n        :pagination=\"{\n          pageNumber,\n          pageCount,\n          pageSize,\n          disabled: isRowDataLoading,\n        }\"\n        data-table=\"blog-post\"\n        @change=\"handleChange\"\n      >\n        <template v-slot:filters>\n          <advanced-search :tags=\"tags\" @click:tag=\"tagRemovalHandler\">\n            <div class=\"filters\">\n              <form-field-multi-select\n                v-model=\"categoryFilter\"\n                :options=\"categoryOptionList\"\n                name=\"categoryFilter\"\n                :searchable=\"true\"\n                :label=\"$t('blog:category')\"\n                class=\"filter\"\n              />\n\n              <form-field-multi-select\n                v-if=\"isLangSpecific\"\n                v-model=\"languageFilter\"\n                :options=\"languageOptionList\"\n                name=\"languageFilter\"\n                :searchable=\"true\"\n                :label=\"$t('blog:language')\"\n                class=\"filter\"\n              />\n\n              <div class=\"filter\">\n                <div class=\"date-label\">\n                  {{ $t('blog:dateOfPublication') }}\n                </div>\n\n                <div class=\"date-content\">\n                  <form-field\n                    v-model=\"fromDateFilter\"\n                    :label=\"$t('blog:From')\"\n                    name=\"fromDateFilter\"\n                    type=\"date\"\n                    :max=\"toDateFilter\"\n                  />\n\n                  <form-field\n                    v-model=\"toDateFilter\"\n                    :label=\"$t('blog:To')\"\n                    name=\"toDateFilter\"\n                    type=\"date\"\n                    :min=\"fromDateFilter\"\n                  />\n                </div>\n              </div>\n            </div>\n          </advanced-search>\n        </template>\n\n        <template v-slot:cell(actions)=\"{ row }\">\n          <base-button\n            variant=\"icon\"\n            :title=\"$t('blog:edit')\"\n            :disabled=\"isBusy(row.id)\"\n            :href=\"getBlogPostFormUrl({ postId: row.id })\"\n          >\n            <svg-icon name=\"edit\" />\n          </base-button>\n\n          <base-button\n            variant=\"icon\"\n            :title=\"$t('blog:clone')\"\n            :disabled=\"isBusy(row.id)\"\n            @click=\"handleResourceClone(row.id)\"\n          >\n            <svg-icon name=\"contentCopy\" />\n          </base-button>\n\n          <base-button\n            variant=\"icon\"\n            :title=\"$t('blog:remove')\"\n            :disabled=\"isBusy(row.id)\"\n            @click=\"handleResourceDelete(row.id)\"\n          >\n            <svg-icon name=\"delete\" />\n          </base-button>\n        </template>\n      </data-table>\n    </template>\n  </page>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, watch } from '@vue/composition-api';\nimport isEqual from 'lodash.isequal';\nimport pick from 'lodash.pick';\n\nimport {\n  ColumnDefinition,\n  useDataTable,\n  useTranslation,\n} from '@tager/admin-ui';\nimport {\n  Nullable,\n  useResourceClone,\n  useResourceDelete,\n} from '@tager/admin-services';\n\nimport { Scope } from '../../../constants/scopes';\nimport {\n  useFetchModuleConfig,\n  useFetchCategories,\n  useUserPermission,\n} from '../../../hooks';\nimport {\n  clonePost,\n  deleteBlogPost,\n  getPosts,\n} from '../../../services/requests';\nimport { getBlogPostFormUrl } from '../../../constants/paths';\nimport {\n  Category,\n  Language,\n  PostFull,\n  PostShort,\n} from '../../../typings/model';\n\nimport { convertPostList, getPostTableColumnDefs } from './PostList.helpers';\nimport { useAdvancedSearch } from './hooks';\n\nexport default defineComponent({\n  name: 'Posts',\n  setup(props, context) {\n    const { t } = useTranslation(context);\n\n    const canViewAdministrators = useUserPermission(\n      context,\n      Scope.AdministratorsView\n    );\n\n    const categoryId = computed<string>(() => {\n      return Array.isArray(context.root.$route.query.category)\n        ? context.root.$route.query.category[0] ?? ''\n        : context.root.$route.query.category;\n    });\n\n    /** Fetch module config **/\n\n    const {\n      data: moduleConfig,\n      loading: isModuleConfigLoading,\n    } = useFetchModuleConfig({ context });\n\n    const languageList = computed<Language[]>(\n      () => moduleConfig.value?.languages ?? []\n    );\n\n    /** Fetch category list **/\n\n    const {\n      data: categoryList,\n      loading: isCategoryListLoading,\n    } = useFetchCategories({ context });\n\n    const selectedCategory = computed<Nullable<Category>>(() =>\n      categoryId.value\n        ? categoryList.value.find(\n            ({ id }) => String(id) === String(categoryId.value)\n          ) ?? null\n        : null\n    );\n\n    const pageTitle = computed<string>(() => {\n      return selectedCategory.value\n        ? `${context.root.$t('blog:postsByCategory')} \"${\n            selectedCategory.value.name\n          }\"`\n        : context.root.$t('blog:posts');\n    });\n\n    /** Advanced search **/\n\n    const {\n      categoryFilter,\n      categoryOptionList,\n      languageFilter,\n      languageOptionList,\n      fromDateFilter,\n      toDateFilter,\n      filterParams,\n      tags,\n      tagRemovalHandler,\n    } = useAdvancedSearch({\n      context,\n      categoryList,\n      languageList,\n    });\n\n    const isLangSpecific = computed<boolean>(\n      () => languageOptionList.value.length > 1\n    );\n\n    /** Fetch Post list **/\n\n    const {\n      fetchEntityList: fetchPostList,\n      isLoading: isPostLoading,\n      rowData: postList,\n      errorMessage,\n      searchQuery,\n      handleChange,\n      pageNumber,\n      pageCount,\n      pageSize,\n    } = useDataTable<PostShort>({\n      fetchEntityList: (params) =>\n        getPosts({\n          query: params.searchQuery,\n          pageNumber: params.pageNumber,\n          pageSize: params.pageSize,\n          ...filterParams.value,\n        }),\n      initialValue: [],\n      context,\n      resourceName: 'Blog post list',\n      pageSize: 100,\n    });\n\n    watch(filterParams, () => {\n      if (isModuleConfigLoading.value || isCategoryListLoading.value) {\n        return;\n      }\n\n      const newQuery = {\n        ...pick(context.root.$route.query, ['query', 'pageNumber']),\n        ...filterParams.value,\n      };\n\n      if (!isEqual(context.root.$route.query, newQuery)) {\n        context.root.$router.replace({ query: newQuery });\n        fetchPostList();\n      }\n    });\n\n    const displayedPostList = computed<PostShort[]>(() =>\n      convertPostList(\n        postList.value,\n        selectedCategory.value,\n        moduleConfig.value?.languages ?? []\n      )\n    );\n\n    const isRowDataLoading = computed<boolean>(\n      () =>\n        isCategoryListLoading.value ||\n        isPostLoading.value ||\n        isModuleConfigLoading.value\n    );\n\n    const { isDeleting, handleResourceDelete } = useResourceDelete({\n      deleteResource: deleteBlogPost,\n      resourceName: 'Post',\n      onSuccess: fetchPostList,\n      context,\n    });\n\n    const { isCloning, handleResourceClone } = useResourceClone({\n      cloneResource: clonePost,\n      confirmMessage: t('blog:cloneConfirm'),\n      successMessage: t('blog:cloneSuccess'),\n      failureMessage: t('blog:cloneFailure'),\n      onSuccessRedirectTo: (data: PostFull) => `/posts/${data.id}`,\n      context,\n    });\n\n    function isBusy(postId: number): boolean {\n      return isDeleting(postId) || isCloning(postId) || isRowDataLoading.value;\n    }\n\n    const columnDefs = computed<ColumnDefinition<PostShort>[]>(() =>\n      getPostTableColumnDefs(\n        moduleConfig.value,\n        context.root.$t,\n        canViewAdministrators.value\n      )\n    );\n\n    return {\n      columnDefs,\n      rowData: displayedPostList,\n      handleResourceDelete,\n      isDeleting,\n      categoryList,\n      isRowDataLoading,\n      errorMessage,\n      getBlogPostFormUrl,\n      pageTitle,\n      searchQuery,\n      handleChange,\n      pageNumber,\n      pageCount,\n      pageSize,\n\n      // Advanced search\n      categoryFilter,\n      categoryOptionList,\n      isLangSpecific,\n      languageFilter,\n      languageOptionList,\n      fromDateFilter,\n      toDateFilter,\n      tags,\n      tagRemovalHandler,\n\n      // Permissions\n      canViewAdministrators,\n\n      // Clone\n      handleResourceClone,\n      isBusy,\n    };\n  },\n});\n</script>\n\n<style scoped lang=\"scss\">\n.filters {\n  display: flex;\n  margin: 0 -10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n\n  .filter {\n    padding: 10px 10px 0;\n    width: 50%;\n    margin: 0;\n  }\n}\n\n.date-label {\n  margin-bottom: 0.5rem;\n}\n\n.date-content {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  column-gap: 10px;\n}\n</style>\n",".filters {\n  display: flex;\n  margin: 0 -10px;\n}\n.filters:not(:first-child) {\n  margin-top: 10px;\n}\n.filters .filter {\n  padding: 10px 10px 0;\n  width: 50%;\n  margin: 0;\n}\n\n.date-label {\n  margin-bottom: 0.5rem;\n}\n\n.date-content {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  column-gap: 10px;\n}\n\n/*# sourceMappingURL=PostList.vue.map */"]}, media: undefined });
+      inject("data-v-6697ac14_0", { source: ".filters[data-v-6697ac14] {\n  display: flex;\n  margin: 0 -10px;\n}\n.filters[data-v-6697ac14]:not(:first-child) {\n  margin-top: 10px;\n}\n.filters .filter[data-v-6697ac14] {\n  padding: 10px 10px 0;\n  width: 50%;\n  margin: 0;\n}\n.date-label[data-v-6697ac14] {\n  margin-bottom: 0.5rem;\n}\n.date-content[data-v-6697ac14] {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  column-gap: 10px;\n}\n\n/*# sourceMappingURL=PostList.vue.map */", map: {"version":3,"sources":["/home/runner/work/tager-admin-blog/tager-admin-blog/src/views/Posts/PostList/PostList.vue","PostList.vue"],"names":[],"mappings":"AAqUA;EACA,aAAA;EACA,eAAA;ACpUA;ADsUA;EACA,gBAAA;ACpUA;ADuUA;EACA,oBAAA;EACA,UAAA;EACA,SAAA;ACrUA;ADyUA;EACA,qBAAA;ACtUA;ADyUA;EACA,aAAA;EACA,qCAAA;EACA,gBAAA;ACtUA;;AAEA,uCAAuC","file":"PostList.vue","sourcesContent":["<template>\n  <page\n    :title=\"pageTitle\"\n    :header-buttons=\"[\n      {\n        text: $t('blog:newPost'),\n        href: getBlogPostFormUrl({ postId: 'create' }),\n      },\n    ]\"\n  >\n    <template v-slot:content>\n      <data-table\n        :column-defs=\"columnDefs\"\n        :row-data=\"rowData\"\n        :loading=\"isRowDataLoading\"\n        :error-message=\"errorMessage\"\n        :search-query=\"searchQuery\"\n        :pagination=\"{\n          pageNumber,\n          pageCount,\n          pageSize,\n          disabled: isRowDataLoading,\n        }\"\n        data-table=\"blog-post\"\n        @change=\"handleChange\"\n      >\n        <template v-slot:filters>\n          <advanced-search :tags=\"tags\" @click:tag=\"tagRemovalHandler\">\n            <div class=\"filters\">\n              <form-field-multi-select\n                v-model=\"categoryFilter\"\n                :options=\"categoryOptionList\"\n                name=\"categoryFilter\"\n                :searchable=\"true\"\n                :label=\"$t('blog:category')\"\n                class=\"filter\"\n              />\n\n              <form-field-multi-select\n                v-if=\"isLangSpecific\"\n                v-model=\"languageFilter\"\n                :options=\"languageOptionList\"\n                name=\"languageFilter\"\n                :searchable=\"true\"\n                :label=\"$t('blog:language')\"\n                class=\"filter\"\n              />\n\n              <div class=\"filter\">\n                <div class=\"date-label\">\n                  {{ $t('blog:dateOfPublication') }}\n                </div>\n\n                <div class=\"date-content\">\n                  <form-field\n                    v-model=\"fromDateFilter\"\n                    :label=\"$t('blog:From')\"\n                    name=\"fromDateFilter\"\n                    type=\"date\"\n                    :max=\"toDateFilter\"\n                  />\n\n                  <form-field\n                    v-model=\"toDateFilter\"\n                    :label=\"$t('blog:To')\"\n                    name=\"toDateFilter\"\n                    type=\"date\"\n                    :min=\"fromDateFilter\"\n                  />\n                </div>\n              </div>\n            </div>\n          </advanced-search>\n        </template>\n\n        <template v-slot:cell(actions)=\"{ row }\">\n          <base-button\n            variant=\"icon\"\n            :title=\"$t('blog:edit')\"\n            :disabled=\"isBusy(row.id)\"\n            :href=\"getBlogPostFormUrl({ postId: row.id })\"\n          >\n            <svg-icon name=\"edit\" />\n          </base-button>\n\n          <base-button\n            variant=\"icon\"\n            :title=\"$t('blog:clone')\"\n            :disabled=\"isBusy(row.id)\"\n            @click=\"handleResourceClone(row.id)\"\n          >\n            <svg-icon name=\"contentCopy\" />\n          </base-button>\n\n          <base-button\n            variant=\"icon\"\n            :title=\"$t('blog:remove')\"\n            :disabled=\"isBusy(row.id)\"\n            @click=\"handleResourceDelete(row.id)\"\n          >\n            <svg-icon name=\"delete\" />\n          </base-button>\n        </template>\n      </data-table>\n    </template>\n  </page>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, watch } from '@vue/composition-api';\nimport isEqual from 'lodash.isequal';\nimport pick from 'lodash.pick';\n\nimport {\n  ColumnDefinition,\n  useDataTable,\n  useTranslation,\n} from '@tager/admin-ui';\nimport {\n  Nullable,\n  useResourceClone,\n  useResourceDelete,\n} from '@tager/admin-services';\n\nimport { useFetchModuleConfig, useFetchCategories } from '../../../hooks';\nimport {\n  clonePost,\n  deleteBlogPost,\n  getPosts,\n} from '../../../services/requests';\nimport { getBlogPostFormUrl } from '../../../constants/paths';\nimport {\n  Category,\n  Language,\n  PostFull,\n  PostShort,\n} from '../../../typings/model';\n\nimport { convertPostList, getPostTableColumnDefs } from './PostList.helpers';\nimport { useAdvancedSearch } from './hooks';\n\nexport default defineComponent({\n  name: 'Posts',\n  setup(props, context) {\n    const { t } = useTranslation(context);\n\n    const categoryId = computed<string>(() => {\n      return Array.isArray(context.root.$route.query.category)\n        ? context.root.$route.query.category[0] ?? ''\n        : context.root.$route.query.category;\n    });\n\n    /** Fetch module config **/\n\n    const {\n      data: moduleConfig,\n      loading: isModuleConfigLoading,\n    } = useFetchModuleConfig({ context });\n\n    const languageList = computed<Language[]>(\n      () => moduleConfig.value?.languages ?? []\n    );\n\n    /** Fetch category list **/\n\n    const {\n      data: categoryList,\n      loading: isCategoryListLoading,\n    } = useFetchCategories({ context });\n\n    const selectedCategory = computed<Nullable<Category>>(() =>\n      categoryId.value\n        ? categoryList.value.find(\n            ({ id }) => String(id) === String(categoryId.value)\n          ) ?? null\n        : null\n    );\n\n    const pageTitle = computed<string>(() => {\n      return selectedCategory.value\n        ? `${context.root.$t('blog:postsByCategory')} \"${\n            selectedCategory.value.name\n          }\"`\n        : context.root.$t('blog:posts');\n    });\n\n    /** Advanced search **/\n\n    const {\n      categoryFilter,\n      categoryOptionList,\n      languageFilter,\n      languageOptionList,\n      fromDateFilter,\n      toDateFilter,\n      filterParams,\n      tags,\n      tagRemovalHandler,\n    } = useAdvancedSearch({\n      context,\n      categoryList,\n      languageList,\n    });\n\n    const isLangSpecific = computed<boolean>(\n      () => languageOptionList.value.length > 1\n    );\n\n    /** Fetch Post list **/\n\n    const {\n      fetchEntityList: fetchPostList,\n      isLoading: isPostLoading,\n      rowData: postList,\n      errorMessage,\n      searchQuery,\n      handleChange,\n      pageNumber,\n      pageCount,\n      pageSize,\n    } = useDataTable<PostShort>({\n      fetchEntityList: (params) =>\n        getPosts({\n          query: params.searchQuery,\n          pageNumber: params.pageNumber,\n          pageSize: params.pageSize,\n          ...filterParams.value,\n        }),\n      initialValue: [],\n      context,\n      resourceName: 'Blog post list',\n      pageSize: 100,\n    });\n\n    watch(filterParams, () => {\n      if (isModuleConfigLoading.value || isCategoryListLoading.value) {\n        return;\n      }\n\n      const newQuery = {\n        ...pick(context.root.$route.query, ['query', 'pageNumber']),\n        ...filterParams.value,\n      };\n\n      if (!isEqual(context.root.$route.query, newQuery)) {\n        context.root.$router.replace({ query: newQuery });\n        fetchPostList();\n      }\n    });\n\n    const displayedPostList = computed<PostShort[]>(() =>\n      convertPostList(\n        postList.value,\n        selectedCategory.value,\n        moduleConfig.value?.languages ?? []\n      )\n    );\n\n    const isRowDataLoading = computed<boolean>(\n      () =>\n        isCategoryListLoading.value ||\n        isPostLoading.value ||\n        isModuleConfigLoading.value\n    );\n\n    const { isDeleting, handleResourceDelete } = useResourceDelete({\n      deleteResource: deleteBlogPost,\n      resourceName: 'Post',\n      onSuccess: fetchPostList,\n      context,\n    });\n\n    const { isCloning, handleResourceClone } = useResourceClone({\n      cloneResource: clonePost,\n      confirmMessage: t('blog:cloneConfirm'),\n      successMessage: t('blog:cloneSuccess'),\n      failureMessage: t('blog:cloneFailure'),\n      onSuccessRedirectTo: (data: PostFull) => `/blog/posts/${data.id}`,\n      context,\n    });\n\n    function isBusy(postId: number): boolean {\n      return isDeleting(postId) || isCloning(postId) || isRowDataLoading.value;\n    }\n\n    const columnDefs = computed<ColumnDefinition<PostShort>[]>(() =>\n      getPostTableColumnDefs(moduleConfig.value, context.root.$t)\n    );\n\n    return {\n      columnDefs,\n      rowData: displayedPostList,\n      handleResourceDelete,\n      isDeleting,\n      categoryList,\n      isRowDataLoading,\n      errorMessage,\n      getBlogPostFormUrl,\n      pageTitle,\n      searchQuery,\n      handleChange,\n      pageNumber,\n      pageCount,\n      pageSize,\n\n      // Advanced search\n      categoryFilter,\n      categoryOptionList,\n      isLangSpecific,\n      languageFilter,\n      languageOptionList,\n      fromDateFilter,\n      toDateFilter,\n      tags,\n      tagRemovalHandler,\n\n      // Clone\n      handleResourceClone,\n      isBusy,\n    };\n  },\n});\n</script>\n\n<style scoped lang=\"scss\">\n.filters {\n  display: flex;\n  margin: 0 -10px;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n\n  .filter {\n    padding: 10px 10px 0;\n    width: 50%;\n    margin: 0;\n  }\n}\n\n.date-label {\n  margin-bottom: 0.5rem;\n}\n\n.date-content {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  column-gap: 10px;\n}\n</style>\n",".filters {\n  display: flex;\n  margin: 0 -10px;\n}\n.filters:not(:first-child) {\n  margin-top: 10px;\n}\n.filters .filter {\n  padding: 10px 10px 0;\n  width: 50%;\n  margin: 0;\n}\n\n.date-label {\n  margin-bottom: 0.5rem;\n}\n\n.date-content {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  column-gap: 10px;\n}\n\n/*# sourceMappingURL=PostList.vue.map */"]}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__ = "data-v-0acae486";
+    const __vue_scope_id__ = "data-v-6697ac14";
     /* module identifier */
     const __vue_module_identifier__ = undefined;
     /* functional template */
@@ -4194,7 +4086,7 @@
           return category;
       });
   }
-  function getCategoryTableColumnDefs(moduleConfig, t, canViewAdministrators) {
+  function getCategoryTableColumnDefs(moduleConfig, t) {
       const isLangSpecific = moduleConfig
           ? moduleConfig.languages.length > 0
           : false;
@@ -4236,16 +4128,14 @@
               field: 'linkToPosts',
               style: { whiteSpace: 'nowrap', width: '130px' },
           },
-          canViewAdministrators
-              ? {
-                  id: 5,
-                  name: t('blog:actions'),
-                  field: 'actions',
-                  style: { whiteSpace: 'nowrap', width: '170px' },
-                  headStyle: { whiteSpace: 'nowrap', width: '170px' },
-                  class: 'actions-cell',
-              }
-              : null,
+          {
+              id: 5,
+              name: t('blog:actions'),
+              field: 'actions',
+              style: { whiteSpace: 'nowrap', width: '170px' },
+              headStyle: { whiteSpace: 'nowrap', width: '170px' },
+              class: 'actions-cell',
+          },
       ];
       return COLUMN_DEFS.filter(adminServices.notEmpty);
   }
@@ -4299,7 +4189,6 @@
   var script$2 = compositionApi.defineComponent({
       name: 'BlogCategoryList',
       setup(props, context) {
-          const canViewAdministrators = useUserPermission(context, Scope.AdministratorsView);
           /** Fetch module config **/
           const { data: moduleConfig, loading: isModuleConfigLoading, } = useFetchModuleConfig({ context });
           const languageList = compositionApi.computed(() => { var _a, _b; return (_b = (_a = moduleConfig.value) === null || _a === void 0 ? void 0 : _a.languages) !== null && _b !== void 0 ? _b : []; });
@@ -4348,7 +4237,7 @@
           /** Misc */
           const isRowDataLoading = compositionApi.computed(() => isCategoryListLoading.value || isModuleConfigLoading.value);
           const displayedCategoryList = compositionApi.computed(() => convertCategoryList(categoryList.value, languageList.value));
-          const columnDefs = compositionApi.computed(() => getCategoryTableColumnDefs(moduleConfig.value, context.root.$t, canViewAdministrators.value));
+          const columnDefs = compositionApi.computed(() => getCategoryTableColumnDefs(moduleConfig.value, context.root.$t));
           return {
               columnDefs,
               rowData: displayedCategoryList,
@@ -4370,8 +4259,6 @@
               languageOptionList,
               tags,
               tagRemovalHandler,
-              // Permissions
-              canViewAdministrators,
           };
       },
   });
@@ -4388,13 +4275,11 @@
       attrs: {
         title: _vm.$t("blog:blogCategories"),
         "header-buttons": [
-          _vm.canViewAdministrators
-            ? {
-                text: _vm.$t("blog:newCategory"),
-                href: _vm.getBlogCategoryFormUrl({ categoryId: "create" }),
-              }
-            : null,
-        ].filter(Boolean),
+          {
+            text: _vm.$t("blog:newCategory"),
+            href: _vm.getBlogCategoryFormUrl({ categoryId: "create" }),
+          },
+        ],
       },
       scopedSlots: _vm._u([
         {
@@ -4611,14 +4496,14 @@
       undefined
     );
 
-  function convertCategoryToFormValues(category, languageOptionList) {
+  function convertCategoryToFormValues(category, languageOptionList, t) {
       var _a, _b, _c, _d, _e;
       const currentLangOption = languageOptionList.find(({ value }) => value === (category === null || category === void 0 ? void 0 : category.language));
       if (!category) {
           return {
               language: currentLangOption !== null && currentLangOption !== void 0 ? currentLangOption : null,
               name: '',
-              parent: null,
+              parent: { value: null, label: t('blog:noParent') },
               urlAlias: '',
               pageTitle: '',
               pageDescription: '',
@@ -4633,7 +4518,7 @@
           name: category.name,
           parent: category.parent
               ? { value: category.parent.id, label: category.parent.name }
-              : null,
+              : { value: null, label: t('blog:noParent') },
           urlAlias: category.urlAlias,
           pageTitle: (_a = category.pageTitle) !== null && _a !== void 0 ? _a : '',
           pageDescription: (_b = category.pageDescription) !== null && _b !== void 0 ? _b : '',
@@ -4646,17 +4531,28 @@
       };
   }
   function convertCategoryFormValuesToPayload(values) {
-      var _a, _b, _c, _d, _e, _f;
+      var _a, _b, _c, _d;
       return {
           language: (_b = (_a = values.language) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : null,
           name: values.name,
-          parent: (_d = (_c = values.parent) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : null,
+          parent: values.parent.value,
           urlAlias: values.urlAlias,
           isDefault: false,
           pageTitle: values.pageTitle,
           pageDescription: values.pageDescription,
-          openGraphImage: (_f = (_e = values.openGraphImage) === null || _e === void 0 ? void 0 : _e.file.id) !== null && _f !== void 0 ? _f : null,
+          openGraphImage: (_d = (_c = values.openGraphImage) === null || _c === void 0 ? void 0 : _c.file.id) !== null && _d !== void 0 ? _d : null,
       };
+  }
+  function convertCategoryListToOptions$1(categoryList, languageId, t) {
+      return [
+          { value: null, label: t('blog:noParent') },
+          ...categoryList
+              .filter(({ language }) => (languageId ? language === languageId : true))
+              .map(({ id, name, depth }) => ({
+              value: id,
+              label: getNameWithDepth(name, depth),
+          })),
+      ];
   }
 
   var script$3 = compositionApi.defineComponent({
@@ -4682,10 +4578,10 @@
           });
           /** Form State */
           const isSubmitting = compositionApi.ref(false);
-          const values = compositionApi.ref(convertCategoryToFormValues(category.value, languageOptionList.value));
+          const values = compositionApi.ref(convertCategoryToFormValues(category.value, languageOptionList.value, t));
           const errors = compositionApi.ref({});
-          compositionApi.watch(category, () => {
-              values.value = convertCategoryToFormValues(category.value, languageOptionList.value);
+          compositionApi.watch([category, languageOptionList], () => {
+              values.value = convertCategoryToFormValues(category.value, languageOptionList.value, t);
           });
           function submitForm(event) {
               isSubmitting.value = true;
@@ -4703,7 +4599,7 @@
                       context.root.$router.push(getBlogCategoryListUrl());
                   }
                   if (event.type === 'create_create-another') {
-                      values.value = convertCategoryToFormValues(null, languageOptionList.value);
+                      values.value = convertCategoryToFormValues(null, languageOptionList.value, t);
                   }
                   context.root.$toast({
                       variant: 'success',
@@ -4729,9 +4625,9 @@
               });
           }
           /** Category Options */
-          const categoryOptionList = compositionApi.computed(() => {
+          const parentCategoryOptionList = compositionApi.computed(() => {
               var _a, _b;
-              return convertCategoryListToOptions(categories.value, (_b = (_a = values.value.language) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : null);
+              return convertCategoryListToOptions$1(categories.value, (_b = (_a = values.value.language) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : null, t);
           });
           /** Misc */
           const isContentLoading = compositionApi.computed(() => isCategoryLoading.value ||
@@ -4754,6 +4650,16 @@
               { id: 'seo', label: t('blog:tabs.seo') },
           ]);
           const selectedTabId = compositionApi.ref(tabList.value[0].id);
+          /** Url Alias **/
+          const urlAliasChanged = compositionApi.ref(false);
+          const handleNameChange = (value) => {
+              if (isCreation.value && !urlAliasChanged.value) {
+                  values.value.urlAlias = adminServices.urlTranslit(value);
+              }
+          };
+          const handleAliasChange = () => {
+              urlAliasChanged.value = true;
+          };
           return {
               isCreation,
               isContentLoading: isContentLoading,
@@ -4766,7 +4672,9 @@
               submitForm,
               isSubmitting,
               moduleConfig,
-              categoryOptionList,
+              parentCategoryOptionList,
+              handleNameChange,
+              handleAliasChange,
               // SEO
               imageScenario,
               handleSeoFieldGroupChange,
@@ -4835,6 +4743,7 @@
                             label: _vm.$t("blog:name"),
                             error: _vm.errors.name,
                           },
+                          on: { input: _vm.handleNameChange },
                           model: {
                             value: _vm.values.name,
                             callback: function ($$v) {
@@ -4844,21 +4753,23 @@
                           },
                         }),
                         _vm._v(" "),
-                        _c("form-field-select", {
-                          attrs: {
-                            name: "parentCategory",
-                            label: _vm.$t("blog:parentCategory"),
-                            options: _vm.categoryOptionList,
-                            error: _vm.errors.parent,
-                          },
-                          model: {
-                            value: _vm.values.parent,
-                            callback: function ($$v) {
-                              _vm.$set(_vm.values, "parent", $$v);
-                            },
-                            expression: "values.parent",
-                          },
-                        }),
+                        !_vm.isLangSpecific || _vm.values.language
+                          ? _c("form-field-select", {
+                              attrs: {
+                                name: "parentCategory",
+                                label: _vm.$t("blog:parentCategory"),
+                                options: _vm.parentCategoryOptionList,
+                                error: _vm.errors.parent,
+                              },
+                              model: {
+                                value: _vm.values.parent,
+                                callback: function ($$v) {
+                                  _vm.$set(_vm.values, "parent", $$v);
+                                },
+                                expression: "values.parent",
+                              },
+                            })
+                          : _vm._e(),
                         _vm._v(" "),
                         _c("form-field-url-alias-input", {
                           attrs: {
@@ -4868,6 +4779,7 @@
                             "url-template": _vm.pagePath,
                             error: _vm.errors.urlAlias,
                           },
+                          on: { change: _vm.handleAliasChange },
                           model: {
                             value: _vm.values.urlAlias,
                             callback: function ($$v) {
@@ -4925,21 +4837,23 @@
                                 },
                               }),
                               _vm._v(" "),
-                              _c("form-field-select", {
-                                attrs: {
-                                  name: "parentCategory",
-                                  label: _vm.$t("blog:parentCategory"),
-                                  options: _vm.categoryOptionList,
-                                  error: _vm.errors.parent,
-                                },
-                                model: {
-                                  value: _vm.values.parent,
-                                  callback: function ($$v) {
-                                    _vm.$set(_vm.values, "parent", $$v);
-                                  },
-                                  expression: "values.parent",
-                                },
-                              }),
+                              !_vm.isLangSpecific || _vm.values.language
+                                ? _c("form-field-select", {
+                                    attrs: {
+                                      name: "parentCategory",
+                                      label: _vm.$t("blog:parentCategory"),
+                                      options: _vm.parentCategoryOptionList,
+                                      error: _vm.errors.parent,
+                                    },
+                                    model: {
+                                      value: _vm.values.parent,
+                                      callback: function ($$v) {
+                                        _vm.$set(_vm.values, "parent", $$v);
+                                      },
+                                      expression: "values.parent",
+                                    },
+                                  })
+                                : _vm._e(),
                               _vm._v(" "),
                               _c("form-field-url-alias-input", {
                                 attrs: {
@@ -5125,15 +5039,14 @@
   exports.getBlogCategoryFormUrl = getBlogCategoryFormUrl;
   exports.getBlogCategoryListUrl = getBlogCategoryListUrl;
   exports.getBlogMenuItem = getBlogMenuItem;
+  exports.getBlogPostCount = getBlogPostCount;
   exports.getBlogPostFormUrl = getBlogPostFormUrl;
   exports.getBlogPostListUrl = getBlogPostListUrl;
   exports.getCategories = getCategories;
   exports.getCategory = getCategory;
-  exports.getCountPosts = getCountPosts;
   exports.getModuleConfig = getModuleConfig;
   exports.getPost = getPost;
   exports.getPosts = getPosts;
-  exports.getUserProfile = getUserProfile;
   exports.moveCategory = moveCategory;
   exports.updateBlogPost = updateBlogPost;
   exports.updateCategory = updateCategory;

package/dist/locales/en.d.ts

@@ -71,5 +71,6 @@ declare const EN: {
         seo: string;
     };
     parentCategory: string;
+    noParent: string;
 };
 export default EN;

package/dist/services/requests.d.ts

@@ -1,14 +1,13 @@
 import { Nullable, ResponseBody } from '@tager/admin-services';
 import { FieldShortType, OutgoingValueUnion } from '@tager/admin-dynamic-field';
-import { Category, ModuleConfig, PostShort, PostFull, UserModel, CategoryPayload } from '../typings/model';
-export declare function getUserProfile(): Promise<ResponseBody<UserModel>>;
+import { Category, ModuleConfig, PostShort, PostFull, CategoryPayload } from '../typings/model';
 /** Blog Posts */
 export declare function getPosts(params?: {
     query?: string;
     pageNumber?: number;
     pageSize?: number;
 }): Promise<ResponseBody<PostShort[]>>;
-export declare function getCountPosts(): Promise<ResponseBody<{
+export declare function getBlogPostCount(): Promise<ResponseBody<{
     count: number;
 }>>;
 export declare function getPost(postId: number | string): Promise<ResponseBody<PostFull>>;