minhnt/NSG_PORTAL_V2
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: new layout

Browse Source
This commit is contained in:
MoreStrive
2024-06-28 15:39:26 +07:00
parent ab3419bd5f
commit ad962eda86
134 changed files with 4977 additions and 2985 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/dynamic-page/page-component/templates/index.vue
+13 -12
View File
@@ -1,27 +1,29 @@
<script lang="ts" setup>
import { enumPageComponentTemplates } from "@/definitions/enum";
import { Dynamic_Section, Dynamic_Category, Dynamic_Collection, Dynamic_Navigation, Dynamic_Other, Dynamic_Advertising, Dynamic_Article } from "./index";
import { Articles, Navigations, Collections, Sections, Categories, Advertisings, Others } from "./index";
const _props = defineProps<{
settings: any;
component?: any;
content?: any;
}>();
const definedDynamicComponent: Record<string, any> = {
[enumPageComponentTemplates.ARTICLE]: Dynamic_Article,
[enumPageComponentTemplates.CATEGORY]: Dynamic_Category,
[enumPageComponentTemplates.COLLECTION]: Dynamic_Collection,
[enumPageComponentTemplates.SECTION]: Dynamic_Section,
[enumPageComponentTemplates.OTHER]: Dynamic_Other,
[enumPageComponentTemplates.ADVERTISING]: Dynamic_Advertising,
[enumPageComponentTemplates.NAVIGATION]: Dynamic_Navigation,
[enumPageComponentTemplates.ARTICLE]: Articles,
[enumPageComponentTemplates.NAVIGATION]: Navigations,
[enumPageComponentTemplates.COLLECTION]: Collections,
[enumPageComponentTemplates.SECTION]: Sections,
[enumPageComponentTemplates.CATEGORY]: Categories,
[enumPageComponentTemplates.ADVERTISING]: Advertisings,
[enumPageComponentTemplates.OTHER]: Others,
};
const getCurrentComponent = computed(() => `${_props.settings.template}`);
const getCurrentComponent = computed(() => _props.component?.taxonomy);
const GET_PROPS = computed(() => {
return () => {
let props: any = {};
if (_props.settings) {
for (const [key, value] of _props.settings ? Object.entries(_props.settings) : []) {
for (const [key, value] of Object.entries(_props.settings)) {
props = {
...props,
[key]: value,
@@ -34,6 +36,5 @@ const GET_PROPS = computed(() => {
</script>
<template>
<!-- <component :is="definedDynamicComponent[getCurrentComponent]" v-bind="{ ...(GET_PROPS()), component: _props.component, settings: _props.settings }" /> -->
<component :is="definedDynamicComponent[getCurrentComponent]" v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings }" />
<component :is="definedDynamicComponent[getCurrentComponent]" v-bind="{ ...GET_PROPS(), component: _props.component, settings: _props.settings, content: _props.content }" />
</template>