thainv-dev: Fix

2024-07-03 15:33:51 +07:00
parent ee5c6f40f1
commit 554ceab3c6
36 changed files with 1033 additions and 231 deletions
@@ -1,15 +1,13 @@
 <script setup lang="ts"></script>
 <template>
  <div class="pt-5">
-    <div class="content p-3">
-    <span class="text-12px text-[#AFADB5] text-end block">Quảng full</span>
-    <img class="block w-full h-full" src="/assets/images/tienphong/main-ads-2.jpg" alt="">
+    <div class="content p-3 border-y-1px border-solid border-#000">
+    <img class="mx-auto max-h-[300px] object-cover" src="/assets/images/tienphong/ads_full.png" alt="">
  </div>
  </div>
 </template>
 <style scoped lang="scss">
 .content {
  font-size: 18px;
-  background-color: #eeeeee;
 }
 </style>
@@ -13,7 +13,6 @@ const definedDynamicComponent: Record<string, any> = {
 };

 const getCurrentComponent = computed(() => _props.settings.layout);
-
 const GET_PROPS = computed(() => {
  return () => {
    let props: any = {};
@@ -11,7 +11,7 @@ const definedDynamicComponent: Record<string, any> = {
  [enumPageComponentTemplate[enumPageComponentKey.ADVERTISING]["ADVERTISING"]]: Advertisings,
 };

-const getCurrentComponent = computed(() => `${_props.settings.layout}`);
+const getCurrentComponent = computed(() => `${_props.settings.template}`);
 const GET_PROPS = computed(() => {
  return () => {
    let props: any = {};
@@ -26,6 +26,7 @@ const GET_PROPS = computed(() => {
    }
  };
 });
+// console.log(getCurrentComponent.value, 'quảng caosd ád')
 </script>

 <template>
@@ -1,8 +1,7 @@
 <script setup lang="ts">
 const type = ref("");
 import { enumPageComponentTemplates } from "@/definitions/enum";
-import { DEFAULT_QUERY_DROP } from "@/utils/parseSQL";
-import { getInputValue } from "@/utils/parseSQL";
+import { DEFAULT_QUERY_DROP, getInputValue } from "@/utils/parseSQL";

 const props = defineProps<{
  dataResult?: any;
@@ -50,6 +49,7 @@ const parseData = computed(() => {
  return result;
 });
 </script>
+
 <template>
  <article class="card-audio" :class="LAYOUT_PARSE['article_Class']" :style="LAYOUT_PARSE['article']">
    <img :src="parseData?.thumbnail ? parseData?.thumbnail : 'https://indiaeducationdiary.in/wp-content/uploads/2021/02/SD-default-image.png'" :alt="parseData?.title?.replace(/<[^>]+>/g, '')" />
@@ -67,18 +67,21 @@ const parseData = computed(() => {

      <div class="card-audio__type-category">
        <div class="card-audio__type" v-if="type">{{ type }}</div>
-        <nuxt-link v-if="parseData" class="card-audio__category" :style="LAYOUT_PARSE['category-article']" :class="LAYOUT_PARSE['category-article_Class']">{{
+        <nuxt-link v-if="parseData" to="#" class="card-audio__category" :style="LAYOUT_PARSE['category-article']" :class="LAYOUT_PARSE['category-article_Class']">{{
          parseData?.category?.title
        }}</nuxt-link>
        <span v-else class="empty-block" style="height: 8px; width: 30px"></span>
      </div>
-      <nuxt-link>
-        <h2 v-html="parseData.title" v-if="parseData" :class="LAYOUT_PARSE['title_Class']" :style="LAYOUT_PARSE['h3.title']"></h2>
+        <h2  v-if="parseData" :class="LAYOUT_PARSE['title_Class']" :style="LAYOUT_PARSE['h3.title']">
+          <nuxt-link :to="`/bai-viet/${parseData.code}`" v-html="parseData.title"></nuxt-link>
+        </h2>
        <span v-else class="empty-block" style="height: 8px"></span>
-      </nuxt-link>
    </div>
  </article>
-  <div v-html="LAYOUT_PARSE.styleClasses" style="display:none;"></div>
+  <div v-if="LAYOUT_PARSE.styleClasses" v-html="LAYOUT_PARSE.styleClasses" style="display:none;"></div>
+  <!-- <div>
+    aaaaaaa
+  </div> -->
 </template>

 <style lang="scss">
@@ -33,19 +33,24 @@ const parseData = computed(() => {
  >
    <div class="basic-article_thumbnail" :class="LAYOUT_PARSE['thumbnail_Class']" :style="LAYOUT_PARSE['div.basic-article_thumbnail']">
      <template v-if="parseData">
-        <img class="object-fit-cover" :src="parseData.thumbnail ? parseData.thumbnail : '/images/default-thumbnail.jpg'" :alt="parseData.title?.replace(/<[^>]+>/g, '')" />
+        <nuxt-link :to="`${parseData.code}`">
+          <img class="object-fit-cover" :src="parseData.thumbnail ? parseData.thumbnail : '/images/default-thumbnail.jpg'" :alt="parseData.title?.replace(/<[^>]+>/g, '')" />
+        </nuxt-link>
      </template>
      <span v-else class="empty-block" style="width: 100%; height: 100%; min-height: 50px"></span>
    </div>
    <div class="basic-article_content" :class="[!parseData && 'no-data']">
      <template v-if="parseData?.topics && parseData?.topics.length > 0">
        <nuxt-link class="article-card-default__topic" :to="`/${parseData?.topics[0].code}`" :style="LAYOUT_PARSE['topic']">
-          <h5>{{ parseData?.topics[0].title }}</h5>
+          <h5><nuxt-link :to="`/topic/${parseData?.topics[0].code}`">
+            {{ parseData?.topics[0].title }}</nuxt-link></h5>
        </nuxt-link>
      </template>
      <h3 class="line-clamp" :class="LAYOUT_PARSE['title_Class']" :style="LAYOUT_PARSE['h3.title']">
        <template v-if="parseData">
-          {{ parseData.title?.replace(/<[^>]+>/g, "") }}
+          <nuxt-link :to="`/bai-viet/${parseData.code}`">
+            {{ parseData.title?.replace(/<[^>]+>/g, "") }}
+          </nuxt-link>
        </template>
        <span v-else class="empty-block" style="height: 8px"></span>
      </h3>
@@ -26,7 +26,6 @@ const playVideo = ref<boolean>(false)

 onMounted(() => {
  getResource(JSON.parse(props.dataResult).detail)
-  console.log()
 })
 </script>

@@ -26,7 +26,7 @@ const mapActivesToItems = (index: number) => {
      <template v-if="!isEmpty(component)">
        <div>
          <h3 :style="mapActivesToItems(index)['h3.categories']">
-            {{ component.title }}
+            <nuxt-link to="#">{{ component.title }}</nuxt-link>
          </h3>
        </div>
        <div v-html="designObject.styleClasses"></div>