@tager/admin-blog 0.3.21 → 0.3.25

package/dist/views/BlogSettings/index.d.ts

@@ -1 +0,0 @@
-export { default } from './BlogSettings.vue';

package/src/views/BlogCategoryForm/index.ts

@@ -1 +0,0 @@
-export { default } from './BlogCategoryForm.vue';

package/src/views/BlogCategoryList/BlogCategoryList.helpers.ts

@@ -1,82 +0,0 @@
-import {TFunction} from 'i18next';
-
-import {notEmpty, Nullable} from '@tager/admin-services';
-import {ColumnDefinition} from '@tager/admin-ui';
-
-import {BlogCategory, BlogModuleConfigType} from '../../typings/model';
-import {getBlogCategoryFormUrl} from '../../constants/paths';
-
-export function convertCategoryList(
-    categoryList: Array<BlogCategory>,
-    languages: BlogModuleConfigType['languages']
-): Array<BlogCategory> {
-    return categoryList.map((category) => {
-        if (languages.length > 0) {
-            const foundLanguage = languages.find(
-                (lang) => category.language === lang.id
-            );
-
-            return {
-                ...category,
-                language: foundLanguage ? foundLanguage.name : category.language,
-            };
-        }
-
-        return category;
-    });
-}
-
-export function getCategoryTableColumnDefs(
-    moduleConfig: Nullable<BlogModuleConfigType>,
-    t: TFunction
-): Array<ColumnDefinition<BlogCategory>> {
-    const isLangSpecific = moduleConfig
-        ? moduleConfig.languages.length > 0
-        : false;
-
-    const COLUMN_DEFS: Array<ColumnDefinition<BlogCategory> | null> = [
-        {
-            id: 2,
-            name: t('blog:name'),
-            field: 'name',
-            type: 'name',
-            format: ({row}) => {
-                return {
-                    adminLink: {
-                        url: getBlogCategoryFormUrl({categoryId: row.id}),
-                        text: row.name,
-                    },
-                    websiteLink: {
-                        url: [
-                            process.env.VUE_APP_WEBSITE_URL || window.location.origin,
-                            row.url,
-                        ].join(''),
-                        text: row.url,
-                    },
-                    paramList: row.isDefault ? [
-                        {name: t('blog:defaultCategory'), 'value': t('blog:yes')}
-                    ] : []
-                };
-            },
-        },
-        isLangSpecific
-            ? {id: 4, name: t('blog:language'), field: 'language'}
-            : null,
-        {
-            id: 3,
-            name: t('blog:posts'),
-            field: 'linkToPosts',
-            style: {whiteSpace: 'nowrap', width: '130px'},
-        },
-        {
-            id: 4,
-            name: t('blog:actions'),
-            field: 'actions',
-            style: {whiteSpace: 'nowrap', width: '205px'},
-            headStyle: {whiteSpace: 'nowrap', width: '205px'},
-            class: 'actions-cell',
-        },
-    ];
-
-    return COLUMN_DEFS.filter(notEmpty);
-}

package/src/views/BlogCategoryList/BlogCategoryList.vue

