Layout Page Component

components/dynamic-page/page-component/templates/others/stocks/FullSize.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts"></script>
+<template>
+  <div>chứng khoán full size</div>
+</template>
+<style lang="scss" scoped>
+div {
+  width: 100%;
+  height: 200px;
+  background-color: #ededed;
+  font-size: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+</style>

components/dynamic-page/page-component/templates/others/stocks/index.ts

@@ -1 +1,2 @@
-export { default as Stock_Default } from './334x641.vue'
+export { default as Stock_Default } from './334x641.vue'
+export { default as Stock_FullSize } from './FullSize.vue'

components/dynamic-page/page-component/templates/others/stocks/index.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { enumPageComponentTemplate, enumPageComponentKey, enumPageComponentLayouts } from "@/definitions/enum";
-import { Stock_Default } from "./index";
+import { Stock_Default, Stock_FullSize } from "./index";
 
 const _props = defineProps<{
   settings: any;
@@ -9,6 +9,7 @@ const _props = defineProps<{
 }>();
 const definedDynamicComponent: Record<string, any> = {
   [enumPageComponentLayouts[enumPageComponentTemplate[enumPageComponentKey.OTHER]['STOCK']]['STOCK_DEFAULT']]: Stock_Default,
+  [enumPageComponentLayouts[enumPageComponentTemplate[enumPageComponentKey.OTHER]["STOCK"]]["STOCK_FULLSIZE"]]: Stock_FullSize,
 };
 
 const getCurrentComponent = computed(() => `${_props.settings.layout}`);

definitions/cms/page.type.ts

@@ -294,6 +294,7 @@ export const pageComponentLayouts = {
     { title: "Thời tiết", value: enumPageComponentLayouts[`${enumPageComponentTemplate[enumPageComponentKey.OTHER]['WEATHER']}`]['WEATHER_DEFAULT'] }
   ],
   [`${enumPageComponentTemplate[enumPageComponentKey.OTHER]['STOCK']}`]: [
-    { title: "Chứng khoán", value: enumPageComponentLayouts[`${enumPageComponentTemplate[enumPageComponentKey.OTHER]['STOCK']}`]['STOCK_DEFAULT'] }
+    { title: "Chứng khoán", value: enumPageComponentLayouts[`${enumPageComponentTemplate[enumPageComponentKey.OTHER]['STOCK']}`]['STOCK_DEFAULT'] },
+    { title: "Chứng khoán Full Size", value: enumPageComponentLayouts[`${enumPageComponentTemplate[enumPageComponentKey.OTHER]['STOCK']}`]['STOCK_FULLSIZE'] }  
   ],
 };

definitions/enum/page.enum.ts

@@ -382,6 +382,7 @@ export const enumPageComponentLayouts = {
   },
   [`${enumPageComponentTemplate[enumPageComponentKey.OTHER]['STOCK']}`]: {
     'STOCK_DEFAULT': "TYPE:Stock_Default",
+    'STOCK_FULLSIZE': "TYPE:Stock_Fullsize",
   },
 };