thainv-dev

definitions/enum/page.enum.ts

@@ -225,6 +225,8 @@ export const enumPageSectionTemplate = {
   },
   [enumPageSectionKey.SECTION]: {
     'DEFAULT': "TYPE:Default",
+  },
+  [enumPageSectionKey.CATEGORY]: {
     'MISSES': "TYPE:Misses",
   },
 };
@@ -233,9 +235,11 @@ export const enumPageSectionLayouts = {
   /* None */
   [`${enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']}`]: {
     'VERTICAL_TWO': 'LAYOUT:vertical-TYPE:Default-MAX:2',
-    'VERTICAL_ONE_TWO_THREE': 'LAYOUT:vertical-TYPE:Left:1;CENTER:2;RIGHT:3',
+    'VERTICAL_ONE_TWO_THREE': 'LAYOUT:vertical-TYPE:Left:1;CENTER:2;RIGHT:3-MAX:3',
+    'VERTICAL_FIVE_THREE_TWO_TWO': 'LAYOUT:vertical-TYPE:5;3;2;2-MAX:4',
+    'VERTICAL_TWO_FIVE_THREE_TWO': 'LAYOUT:vertical-TYPE:2;5;3;2-MAX:4',
     'VERTICAL_ONE_FOUR': 'LAYOUT:vertical-TYPE:Left:1;RIGHT:4-Max:2',
-    'VERTICAL_ONE_FIVE': 'LAYOUT:vertical-TYPE:Left:1;RIGHT:5',
+    'VERTICAL_ONE_FIVE': 'LAYOUT:vertical-TYPE:Left:1;RIGHT:5-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',
@@ -256,7 +260,7 @@ export const enumPageSectionLayouts = {
   },
 
   /* Section */
-  [`${enumPageSectionTemplate[enumPageSectionKey.SECTION]['MISSES']}`]: {
+  [`${enumPageSectionTemplate[enumPageSectionKey.CATEGORY]['MISSES']}`]: {
     'DEFAULT': 'LAYOUT:Default-TYPE:Default-MAX:1',
   },
 
@@ -300,6 +304,7 @@ export const enumPageComponentTemplate = {
   },
   [enumPageComponentKey.COLLECTION]: {
     'ARTICLE': "TYPE:Collection_Article",
+    'CATEGORY': "TYPE:Collection_Category",
   },
   [enumPageComponentKey.SECTION]: {
     'ARTICLE': "TYPE:Section_Article",
@@ -323,6 +328,7 @@ export const enumPageComponentLayouts = {
     'CARD_AUDIO': "TYPE:Card_Audio",
     'CARD_VIDEO': "TYPE:Card_Video",
     'CARD_VIDEO_HIGHLIGHT': "TYPE:Card_VideoHightLight",
+    'CARD_MISS_HIGHLIGHT': "TYPE:Card_MissHightLight",
   },
   [`${enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_DETAIL']}`]: {
     'DETAIL_GENERAL': "TYPE:Detail_General",
@@ -331,7 +337,6 @@ export const enumPageComponentLayouts = {
     'DETAIL_IMAGE': "TYPE:Detail_Image",
     'DETAIL_EMAGAZINE': "TYPE:Detail_Emagazine",
     'DETAIL_INFOGRAPHIC': "TYPE:Detail_Infographic",
-    'DETAIL_CONTROL': "TYPE:Control"
   },
   /* NAVIGATION */
   [`${enumPageComponentTemplate[enumPageComponentKey.NAVIGATION]['TOP']}`]: {
@@ -349,6 +354,9 @@ export const enumPageComponentLayouts = {
     'ARTICLE_COLLECTION_DEFAULT': "TYPE:Article_Collection_Default",
     'ARTICLE_COLLECTION_AUDIO': "TYPE:Article_Collection_Audio",
   },
+  [`${enumPageComponentTemplate[enumPageComponentKey.COLLECTION]['CATEGORY']}`]: {
+    'MISSES_COLLECTION_DEFAULT': "TYPE:Category_Collection_MISS_Default",
+  },
 
   /* SECTION */
   [`${enumPageComponentTemplate[enumPageComponentKey.SECTION]['ARTICLE']}`]: {
@@ -388,36 +396,71 @@ const defaultArticle = {
   paddingBottom: 20,
   paddingLeft: 20
 };
-
+const defaultArticleAudio = {
+  fontSizeTitle: 16,
+  fontWeightTitle: 600,
+};
+const defaultArticleVideo = {
+  fontSizeTitle: 16,
+  fontWeightTitle: 500,
+};
+const defaultArticleVideoHightLight = {
+  fontSizeTitle: 44,
+  fontWeightTitle: 700,
+  fontSizeIntro: 14,
+  fontWeightIntro: 400,
+};
 export const enumPageComponentDefaultSetting = {
   [enumPageComponentKey.ARTICLE]: {
-    WidthImg: 40,
-    layout: "column",
-    fontSizeTitle: 16,
-    fontWeightTitle: 600,
-    fontSizeIntro: 14,
-    fontWeightIntro: 400,
+    "TYPE:Card_Default": defaultArticle,
+    "TYPE:Card_Audio": defaultArticleAudio,
+    "TYPE:Card_Video": defaultArticleVideo,
+    "TYPE:Card_VideoHightLight": defaultArticleVideoHightLight,
   },
   [enumPageComponentKey.COLLECTION]: {
-    layoutWrap: "column",
-    MAX: 5,
-    column: 1,
-    defaultFontSizeTitle: 16,
-    defaultFontWeightTitle: 600,
-    ...defaultArticle,
-    customStyle: [],
+    "TYPE:Article_Collection_Default": {
+      layoutWrap: "column",
+      MAX: 5,
+      column: 1,
+      defaultFontSizeTitle: 16,
+      defaultFontWeightTitle: 600,
+      ...defaultArticle,
+      customStyle: [],
+    },
+    "TYPE:Article_Collection_Audio": {
+      layoutWrap: "column",
+      MAX: 5,
+      column: 1,
+      defaultFontSizeTitle: 16,
+      defaultFontWeightTitle: 600,
+      ...defaultArticleAudio
+    }
   },
   [enumPageComponentKey.SECTION]: {
-    layoutWrap: "column",
-    MAX: 5,
-    ...defaultArticle,
+    "TYPE:Article_Section_Default": {
+      layoutWrap: "column",
+      MAX: 5,
+      defaultFontSizeTitle: 16,
+      defaultFontWeightTitle: 600,
+      ...defaultArticle,
+    }
   },
   [enumPageComponentKey.CATEGORY]: {
-    layoutWrap: "row",
-    MAX: 5,
-    fontSizeTitle: 17,
-    fontWeightTitle: 600,
-    defaultFontSizeTitle: 13,
-    defaultFontWeightTitle: 500,
-  },
+    "TYPE:Category_Vertical": {
+      MAX: 5,
+      layoutWrap: "column",
+      fontSizeTitle: 14,
+      fontWeightTitle: 400,
+      defaultFontSizeTitle: 14,
+      defaultFontWeightTitle: 400,
+    },
+    "TYPE:Default": {
+      layoutWrap: "row",
+      MAX: 5,
+      fontSizeTitle: 17,
+      fontWeightTitle: 600,
+      defaultFontSizeTitle: 13,
+      defaultFontWeightTitle: 500,
+    },
+  }
 }