From 72074b321d94573f86d48b670fd8c70c28c30897 Mon Sep 17 00:00:00 2001
From: Parinita Mulak <pghorpade@library.ucla.edu>
Date: Fri, 17 Nov 2023 00:12:24 -0800
Subject: [PATCH] fix: APPS-2505  (#755)

* fix: Add redirect to libwizard

* fix: netlify redirects not working so using vue router extra package to redirect

* fix: could not use router extras redirect
---
 layouts/error.vue              |  3 --
 nuxt.config.js                 |  1 +
 pages/about/policies/_slug.vue | 95 ++++++++++++++++++++++++----------
 3 files changed, 68 insertions(+), 31 deletions(-)

diff --git a/layouts/error.vue b/layouts/error.vue
index a43b2fc39..0dfec1b32 100644
--- a/layouts/error.vue
+++ b/layouts/error.vue
@@ -22,9 +22,6 @@
                 An error occurred
             </h1>
 
-            {{ error }}
-            </h3>
-
             <p>
                 We can’t find the page you are looking for, but we're here to
                 help. <nuxt-link to="/">
diff --git a/nuxt.config.js b/nuxt.config.js
index 12bf73f7e..97ecd1888 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -13,6 +13,7 @@ export default {
         esWriteKey: process.env.ES_WRITE_KEY,
     },
     publicRuntimeConfig: {
+        host: process.env.SITEMAP_HOST,
         s3Bucket: process.env.S3_BUCKET,
         esReadKey: process.env.ES_READ_KEY || "",
         esIndex: process.env.ES_INDEX || "",
diff --git a/pages/about/policies/_slug.vue b/pages/about/policies/_slug.vue
index 760343564..07db4b47f 100644
--- a/pages/about/policies/_slug.vue
+++ b/pages/about/policies/_slug.vue
@@ -1,5 +1,8 @@
 <template lang="html">
-    <main id="main" class="page page-general-content">
+    <main
+        id="main"
+        class="page page-general-content"
+    >
         <nav-breadcrumb
             to="/about/policies"
             :title="page.title"
@@ -27,12 +30,15 @@
         </section-wrapper>
 
         <section-wrapper theme="divider">
-            <divider-way-finder class="divider-way-finder" color="about" />
+            <divider-way-finder
+                class="divider-way-finder"
+                color="about"
+            />
         </section-wrapper>
 
         <page-anchor
-            v-if="h2Array.length >=3"
-            :section-titles= h2Array
+            v-if="h2Array.length >= 3"
+            :section-titles="h2Array"
         />
 
         <!-- Rich Text is not showing up -->
@@ -43,7 +49,6 @@
         />
     </main>
 </template>
-
 <script>
 // HELPERS
 import _get from "lodash/get"
@@ -53,22 +58,51 @@ import removeTags from "~/utils/removeTags"
 import POLICY_DETAIL from "~/gql/queries/PolicyDetail"
 
 export default {
-    async asyncData({ $graphql, params, store, $elasticsearchplugin, error }) {
+    async asyncData({
+        $graphql,
+        params,
+        $config,
+        $elasticsearchplugin,
+        error,
+        redirect,
+        route,
+    }) {
         // Do not remove testing live preview
-        /*console.log(
+        console.log(
             "fetching graphql data for Policy detail from Craft for live preview"
-        )*/
-        const data = await $graphql.default.request(POLICY_DETAIL, {
-            slug: params.slug,
-        })
-        if (!data.entry) {
-            error({ statusCode: 404, message: 'Page not found' })
-        }
-        if (data) await $elasticsearchplugin.index(data.entry, params.slug)
-        // //console.log("Data fetched: " + JSON.stringify(data))
+        )
+        if (
+            params.slug ===
+            "report-problematic-content-and-description-in-uclas-library-collections-and-archives"
+        ) {
+            redirect(
+                "https://ucla.libwizard.com/id/38f45c482a5fcb0b715a7e9e3ddee8b2"
+            )
+        } else if (
+            params.slug ===
+            "toward-ethical-and-inclusive-descriptive-practices-in-ucla-library-special-collections"
+        ) {
+            console.log(route)
+            redirect(`${$config.host}/about/policies/ethical-description`)
+        } else {
+            const data = await $graphql.default.request(POLICY_DETAIL, {
+                slug: params.slug,
+            })
+            console.log(data)
+            if (!data.entry) {
+                error({ statusCode: 404, message: "Page not found" })
+            }
+            if (data) await $elasticsearchplugin.index(data.entry, params.slug)
+            // //console.log("Data fetched: " + JSON.stringify(data))
 
+            return {
+                page: _get(data, "entry", {}),
+            }
+        }
+    },
+    data() {
         return {
-            page: _get(data, "entry", {}),
+            h2Array: [], // anchor tags
         }
     },
     head() {
@@ -79,22 +113,27 @@ export default {
             title: title,
             meta: [
                 {
-                    hid: 'description',
-                    name: 'description',
-                    content: metaDescription
-                }
+                    hid: "description",
+                    name: "description",
+                    content: metaDescription,
+                },
             ],
         }
     },
-    data() {
-        return {
-            h2Array: [] // anchor tags
-        }
-    },
     mounted() {
+        console.log("In mounted client side")
         // Call the plugin method to get the .section-header2 and .section-header3 elements
-        this.h2Array = this.$getHeaders.getHeadersMethod();
-    }
+        this.h2Array = this.$getHeaders.getHeadersMethod()
+        /*window.onNuxtReady(() => {
+            if (
+                this.$route.params.slug ===
+                "report-problematic-content-and-description-in-uclas-library-collections-and-archives"
+            )
+                window.$nuxt.$router.push(
+                    "https://ucla.libwizard.com/id/38f45c482a5fcb0b715a7e9e3ddee8b2"
+                )
+        })*/
+    },
 }
 </script>