{"version":3,"file":"C0XKypNA.js","sources":["../../../../pages/about/student-opportunities/index.vue"],"sourcesContent":["<script setup>\n// COMPONENTS\nimport { NavBreadcrumb, BannerText, SectionWrapper, DividerWayFinder, SectionGenericList, SectionCardsWithIllustrations } from 'ucla-library-website-components'\n\n// HELPERS\nimport _get from 'lodash/get'\nimport fixUri from '../utils/fixUri'\nimport removeTags from '../utils/removeTags'\n\n// GQL\nimport STUDENT_OPPORTUNITIES_LIST from '../gql/queries/JobStudentOpportunitiesList.gql'\n\nconst { $graphql } = useNuxtApp()\n\nconst { data, error } = await useAsyncData('student-opportunities-list', async () => {\n  const data = await $graphql.default.request(STUDENT_OPPORTUNITIES_LIST)\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 && !data.value.allJobs) {\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    email: data.value.entry.email,\n    phoneNumber: data.value.entry.phoneNumber,\n    uri: 'about/student-opportunities/'\n  }\n  await $elasticsearchplugin.index(doc, 'student-opportunities-list')\n}\n\nconst page = ref(_get(data.value, 'entry', {}))\nconst allJobs = ref(_get(data.value, 'allJobs', {}))\n\nwatch(data, (newVal, oldVal) => {\n  // console.log('In watch preview enabled, newVal, oldVal', newVal, oldVal)\n  page.value = _get(newVal, 'entry', {})\n  allJobs.value = _get(newVal, 'allJobs', {})\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\nconst parsedStudentJobs = computed(() => {\n  const allStudentJobs = allJobs.value.filter((obj) => {\n    return obj.jobType[0].title === 'Student Job'\n  })\n  return allStudentJobs.map((obj) => {\n    return {\n      ...obj,\n      payRate: _get(obj, 'payRate', null),\n      associatedLocations: obj.associatedLocations.map(\n        (entry) => {\n          return {\n            ...entry,\n            to: fixUri(entry.uri),\n          }\n        }\n      ),\n    }\n  })\n})\n\nconst parsedStudentInternships = computed(() => {\n  const allInternships = allJobs.value.filter((obj) => {\n    return obj.jobType[0].title === 'Student Internship'\n  })\n  return allInternships.map((obj) => {\n    return {\n      ...obj,\n      payRate: _get(obj, 'payRate', null),\n      associatedLocations: obj.associatedLocations.map(\n        (entry) => {\n          return {\n            ...entry,\n            to: `${entry.uri}`,\n          }\n        }\n      ),\n    }\n  })\n})\n\nconst parsedAssociatedPrograms = computed(() => {\n  return page.value.associatedPrograms.map((obj) => {\n    return {\n      ...obj,\n      jobPostingURL:\n        obj.programUrlBehavior === 'externalSite'\n          ? obj.buttonUrl[0].buttonUrl\n          : `/${obj.jobPostingURL}`,\n    }\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.uri}`,\n    }\n  })\n})\n</script>\n\n<template lang=\"html\">\n  <main\n    id=\"main\"\n    class=\"page page-student-opportunities\"\n  >\n    <NavBreadcrumb\n      to=\"/about/\"\n      :title=\"page.title\"\n      parent-title=\"About\"\n    />\n\n    <BannerText\n      v-if=\"\n        page.buttonUrl &&\n          page.buttonUrl[0] &&\n          page.buttonUrl[0].buttonText\n      \"\n      class=\"banner-text\"\n      :title=\"page.title\"\n      :text=\"page.text\"\n      :email=\"page.email\"\n      :phone=\"page.phoneNumber\"\n      :button-text=\"page.buttonUrl[0].buttonText\"\n      :to=\"page.buttonUrl[0].buttonUrl\"\n    />\n    <BannerText\n      v-else\n      class=\"banner-text\"\n      :title=\"page.title\"\n      :text=\"page.text\"\n      :email=\"page.email\"\n      :phone=\"page.phoneNumber\"\n    />\n\n    <SectionWrapper theme=\"divider\">\n      <DividerWayFinder\n        class=\"divider\"\n        color=\"about\"\n      />\n    </SectionWrapper>\n\n    <!-- STUDENT JOBS -->\n    <SectionWrapper section-title=\"Student Jobs\">\n      <SectionGenericList\n        v-if=\"parsedStudentJobs.length > 0\"\n        :items=\"parsedStudentJobs\"\n      />\n      <div\n        v-else\n        class=\"no-positions\"\n      >\n        No positions available at this time\n      </div>\n    </SectionWrapper>\n\n    <SectionWrapper theme=\"divider\">\n      <DividerWayFinder\n        class=\"divider\"\n        color=\"about\"\n      />\n    </SectionWrapper>\n\n    <!-- STUDENT INTERNSHIPS -->\n    <SectionWrapper section-title=\"Student Internships\">\n      <SectionGenericList\n        v-if=\"parsedStudentInternships.length > 0\"\n        :items=\"parsedStudentInternships\"\n      />\n      <div\n        v-else\n        class=\"no-positions\"\n      >\n        No positions available at this time\n      </div>\n    </SectionWrapper>\n\n    <SectionWrapper theme=\"divider\">\n      <DividerWayFinder\n        class=\"divider\"\n        color=\"about\"\n      />\n    </SectionWrapper>\n\n    <SectionWrapper section-title=\"Awards, Grants, and Fellowships\">\n      <SectionGenericList\n        v-if=\"parsedAssociatedPrograms.length > 0\"\n        :items=\"parsedAssociatedPrograms\"\n      />\n    </SectionWrapper>\n\n    <SectionWrapper\n      v-if=\"parsedAssociatedTopics.length > 0\"\n      theme=\"divider\"\n    >\n      <DividerWayFinder color=\"about\" />\n    </SectionWrapper>\n\n    <!-- ASSOCIATED TOPICS -->\n    <SectionWrapper>\n      <SectionCardsWithIllustrations\n        v-if=\"parsedAssociatedTopics.length > 0\"\n        :items=\"parsedAssociatedTopics\"\n        section-title=\"Associated Topics\"\n      />\n    </SectionWrapper>\n  </main>\n</template>\n\n<style lang=\"scss\" scoped>\n.page-student-opportunities {\n  .no-positions {\n    @include step-1;\n    font-style: italic;\n    color: var(--color-primary-blue-05);\n  }\n}\n</style>\n"],"names":["_withAsyncContext","data","STUDENT_OPPORTUNITIES_LIST","doc"],"mappings":"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"}