@tager/admin-blog 0.3.21 → 0.3.25

package/src/views/BlogSettings/BlogSettings.helpers.ts

@@ -1,25 +0,0 @@
-import { FieldUnion, universalFieldUtils } from '@tager/admin-dynamic-field';
-
-import { SettingItemType } from '../../typings/model';
-import { SettingsUpdatePayload } from '../../services/requests';
-
-export type SettingsFormValues = Array<FieldUnion>;
-
-export function convertBlogSettingsToFormValues(
-  settingItemList: Array<SettingItemType>
-): SettingsFormValues {
-  return settingItemList.map((settingItem) =>
-    universalFieldUtils.createFormField(settingItem.field, settingItem.value)
-  );
-}
-
-export function convertSettingValuesToRequestPayload(
-  values: SettingsFormValues
-): SettingsUpdatePayload {
-  return {
-    values: values.map((field) => ({
-      name: field.config.name,
-      value: universalFieldUtils.getOutgoingValue(field),
-    })),
-  };
-}

package/src/views/BlogSettings/BlogSettings.vue

@@ -1,110 +0,0 @@
-<template>
-  <page
-    :title="$t('blog:blogSettings')"
-    :is-content-loading="isContentLoading"
-    :footer="{
-      backHref: '/',
-      onSubmit: submitForm,
-      isSubmitting: isSubmitting,
-    }"
-  >
-    <template v-slot:content>
-      <form novalidate @submit.prevent="submitForm">
-        <DynamicField
-          v-for="field of values"
-          :key="field.config.name"
-          :field="field"
-        />
-      </form>
-    </template>
-  </page>
-</template>
-
-<script lang="ts">
-import { defineComponent, onMounted, ref, watch } from '@vue/composition-api';
-
-import { convertRequestErrorToMap, useResource } from '@tager/admin-services';
-import { DynamicField } from '@tager/admin-dynamic-field';
-
-import { SettingItemType } from '../../typings/model';
-import {
-  getBlogSettingList,
-  updateBlogSettingList,
-} from '../../services/requests';
-import { getBlogPostListUrl } from '../../constants/paths';
-
-import {
-  convertBlogSettingsToFormValues,
-  SettingsFormValues,
-  convertSettingValuesToRequestPayload,
-} from './BlogSettings.helpers';
-
-export default defineComponent({
-  name: 'BlogSettings',
-  components: { DynamicField },
-  setup(props, context) {
-    const [fetchSettingList, { data: settingList, loading }] = useResource<
-      Array<SettingItemType>
-    >({
-      fetchResource: getBlogSettingList,
-      initialValue: [],
-      context,
-      resourceName: 'Settings',
-    });
-
-    onMounted(() => {
-      fetchSettingList();
-    });
-
-    const isSubmitting = ref<boolean>(false);
-    const values = ref<SettingsFormValues>(
-      convertBlogSettingsToFormValues(settingList.value)
-    );
-
-    watch(settingList, () => {
-      values.value = convertBlogSettingsToFormValues(settingList.value);
-    });
-
-    const errors = ref<Record<string, string>>({});
-
-    function submitForm({ shouldExit }: { shouldExit: boolean }) {
-      isSubmitting.value = true;
-
-      const body = convertSettingValuesToRequestPayload(values.value);
-
-      updateBlogSettingList(body)
-        .then(() => {
-          errors.value = {};
-
-          if (shouldExit) {
-            context.root.$router.push(getBlogPostListUrl());
-          }
-
-          context.root.$toast({
-            variant: 'success',
-            title: context.root.$t('blog:success'),
-            body: context.root.$t(
-              'blog:blogSettingsHaveBeenSuccessfullyUpdated'
-            ),
-          });
-        })
-        .catch((error) => {
-          console.error(error);
-          errors.value = convertRequestErrorToMap(error);
-          context.root.$toast({
-            variant: 'danger',
-            title: context.root.$t('blog:error'),
-            body: context.root.$t('blog:blogSettingsUpdateHasBeenFailed'),
-          });
-        })
-        .finally(() => {
-          isSubmitting.value = false;
-        });
-    }
-
-    return { isContentLoading: loading, submitForm, isSubmitting, values };
-  },
-});
-</script>
-
-<style scoped lang="scss"></style>

package/src/views/BlogSettings/index.ts

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