@@ -1,196 +0,0 @@
-<template>
-  <page
-    :title="$t('blog:blogCategories')"
-    :header-buttons="[
-      {
-        text: $t('blog:newCategory'),
-        href: getBlogCategoryFormUrl({ categoryId: 'create' }),
-      },
-    ]"
-  >
-    <template v-slot:content>
-      <base-table
-        :column-defs="columnDefs"
-        :row-data="rowData"
-        :loading="isRowDataLoading"
-        :error-message="errorMessage"
-        data-table="blog-category"
-      >
-        <template v-slot:cell(link-to-posts)="{ row }">
-          <count-button
-            :href="getLinkToPostsByCategory(row.id)"
-            variant="outline-secondary"
-            :count="row.postsCount"
-          >
-            {{ $t('blog:posts') }}
-          </count-button>
-        </template>
-
-        <template v-slot:cell(actions)="{ row, rowIndex }">
-          <base-button
-            variant="icon"
-            :title="$t('blog:edit')"
-            :disabled="isDeleting(row.id)"
-            :href="getBlogCategoryFormUrl({ categoryId: row.id })"
-          >
-            <svg-icon name="edit"></svg-icon>
-          </base-button>
-
-          <base-button
-            variant="icon"
-            :title="$t('blog:moveUp')"
-            :disabled="rowIndex === 0 || isCategoryMoving"
-            @click="moveCategory(row.id, 'up')"
-          >
-            <svg-icon name="north"></svg-icon>
-          </base-button>
-
-          <base-button
-            variant="icon"
-            :title="$t('blog:moveDown')"
-            :disabled="rowIndex === rowData.length - 1 || isCategoryMoving"
-            @click="moveCategory(row.id, 'down')"
-          >
-            <svg-icon name="south"></svg-icon>
-          </base-button>
-
-          <base-button
-            variant="icon"
-            :title="$t('blog:remove')"
-            :disabled="isDeleting(row.id) || row.postsCount > 0"
-            @click="handleCategoryDelete(row.id)"
-          >
-            <svg-icon name="delete"></svg-icon>
-          </base-button>
-        </template>
-      </base-table>
-    </template>
-  </page>
-</template>
-
-<script lang="ts">
-import Vue from 'vue';
-import { computed, onMounted, ref } from '@vue/composition-api';
-
-import { useResource, useResourceDelete } from '@tager/admin-services';
-import { OptionType } from '@tager/admin-ui';
-
-import { BlogCategory } from '../../typings/model';
-import {
-  deleteBlogCategory,
-  getBlogCategoryList,
-  moveBlogCategory,
-} from '../../services/requests';
-import {
-  getBlogCategoryFormUrl,
-  getBlogPostListUrl,
-} from '../../constants/paths';
-import useModuleConfig from '../../hooks/useModuleConfig';
-
-import {
-  convertCategoryList,
-  getCategoryTableColumnDefs,
-} from './BlogCategoryList.helpers';
-
-export default Vue.extend({
-  name: 'BlogCategoryList',
-  setup(props, context) {
-    /** Fetch module config */
-    const {
-      data: moduleConfig,
-      loading: isModuleConfigLoading,
-    } = useModuleConfig({ context });
-
-    const languageOptionList = computed<Array<OptionType>>(
-      () =>
-        moduleConfig.value?.languages.map((lang) => ({
-          value: lang.id,
-          label: lang.name,
-        })) ?? []
-    );
-
-    const isLangSpecific = computed(() => languageOptionList.value.length > 0);
-
-    /** Fetch category list */
-
-    const [
-      fetchBlogCategoryList,
-      { data: categoryList, loading: isCategoryListLoading, error },
-    ] = useResource<Array<BlogCategory>>({
-      fetchResource: getBlogCategoryList,
-      initialValue: [],
-      context,
-      resourceName: 'Blog category list',
-    });
-
-    onMounted(() => {
-      fetchBlogCategoryList();
-    });
-
-    const {
-      handleResourceDelete: handleCategoryDelete,
-      isDeleting,
-    } = useResourceDelete({
-      deleteResource: deleteBlogCategory,
-      resourceName: 'Post',
-      onSuccess: fetchBlogCategoryList,
-      context,
-    });
-
-    const isCategoryMoving = ref<boolean>(false);
-
-    function moveCategory(categoryId: number, direction: 'up' | 'down') {
-      isCategoryMoving.value = true;
-
-      moveBlogCategory(categoryId, direction)
-        .then((response) => {
-          if (response.success) {
-            return fetchBlogCategoryList();
-          }
-        })
-        .catch(console.error)
-        .finally(() => {
-          isCategoryMoving.value = false;
-        });
-    }
-
-    /** Misc */
-
-    const isRowDataLoading = computed<boolean>(
-      () => isCategoryListLoading.value || isModuleConfigLoading.value
-    );
-
-    function getLinkToPostsByCategory(categoryId: number): string {
-      return `${getBlogPostListUrl()}?category=${categoryId}`;
-    }
-
-    const displayedCategoryList = computed<Array<BlogCategory>>(() =>
-      convertCategoryList(
-        categoryList.value,
-        moduleConfig.value?.languages ?? []
-      )
-    );
-
-    const columnDefs = computed(() =>
-      getCategoryTableColumnDefs(moduleConfig.value, context.root.$t)
-    );
-
-    return {
-      columnDefs,
-      rowData: displayedCategoryList,
-      isRowDataLoading,
-      errorMessage: error,
-      isLangSpecific,
-      languageOptionList,
-      handleCategoryDelete,
-      isDeleting,
-      getBlogCategoryFormUrl,
-      getLinkToPostsByCategory,
-      moveCategory,
-      isCategoryMoving,
-    };
-  },
-});
-</script>
-
-<style scoped lang="scss"></style>

package/src/views/BlogCategoryList/index.ts

@@ -1 +0,0 @@
-export { default } from './BlogCategoryList.vue';

package/src/views/BlogPostForm/BlogPostForm.helpers.ts

