{"version":3,"file":"Bjsh1kI8.js","sources":["../../../../pages/give/endowments/index.vue"],"sourcesContent":["<script setup>\n// COMPONENTS\nimport { MastheadSecondary, SearchGeneric, BlockCallToAction, SectionGenericList, SectionTeaserCard, SectionWrapper, DividerWayFinder, RichText } from 'ucla-library-website-components'\n\nimport _get from 'lodash/get'\n\nimport config from '../utils/searchConfig'\nimport queryFilterHasValues from '../utils/queryFilterHasValues'\nimport parseFilters from '../utils/parseFilters'\nimport fixUri from '../utils/fixUri'\nimport removeTags from '../utils/removeTags'\n\n// GQL\nimport ENDOWMENTS_LIST from '../gql/queries/EndowmentList.gql'\n\nconst { $graphql, $dataApi } = useNuxtApp()\nconst route = useRoute()\n\nconst { data, error } = await useAsyncData('endowments-list', async () => {\n  const data = await $graphql.default.request(ENDOWMENTS_LIST, {})\n  return { data }\n})\n\nif (error.value) {\n  throw createError({\n    ...error.value, statusMessage: 'Page not found.' + error.value, fatal: true\n  })\n}\n\nif (!data.value?.data || !data.value?.data?.entry || !data.value?.data?.entries) {\n  throw createError({ statusCode: 404, message: 'Page not found', fatal: true })\n}\n\nif (data.value?.data?.entry && import.meta.server) {\n  const { $elasticsearchplugin } = useNuxtApp()\n  const doc = {\n    title: data.value.data.entry.title,\n    text: data.value.data.entry.text,\n    uri: 'give/endowments/'\n  }\n  await $elasticsearchplugin.index(doc, 'endowments-list')\n}\n\nconst page = ref(_get(data.value.data, 'entry', {}))\nconst endowments = ref(_get(data.value.data, 'entries', []))\nconst featuredEndowments = ref(_get(data.value.data, 'entry.featuredEndowments[0].featuredEndowments', []))\n\nwatch(data, (newVal, oldVal) => {\n  // console.log('In watch preview enabled, newVal, oldVal', newVal, oldVal)\n  page.value = _get(newVal.data, 'entry', {})\n  endowments.value = _get(newVal.data, 'entries', [])\n  featuredEndowments.value = _get(newVal.data, 'entry.featuredEndowments[0].featuredEndowments', [])\n})\n\nuseHead({\n  title: page.value ? page.value.title : '... loading',\n  meta: [\n    {\n      hid: 'description',\n      name: 'description',\n      content: removeTags(page.value.text)\n    },\n  ],\n})\n\n// Computed\nconst parsedFeaturedEndowments = computed(() => {\n  return featuredEndowments.value.map((obj) => {\n    return {\n      ...obj,\n      to: `/${obj.to}`,\n      image: _get(obj, 'heroImage[0].image[0]', null),\n      alternativeFullName: _get(\n        obj,\n        'alternativeName[0].fullName',\n        null\n      ),\n      language: _get(\n        obj,\n        'alternativeName[0].languageAltName',\n        null\n      ),\n    }\n  }\n  )\n})\n\nconst parsedEndowmentsList = computed(() => {\n  return endowments.value.map((obj) => {\n    return {\n      ...obj,\n      jobPostingURL: `/${obj.uri}`,\n      associatedLocations: _get(obj, 'associatedLocations', []).map((loc) => {\n        return {\n          ...loc,\n          to: fixUri(loc.uri),\n          uri: fixUri(loc.uri),\n        }\n      }),\n      alternativeFullName: _get(\n        obj,\n        'alternativeName[0].fullName',\n        null\n      ),\n      language: _get(\n        obj,\n        'alternativeName[0].languageAltName',\n        null\n      ),\n    }\n  })\n})\n\nconst parsedPlaceholder = computed(() => {\n  return `Search ${page.value.title}`\n})\n\nconst parseHitsResults = computed(() => {\n  return parseHits(hits.value)\n})\n\n// ES search functionality\nconst hits = ref([])\nconst title = ref('')\nconst noResultsFound = ref(false)\nconst searchFilters = ref([])\nconst searchGenericQuery = ref({\n  queryText: route.query.q || '',\n  queryFilters: parseFilters(route.query.filters || ''),\n})\n\nwatch(() =>\n  route.query,\n(newVal, oldVal) => {\n  // console.log('ES newVal, oldVal', newVal, oldVal)\n  searchGenericQuery.value.queryText = route.query.q || ''\n  searchGenericQuery.value.queryFilters = parseFilters(route.query.filters || '')\n  searchES()\n}, { deep: true, immediate: true }\n)\n\nasync function searchES() {\n  if (\n    (route.query.q && route.query.q !== '') ||\n    (route.query.filters &&\n      queryFilterHasValues(\n        parseFilters(route.query.filters || ''),\n        config.endowmentsList.filters\n      ))\n  ) {\n    // console.log('Search ES HITS query,', route.query.q)\n    const queryText = route.query.q || '*'\n    const results = await $dataApi.keywordSearchWithFilters(\n      queryText,\n      config.endowmentsList.searchFields,\n      'sectionHandle:endowment',\n      parseFilters(route.query.filters || ''),\n      config.endowmentsList.sortField,\n      config.endowmentsList.orderBy,\n      config.endowmentsList.resultFields,\n      config.endowmentsList.filters\n    )\n    if (results && results.hits && results.hits.total.value > 0) {\n      // console.log('Search ES HITS,', results.hits.hits)\n      hits.value = results.hits.hits\n      noResultsFound.value = false\n    } else {\n      noResultsFound.value = true\n      hits.value = []\n    }\n  } else {\n    hits.value = []\n    noResultsFound.value = false\n  }\n}\n\nfunction parseHits(hits = []) {\n  return hits.map((obj) => {\n    return {\n      ...obj._source,\n      jobPostingURL: `/${obj._source.uri}`,\n      image: _get(obj._source, 'heroImage[0].image[0]', null),\n      alternativeFullName: _get(\n        obj._source,\n        'alternativeName[0].fullName',\n        null\n      ),\n      language: _get(\n        obj._source,\n        'alternativeName[0].languageAltName',\n        null\n      ),\n      summary: _get(obj._source, 'text', null),\n      associatedLocations: _get(obj._source, 'associatedLocations', []).map((loc) => {\n        return {\n          ...loc,\n          to: fixUri(loc.uri),\n          uri: fixUri(loc.uri),\n        }\n      }),\n    }\n  })\n}\n\n//  Event handler invoked by search-generic component selections\nfunction getSearchData(data) {\n  // console.log('On the page getsearchdata called')\n  // Construct the filters parameter dynamically\n  const filters = []\n  for (const key in data.filters) {\n    if (data.filters[key].length > 0) {\n      filters.push(`${key}:(${data.filters[key].join(' OR ')})`)\n    }\n  }\n\n  useRouter().push({\n    path: '/give/endowments/',\n    query: {\n      q: data.text,\n      filters: filters.join(' AND ')\n    },\n  })\n}\n// fetch filters for the page from ES after page loads in Onmounted hook on the client side\nasync function setFilters() {\n  const searchAggsResponse = await $dataApi.getAggregations(\n    config.endowmentsList.filters,\n    'endowment'\n  )\n  /* console.log(\n      \"Search Aggs Response: \" + JSON.stringify(searchAggsResponse)\n  ) */\n  searchFilters.value = getListingFilters(\n    searchAggsResponse,\n    config.endowmentsList.filters\n  )\n}\nonMounted(async () => {\n  // console.log('onMounted called')\n  // console.log(\"ESREADkey:\" + config.esReadKey)\n  // console.log(\"ESURLkey:\" + config.esURL)\n  await setFilters()\n})\n</script>\n\n<template lang=\"html\">\n  <!-- v-ifs working on section wrappers without v-show -->\n  <main\n    id=\"main\"\n    class=\"page page-endowment-listing\"\n  >\n    <MastheadSecondary\n      :title=\"page.title\"\n      :text=\"page.text\"\n    />\n\n    <SearchGeneric\n      search-type=\"about\"\n      class=\"generic-search\"\n      :filters=\"searchFilters\"\n      :search-generic-query=\"searchGenericQuery\"\n      :placeholder=\"parsedPlaceholder\"\n      @search-ready=\"getSearchData\"\n    />\n\n    <SectionWrapper theme=\"divider\">\n      <DividerWayFinder\n        class=\"search-margin\"\n        color=\"about\"\n      />\n    </SectionWrapper>\n\n    <SectionWrapper\n      v-show=\"page &&\n        parsedFeaturedEndowments &&\n        parsedFeaturedEndowments.length &&\n        hits.length == 0 &&\n        !noResultsFound\n      \"\n      class=\"section-no-top-margin\"\n      :section-title=\"page.featuredEndowments[0].titleGeneral\"\n      :section-summary=\"page.featuredEndowments[0].sectionSummary\"\n    >\n      <SectionTeaserCard\n        v-if=\"parsedFeaturedEndowments.length > 0\"\n        class=\"section\"\n        :items=\"parsedFeaturedEndowments\"\n      />\n    </SectionWrapper>\n\n    <SectionWrapper\n      v-show=\"page &&\n        parsedFeaturedEndowments &&\n        parsedFeaturedEndowments.length &&\n        hits.length == 0 &&\n        !noResultsFound\n      \"\n      theme=\"divider\"\n    >\n      <DividerWayFinder color=\"about\" />\n    </SectionWrapper>\n\n    <SectionWrapper\n      v-show=\"page &&\n        parsedEndowmentsList &&\n        parsedEndowmentsList.length &&\n        hits.length == 0 &&\n        !noResultsFound\n      \"\n      section-title=\"All Collection Endowments\"\n    >\n      <SectionGenericList :items=\"parsedEndowmentsList\" />\n\n      <!-- pagination -->\n    </SectionWrapper>\n\n    <SectionWrapper\n      v-show=\"hits && hits.length > 0\"\n      class=\"section-no-top-margin\"\n    >\n      <h2\n        v-if=\"route.query.q\"\n        class=\"about-results\"\n      >\n        Displaying {{ hits.length }} results for\n        <strong><em>\"{{ route.query.q }}\"</em></strong>\n      </h2>\n      <h2\n        v-else\n        class=\"about-results\"\n      >\n        Displaying {{ hits.length }} results\n      </h2>\n      <SectionGenericList :items=\"parseHitsResults\" />\n      <!-- pagination -->\n    </SectionWrapper>\n    <SectionWrapper v-show=\"noResultsFound\">\n      <div class=\"error-text\">\n        <RichText>\n          <h2>Search for \"{{ route.query.q }}\" not found.</h2>\n          <p>\n            We can't find the term you are looking for on this page,\n            but we're here to help. <br>\n            Try searching the whole site from\n            <a href=\"https://library.ucla.edu/\">UCLA Library Home</a>, or try one of the these\n            regularly visited links:\n          </p>\n          <ul>\n            <li>\n              <a href=\"https://www.library.ucla.edu/research-teaching-support/research-help/\">Research\n                Help</a>\n            </li>\n            <li>\n              <a href=\"/help/services-resources/ask-us/\">Ask Us</a>\n            </li>\n            <li>\n              <a href=\"https://www.library.ucla.edu/use/access-privileges/disability-resources/\">Accessibility\n                Resources</a>\n            </li>\n          </ul>\n        </RichText>\n      </div>\n    </SectionWrapper>\n\n    <SectionWrapper theme=\"divider\">\n      <DividerWayFinder color=\"about\" />\n    </SectionWrapper>\n\n    <SectionWrapper>\n      <BlockCallToAction\n        svg-name=\"svg-call-to-action-money\"\n        title=\"Give to the UCLA Library\"\n        text=\"Your contributions help us build our collections for the benefit or our students, faculty, staff and the general public.\"\n        name=\"Give Now\"\n        to=\"/give/\"\n      />\n    </SectionWrapper>\n  </main>\n</template>\n\n<style lang=\"scss\" scoped>\n.page-endowment-listing {\n  :deep(.block-highlight.is-vertical:not(.has-triangle)) .image {\n    height: 572px;\n  }\n\n  :deep(.block-highlight.is-vertical:not(.has-triangle) .image .media) {\n    object-fit: contain;\n  }\n\n  :deep(.section-teaser-card .card) {\n    width: calc((100% - 32px) / 2);\n\n    @media #{$small} {\n      width: 100%;\n    }\n  }\n\n  @media #{$medium} {\n    :deep(.block-highlight.is-vertical:not(.has-triangle)) .image {\n      height: 390px;\n    }\n  }\n}\n</style>\n"],"names":["_withAsyncContext","data","ENDOWMENTS_LIST","doc","hits"],"mappings":"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"}