{"version":3,"file":"B30qxn4O.js","sources":["../../../../pages/collections/access/index.vue"],"sourcesContent":["<script setup>\n// COMPONENTS\nimport { NavBreadcrumb, MastheadSecondary, SearchGeneric, SectionWrapper, DividerWayFinder, SectionCardsWithIllustrations, RichText } from 'ucla-library-website-components'\n\n// HELPERS\nimport _get from 'lodash/get'\nimport removeTags from '../utils/removeTags'\n\n// GQL\nimport ACCESS_COLLECTIONS from '../gql/queries/CollectionsAccessList.gql'\n\n// UTILITIES & PLUGINS\nimport config from '../utils/searchConfig'\nconst { $graphql, $elasticsearchplugin, $dataApi } = useNuxtApp()\n\n// ROUTING\nconst route = useRoute()\ndefinePageMeta({\n  layout: 'default',\n  path: '/collections/access',\n  alias: ['/listing-collections/access/'],\n})\n\n// ASYNC DATA\nconst { data, error } = await useAsyncData('access-collections', async () => {\n  const data = await $graphql.default.request(ACCESS_COLLECTIONS)\n  return data\n})\n\nif (error.value) {\n  throw createError({\n    ...error.value, statusMessage: 'Page not found.', fatal: true\n  })\n}\nif (!data.value.entry) {\n  throw createError({ statusCode: 404, message: 'Page not found', fatal: true })\n}\n\nif (data.value.entry && import.meta.server) {\n  const { $elasticsearchplugin } = useNuxtApp()\n  const doc = {\n    title: data.value.entry.title,\n    text: data.value.entry.text,\n    uri: 'collections/access/'\n  }\n  await $elasticsearchplugin.index(doc, 'access-collection')\n}\n\n// only index on server\n// console.log(\"Access collections to be indexed are:\", JSON.stringify(data.value.entry.accessCollections))\nif (\n  data.value.entry.accessCollections &&\n  data.value.entry.accessCollections.length > 0 &&\n  import.meta.server\n) {\n  for (const collection of data.value.entry.accessCollections) {\n    collection.searchType = 'accessCollections'\n    collection.to = collection.uri\n      ? collection.uri\n      : collection.externalResourceUrl\n    // console.log('Index Access collections:', collection.slug)\n    await $elasticsearchplugin.index(collection, collection.slug)\n  }\n}\n// end indexing\n\nconst page = ref(_get(data.value, 'entry', {}))\n// console.log('In page', page.value)\n\nwatch(data, (newVal, oldVal) => {\n  // console.log('In watch preview enabled', newVal, oldVal)\n  page.value = _get(newVal, 'entry', {})\n})\n\n// ES search functionality\nconst noResultsFound = ref(false)\nconst hits = ref([])\nconst searchGenericQuery = ref({\n  queryText: route.query.q || '',\n  // queryFilters must be passed even if not used\n  queryFilters: {},\n})\n\n// ES search function\nasync function searchES() {\n  if (route?.query && route?.query.q && route?.query.q !== '') {\n    // console.log('searchES', route.query.q)\n    const queryText = route.query.q || '*'\n    const results = await $dataApi.keywordSearchWithFilters(\n      queryText,\n      config.accessCollections.searchFields,\n      'searchType:accessCollection',\n      {},\n      config.accessCollections.sortField,\n      config.accessCollections.orderBy,\n      config.accessCollections.resultFields,\n      []\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    // console.log('data.value', data.value)\n    // console.log('page.value', page.value)\n    hits.value = []\n    noResultsFound.value = false\n  }\n}\n\n// ES watcher\nwatch(() => route?.query, (oldValue, newValue) => {\n  if (oldValue !== newValue) {\n    if (newValue?.q === '') hits.value = []\n    searchGenericQuery.value.queryText = route.query.q || ''\n    searchES()\n  }\n}, { deep: true, immediate: true })\n\n// HEAD\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\nfunction getCategory(obj) {\n  // console.log('TypeHandle', obj.typeHandle)\n  const category = obj.workshopOrEventSeriesType ===\n    'help/services-resources'\n    ? 'workshop'\n    : obj.serviceOrResourceType\n      ? obj.serviceOrResourceType\n      : obj.typeHandle === 'externalResource'\n        ? 'resource'\n        : obj.typeHandle === 'generalContentPage'\n          ? 'resource'\n          : obj.typeHandle\n  return category\n}\n\n// COMPUTED\nconst parsedAccessCollections = computed(() => {\n  return page.value?.accessCollections?.map((obj) => {\n    return {\n      ...obj,\n      to: obj.externalResourceUrl\n        ? obj.externalResourceUrl\n        : `/${obj.uri}`,\n      category:\n        getCategory(obj)\n    }\n  })\n})\nconst parsedAssociatedTopics = computed(() => {\n  return page.value?.associatedTopics?.map((obj) => {\n    return {\n      ...obj,\n      to: obj.externalResourceUrl\n        ? obj.externalResourceUrl\n        : `/${obj.to}`,\n    }\n  })\n})\nconst parseHitsResults = computed(() => {\n  return hits.value?.map((obj) => {\n    return {\n      ...obj._source,\n      to: obj._source.externalResourceUrl\n        ? obj._source.externalResourceUrl\n        : `/${obj._source.uri}`,\n      category:\n        getCategory(obj._source)\n    }\n  })\n})\n\nfunction getSearchData(data) {\n  useRouter().push({\n    path: '/collections/access',\n    query: {\n      q: data?.text,\n    },\n  })\n}\n</script>\n\n<template lang=\"html\">\n  <main\n    id=\"main\"\n    class=\"page page-collections-access\"\n  >\n    <NavBreadcrumb\n      to=\"/collections/\"\n      :title=\"page.title\"\n      parent-title=\"Collections\"\n      class=\"secondary-breadcrumb\"\n    />\n\n    <MastheadSecondary\n      v-if=\"page.title\"\n      :title=\"page.title\"\n      :text=\"page.text\"\n      class=\"secondary\"\n    />\n\n    <SearchGeneric\n      search-type=\"default\"\n      class=\"generic-search\"\n      placeholder=\"ACCESS COLLECTIONS\"\n      :search-generic-query=\"searchGenericQuery\"\n      @search-ready=\"getSearchData\"\n    />\n\n    <SectionWrapper theme=\"divider\">\n      <DividerWayFinder class=\"search-margin\" />\n    </SectionWrapper>\n\n    <SectionWrapper\n      v-show=\"page && page.accessCollections && hits.length == 0 && !noResultsFound\n      \"\n    >\n      <SectionCardsWithIllustrations\n        class=\"section\"\n        :items=\"parsedAccessCollections\"\n        :is-horizontal=\"true\"\n      />\n    </SectionWrapper>\n\n    <SectionWrapper v-show=\"hits && hits.length > 0\">\n      <h2\n        v-if=\"route.query && 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      <SectionCardsWithIllustrations\n        class=\"section\"\n        :items=\"parseHitsResults\"\n        :is-horizontal=\"true\"\n      />\n    </SectionWrapper>\n\n    <SectionWrapper\n      v-show=\"noResultsFound\"\n      class=\"section-no-top-margin\"\n    >\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 regularly visited\n            links:\n          </p>\n          <ul>\n            <li>\n              <a href=\"https://www.library.ucla.edu/research-teaching-support/research-help/\">Research 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>\n      <DividerWayFinder class=\"divider divider-way-finder\" />\n    </SectionWrapper>\n\n    <SectionWrapper>\n      <SectionCardsWithIllustrations\n        class=\"section\"\n        :items=\"parsedAssociatedTopics\"\n        section-title=\"Associated Topics\"\n        to=\"/help/services-resources/\"\n        button-text=\"All services & Resources\"\n        :is-horizontal=\"false\"\n      />\n    </SectionWrapper>\n  </main>\n</template>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["_withAsyncContext","data","ACCESS_COLLECTIONS","$elasticsearchplugin","doc"],"mappings":"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"}