thainv-dev

2024-07-05 09:45:00 +07:00
parent 554ceab3c6
commit 7bf902041e
21 changed files with 486 additions and 165 deletions
@@ -148,8 +148,8 @@ export const pageSectionTempaltes = {
    { title: "Phân vùng bài viết cơ bản", value: enumPageSectionTemplate[enumPageSectionKey.ARTICLE]['DEFAULT'] },
    { title: "Thẻ bài viết chi tiết", value: enumPageSectionTemplate[enumPageSectionKey.ARTICLE]['DETAIL'] },
  ],
-  [enumPageSectionKey.SECTION]: [
-    { title: "Phân vùng Hoa hậu", value: enumPageSectionTemplate[enumPageSectionKey.SECTION]['MISSES'] },
+  [enumPageSectionKey.CATEGORY]: [
+    { title: "Phân vùng Hoa hậu", value: enumPageSectionTemplate[enumPageSectionKey.CATEGORY]['MISSES'] },
  ],
 };

@@ -159,6 +159,8 @@ export const pageSectionLayouts = {
    { title: "Trái 1 Cột, giữa 2 Cột, phải 3 Cột", value: enumPageSectionLayouts[`${enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']}`]['VERTICAL_ONE_TWO_THREE'] },
    { title: "2 Cột, bên trái rộng", value: enumPageSectionLayouts[`${enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']}`]['VERTICAL_LEFT_TWO'] },
    { title: "6 Cột, phải 5 cột", value: enumPageSectionLayouts[`${enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']}`]['VERTICAL_ONE_FIVE'] },
+    { title: "5-3-2-2", value: enumPageSectionLayouts[`${enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']}`]['VERTICAL_FIVE_THREE_TWO_TWO'] },
+    { title: "2-5-3-2", value: enumPageSectionLayouts[`${enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']}`]['VERTICAL_TWO_FIVE_THREE_TWO'] },
    { title: "5 Cột, phải 4 cột", value: enumPageSectionLayouts[`${enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']}`]['VERTICAL_ONE_FOUR'] },
    { 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'] },
@@ -177,8 +179,8 @@ export const pageSectionLayouts = {
    { title: "9 Hàng", value: enumPageSectionLayouts[`${enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']}`]['HORIZONTAL_NINE'] },
    { title: "10 Hàng", value: enumPageSectionLayouts[`${enumPageSectionTemplate[enumPageSectionKey.NONE]['NONE']}`]['HORIZONTAL_TEN'] }
  ],
-  [`${enumPageSectionTemplate[enumPageSectionKey.SECTION]['MISSES']}`]: [
-    { title: "Cơ bản", value: enumPageSectionLayouts[`${enumPageSectionTemplate[enumPageSectionKey.SECTION]['MISSES']}`]['DEFAULT'] },
+  [`${enumPageSectionTemplate[enumPageSectionKey.CATEGORY]['MISSES']}`]: [
+    { title: "Cơ bản", value: enumPageSectionLayouts[`${enumPageSectionTemplate[enumPageSectionKey.CATEGORY]['MISSES']}`]['DEFAULT'] },
  ],

  [`${enumPageSectionTemplate[enumPageSectionKey.ARTICLE]['DETAIL']}`]: [
@@ -216,6 +218,7 @@ export const pageComponentTemplates = {
  ],
  [`${enumPageComponentKey.COLLECTION}`]: [
    { title: "Bộ sưu tập bài viết", value: enumPageComponentTemplate[enumPageComponentKey.COLLECTION]['ARTICLE'] },
+    { title: "Bộ sưu tập danh mục", value: enumPageComponentTemplate[enumPageComponentKey.COLLECTION]['CATEGORY'] },
  ],
  [`${enumPageComponentKey.SECTION}`]: [
    { title: "Bộ phân trang bài viết", value: enumPageComponentTemplate[enumPageComponentKey.SECTION]['ARTICLE'] },
@@ -238,6 +241,7 @@ export const pageComponentLayouts = {
    { title: "Thẻ bài viết Audio", value: enumPageComponentLayouts[`${enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_CARD']}`]['CARD_AUDIO'] },
    { title: "Thẻ bài viết Video", value: enumPageComponentLayouts[`${enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_CARD']}`]['CARD_VIDEO'] },
    { title: "Thẻ bài viết Video Hightlight", value: enumPageComponentLayouts[`${enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_CARD']}`]['CARD_VIDEO_HIGHLIGHT'] },
+    { title: "Thẻ bài viết Hoa hậu Hightlight", value: enumPageComponentLayouts[`${enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_CARD']}`]['CARD_MISS_HIGHLIGHT'] },
  ],
  [enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_DETAIL']]: [
    { title: "Chi tiết bài viết", value: enumPageComponentLayouts[enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_DETAIL']]['DETAIL_GENERAL'] },
@@ -246,7 +250,6 @@ export const pageComponentLayouts = {
    { title: "Chi tiết bài Image", value: enumPageComponentLayouts[enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_DETAIL']]['DETAIL_IMAGE'] },
    { title: "Chi tiết bài eMagazine", value: enumPageComponentLayouts[enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_DETAIL']]['DETAIL_EMAGAZINE'] },
    { title: "Chi tiết bài Inforgraphic", value: enumPageComponentLayouts[enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_DETAIL']]['DETAIL_INFOGRAPHIC'] },
-    { title: "Controls", value: enumPageComponentLayouts[enumPageComponentTemplate[enumPageComponentKey.ARTICLE]['ARTICLE_DETAIL']]['DETAIL_CONTROL'] },
  ],
  /* NAVIGATION */
  [`${enumPageComponentTemplate[enumPageComponentKey.NAVIGATION]['TOP']}`]: [
@@ -264,6 +267,9 @@ export const pageComponentLayouts = {
    { title: "Thẻ bài viết cơ bản", value: enumPageComponentLayouts[`${enumPageComponentTemplate[enumPageComponentKey.COLLECTION]['ARTICLE']}`]['ARTICLE_COLLECTION_DEFAULT'] },
    { title: "Thẻ bài viết Audio", value: enumPageComponentLayouts[`${enumPageComponentTemplate[enumPageComponentKey.COLLECTION]['ARTICLE']}`]['ARTICLE_COLLECTION_AUDIO'] },
  ],
+  [`${enumPageComponentTemplate[enumPageComponentKey.COLLECTION]['CATEGORY']}`]: [
+    { title: "Hoa hậu - Cơ bản", value: enumPageComponentLayouts[`${enumPageComponentTemplate[enumPageComponentKey.COLLECTION]['CATEGORY']}`]['MISSES_COLLECTION_DEFAULT'] },
+  ],

  /* SECTION */
  [`${enumPageComponentTemplate[enumPageComponentKey.SECTION]['ARTICLE']}`]: [
@@ -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,
+    },
+  }
 }