{"version":3,"file":"CIbcGZXT.js","sources":["../../../../pages/visit/locations/[slug].vue"],"sourcesContent":["<script setup>\n// COMPONENTS\nimport { NavBreadcrumb, BannerText, BannerHeader, PageAnchor, SimpleCards, ButtonMore, BlockAmenities, SectionSpacesList, DividerGeneral, RichText, SectionWrapper, DividerWayFinder, FlexibleBlocks, SectionTeaserList } from 'ucla-library-website-components'\n\nimport { onMounted } from 'vue'\n\n// HELPERS\nimport _get from 'lodash/get'\nimport removeTags from '../utils/removeTags'\n\n// GQL\nimport LOCATION_DETAIL from '../gql/queries/LocationDetail.gql'\n\nconst { $graphql, $getHeaders } = useNuxtApp()\nconst hostname = ref('')\nhostname.value = useRuntimeConfig().public.hostName\n// console.log('hostname', hostname.value)\n\nconst route = useRoute()\n\nconst { data, error } = await useAsyncData(`locations-detail-${route.params.slug}`, async () => {\n  const data = await $graphql.default.request(LOCATION_DETAIL, {\n    slug: route.params.slug\n  })\n\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.entry) {\n  // console.log('no data')\n  throw createError({\n    statusCode: 404,\n    statusMessage: 'Page Not Found',\n    fatal: true\n  })\n}\nif (data.value.entry.slug && import.meta.server) {\n  const { $elasticsearchplugin } = useNuxtApp()\n  // console.log('Indexing location', data.value.entry.slug)\n  await $elasticsearchplugin?.index(data.value.entry, data.value.entry.slug)\n}\n\nconst page = ref(_get(data.value, 'entry', {}))\nwatch(data, (newVal, oldVal) => {\n  // console.log('In watch preview enabled, newVal, oldVal', newVal, oldVal)\n  page.value = _get(newVal, 'entry', {})\n})\n\nconst associatedArticles = ref(_get(data.value, 'associatedArticles', {}))\nconst associatedExhibitions = ref(_get(data.value, 'associatedExhibitions', {}))\nconst associatedEndowments = ref(_get(data.value, 'associatedEndowments', {}))\nconst associatedEvents = ref(_get(data.value, 'associatedEvents', {}))\nconst h2Array = ref([]) // anchor tags\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\nconst parsedStaffDirectory = computed(() => {\n  if (\n    page.value.locationType !== 'affiliateLibrary' &&\n    page.value.title.length > 0\n  ) {\n    const searchLibrary = page.value.title\n    const libConcat =\n      '/about/staff/?q=&filters=locations.title.keyword:(' +\n      searchLibrary.replaceAll(' ', '+') +\n      ')'\n\n    return libConcat\n  } else {\n    return ''\n  }\n})\n\nconst parsedAddress = computed(() => {\n  if (page.value.address.length && page.value.address[0].addressLine2) {\n    return (\n      page.value.address[0].addressLine1 +\n      '\\n' +\n      page.value.address[0].addressLine2 +\n      '\\n' +\n      page.value.address[0].addressCity +\n      ', ' +\n      page.value.address[0].addressState +\n      ' ' +\n      page.value.address[0].addressZipCode\n    )\n  } else if (page.value.address.length) {\n    return (\n      page.value.address[0].addressLine1 +\n      '\\n' +\n      page.value.address[0].addressCity +\n      ', ' +\n      page.value.address[0].addressState +\n      ' ' +\n      page.value.address[0].addressZipCode\n    )\n  } else {\n    return ''\n  }\n})\n\nconst addressLink = computed(() => {\n  return `https://map.ucla.edu/?id=${page.value.campusMapId}&e=true`\n})\n\nconst parsedSpaces = computed(() => {\n  return page.value.space.map((obj) => {\n    return {\n      ...obj,\n      buttonText:\n        obj.reservationRequired === 'email'\n          ? 'Email to Reserve'\n          : 'Reserve',\n      to:\n        obj.reservationRequired === 'email'\n          ? `mailto:${obj.mediatorEmail}`\n          : obj.reservationUrl,\n      location: obj.associatedLocations\n        ? obj.associatedLocations[0]\n        : '',\n    }\n  })\n})\n\nconst parsedServicesAndResources = computed(() => {\n  return page.value.resourceServiceWorkshop.map((obj) => {\n    return {\n      ...obj,\n      to: obj.externalResourceUrl\n        ? obj.externalResourceUrl\n        : `/${obj.uri}`,\n    }\n  })\n})\n\nconst parsedExhibtions = computed(() => {\n  return associatedExhibitions.value.map((obj) => {\n    return {\n      ...obj,\n      to: `/visit/events-exhibitions/${obj.slug}`,\n      image: _get(obj, 'heroImage[0].image[0]', {}),\n      text: _get(obj, 'summary', ''),\n      startDate: _get(obj, 'startDate', ''),\n      endDate: _get(obj, 'endDate', ''),\n      category: 'Exhibition',\n    }\n  })\n})\n\nconst parsedEvents = computed(() => {\n  return associatedEvents.value.map((obj) => {\n    return {\n      ...obj,\n      to: `/visit/events-exhibitions/${obj.slug}`,\n      image: _get(obj, 'heroImage[0].image[0]', null),\n      text: _get(obj, 'eventDescription', ''),\n      startDate: _get(obj, 'startDateWithTime', ''),\n      endDate: _get(obj, 'endDateWithTime', ''),\n      category: _get(obj, 'eventType[0].title', ''),\n    }\n  })\n})\n\nconst mergeSortEventsExhibitions = computed(() => {\n  return parsedExhibtions.value.concat(parsedEvents.value)\n  // .sort((b, a) =>\n  //     a.startDate > b.startDate\n  //         ? -1\n  //         : b.startDate > a.startDate\n  //             ? 1\n  //             : 0\n  // )\n})\n\nonMounted(() => {\n  // for different environments iframe and parent page url should have the same hostname\n  const url = new URL(window.location.href)\n  hostname.value = `${url.protocol}//${url.hostname}:${url.port}`\n  console.log('In mounted: hostname.value:  ', hostname.value)\n  // Call the plugin method to get the .section-header2 and .section-header3 elements\n  h2Array.value = $getHeaders.getHeadersMethod()\n})\n</script>\n\n<template lang=\"html\">\n  <main class=\"page page-location-detail\">\n    <NavBreadcrumb\n      to=\"/visit/locations/\"\n      :title=\"page.title\"\n      parent-title=\"Locations\"\n    />\n\n    <BannerText\n      v-if=\"!page.heroImage || page.heroImage.length === 0\"\n      class=\"banner-text\"\n      :title=\"page.title\"\n      :text=\"page.text\"\n      :address=\"parsedAddress\"\n      :email=\"page.email\"\n      :phone=\"page.phoneNumber\"\n      :address-link=\"addressLink\"\n      :staff-directory-link=\"parsedStaffDirectory\"\n    />\n\n    <SectionWrapper\n      v-if=\"page.heroImage && page.heroImage.length === 1\"\n      class=\"section-banner\"\n    >\n      <BannerHeader\n        :media=\"page.heroImage[0].image[0]\"\n        :title=\"page.title\"\n        :text=\"page.text\"\n        :address=\"parsedAddress\"\n        :email=\"page.email\"\n        :phone=\"page.phoneNumber\"\n        :staff-directory-link=\"parsedStaffDirectory\"\n        :address-link=\"addressLink\"\n      />\n    </SectionWrapper>\n\n    <SectionWrapper theme=\"divider\">\n      <DividerWayFinder\n        v-if=\"page.libcalLocationIdForHours ||\n          page.amenitiesIcons.length ||\n          parsedSpaces.length\n        \"\n        class=\"divider-way-finder\"\n        color=\"visit\"\n      />\n    </SectionWrapper>\n\n    <PageAnchor\n      v-if=\"h2Array.length >= 2\"\n      :section-titles=\"h2Array\"\n    />\n\n    <!-- HOURS -->\n    <SectionWrapper\n      v-if=\"page.libcalLocationIdForHours ||\n        page.amenitiesIcons.length ||\n        parsedSpaces.length\"\n      section-title=\"Using the Library\"\n      :section-summary=\"page.howToGetHere\"\n    >\n      <TheHours\n        v-if=\"page.libcalLocationIdForHours\"\n        :src=\"`${hostname}/blockHours.html?lid=${page.libcalLocationIdForHours}`\"\n      />\n\n      <!-- AMENITIES -->\n      <DividerGeneral\n        v-if=\"page.amenitiesIcons.length\"\n        class=\"divider-general\"\n      />\n\n      <BlockAmenities\n        v-if=\"page.amenitiesIcons.length\"\n        :amenities=\"page.amenitiesIcons\"\n        class=\"amenities\"\n      />\n\n      <!-- SPACES -->\n      <DividerGeneral\n        v-if=\"parsedSpaces.length\"\n        class=\"divider-general\"\n      />\n\n      <SectionSpacesList\n        v-if=\"parsedSpaces.length\"\n        class=\"section-block-spaces\"\n        :items=\"parsedSpaces\"\n      />\n    </SectionWrapper>\n\n    <!-- SERVICES & RESOURCES -->\n    <SectionWrapper theme=\"divider\">\n      <DividerWayFinder\n        v-if=\"page.resourceServiceWorkshop.length\"\n        class=\"divider-way-finder\"\n        color=\"visit\"\n      />\n    </SectionWrapper>\n\n    <SectionWrapper\n      v-if=\"page.resourceServiceWorkshop.length\"\n      class=\"services-and-resources\"\n      section-title=\"Services &amp; Resources\"\n    >\n      <SimpleCards :items=\"parsedServicesAndResources\" />\n      <nuxt-link\n        v-if=\"page.resourceServiceWorkshop.length\"\n        class=\"button-more\"\n        to=\"/help/services-resources/\"\n      >\n        <ButtonMore text=\"See All Services & Resources\" />\n      </nuxt-link>\n    </SectionWrapper>\n\n    <!-- EXHIBITIONS -->\n    <SectionWrapper theme=\"divider\">\n      <DividerWayFinder\n        v-if=\"mergeSortEventsExhibitions.length\"\n        color=\"visit\"\n        class=\"divider-way-finder\"\n      />\n    </SectionWrapper>\n\n    <SectionWrapper\n      v-if=\"mergeSortEventsExhibitions.length > 0\"\n      class=\"events-exhibitions\"\n      section-title=\"Events &amp; Exhibitions\"\n    >\n      <SectionTeaserList\n        class=\"section-teaser-list\"\n        :items=\"mergeSortEventsExhibitions\"\n      />\n    </SectionWrapper>\n\n    <!-- FPB - FLEXIBLE PAGE BLOCKS -->\n    <SectionWrapper theme=\"divider\">\n      <DividerWayFinder\n        v-if=\"page.blocks.length > 0\"\n        class=\"divider-way-finder\"\n        color=\"visit\"\n      />\n    </SectionWrapper>\n\n    <FlexibleBlocks\n      class=\"content\"\n      :blocks=\"page.blocks\"\n    />\n\n    <!-- ABOUT -->\n    <SectionWrapper theme=\"divider\">\n      <DividerWayFinder\n        v-if=\"page.about\"\n        color=\"visit\"\n        class=\"divider-way-finder\"\n      />\n    </SectionWrapper>\n\n    <SectionWrapper\n      v-if=\"page.about\"\n      class=\"about\"\n      section-title=\"About\"\n    >\n      <RichText\n        class=\"about-text\"\n        :rich-text-content=\"page.about\"\n      />\n    </SectionWrapper>\n  </main>\n</template>\n\n<style lang=\"scss\" scoped>\n.page-location-detail {\n  .section-header {\n    margin: var(--space-xl) auto;\n    max-width: $container-l-main + px;\n  }\n\n  .section-title {\n    @include step-4;\n    color: var(--color-primary-blue-03);\n  }\n\n  .section-summary {\n    @include step-0;\n    margin-top: var(--space-m);\n\n    :deep(p) {\n      margin: 0;\n    }\n  }\n\n  .section-heading {\n    @include step-4;\n    color: var(--color-primary-blue-03);\n    margin: var(--space-xl) auto;\n    max-width: $container-l-main + px;\n  }\n\n  .section-teaser-list {\n    margin: var(--space-xl) auto;\n  }\n\n  .block-hours,\n  .button-more,\n  .section-block-spaces,\n  .amenities {\n    margin: var(--space-2xl) auto;\n  }\n\n  .block-spaces {\n    margin: 16px auto;\n  }\n\n  .campus-map {\n    margin-bottom: var(--space-3xl);\n  }\n\n  .about-text {\n    margin-bottom: var(--space-3xl);\n  }\n\n  .more-info {\n    @include visually-hidden;\n  }\n\n  /* :deep(.flexible-block:last-child:not(.flexible-simple-cards)) {\n      background: red;\n   } */\n  :deep(.section-banner) {\n    .gradient-no-category {\n      background: linear-gradient(120deg,\n          rgba(15, 15, 15, 0) 0,\n          rgba(15, 15, 15, 0.2509803922) 67.57%,\n          #0f0f0f 120%);\n    }\n  }\n\n  @media #{$small} {\n    .page {\n      width: 100%;\n    }\n  }\n}\n</style>\n"],"names":["_withAsyncContext","data","LOCATION_DETAIL"],"mappings":"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"}