{"version":3,"sources":["webpack:///./src/views/Schedule.vue","webpack:///./src/store/schedule.js","webpack:///./src/views/Schedule.vue?f7b4"],"names":["class","_createElementBlock","_createElementVNode","_hoisted_1","_createVNode","_component_router_link","$data","to","_cache","_component_CalendarView","init-date","schedule-label","_ctx","systemEvents","schedule-events","events","schedule-dots","$options","selected-date","onSelectDate","onSelectEvent","onChangeCalendar","footer","_hoisted_2","_hoisted_3","format","_Fragment","event","key","startDate","title","_hoisted_4","length","id","_component_CollapseItem","content","initHeight","src","coverImage","alt","onLoad","endDate","rentRange","area","_hoisted_9","_createBlock","_component_RouterLink","_Transition","name","style","y","x","_hoisted_10","_hoisted_12","_hoisted_13","eventLink","href","target","_hoisted_15","_hoisted_17","useSchedule","defineStore","state","currentEvents","actions","config","type","firstDate","fetchMethod","this","api","moment","startOf","endOf","_","filter","isOpen","components","CalendarView","CollapseItem","data","initDate","todayDateObj","currentFirstDate","$moment","toDate","selectedSite","selectedDate","bubbleInfo","bubblePos","methods","selectDateFromCalendar","dateObj","selectEventFromCalendar","eventObj","windowEvent","originalItem","pageX","pageY","toggleBubble","pos","eventClassCreator","changeCalendar","fetchEvents","mapActions","computed","selectedSystemEvents","getTime","isSame","selectedEvents","isBetween","scheduleDots","datesHasSystemEvent","map","datesHasEvent","chain","dateDurationToArray","item","flatMap","uniqBy","value","totalEvents","reduce","result","push","toPairs","find","_$find","sortBy","domain","process","mapState","useUserData","watch","newValue","immediate","handler","siteName","__exports__","render"],"mappings":"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","file":"js/chunk-2d0da3ed.543b6d6a.js","sourcesContent":["<template>\n  <div>\n    <div class=\"schedule-tab\">\n      <router-link class=\"schedule-tab-link\" :class=\"{'is-active': selectedSite === 'cultural'}\" to=\"?site=cultural\">文化館</router-link>\n      <router-link class=\"schedule-tab-link\" :class=\"{'is-active': selectedSite === 'concert'}\" to=\"?site=concert\">表演廳</router-link>\n    </div>\n\n    <CalendarView\n      :init-date=\"initDate\"\n      :schedule-label=\"currentEvents.systemEvents\"\n      :schedule-events=\"currentEvents.events\"\n      :schedule-dots=\"scheduleDots\"\n      :selected-date=\"selectedDate\"\n      @select-date=\"selectDateFromCalendar\"\n      @select-event=\"selectEventFromCalendar\"\n      @change-calendar=\"changeCalendar\"\n    >\n      <template #footer>\n        <div class=\"schedule-legend d-none-md-above\">\n          <div class=\"schedule-legend-item\">\n            <div class=\"dot dot-blue mt-2 mr-1\"></div>為館定日期\n            <!-- 活動日/已租用/休館日/保養日/專用檔期/審核中 -->\n          </div>\n          <div class=\"schedule-legend-item\">\n            <div class=\"dot mt-2 mr-1\"></div>為已被承租\n          </div>\n        </div>\n      </template>\n    </CalendarView>\n\n    <div class=\"schedule-panel\">\n      <!-- selected 日期 -->\n      <div class=\"schedule-panel-header\">\n        {{ $moment(selectedDate).format(\"L\") }}\n        <span\n          class=\"tag\"\n          :class=\"eventClassCreator(event)\"\n          v-for=\"event in selectedSystemEvents\"\n          :key=\"event.startDate\"\n          >{{ event.title }}</span\n        >\n      </div>\n\n      <!-- 活動列表 -->\n      <div class=\"schedule-panel-content\">\n        當天活動\n        <ul v-if=\"selectedEvents.length > 0 || false\">\n          <li v-for=\"event in selectedEvents\" :key=\"event.id\">\n            <CollapseItem>\n              <template #title>{{ event.title }}</template>\n              <template #content=\"{ initHeight }\">\n                <img :src=\"`${domain}${event.coverImage}`\" alt=\"\" @load=\"initHeight()\" />\n                {{ $moment(event.startDate).format(\"L\") }}\n                <span v-if=\"event.endDate\">至 {{ $moment(event.endDate).format(\"L\") }}</span>\n                <div>{{ event.rentRange || event.area }}</div>\n              </template>\n            </CollapseItem>\n          </li>\n        </ul>\n        <div v-else>本日無活動</div>\n      </div>\n    </div>\n\n    <div class=\"btn-group mt-3 pt-3 pb-3\" v-if=\"isLogin\">\n      <RouterLink\n        to=\"/rent/cultural\"\n        class=\"btn btn-md btn-primary\"\n        v-if=\"selectedSite === 'cultural'\"\n        >文化館檔期申請</RouterLink\n      >\n      <RouterLink\n        to=\"/rent/concert\"\n        class=\"btn btn-md btn-primary\"\n        v-if=\"selectedSite === 'concert'\"\n        >表演廳檔期申請</RouterLink\n      >\n    </div>\n\n    <!-- 活動資訊 popover -->\n    <Transition name=\"fade\">\n      <div\n        class=\"schedule-bubble\"\n        v-if=\"bubbleInfo\"\n        v-click-outside=\"toggleBubble\"\n        :style=\"{\n          top: `${bubblePos.y - 20}px`,\n          left: `${bubblePos.x}px`,\n        }\"\n      >\n        <div class=\"schedule-bubble-image\" v-show=\"!!bubbleInfo.coverImage\">\n          <img :src=\"bubbleInfo.coverImage\" alt=\"\" />\n        </div>\n        <div class=\"schedule-bubble-content\">\n          <!-- <div class=\"schedule-bubble-tag\">{{ bubbleInfo.eventType }}</div> -->\n          <div class=\"schedule-bubble-title\">\n            <a :href=\"bubbleInfo.eventLink\" v-if=\"bubbleInfo.eventLink\" target=\"_blank\">{{\n              bubbleInfo.title\n            }}</a>\n            <template v-else>{{ bubbleInfo.title }}</template>\n          </div>\n          <div class=\"schedule-bubble-meta\">\n            {{ $moment(bubbleInfo.startDate).format(\"L\") }}\n            <span v-if=\"bubbleInfo.endDate\">至 {{ $moment(bubbleInfo.endDate).format(\"L\") }}</span>\n          </div>\n          <div class=\"schedule-bubble-meta\">\n            {{ selectedSite === \"cultural\" ? \"文化館 \" : \"表演廳 \" }}\n            {{ bubbleInfo.rentRange || bubbleInfo.area }}\n          </div>\n        </div>\n      </div>\n    </Transition>\n  </div>\n</template>\n\n<script>\nimport _ from 'lodash';\nimport { mapActions, mapState } from 'pinia';\nimport { useSchedule } from '@/store/schedule';\nimport { useUserData } from '@/store/user';\nimport CalendarView from '@/components/CalendarView.vue';\nimport CollapseItem from '@/components/CollapseItem.vue';\n\nexport default {\n  components: {\n    CalendarView,\n    CollapseItem,\n  },\n  data() {\n    return {\n      initDate: this.todayDateObj(), // 初始日期\n      currentFirstDate: this.$moment().startOf('month').toDate(), // 當前月第一日\n      selectedSite: 'cultural',\n      selectedDate: this.todayDateObj(),\n      bubbleInfo: null,\n      bubblePos: {\n        x: 0,\n        y: 0,\n      },\n    };\n  },\n  methods: {\n    selectDateFromCalendar(dateObj) {\n      this.selectedDate = dateObj;\n    },\n    selectEventFromCalendar(eventObj, windowEvent) {\n      const { originalItem: event } = eventObj;\n      const { pageX: x, pageY: y } = windowEvent;\n      this.toggleBubble(event, { x, y });\n    },\n    toggleBubble(eventObj, pos) {\n      this.bubbleInfo = eventObj || null;\n      this.bubblePos = pos || { x: 0, y: 0 };\n    },\n    eventClassCreator(eventObj) {\n      return eventObj.type === 1 ? ['tag-orange'] : ['tag-blue'];\n    },\n    changeCalendar(dateObj) {\n      this.fetchEvents({\n        type: this.selectedSite,\n        firstDate: dateObj,\n      });\n      this.currentFirstDate = dateObj;\n    },\n    ...mapActions(useSchedule, ['fetchEvents']),\n  },\n  computed: {\n    selectedSystemEvents() {\n      const selectedDate = this.selectedDate.getTime();\n      return _.filter(this.currentEvents.systemEvents, ({ startDate }) => this.$moment(startDate).isSame(selectedDate, 'day'));\n    },\n    selectedEvents() {\n      const selectedDate = this.selectedDate.getTime();\n      // isBetween 參數 https://momentjs.com/docs/#/query/is-between/\n      // start, end, 判斷單位, 頭尾包含\n      // 預設不含頭尾'()' 改用含頭尾'[]'\n      return _.filter(this.currentEvents.events, ({ startDate, endDate }) => this.$moment(selectedDate).isBetween(startDate, endDate, 'day', '[]'));\n    },\n    scheduleDots() {\n      const datesHasSystemEvent = _.map(this.currentEvents.systemEvents, ({ startDate }) => ({ startDate, type: 1 }));\n      const datesHasEvent = _.chain(this.currentEvents.events)\n        .map(({ startDate, endDate }) => _.map(this.dateDurationToArray(startDate, endDate), (item) => ({ ...item, type: 3 })))\n        .flatMap()\n        .uniqBy('startDate')\n        .value();\n\n      const totalEvents = _.chain([...datesHasEvent, ...datesHasSystemEvent])\n        .reduce((result, { startDate, type }) => {\n          if (!result[startDate]) result[startDate] = [];\n          result[startDate].push(type);\n          return result;\n        }, {})\n        .toPairs()\n        .map((item) => ({\n          startDate: item[0],\n          title: _.find(this.currentEvents.systemEvents, { startDate: item[0] })?.title || '',\n          type: _.sortBy(item[1]),\n        }))\n        .value();\n\n      return totalEvents;\n    },\n    domain() {\n      return process.env.VUE_APP_DOMAIN;\n    },\n    ...mapState(useSchedule, ['currentEvents']),\n    ...mapState(useUserData, ['isLogin']),\n  },\n  watch: {\n    selectedSite(newValue) {\n      this.fetchEvents({\n        type: newValue,\n        firstDate: this.currentFirstDate,\n      });\n    },\n    '$route.query.site': {\n      immediate: true,\n      handler(siteName) {\n        this.selectedSite = siteName || 'cultural';\n      },\n    },\n  },\n};\n</script>\n","import _ from 'lodash';\nimport moment from 'moment';\nimport { defineStore } from 'pinia';\n// import _ from 'lodash';\n// import moment from 'moment';\nimport api from '@/api/api';\n\nexport const useSchedule = defineStore('scheduleStore', {\n  state: () => ({\n    currentEvents: [],\n  }),\n  actions: {\n    async fetchEvents(config) {\n      const { type, firstDate } = config;\n\n      const fetchMethod = type === 'concert' ? 'getConcertEvents' : 'getCulturalEvents';\n      this.currentEvents = await api[fetchMethod]({\n        startDate: moment(firstDate).startOf('month').format('YYYY-MM-DD'),\n        endDate: moment(firstDate).endOf('month').format('YYYY-MM-DD'),\n      });\n\n      // 只保留不可承租的日期\n      this.currentEvents.systemEvents = _.filter(this.currentEvents.systemEvents, (({ isOpen, title }) => isOpen === false && title !== ''));\n    },\n  },\n});\n","import { render } from \"./Schedule.vue?vue&type=template&id=7722e9c6\"\nimport script from \"./Schedule.vue?vue&type=script&lang=js\"\nexport * from \"./Schedule.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"D:\\\\project_archive\\\\維護案\\\\北流租借系統\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}