{"version":3,"file":"SidebarLeft-legacy.nDMm_dfj.js","sources":["../../../../components/CommunityFeature.vue","../../../../components/CommunityEventSidebar.vue","../../../../components/VolunteerOpportunitySidebar.vue","../../../../components/BotLeftBox.vue","../../../../components/SidebarLeft.vue"],"sourcesContent":["<template>\n  <div>\n    <div class=\"d-flex align-items-start justify-content-between mb-1\">\n      <h2 class=\"header--size4 pl-2\">\n        <nuxt-link :to=\"link\" class=\"title__link\" no-prefetch>\n          <v-icon :icon=\"iconName\" scale=\"2\" /> {{ title }}\n        </nuxt-link>\n      </h2>\n      <b-button\n        variant=\"secondary\"\n        :aria-label=\"addButtonLabel\"\n        class=\"mr-1\"\n        @click=\"showModal\"\n      >\n        <v-icon icon=\"plus\" /> Add\n      </b-button>\n    </div>\n    <b-card variant=\"white\" no-body class=\"pt-2\">\n      <b-card-body class=\"p-0\">\n        <div class=\"p-1\">\n          <div v-if=\"items.length\">\n            <p class=\"text-center small text-muted\">\n              {{ itemDescription }}\n            </p>\n            <div v-for=\"id in items\" :key=\"itemKey + id\" class=\"\">\n              <CommunityEvent\n                v-if=\"featureComponent === 'CommunityEvent'\"\n                :id=\"id\"\n                :summary=\"true\"\n              />\n              <VolunteerOpportunity v-else :id=\"id\" :summary=\"true\" />\n            </div>\n          </div>\n          <p v-else class=\"text-center p-1\">\n            {{ noItemsMessage }}\n          </p>\n        </div>\n      </b-card-body>\n    </b-card>\n\n    <template v-if=\"featureComponent === 'CommunityEvent'\">\n      <CommunityEventModal\n        v-if=\"modalShown\"\n        :start-edit=\"true\"\n        @hidden=\"modalShown = false\"\n      />\n    </template>\n    <template v-else>\n      <VolunteerOpportunityModal\n        v-if=\"modalShown\"\n        :start-edit=\"true\"\n        @hidden=\"modalShown = false\"\n      />\n    </template>\n  </div>\n</template>\n<script setup>\nconst CommunityEvent = defineAsyncComponent(() => import('./CommunityEvent'))\nconst VolunteerOpportunity = defineAsyncComponent(() =>\n  import('./VolunteerOpportunity')\n)\nconst CommunityEventModal = defineAsyncComponent(() =>\n  import('./CommunityEventModal')\n)\nconst VolunteerOpportunityModal = defineAsyncComponent(() =>\n  import('./VolunteerOpportunityModal')\n)\n\ndefineProps({\n  items: {\n    type: Array,\n    required: true,\n  },\n  title: {\n    type: String,\n    required: true,\n  },\n  link: {\n    type: String,\n    required: true,\n  },\n  iconName: {\n    type: String,\n    required: true,\n  },\n  addButtonLabel: {\n    type: String,\n    required: true,\n  },\n  itemDescription: {\n    type: String,\n    required: true,\n  },\n  noItemsMessage: {\n    type: String,\n    required: true,\n  },\n  featureComponent: {\n    type: String,\n    required: true,\n  },\n  addModalComponent: {\n    type: String,\n    required: true,\n  },\n  itemKey: {\n    type: String,\n    required: true,\n  },\n})\n\nconst modalShown = ref(false)\n\nfunction showModal() {\n  modalShown.value = true\n}\n</script>\n<style scoped lang=\"scss\">\n.title__link {\n  color: $colour-header;\n}\n\n:deep(a) {\n  text-decoration: none;\n}\n</style>\n","<template>\n  <aside>\n    <CommunityFeature\n      :items=\"events\"\n      title=\"Community Events\"\n      link=\"/communityevents\"\n      icon-name=\"calendar-alt\"\n      add-button-label=\"Add community event\"\n      item-description=\"These are local events, posted by other freeglers like you.\"\n      no-items-message=\"No community events to show yet.  Do you know of any you could add?\"\n      feature-component=\"CommunityEvent\"\n      add-modal-component=\"CommunityEventModal\"\n      item-key=\"event-\"\n    />\n    <infinite-loading :distance=\"200\" @infinite=\"loadMore\" />\n  </aside>\n</template>\n<script>\nimport { useRoute } from 'vue-router'\nimport { useCommunityEventStore } from '../stores/communityevent'\nimport { useGroupStore } from '../stores/group'\nimport CommunityFeature from './CommunityFeature'\n\nexport default {\n  components: {\n    CommunityFeature,\n  },\n  async setup() {\n    const communityEventStore = useCommunityEventStore()\n    const groupStore = useGroupStore()\n\n    const route = useRoute()\n    const groupid = parseInt(route.params.groupid)\n\n    // Delay a little bit to give the main pane a chance to load.\n    await communityEventStore.fetchList()\n\n    return {\n      communityEventStore,\n      groupStore,\n      groupid,\n    }\n  },\n  data() {\n    return {\n      toShow: 1,\n    }\n  },\n  computed: {\n    forUser() {\n      return this.communityEventStore?.forUser\n    },\n    events() {\n      return this.forUser?.slice(0, this.toShow)\n    },\n  },\n  methods: {\n    loadMore($state) {\n      if (this.toShow < this.forUser?.length) {\n        this.toShow++\n        $state.loaded()\n      } else {\n        $state.complete()\n      }\n    },\n  },\n}\n</script>\n<style scoped lang=\"scss\">\n.community__link {\n  color: $colour-header;\n}\n</style>\n","<template>\n  <aside>\n    <CommunityFeature\n      :items=\"opportunities\"\n      title=\"Volunteer Opportunities\"\n      link=\"/volunteerings\"\n      icon-name=\"hands-helping\"\n      add-button-label=\"Add volunteer opportunity\"\n      item-description=\"Are you a charity or good cause that needs volunteers?\"\n      no-items-message=\"Are you a charity or good cause that needs volunteers?  Why not add your volunteer opportunities here?\"\n      feature-component=\"VolunteerOpportunity\"\n      add-modal-component=\"VolunteerOpportunityModal\"\n      item-key=\"volunteering-\"\n    />\n    <infinite-loading :distance=\"200\" @infinite=\"loadMore\" />\n  </aside>\n</template>\n<script>\nimport { useRoute } from 'vue-router'\nimport { useGroupStore } from '../stores/group'\nimport { useVolunteeringStore } from '../stores/volunteering'\nimport CommunityFeature from './CommunityFeature'\n\nexport default {\n  components: {\n    CommunityFeature,\n  },\n  async setup() {\n    const volunteeringStore = useVolunteeringStore()\n    const groupStore = useGroupStore()\n\n    const route = useRoute()\n    const groupid = parseInt(route.params.groupid)\n\n    await volunteeringStore.fetchList()\n\n    return {\n      volunteeringStore,\n      groupStore,\n      groupid,\n    }\n  },\n  data() {\n    return {\n      toShow: 1,\n    }\n  },\n  computed: {\n    forUser() {\n      return this.volunteeringStore?.forUser\n    },\n    opportunities() {\n      return this.forUser?.slice(0, this.toShow)\n    },\n  },\n  methods: {\n    loadMore($state) {\n      if (this.toShow < this.forUser?.length) {\n        this.toShow++\n        $state.loaded()\n      } else {\n        $state.complete()\n      }\n    },\n  },\n}\n</script>\n<style scoped lang=\"scss\">\n.volunteer__link {\n  color: $colour-header;\n}\n</style>\n","<template>\n  <nav class=\"bg-transparent pr-2\">\n    <div class=\"d-flex justify-content-between\">\n      <div class=\"d-flex\">\n        <ExternalLink href=\"https://www.facebook.com/Freegle/\" title=\"Facebook\">\n          <b-img lazy alt=\"Facebook\" src=\"/botleft/facebook.png\" width=\"40\" />\n        </ExternalLink>\n        <ExternalLink\n          href=\"https://twitter.com/thisisfreegle\"\n          title=\"Twitter\"\n          class=\"pl-1\"\n        >\n          <b-img lazy alt=\"Twitter\" src=\"/botleft/twitter.png\" width=\"40\" />\n        </ExternalLink>\n      </div>\n      <ExternalLink\n        href=\"https://github.com/Freegle/iznik-nuxt\"\n        title=\"We're open source - find us on GitHub\"\n      >\n        <b-img\n          lazy\n          alt=\"GitHub\"\n          src=\"/botleft/github.svg\"\n          width=\"40\"\n          class=\"mr-1\"\n        />\n      </ExternalLink>\n    </div>\n    <div\n      class=\"flex-wrap d-flex flex-row justify-content-between text-muted small list-unstyled\"\n    >\n      <nuxt-link no-prefetch to=\"/about\" class=\"p-1\"> About </nuxt-link>\n      <nuxt-link no-prefetch to=\"/terms\" class=\"p-1\"> Terms </nuxt-link>\n      <nuxt-link no-prefetch to=\"/privacy\" class=\"p-1\"> Privacy </nuxt-link>\n      <nuxt-link no-prefetch to=\"/disclaimer\" class=\"p-1\">\n        Disclaimer\n      </nuxt-link>\n      <nuxt-link no-prefetch to=\"/donate\" class=\"p-1\"> Donate </nuxt-link>\n      <nuxt-link no-prefetch to=\"/help\" class=\"p-1\"> Contact </nuxt-link>\n    </div>\n  </nav>\n</template>\n<script>\nimport ExternalLink from './ExternalLink'\n\nexport default {\n  components: {\n    ExternalLink,\n  },\n}\n</script>\n<style scoped lang=\"scss\">\na {\n  color: $color-black !important;\n}\n</style>\n","<template>\n  <div class=\"sidebar__wrapper\">\n    <div class=\"sidebar__info pr-3\">\n      <CommunityEventSidebar\n        v-if=\"showCommunityEvents\"\n        class=\"flex-grow-1 sidebar__community-event\"\n      />\n      <hr\n        v-if=\"showCommunityEvents && showVolunteerOpportunities\"\n        class=\"m-0 hr1\"\n      />\n      <VolunteerOpportunitySidebar\n        v-if=\"showVolunteerOpportunities\"\n        class=\"flex-grow-1 sidebar__volunteer-opportunity\"\n      />\n      <hr\n        v-if=\"showCommunityEvents && showVolunteerOpportunities\"\n        class=\"mt-0 hr2\"\n      />\n    </div>\n    <div class=\"sidebar__botleft align-content-end\">\n      <BotLeftBox v-if=\"showBotLeft\" class=\"social-media__wrapper ml-2\" />\n    </div>\n  </div>\n</template>\n<script>\nimport BotLeftBox from './BotLeftBox'\nconst CommunityEventSidebar = () => import('~/components/CommunityEventSidebar')\nconst VolunteerOpportunitySidebar = () =>\n  import('~/components/VolunteerOpportunitySidebar')\n\nexport default {\n  components: {\n    BotLeftBox,\n    CommunityEventSidebar,\n    VolunteerOpportunitySidebar,\n  },\n  props: {\n    showCommunityEvents: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n    showVolunteerOpportunities: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n    showBotLeft: {\n      type: Boolean,\n      required: false,\n      default: true,\n    },\n  },\n}\n</script>\n<style scoped lang=\"scss\">\n.sidebar__wrapper {\n  display: grid;\n  grid-template-rows: 1fr;\n  grid-template-columns: 100%;\n  height: 100vh;\n}\n\n.sidebar__info {\n  grid-row: 1 / 2;\n  grid-column: 1 / 2;\n  display: grid;\n  grid-template-rows: 1fr auto 1fr auto 70px;\n  grid-template-columns: 1fr;\n  grid-row-gap: 10px;\n  height: calc(100vh - 100px);\n}\n\n.sidebar__botleft {\n  grid-row: 1 / 2;\n  grid-column: 1 / 2;\n  display: grid;\n  grid-template-rows: 1fr auto;\n  height: calc(100vh - 68px);\n\n  .social-media__wrapper {\n    grid-row: 2 / 3;\n    padding-bottom: 10px;\n  }\n}\n\n.sidebar__community-event {\n  grid-row: 1 / 2;\n  overflow-y: auto;\n  scrollbar-gutter: stable;\n}\n\n.hr1 {\n  grid-row: 2 / 3;\n}\n\n.sidebar__volunteer-opportunity {\n  grid-row: 3 / 4;\n  overflow-y: auto;\n  scrollbar-gutter: stable;\n}\n\n.hr2 {\n  grid-row: 4 / 5;\n}\n\n.social-media__wrapper {\n  grid-row: 5 / 6;\n}\n</style>\n"],"names":["CommunityEvent","defineAsyncComponent","__vitePreload","module","import","meta","url","VolunteerOpportunity","CommunityEventModal","VolunteerOpportunityModal","modalShown","ref","showModal","value","components","CommunityFeature","setup","_asyncToGenerator","_regeneratorRuntime","mark","_callee","communityEventStore","groupStore","route","groupid","wrap","_callee$","_context","prev","next","useCommunityEventStore","useGroupStore","useRoute","parseInt","params","fetchList","abrupt","stop","data","toShow","computed","forUser","_this$communityEventS","this","events","_this$forUser","slice","methods","loadMore","$state","_this$forUser2","length","loaded","complete","_createElementBlock","_createVNode","_component_CommunityFeature","items","$options","title","link","_component_infinite_loading","distance","onInfinite","_callee2","volunteeringStore","_context2","useVolunteeringStore","_this$volunteeringSto","opportunities","_this$forUser3","_this$forUser4","_hoisted_1","class","_hoisted_2","_hoisted_3","_hoisted_4","ExternalLink","_openBlock","_createElementVNode","_component_ExternalLink","href","_component_b_img","lazy","alt","src","width","_component_nuxt_link","to","_sfc_main","BotLeftBox","CommunityEventSidebar","Promise","resolve","then","CommunityEventSidebar$1","VolunteerOpportunitySidebar","VolunteerOpportunitySidebar$1","__VITE_IS_MODERN__","props","showCommunityEvents","type","Boolean","required","default","showVolunteerOpportunities","showBotLeft","_hoisted_5","$props","_createBlock","_component_CommunityEventSidebar","_component_VolunteerOpportunitySidebar","_component_BotLeftBox"],"mappings":"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"}