@@ -1,152 +0,0 @@
-import {createId, Nullable} from '@tager/admin-services';
-import {OptionType, SingleFileInputValueType} from '@tager/admin-ui';
-import {
-    FieldConfigUnion,
-    FieldUnion,
-    universalFieldUtils,
-} from '@tager/admin-dynamic-field';
-
-import {BlogCategory, PostFull} from '../../typings/model';
-import {
-    PostCreationPayload,
-    PostUpdatePayload,
-} from '../../services/requests';
-
-export type FormValues = {
-    title: string;
-    excerpt: string;
-    body: string;
-    date: string;
-    coverImage: Nullable<SingleFileInputValueType>;
-    image: Nullable<SingleFileInputValueType>;
-    imageMobile: Nullable<SingleFileInputValueType>;
-    pageTitle: string;
-    pageDescription: string;
-    openGraphImage: Nullable<SingleFileInputValueType>;
-    urlAlias: string;
-    categories: Array<OptionType<number>>;
-    language: Nullable<OptionType>;
-    relatedPosts: Array<OptionType<number>>;
-    tags: string;
-    additionalFields: Array<FieldUnion>;
-};
-
-export function convertPostToFormValues(
-    post: Nullable<PostFull>,
-    languageOptionList: Array<OptionType>,
-    postOptionList: Array<OptionType<number>>,
-    additionalFieldList: Array<FieldConfigUnion>
-): FormValues {
-    if (!post) {
-        return {
-            title: '',
-            excerpt: '',
-            body: '',
-            date: '',
-            coverImage: null,
-            image: null,
-            imageMobile: null,
-            pageTitle: '',
-            pageDescription: '',
-            openGraphImage: null,
-            urlAlias: '',
-            categories: [],
-            language: null,
-            relatedPosts: [],
-            tags: '',
-            additionalFields: additionalFieldList.map((fieldConfig) =>
-                universalFieldUtils.createFormField(fieldConfig, null)
-            ),
-        };
-    }
-
-    const currentLangOption = languageOptionList.find(
-        (option) => option.value === post.language
-    );
-
-    const selectedPostOptionList = postOptionList.filter((option) =>
-        post.relatedPosts.some((relatedPost) => relatedPost.id === option.value)
-    );
-
-    return {
-        title: post.title,
-        excerpt: post.excerpt,
-        body: post.body,
-        date: post.date,
-        coverImage: post.coverImage ? {id: createId(), file: post.coverImage} : null,
-        image: post.image ? {id: createId(), file: post.image} : null,
-        imageMobile: post.imageMobile ? {id: createId(), file: post.imageMobile} : null,
-        pageTitle: post.pageTitle ?? '',
-        pageDescription: post.pageDescription ?? '',
-        openGraphImage: post.openGraphImage
-            ? {id: createId(), file: post.openGraphImage}
-            : null,
-        urlAlias: post.urlAlias,
-        categories: post.categories.map((category) => ({
-            value: category.id,
-            label: category.name,
-        })),
-        language: currentLangOption ?? null,
-        relatedPosts: selectedPostOptionList,
-        tags: post.tags.join(','),
-        additionalFields: additionalFieldList.map((fieldConfig, index) => {
-            const postAdditionalField = post.additionalFields.find(item => item.name === fieldConfig.name);
-            return universalFieldUtils.createFormField(
-                fieldConfig,
-                postAdditionalField?.value
-            );
-        }),
-    };
-}
-
-export function convertFormValuesToCreationPayload(
-    values: FormValues
-): PostCreationPayload {
-    return {
-        title: values.title,
-        excerpt: values.excerpt,
-        urlAlias: values.urlAlias,
-        body: values.body,
-        date: values.date,
-        coverImage: values.coverImage?.file.id ?? null,
-        image: values.image?.file.id ?? null,
-        imageMobile: values.imageMobile?.file.id ?? null,
-        pageTitle: values.pageTitle,
-        pageDescription: values.pageDescription,
-        openGraphImage: values.openGraphImage?.file.id ?? null,
-        status: 'PUBLISHED',
-        categories: values.categories.map((option) => option.value),
-        language: values.language?.value ?? null,
-        relatedPosts: values.relatedPosts.map(
-            (relatedPostOption) => relatedPostOption.value
-        ),
-        tags: values.tags.split(',').filter((tag) => tag.trim().length > 0),
-        additionalFields: values.additionalFields.map((field) => ({
-            name: field.config.name,
-            value: universalFieldUtils.getOutgoingValue(field),
-        })),
-    };
-}
-
-export function convertFormValuesToUpdatePayload(
-    values: FormValues
-): PostUpdatePayload {
-    return {
-        ...convertFormValuesToCreationPayload(values),
-        urlAlias: values.urlAlias,
-    };
-}
-
-export function convertCategoryListToOptions(
-    categoryList: Array<BlogCategory>,
-    languageId: Nullable<string>
-): Array<OptionType<number>> {
-    return categoryList
-        .filter((category) =>
-            languageId ? category.language === languageId : true
-        )
-        .map((category) => ({
-            value: category.id,
-            label: category.name,
-        }));
-}