thainv-dev
This commit is contained in:
nguyen van thai
@@ -5,9 +5,9 @@ import { COLLECTION_PAGING_QUERY_DROP, getInputValue } from "@/utils/parseSQL";
|
|||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const route = useRoute();
|
const route = useRoute();
|
||||||
|
|
||||||
const store = reactive({
|
// const store = reactive({
|
||||||
component: usePageComponentStore(),
|
// component: usePageComponentStore(),
|
||||||
});
|
// });
|
||||||
|
|
||||||
const _props = defineProps<{
|
const _props = defineProps<{
|
||||||
dataResult?: any;
|
dataResult?: any;
|
||||||
@@ -79,12 +79,12 @@ const loadPage = async (page: number) => {
|
|||||||
} else {
|
} else {
|
||||||
newDataQuery = _props.component?.settings?.dataQuery + ` Page[${page}]`;
|
newDataQuery = _props.component?.settings?.dataQuery + ` Page[${page}]`;
|
||||||
}
|
}
|
||||||
const res = await store.component.getOverviewPageComponentById(Number(_props.component?.id), newDataQuery);
|
// const res = await store.component.getOverviewPageComponentById(Number(_props.component?.id), newDataQuery);
|
||||||
const data = getInputValue(res?.settings?.dataResult, "OBJECT");
|
// const data = getInputValue(res?.settings?.dataResult, "OBJECT");
|
||||||
if (Object.keys(data).length > 0) {
|
// if (Object.keys(data).length > 0) {
|
||||||
totals.value = data.Total;
|
// totals.value = data.Total;
|
||||||
listArticlePaging.value = data?.Data || [];
|
// listArticlePaging.value = data?.Data || [];
|
||||||
}
|
// }
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleNextPrev = (type: "+" | "-") => {
|
const handleNextPrev = (type: "+" | "-") => {
|
||||||
|
|||||||
@@ -1,5 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
aaaaaaaa
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
export { default as Misses_Section } from './misses/index.vue'
|
|
||||||
@@ -1,43 +0,0 @@
|
|||||||
<script lang="ts" setup>
|
|
||||||
import type { PageSection } from "@/server/models/dynamic-page/index";
|
|
||||||
|
|
||||||
import { enumPageSectionKey, enumPageSectionTemplate } from "@/definitions/enum";
|
|
||||||
import { Misses_Section } from "./index";
|
|
||||||
|
|
||||||
const _props = defineProps<{
|
|
||||||
settings?: any;
|
|
||||||
content?: any;
|
|
||||||
section: PageSection;
|
|
||||||
}>();
|
|
||||||
|
|
||||||
const definedDynamicSection: Record<string, any> = {
|
|
||||||
// [enumPageSectionTemplate[enumPageSectionKey.SECTION]['MISSES']]: Misses_Section,
|
|
||||||
};
|
|
||||||
|
|
||||||
const getCurrentSection = computed(() => _props.settings.template);
|
|
||||||
|
|
||||||
const GET_PROPS = computed(() => {
|
|
||||||
return () => {
|
|
||||||
let props: any = {};
|
|
||||||
if (_props.settings) {
|
|
||||||
for (const [key, value] of Object.entries(_props.settings)) {
|
|
||||||
props = {
|
|
||||||
...props,
|
|
||||||
[key]: value,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return props;
|
|
||||||
};
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<component
|
|
||||||
v-if="definedDynamicSection[getCurrentSection]"
|
|
||||||
:is="definedDynamicSection[getCurrentSection]"
|
|
||||||
v-bind="{ ...GET_PROPS(), section: _props.section, content: _props.content, settings: _props.settings }"
|
|
||||||
>
|
|
||||||
<slot />
|
|
||||||
</component>
|
|
||||||
</template>
|
|
||||||
@@ -1,24 +0,0 @@
|
|||||||
<script setup lang="ts">
|
|
||||||
import DynamicLayout from "@/components/dynamic-page/page-section/layouts/index.vue";
|
|
||||||
import type { PageSection } from "@/server/models/dynamic-page/index";
|
|
||||||
|
|
||||||
const emit = defineEmits(["dropComponent", "dropData", "selectComponent"]);
|
|
||||||
|
|
||||||
const props = defineProps<{
|
|
||||||
label?: any;
|
|
||||||
layout?: string;
|
|
||||||
settings?: any;
|
|
||||||
content?: any;
|
|
||||||
section: PageSection;
|
|
||||||
}>();
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<DynamicLayout :layout="props.layout" :content="props.content" :settings="props.settings" :section="props.section" />
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.border-custom {
|
|
||||||
border-color: #e5e5e5 !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
export { default as Default } from './Default.vue'
|
|
||||||
@@ -1,43 +0,0 @@
|
|||||||
<script lang="ts" setup>
|
|
||||||
import type { PageSection } from "@/server/models/dynamic-page/index";
|
|
||||||
|
|
||||||
import { enumPageSectionKey, enumPageSectionTemplate } from "@/definitions/enum";
|
|
||||||
import { Default } from "./index";
|
|
||||||
|
|
||||||
const _props = defineProps<{
|
|
||||||
settings?: any;
|
|
||||||
content?: any;
|
|
||||||
section: PageSection;
|
|
||||||
}>();
|
|
||||||
|
|
||||||
const definedDynamicSection: Record<string, any> = {
|
|
||||||
// [enumPageSectionTemplate[enumPageSectionKey.SECTION]['MISS']['DEFAULT']]: Default,
|
|
||||||
};
|
|
||||||
|
|
||||||
const getCurrentSection = computed(() => _props.settings.template);
|
|
||||||
|
|
||||||
const GET_PROPS = computed(() => {
|
|
||||||
return () => {
|
|
||||||
let props: any = {};
|
|
||||||
if (_props.settings) {
|
|
||||||
for (const [key, value] of Object.entries(_props.settings)) {
|
|
||||||
props = {
|
|
||||||
...props,
|
|
||||||
[key]: value,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return props;
|
|
||||||
};
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<component
|
|
||||||
v-if="definedDynamicSection[getCurrentSection]"
|
|
||||||
:is="definedDynamicSection[getCurrentSection]"
|
|
||||||
v-bind="{ ...GET_PROPS(), section: _props.section, content: _props.content, settings: _props.settings }"
|
|
||||||
>
|
|
||||||
<slot />
|
|
||||||
</component>
|
|
||||||
</template>
|
|
||||||
@@ -1,232 +0,0 @@
|
|||||||
import { enumPageComponentLayouts, enumPageSectionLayouts, templates, enumPageComponentKey, enumPageComponentTemplate, enumPageSectionKey, enumPageSectionTemplate } from "@/definitions/enum";
|
|
||||||
|
|
||||||
export const pageTypes = [
|
|
||||||
{ title: "None", value: 0 }, // Không xác định
|
|
||||||
{ title: "Home", value: 1 }, // Trang chủ
|
|
||||||
{ title: "Section", value: 2 }, // Chuyên trang
|
|
||||||
{ title: "Category", value: 3 }, // Trang danh mục
|
|
||||||
{ title: "Topic", value: 4 }, // Trang chủ đề
|
|
||||||
{ title: "Event", value: 5 }, // Trang sự kiện
|
|
||||||
{ title: "Collection", value: 6 }, // Trang sưu tập
|
|
||||||
{ title: "Article", value: 7 }, // Trang bài viết
|
|
||||||
{ title: "Tag", value: 8 }, // Trang từ khóa
|
|
||||||
{ title: "Author", value: 9 }, // Trang tác giả
|
|
||||||
{ title: "Search", value: 10 }, // Trang tìm kiếm
|
|
||||||
{ title: "Contact", value: 11 }, // Trang liên hệ
|
|
||||||
{ title: "About", value: 12 }, // Trang giới thiệu
|
|
||||||
{ title: "Service", value: 13 }, // Trang dịch vụ
|
|
||||||
{ title: "Policy", value: 14 }, // Trang chính sách
|
|
||||||
{ title: "Terms", value: 15 }, // Trang điều khoản
|
|
||||||
{ title: "Privacy", value: 16 }, // Trang bảo mật
|
|
||||||
{ title: "Error", value: 97 }, // Trang lỗi
|
|
||||||
{ title: "Maintenance", value: 98 }, // Trang bảo trì
|
|
||||||
{ title: "Custom", value: 99 }, // Trang tùy chỉnh
|
|
||||||
];
|
|
||||||
// LayoutType: None=0 | Normal=1 | Short=2 | Long=3 | Page=4
|
|
||||||
|
|
||||||
export const pageLayouts = (key: string) => {
|
|
||||||
if (key === templates.ARTICLE) {
|
|
||||||
return [
|
|
||||||
{ title: "None", key: 0, value: "ARTICLE_NONE" },
|
|
||||||
{ title: "Normal", key: 1, value: "ARTICLE_NORMAL" },
|
|
||||||
{ title: "Short", key: 2, value: "ARTICLE_SHORT" },
|
|
||||||
{ title: "Long", key: 3, value: "ARTICLE_LONG" },
|
|
||||||
{ title: "Page", key: 4, value: "ARTICLE_PAGE" },
|
|
||||||
];
|
|
||||||
} else {
|
|
||||||
return [
|
|
||||||
{ title: "None", value: 0 },
|
|
||||||
{ title: "Cơ bản", value: "Default" },
|
|
||||||
{ title: "Full Page", value: "Full_Page" }, // full with 100%
|
|
||||||
{ title: "Center Page", value: "Center_Page" }, // ở giữa
|
|
||||||
{ title: "Backgroud Page", value: "Backgroud_Page" }, // Phân trang
|
|
||||||
];
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
export const pageTemplates = [
|
|
||||||
{ title: "None", value: "None" }, // Không xác định
|
|
||||||
{ title: "Home", value: "Home" }, // Trang chủ
|
|
||||||
{ title: "Section", value: "Section" }, // Chuyên trang
|
|
||||||
{ title: "Category", value: "Category" }, // Trang danh mục
|
|
||||||
{ title: "Topic", value: "Topic" }, // Trang chủ đề
|
|
||||||
{ title: "Event", value: "Event" }, // Trang sự kiện
|
|
||||||
{ title: "Collection", value: "Collection" }, // Trang sưu tập
|
|
||||||
{ title: "Article", value: "Article" }, // Trang bài viết
|
|
||||||
{ title: "Tag", value: "Tag" }, // Trang từ khóa
|
|
||||||
{ title: "Author", value: "Author" }, // Trang tác giả
|
|
||||||
{ title: "Search", value: "Search" }, // Trang tìm kiếm
|
|
||||||
{ title: "Contact", value: "Contact" }, // Trang liên hệ
|
|
||||||
{ title: "About", value: "About" }, // Trang giới thiệu
|
|
||||||
{ title: "Service", value: "Service" }, // Trang dịch vụ
|
|
||||||
{ title: "Policy", value: "Policy" }, // Trang chính sách
|
|
||||||
{ title: "Terms", value: "Terms" }, // Trang điều khoản
|
|
||||||
{ title: "Privacy", value: "Privacy" }, // Trang bảo mật
|
|
||||||
{ title: "Error", value: "Error" }, // Trang lỗi
|
|
||||||
{ title: "Maintenance", value: "Maintenance" }, // Trang bảo trì
|
|
||||||
{ title: "Custom", value: "Custom" }, // Trang tùy chỉnh
|
|
||||||
];
|
|
||||||
|
|
||||||
export const pageComponentTypes = [
|
|
||||||
{ title: "None", value: 0 }, // Không xác định
|
|
||||||
{ title: "Individual", value: 1 }, // Đơn lẻ
|
|
||||||
{ title: "Collection", value: 2 }, // Sưu tập
|
|
||||||
{ title: "Pagination", value: 3 }, // Phân trang
|
|
||||||
];
|
|
||||||
|
|
||||||
export const pageSectionTypes = [
|
|
||||||
{ title: "None", value: 0 }, // Không xác định
|
|
||||||
{ title: "Block", value: 1 }, // Khối
|
|
||||||
];
|
|
||||||
|
|
||||||
export const pageDataType = [
|
|
||||||
{ title: "Section", value: "Section" },
|
|
||||||
{ title: "Category", value: "Category" },
|
|
||||||
{ title: "Topic", value: "Topic" },
|
|
||||||
{ title: "Event", value: "Event" },
|
|
||||||
{ title: "Collection", value: "Collection" },
|
|
||||||
{ title: "Article", value: "Article" },
|
|
||||||
{ title: "Tag", value: "Tag" },
|
|
||||||
{ title: "Author", value: "Author" },
|
|
||||||
{ title: "Poll", value: "Poll" },
|
|
||||||
{ title: "Quiz", value: "Quiz" },
|
|
||||||
{ title: "Survey", value: "Survey" },
|
|
||||||
{ title: "Advertising", value: "Advertising" },
|
|
||||||
{ title: "Other", value: "Other" },
|
|
||||||
];
|
|
||||||
|
|
||||||
export const pageDataQuery = [
|
|
||||||
{ title: "IDS", value: "IDS" },
|
|
||||||
{ title: "NEW", value: "NEW" },
|
|
||||||
{ title: "VIEW", value: "VIEW" },
|
|
||||||
{ title: "SQL", value: "SQL" },
|
|
||||||
{ title: "REQUEST", value: "REQUEST" },
|
|
||||||
];
|
|
||||||
|
|
||||||
export const pageTaxonomy = [
|
|
||||||
{ title: "Home", value: "Home" }, // Trang khác
|
|
||||||
{ title: "Section", value: "Section" }, // Chuyên trang
|
|
||||||
{ title: "Category", value: "Category" }, // Trang danh mục
|
|
||||||
{ title: "Topic", value: "Topic" }, // Trang chủ đề
|
|
||||||
{ title: "Event", value: "Event" }, // Trang sự kiện
|
|
||||||
{ title: "Collection", value: "Collection" }, // Trang sưu tập
|
|
||||||
{ title: "Article", value: "Article" }, // Trang bài viết
|
|
||||||
{ title: "Tag", value: "Tag" }, // Trang từ khóa
|
|
||||||
{ title: "Author", value: "Author" }, // Trang tác giả
|
|
||||||
{ title: "Poll", value: "Poll" }, // Trang poll
|
|
||||||
{ title: "Quiz", value: "Quiz" }, // Trang quiz
|
|
||||||
{ title: "Survey", value: "Survey" }, // Trang survey
|
|
||||||
{ title: "Advertising", value: "Advertising" }, // Trang quảng cáo
|
|
||||||
{ title: "Other", value: "Other" }, // Trang khác
|
|
||||||
{ title: "Navigation", value: "Navigation" }, // Navigation
|
|
||||||
];
|
|
||||||
|
|
||||||
/* SECTION SETTINGS */
|
|
||||||
export const pageSectionTaxonomy = [
|
|
||||||
{ title: "None", value: "None" }, // Phân vùng của Chuyên trang
|
|
||||||
{ title: "Section", value: "Section" }, // Phân vùng của Chuyên trang
|
|
||||||
{ title: "Category", value: "Category" }, // Phân vùng của Trang danh mục
|
|
||||||
{ title: "Topic", value: "Topic" }, // Phân vùng của Trang chủ đề
|
|
||||||
{ title: "Event", value: "Event" }, // Phân vùng của Trang sự kiện
|
|
||||||
{ title: "Collection", value: "Collection" }, // Phân vùng của Trang sưu tập
|
|
||||||
{ title: "Article", value: "Article" }, // Phân vùng của Trang bài viết
|
|
||||||
{ title: "Tag", value: "Tag" }, // Phân vùng của Trang từ khóa
|
|
||||||
{ title: "Author", value: "Author" }, // Phân vùng của Trang tác giả
|
|
||||||
{ title: "Poll", value: "Poll" }, // Phân vùng của Trang poll
|
|
||||||
{ title: "Quiz", value: "Quiz" }, // Phân vùng của Trang quiz
|
|
||||||
{ title: "Survey", value: "Survey" }, // Phân vùng của Trang survey
|
|
||||||
{ title: "Advertising", value: "Advertising" }, // Phân vùng của Trang quảng cáo
|
|
||||||
{ title: "Other", value: "Other" }, // Phân vùng của Trang khác
|
|
||||||
{ title: "Navigation", value: "Navigation" }, // Phân vùng của Navigation
|
|
||||||
];
|
|
||||||
|
|
||||||
export const pageSectionTempaltes = {
|
|
||||||
[enumPageSectionKey.NONE]: [
|
|
||||||
{ title: "Thẻ trống", value: enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE'] },
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
export const pageSectionLayouts = {
|
|
||||||
[enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']]: [
|
|
||||||
{ title: "2 Cột", value: enumPageSectionLayouts[enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']]['VERTICAL_TWO'] },
|
|
||||||
{ title: "2 Cột, bên trái rộng", value: enumPageSectionLayouts[enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']]['VERTICAL_LEFT_TWO'] },
|
|
||||||
{ title: "2 Cột, bên phải rộng", value: enumPageSectionLayouts[enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']]['VERTICAL_RIGHT_TWO'] },
|
|
||||||
{ title: "3 Cột", value: enumPageSectionLayouts[enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']]['VERTICAL_THREE'] },
|
|
||||||
{ title: "4 Cột", value: enumPageSectionLayouts[enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']]['VERTICAL_FOUR'] },
|
|
||||||
{ title: "4 Cột, giữa 2 cột", value: enumPageSectionLayouts[enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']]['VERTICAL_CENTER_TWO'] },
|
|
||||||
{ title: "5 Cột, giữa 3 cột", value: enumPageSectionLayouts[enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']]['VERTICAL_CENTER_THREE'] },
|
|
||||||
{ title: "6 Cột, giữa 4 cột", value: enumPageSectionLayouts[enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']]['VERTICAL_CENTER_FOUR'] },
|
|
||||||
{ title: "1 Hàng", value: enumPageSectionLayouts[enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']]['HORIZONTAL_ONE'] },
|
|
||||||
{ title: "2 Hàng", value: enumPageSectionLayouts[enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']]['HORIZONTAL_TWO'] },
|
|
||||||
{ title: "3 Hàng", value: enumPageSectionLayouts[enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']]['HORIZONTAL_THREE'] },
|
|
||||||
{ title: "4 Hàng", value: enumPageSectionLayouts[enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']]['HORIZONTAL_FOUR'] },
|
|
||||||
{ title: "5 Hàng", value: enumPageSectionLayouts[enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']]['HORIZONTAL_FIVE'] },
|
|
||||||
{ title: "6 Hàng", value: enumPageSectionLayouts[enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']]['HORIZONTAL_SIX'] },
|
|
||||||
{ title: "7 Hàng", value: enumPageSectionLayouts[enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']]['HORIZONTAL_SEVEN'] },
|
|
||||||
{ title: "8 Hàng", value: enumPageSectionLayouts[enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']]['HORIZONTAL_EIGHT'] },
|
|
||||||
{ title: "9 Hàng", value: enumPageSectionLayouts[enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']]['HORIZONTAL_NINE'] },
|
|
||||||
{ title: "10 Hàng", value: enumPageSectionLayouts[enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']]['HORIZONTAL_TEN'] }
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
/* COMPONENT SETTINGS */
|
|
||||||
export const pageComponentTaxonomy = [
|
|
||||||
{ title: "Section", value: "Section" }, // Component loại Chuyên trang
|
|
||||||
{ title: "Category", value: "Category" }, // Component loại danh mục
|
|
||||||
{ title: "Topic", value: "Topic" }, // Component loại chủ đề
|
|
||||||
{ title: "Event", value: "Event" }, // Component loại sự kiện
|
|
||||||
{ title: "Collection", value: "Collection" }, // Component loại sưu tập
|
|
||||||
{ title: "Article", value: "Article" }, // Component loại bài viết
|
|
||||||
{ title: "Tag", value: "Tag" }, // Component loại từ khóa
|
|
||||||
{ title: "Author", value: "Author" }, // Component loại tác giả
|
|
||||||
{ title: "Poll", value: "Poll" }, // Component loại poll
|
|
||||||
{ title: "Quiz", value: "Quiz" }, // Component loại quiz
|
|
||||||
{ title: "Survey", value: "Survey" }, // Trang survey
|
|
||||||
{ title: "Advertising", value: "Advertising" }, // Component loại quảng cáo
|
|
||||||
{ title: "Other", value: "Other" }, // Component loại khác
|
|
||||||
{ title: "Navigation", value: "Navigation" }, // Component loại Navigation
|
|
||||||
];
|
|
||||||
|
|
||||||
export const pageComponentTemplates = {
|
|
||||||
[`${enumPageComponentKey.ARTICLE}`]: [
|
|
||||||
{ title: "Thẻ bài viết", value: enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_CARD'] },
|
|
||||||
{ title: "Chi tiết bài viết", value: enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_DETAIL'] },
|
|
||||||
],
|
|
||||||
[`${enumPageComponentKey.OTHER}`]: [
|
|
||||||
{ title: "Thời tiết", value: enumPageComponentTemplate[enumPageComponentKey.OTHER]['WEATHER'] },
|
|
||||||
{ title: "Chứng khoán", value: enumPageComponentTemplate[enumPageComponentKey.OTHER]['SECURITIES'] },
|
|
||||||
],
|
|
||||||
[`${enumPageComponentKey.ADVERTISING}`]: [
|
|
||||||
{ title: "Quảng cáo", value: enumPageComponentTemplate[enumPageComponentKey.ADVERTISING]['ADVERTISING'] },
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
export const pageComponentLayouts = {
|
|
||||||
[enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_CARD']]: [
|
|
||||||
{ title: "Thẻ bài viết cơ bản", value: enumPageComponentLayouts[enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_CARD']]['CARD_DEFAULT'] },
|
|
||||||
{ title: "Thẻ bài viết audio ", value: enumPageComponentLayouts[enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_CARD']]['CARD_AUDIO'] }
|
|
||||||
// { title: "Thẻ bài viết hình ảnh ", value: enumPageComponentLayouts[enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_CARD']]['CARD_AUDIO'] },
|
|
||||||
// { title: "Thẻ bài viết có lồng chữ trong ảnh", value: '2' },
|
|
||||||
// { title: "Thẻ bài viết Video", value: '3' },
|
|
||||||
// { title: "Thẻ bài viết Audio", value: '4' },
|
|
||||||
],
|
|
||||||
[enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_DETAIL']]: [
|
|
||||||
{ title: "Chi tiết bài viết", value: enumPageComponentLayouts[enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_DETAIL']]['DETAIL_GENERAL'] },
|
|
||||||
{ title: "Chi tiết podcast", value: enumPageComponentLayouts[enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_DETAIL']]['DETAIL_PODCAST'] },
|
|
||||||
{ title: "Chi tiết video", value: enumPageComponentLayouts[enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_DETAIL']]['DETAIL_VIDEO'] },
|
|
||||||
{ title: "Chi tiết image", value: enumPageComponentLayouts[enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_DETAIL']]['DETAIL_IMAGE'] },
|
|
||||||
// { title: "Chi tiết bài viết cơ bản", value: '1' },
|
|
||||||
// { title: "Chi tiết bài viết Video", value: '2' },
|
|
||||||
// { title: "Chi tiết bài viết Podcast ", value: '3' },
|
|
||||||
// { title: "Chi tiết bài viết Image ", value: '4' },
|
|
||||||
],
|
|
||||||
[enumPageComponentTemplate[enumPageComponentKey.OTHER]['WEATHER']]: [
|
|
||||||
{ title: "Thời tiết", value: enumPageComponentLayouts[enumPageComponentTemplate[enumPageComponentKey.OTHER]['WEATHER']]['WEATHER_DEFAULT'] }
|
|
||||||
],
|
|
||||||
[enumPageComponentTemplate[enumPageComponentKey.OTHER]['SECURITIES']]: [
|
|
||||||
{ title: "Chứng khoán", value: enumPageComponentLayouts[enumPageComponentTemplate[enumPageComponentKey.OTHER]['SECURITIES']]['SECURITIES_DEFAULT'] }
|
|
||||||
],
|
|
||||||
[enumPageComponentTemplate[enumPageComponentKey.ADVERTISING]['ADVERTISING']]: [
|
|
||||||
{ title: "Quảng cáo", value: enumPageComponentLayouts[enumPageComponentTemplate[enumPageComponentKey.ADVERTISING]['ADVERTISING']]['ADVERTISING_DEFAULT'] }
|
|
||||||
],
|
|
||||||
};
|
|
||||||
@@ -1,316 +0,0 @@
|
|||||||
export const templates = {
|
|
||||||
NONE: "None", // Không xác định
|
|
||||||
HOME: "Home", // Trang chủ
|
|
||||||
SECTION: "Section", // Chuyên trang
|
|
||||||
CATEGORY: "Category", // Trang danh mục
|
|
||||||
TOPIC: "Topic", // Trang chủ đề
|
|
||||||
EVENT: "Event", // Trang sự kiện
|
|
||||||
COLLECTION: "Collection", // Trang sưu tập
|
|
||||||
ARTICLE: "Article", // Trang bài viết
|
|
||||||
TAG: "Tag", // Trang từ khóa
|
|
||||||
AUTHOR: "Author", // Trang tác giả
|
|
||||||
SEARCH: "Search", // Trang tìm kiếm
|
|
||||||
CONTACT: "Contact", // Trang liên hệ
|
|
||||||
ABOUT: "About", // Trang giới thiệu
|
|
||||||
SERVICE: "Service", // Trang dịch vụ
|
|
||||||
POLICY: "Policy", // Trang chính sách
|
|
||||||
TERMS: "Terms", // Trang điều khoản
|
|
||||||
PRIVACY: "Privacy", // Trang bảo mật
|
|
||||||
ERROR: "Error", // Trang lỗi
|
|
||||||
MAINTENANCE: "Maintenance", // Trang bảo trì
|
|
||||||
CUSTOM: "Custom", // Trang tùy chỉnh
|
|
||||||
};
|
|
||||||
|
|
||||||
export const layouts = {
|
|
||||||
NONE: "None", // Không xác định
|
|
||||||
FULL_PAGE: "Full_Page", // full width 100%
|
|
||||||
CENTER_PAGE: "Center_Page", // ở giữa
|
|
||||||
BACKGROUND_PAGE: "Background_Page", // Phân trang
|
|
||||||
};
|
|
||||||
|
|
||||||
export const dataTypes = {
|
|
||||||
SECTION: "Section",
|
|
||||||
CATEGORY: "Category",
|
|
||||||
TOPIC: "Topic",
|
|
||||||
EVENT: "Event",
|
|
||||||
COLLECTION: "Collection",
|
|
||||||
ARTICLE: "Article",
|
|
||||||
TAG: "Tag",
|
|
||||||
AUTHOR: "Author",
|
|
||||||
POLL: "Poll",
|
|
||||||
QUIZ: "Quiz",
|
|
||||||
SURVEY: "Survey",
|
|
||||||
ADVERTISING: "Advertising",
|
|
||||||
OTHER: "Other",
|
|
||||||
};
|
|
||||||
|
|
||||||
export const dataQuery = {
|
|
||||||
IDS: "IDS",
|
|
||||||
NEW: "NEW",
|
|
||||||
VIEW: "VIEW",
|
|
||||||
SQL: "SQL",
|
|
||||||
REQUEST: "REQUEST",
|
|
||||||
};
|
|
||||||
|
|
||||||
export const sectionTypes = {
|
|
||||||
NONE: 0, // Không xác định
|
|
||||||
BLOCK: 1, // Khối
|
|
||||||
};
|
|
||||||
|
|
||||||
export const sectionTaxonomy = {
|
|
||||||
BLOCK: "Block",
|
|
||||||
MODULE: "Module",
|
|
||||||
NAVIGATION: "Navigation",
|
|
||||||
};
|
|
||||||
|
|
||||||
export const enumPageType = {
|
|
||||||
NONE: 0, // Không xác định
|
|
||||||
HOME: 1, // Trang chủ
|
|
||||||
SECTION: 2, // Chuyên trang
|
|
||||||
CATEGORY: 3, // Trang danh mục
|
|
||||||
TOPIC: 4, // Trang chủ đề
|
|
||||||
EVENT: 5, // Trang sự kiện
|
|
||||||
COLLECTION: 6, // Trang sưu tập
|
|
||||||
ARTICLE: 7, // Trang bài viết
|
|
||||||
TAG: 8, // Trang từ khóa
|
|
||||||
AUTHOR: 9, // Trang tác giả
|
|
||||||
SEARCH: 10, // Trang tìm kiếm
|
|
||||||
CONTACT: 11, // Trang liên hệ
|
|
||||||
ABOUT: 12, // Trang giới thiệu
|
|
||||||
SERVICE: 13, // Trang dịch vụ
|
|
||||||
POLICY: 14, // Trang chính sách
|
|
||||||
TERMS: 15, // Trang điều khoản
|
|
||||||
PRIVACY: 16, // Trang bảo mật
|
|
||||||
ERROR: 97, // Trang lỗi
|
|
||||||
MAINTENANCE: 98, // Trang bảo trì
|
|
||||||
CUSTOM: 99, // Trang tùy chỉnh
|
|
||||||
};
|
|
||||||
|
|
||||||
export const enumPageComponentTemplates = { // KHÔNG ĐƯỢC XÓA KEY - BIẾN này
|
|
||||||
NONE: "None", // Không xác định
|
|
||||||
SECTION: "Section", // Chuyên trang
|
|
||||||
CATEGORY: "Category", // Trang danh mục
|
|
||||||
TOPIC: "Topic", // Trang chủ đề
|
|
||||||
EVENT: "Event", // Trang sự kiện
|
|
||||||
COLLECTION: "Collection", // Trang sưu tập
|
|
||||||
ARTICLE: "Article", // Trang bài viết
|
|
||||||
TAG: "Tag", // Trang từ khóa
|
|
||||||
AUTHOR: "Author", // Trang tác giả
|
|
||||||
POLL: "Poll", // Trang poll
|
|
||||||
QUIZ: "Quiz", // Trang quiz
|
|
||||||
SURVEY: "Survey", // Trang survey
|
|
||||||
ADVERTISING: "Advertising", // Trang quảng cáo
|
|
||||||
OTHER: "Other", // Trang khác
|
|
||||||
NAVIGATION: "Navigation", // Navigation
|
|
||||||
LOCATION: 'Location', // Location
|
|
||||||
FIGURE: 'Figure', // Figure
|
|
||||||
};
|
|
||||||
|
|
||||||
export const dataTypeSort = [
|
|
||||||
{ title: "Tăng dần", value: "+" },
|
|
||||||
{ title: "Giảm dần", value: "-" },
|
|
||||||
];
|
|
||||||
export const dataTypeKeyInSort = [
|
|
||||||
{ title: "Views", value: "Views" },
|
|
||||||
{ title: "Shares", value: "Shares" },
|
|
||||||
];
|
|
||||||
export const dataTypeKeyInWith = [
|
|
||||||
{ title: "Ids", value: "Ids" },
|
|
||||||
{ title: "Sites", value: "Sites" },
|
|
||||||
{ title: "Categories", value: "Categories" },
|
|
||||||
{ title: "Topics", value: "Topics" },
|
|
||||||
{ title: "Events", value: "Events" },
|
|
||||||
{ title: "Collections", value: "Collections" },
|
|
||||||
];
|
|
||||||
export const dataSelectQuery = [
|
|
||||||
{ title: "COMMAND", value: "COMMAND" },
|
|
||||||
{ title: "SQL", value: "SQL" },
|
|
||||||
{ title: "REQUEST", value: "REQUEST" },
|
|
||||||
{ title: "STATIC", value: "STATIC" },
|
|
||||||
];
|
|
||||||
export const dataTypeTTL = [
|
|
||||||
{ title: "None", value: "" },
|
|
||||||
{ title: "Day", value: "Day" },
|
|
||||||
{ title: "Month", value: "Month" },
|
|
||||||
{ title: 86400, value: 86400 },
|
|
||||||
];
|
|
||||||
export const dataMethodRequest = [
|
|
||||||
{ title: "Get", value: "Get" },
|
|
||||||
{ title: "Post", value: "Post" },
|
|
||||||
];
|
|
||||||
export const dataDesignLayout = [
|
|
||||||
{ title: "Ngang", value: "row" },
|
|
||||||
{ title: "Dọc", value: "column" },
|
|
||||||
];
|
|
||||||
export const dataBorderDesign = [
|
|
||||||
{ title: "Top", value: "border-top:1px solid;" },
|
|
||||||
{ title: "Right", value: "border-right:1px solid;" },
|
|
||||||
{ title: "Bottom", value: "border-bottom:1px solid;" },
|
|
||||||
{ title: "Left", value: "border-left:1px solid;" },
|
|
||||||
];
|
|
||||||
export const dataPaddingDesign = [
|
|
||||||
{ title: "Top", value: "paddingTop" },
|
|
||||||
{ title: "Right", value: "paddingRight" },
|
|
||||||
{ title: "Bottom", value: "paddingBottom" },
|
|
||||||
{ title: "Left", value: "paddingLeft" },
|
|
||||||
];
|
|
||||||
export const dataHideDesign = [
|
|
||||||
{ title: "Ảnh", value: "div.basic-article_thumbnail" },
|
|
||||||
{ title: "Tiêu đề", value: "h3.title" },
|
|
||||||
{ title: "Mô tả", value: "p.paragraph" },
|
|
||||||
];
|
|
||||||
export const dataFontWeightDesign = [
|
|
||||||
{ title: "100", value: 100 },
|
|
||||||
{ title: "200", value: 200 },
|
|
||||||
{ title: "300", value: 300 },
|
|
||||||
{ title: "400", value: 400 },
|
|
||||||
{ title: "500", value: 500 },
|
|
||||||
{ title: "600", value: 600 },
|
|
||||||
{ title: "700", value: 700 },
|
|
||||||
{ title: "800", value: 800 },
|
|
||||||
];
|
|
||||||
|
|
||||||
export const dataStaticType = [
|
|
||||||
{
|
|
||||||
title: "Danh sách bài viết liên quan (Dành cho chi tiết bài viết)",
|
|
||||||
value: 1
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Danh sách bài viết cùng danh mục (Dành cho chi tiết bài viết)",
|
|
||||||
value: 2
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Tùy chỉnh",
|
|
||||||
value: 3
|
|
||||||
}
|
|
||||||
]
|
|
||||||
export const enumPageComponentStaticChild = {
|
|
||||||
LAYOUT: "Layout", // Không xác định
|
|
||||||
DEFAULT: "Default", // Chuyên trang
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
/* SECTION SETTINGS */
|
|
||||||
// KHÔNG ĐƯỢC XÓA KEY - BIẾN này
|
|
||||||
export const enumPageSectionKey = {
|
|
||||||
NONE: "None", // Không xác định
|
|
||||||
SECTION: "Section", // Chuyên trang
|
|
||||||
CATEGORY: "Category", // Trang danh mục
|
|
||||||
TOPIC: "Topic", // Trang chủ đề
|
|
||||||
EVENT: "Event", // Trang sự kiện
|
|
||||||
COLLECTION: "Collection", // Trang sưu tập
|
|
||||||
ARTICLE: "Article", // Trang bài viết
|
|
||||||
TAG: "Tag", // Trang từ khóa
|
|
||||||
AUTHOR: "Author", // Trang tác giả
|
|
||||||
POLL: "Poll", // Trang poll
|
|
||||||
QUIZ: "Quiz", // Trang quiz
|
|
||||||
SURVEY: "Survey", // Trang survey
|
|
||||||
ADVERTISING: "Advertising", // Trang quảng cáo
|
|
||||||
OTHER: "Other", // Trang khác
|
|
||||||
NAVIGATION: "Navigation", // Navigation
|
|
||||||
LOCATION: 'Location', // Location
|
|
||||||
FIGURE: 'Figure', // Figure
|
|
||||||
};
|
|
||||||
|
|
||||||
export const enumPageSectionTemplate = {
|
|
||||||
[enumPageSectionKey.NONE]: {
|
|
||||||
'NONE': "TYPE:None",
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
export const enumPageSectionLayouts = {
|
|
||||||
[enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']]: {
|
|
||||||
'VERTICAL_TWO': 'LAYOUT:vertical-TYPE:Default-MAX:2',
|
|
||||||
'VERTICAL_LEFT_TWO': 'LAYOUT:vertical-TYPE:LEFT-MAX:2',
|
|
||||||
'VERTICAL_RIGHT_TWO': 'LAYOUT:vertical-TYPE:RIGHT-MAX:2',
|
|
||||||
'VERTICAL_THREE': 'LAYOUT:vertical-TYPE:Default-MAX:3',
|
|
||||||
'VERTICAL_FOUR': 'LAYOUT:vertical-TYPE:Default-MAX:4',
|
|
||||||
'VERTICAL_CENTER_TWO': 'LAYOUT:vertical-TYPE:CENTER-MAX:2',
|
|
||||||
'VERTICAL_CENTER_THREE': 'LAYOUT:vertical-TYPE:CENTER-MAX:3',
|
|
||||||
'VERTICAL_CENTER_FOUR': 'LAYOUT:vertical-TYPE:CENTER-MAX:4',
|
|
||||||
'HORIZONTAL_ONE': 'LAYOUT:horizontal-TYPE:Default-MAX:1',
|
|
||||||
'HORIZONTAL_TWO': 'LAYOUT:horizontal-TYPE:Default-MAX:2',
|
|
||||||
'HORIZONTAL_THREE': 'LAYOUT:horizontal-TYPE:Default-MAX:3',
|
|
||||||
'HORIZONTAL_FOUR': 'LAYOUT:horizontal-TYPE:Default-MAX:4',
|
|
||||||
'HORIZONTAL_FIVE': 'LAYOUT:horizontal-TYPE:Default-MAX:5',
|
|
||||||
'HORIZONTAL_SIX': 'LAYOUT:horizontal-TYPE:Default-MAX:6',
|
|
||||||
'HORIZONTAL_SEVEN': 'LAYOUT:horizontal-TYPE:Default-MAX:7',
|
|
||||||
'HORIZONTAL_EIGHT': 'LAYOUT:horizontal-TYPE:Default-MAX:8',
|
|
||||||
'HORIZONTAL_NINE': 'LAYOUT:horizontal-TYPE:Default-MAX:9',
|
|
||||||
'HORIZONTAL_TEN': 'LAYOUT:horizontal-TYPE:Default-MAX:10',
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
/* COMPONENT SETTINGS */
|
|
||||||
// KHÔNG ĐƯỢC XÓA KEY - BIẾN này
|
|
||||||
export const enumPageComponentKey = {
|
|
||||||
NONE: "None", // Không xác định
|
|
||||||
SECTION: "Section", // Chuyên trang
|
|
||||||
CATEGORY: "Category", // Trang danh mục
|
|
||||||
TOPIC: "Topic", // Trang chủ đề
|
|
||||||
EVENT: "Event", // Trang sự kiện
|
|
||||||
COLLECTION: "Collection", // Trang sưu tập
|
|
||||||
ARTICLE: "Article", // Trang bài viết
|
|
||||||
TAG: "Tag", // Trang từ khóa
|
|
||||||
AUTHOR: "Author", // Trang tác giả
|
|
||||||
POLL: "Poll", // Trang poll
|
|
||||||
QUIZ: "Quiz", // Trang quiz
|
|
||||||
SURVEY: "Survey", // Trang survey
|
|
||||||
ADVERTISING: "Advertising", // Trang quảng cáo
|
|
||||||
OTHER: "Other", // Trang khác
|
|
||||||
NAVIGATION: "Navigation", // Navigation
|
|
||||||
LOCATION: 'Location', // Location
|
|
||||||
FIGURE: 'Figure', // Figure
|
|
||||||
};
|
|
||||||
|
|
||||||
export const enumPageComponentTemplate = {
|
|
||||||
[enumPageComponentKey.ARTICLE]: {
|
|
||||||
'ARTICLE_CARD': "TYPE:Card",
|
|
||||||
'ARTICLE_DETAIL': 'TYPE:Detail',
|
|
||||||
},
|
|
||||||
[enumPageComponentKey.NAVIGATION]: {
|
|
||||||
'TOP': "TYPE:Top",
|
|
||||||
'BOTTOM': 'TYPE:Bottom',
|
|
||||||
'DIRECTION': 'TYPE:Direction',
|
|
||||||
},
|
|
||||||
[enumPageComponentKey.OTHER]: {
|
|
||||||
"WEATHER": "TYPE:Weather",
|
|
||||||
"SECURITIES": "TYPE:securities"
|
|
||||||
},
|
|
||||||
[enumPageComponentKey.ADVERTISING]: {
|
|
||||||
"ADVERTISING": "TYPE:Advertising",
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
export const enumPageComponentLayouts = {
|
|
||||||
[`${enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_CARD']}`]: {
|
|
||||||
'CARD_DEFAULT': "TYPE:Card_Default",
|
|
||||||
'CARD_AUDIO': "TYPE:Card_Audio",
|
|
||||||
},
|
|
||||||
[`${enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_DETAIL']}`]: {
|
|
||||||
'DETAIL_GENERAL': "TYPE:Detail_General",
|
|
||||||
'DETAIL_PODCAST': "TYPE:Detail_Podcast",
|
|
||||||
'DETAIL_VIDEO': "TYPE:Detail_Video",
|
|
||||||
'DETAIL_IMAGE': "TYPE:Detail_Image",
|
|
||||||
},
|
|
||||||
[`${enumPageComponentTemplate[enumPageComponentKey.NAVIGATION]['TOP']}`]: {
|
|
||||||
'NAVIGATION_TOP_DEFAULT': "TYPE:Navigation_Top_Default",
|
|
||||||
},
|
|
||||||
[`${enumPageComponentTemplate[enumPageComponentKey.NAVIGATION]['BOTTOM']}`]: {
|
|
||||||
'NAVIGATION_BOTTOM_DEFAULT': "TYPE:Navigation_Bottom_Default",
|
|
||||||
},
|
|
||||||
[`${enumPageComponentTemplate[enumPageComponentKey.NAVIGATION]['DIRECTION']}`]: {
|
|
||||||
'NAVIGATION_DIRECTION_DEFAULT': "TYPE:Navigation_Direction_Default",
|
|
||||||
},
|
|
||||||
|
|
||||||
[`${enumPageComponentTemplate[enumPageComponentKey.OTHER]['WEATHER']}`]: {
|
|
||||||
'WEATHER_DEFAULT': "TYPE:Weather_Default",
|
|
||||||
},
|
|
||||||
[`${enumPageComponentTemplate[enumPageComponentKey.OTHER]['SECURITIES']}`]: {
|
|
||||||
'SECURITIES_DEFAULT': "TYPE:Securities_Default",
|
|
||||||
},
|
|
||||||
[`${enumPageComponentTemplate[enumPageComponentKey.ADVERTISING]['ADVERTISING']}`]: {
|
|
||||||
'ADVERTISING_DEFAULT': "TYPE:Advertising_Default",
|
|
||||||
},
|
|
||||||
|
|
||||||
};
|
|
||||||
Reference in New Issue
Block a user