{"version":3,"file":"Cb-NBqEJ-legacy.js","sources":["../../../../pages/jobs.vue"],"sourcesContent":["<template>\n  <client-only>\n    <div>\n      <b-row class=\"m-0\">\n        <b-col cols=\"0\" md=\"3\" class=\"d-none d-md-block\" />\n        <b-col cols=\"12\" md=\"6\" class=\"mt-2 bg-white\">\n          <h3>Jobs</h3>\n          <p>\n            Freegle will get a small amount if you are interested and click to\n            view any of them, which will help keep us going.\n          </p>\n          <p>\n            Some may ask you to sign up - sorry about that, it's not under our\n            control.\n          </p>\n          <div class=\"d-flex mb-2 flex-wrap justify-content-between\">\n            <PlaceAutocomplete\n              :value=\"location\"\n              class=\"mt-2\"\n              labeltext=\"Where are you looking?  Use a postcode or town name.\"\n              @selected=\"search($event)\"\n            />\n            <div class=\"mt-2 d-flex flex-column justify-content-end\">\n              <b-form-select\n                v-model=\"category\"\n                :options=\"categories\"\n                size=\"lg\"\n                class=\"mt-md-4\"\n              />\n            </div>\n          </div>\n          <div v-if=\"busy\" class=\"d-flex justify-content-around\">\n            <b-img lazy src=\"/loader.gif\" alt=\"Loading\" width=\"100px\" />\n          </div>\n          <div v-else>\n            <div v-for=\"job in list\" :key=\"'job-' + job.job_reference\">\n              <JobOne :id=\"job.id\" class=\"mb-1\" />\n            </div>\n            <NoticeMessage v-if=\"blocked\" variant=\"warning\">\n              It looks like you may have an AdBlocker or security software which\n              is blocking these job ads.\n            </NoticeMessage>\n            <NoticeMessage v-else-if=\"location && !list?.length\" variant=\"info\">\n              We didn't find any jobs here. Please search somewhere else.\n            </NoticeMessage>\n          </div>\n        </b-col>\n      </b-row>\n    </div>\n  </client-only>\n</template>\n<script>\nimport { mapState } from 'pinia'\nimport { useRoute } from 'vue-router'\nimport { useJobStore } from '../stores/job'\nimport { useAuthStore } from '../stores/auth'\nimport JobOne from '~/components/JobOne'\nimport { buildHead } from '~/composables/useBuildHead'\nimport { ref } from '#imports'\nimport PlaceAutocomplete from '~/components/PlaceAutocomplete'\nimport NoticeMessage from '~/components/NoticeMessage'\n\nexport default {\n  components: {\n    PlaceAutocomplete,\n    NoticeMessage,\n    JobOne,\n  },\n  async setup() {\n    const runtimeConfig = useRuntimeConfig()\n    const route = useRoute()\n\n    useHead(\n      buildHead(\n        route,\n        runtimeConfig,\n        'Jobs',\n        'Freegle gets a little bit to help keep us going if you click on them.',\n        null,\n        {\n          class: 'overflow-y-scroll',\n        }\n      )\n    )\n\n    const jobStore = useJobStore()\n    const authStore = useAuthStore()\n\n    const me = authStore.user\n    const lat = ref(me?.lat)\n    const lng = ref(me?.lng)\n\n    const location = ref(me?.settings?.mylocation?.name || null)\n\n    if (location.value && lat && lng) {\n      await jobStore.fetch(lat.value, lng.value)\n    }\n\n    return {\n      jobStore,\n      location,\n      lat,\n      lng,\n    }\n  },\n  data() {\n    return {\n      category: null,\n      busy: false,\n    }\n  },\n  computed: {\n    ...mapState(useJobStore, ['list', 'blocked']),\n    categories() {\n      const ret = [\n        {\n          value: null,\n          text: 'All job categories',\n        },\n      ]\n      ;[\n        'Accounting/Financial/Insurance',\n        'Administration',\n        'Agriculture',\n        'Arts/Graphic Design',\n        'Automotive/Aerospace',\n        'Car',\n        'Catering',\n        'Charity',\n        'Construction',\n        'Consulting',\n        'Customer Services',\n        'Distribution',\n        'Electronics',\n        'Hospitality/Hotel',\n        'IT',\n        'Legal',\n        'Leisure/Tourism',\n        'Management',\n        'Manufacturing/Surveying',\n        'Marketing',\n        'Media',\n        'Medical/Pharmaceutical/Scientific',\n        'Military/Emergency/Government',\n        'Other',\n        'Personnel/Recruitment',\n        'Property Services',\n        'Public Sector',\n        'Retail/Purchasing',\n        'Sales',\n        'Social Care',\n        'Telecoms',\n      ].forEach((c) => {\n        ret.push({ value: c, text: c })\n      })\n\n      return ret\n    },\n  },\n  watch: {\n    category() {\n      this.$nextTick(this.doSearch)\n    },\n  },\n  methods: {\n    search(e) {\n      console.log('Got place', e.lat, e.lng)\n      if (e && (e.lat || e.lng)) {\n        this.lat = e.lat\n        this.lng = e.lng\n        this.doSearch()\n      }\n    },\n    async doSearch() {\n      this.busy = true\n      await this.jobStore.fetch(this.lat, this.lng, this.category, true)\n      this.busy = false\n    },\n  },\n}\n</script>\n"],"names":["_sfc_main","components","PlaceAutocomplete","NoticeMessage","JobOne","setup","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_me$settings","runtimeConfig","route","jobStore","authStore","me","lat","lng","location","wrap","_callee$","_context","prev","next","useRuntimeConfig","useRoute","useHead","buildHead","class","useJobStore","useAuthStore","user","ref","settings","mylocation","name","value","fetch","abrupt","stop","data","category","busy","computed","_objectSpread","mapState","categories","ret","text","forEach","c","push","watch","this","$nextTick","doSearch","methods","search","e","console","log","_this","_callee2","_context2","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","key","_createBlock","_component_client_only","default","_withCtx","_createVNode","_component_b_row","_component_b_col","cols","md","_ctx$list","_component_PlaceAutocomplete","$setup","labeltext","onSelected","_cache","$event","$options","_component_b_form_select","modelValue","$data","options","size","_openBlock","_createElementBlock","_hoisted_6","_component_b_img","lazy","src","alt","width","_hoisted_7","_Fragment","_renderList","_ctx","list","job","job_reference","_component_JobOne","id","blocked","_component_NoticeMessage","variant","_createTextVNode","_","length","_createCommentVNode"],"mappings":"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"}