{"version":3,"sources":["webpack:///./src/views/Member/UserSchedule.vue","webpack:///./src/views/Member/UserSchedule.vue?b98e"],"names":["class","_createElementBlock","_createVNode","_component_CalendarView","init-date","$data","show-event-type","show-rentable","schedule-events","_ctx","schedule-dots","$options","selected-date","onSelectDate","onSelectEvent","footer","_cache","_createElementVNode","_hoisted_1","_hoisted_2","format","_hoisted_3","length","_Fragment","event","key","id","_component_CollapseItem","title","content","siteId","_hoisted_5","_hoisted_6","startDate","endDate","_Transition","name","style","y","x","_hoisted_9","src","coverImage","alt","_hoisted_11","_hoisted_12","eventLink","href","target","_hoisted_14","notification","_hoisted_16","_hoisted_17","expectedDate","chargeName","components","CalendarView","CollapseItem","data","initDate","this","todayDateObj","currentFirstDate","$moment","startOf","toDate","selectedDate","bubbleInfo","bubblePos","methods","selectDateFromCalendar","dateObj","selectEventFromCalendar","eventObj","windowEvent","originalItem","pageX","pageY","toggleBubble","pos","computed","selectedEvents","getTime","_","filter","userEventsPassedOnly","isBetween","isSame","userScheduleDots","chain","map","dateDurationToArray","item","flatMap","uniqWith","isEqual","reduce","result","push","toPairs","type","sortBy","value","mapState","useUserEvents","__exports__","render"],"mappings":"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","file":"js/chunk-2d0c9379.9d9c734d.js","sourcesContent":["<template>\n  <div>\n    <CalendarView\n      :init-date=\"initDate\"\n      :show-event-type=\"true\"\n      :show-rentable=\"false\"\n      :schedule-events=\"userEventsPassedOnly\"\n      :schedule-dots=\"userScheduleDots\"\n      :selected-date=\"selectedDate\"\n      @select-date=\"selectDateFromCalendar\"\n      @select-event=\"selectEventFromCalendar\"\n    >\n      <template #footer>\n        <div class=\"schedule-legend d-none-md-below\">\n          <div class=\"schedule-legend-item\">\n            <div class=\"tag tag-blue mr-1\">藍色</div>為已承租表演廳\n          </div>\n          <div class=\"schedule-legend-item\">\n            <div class=\"tag tag-orange 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      </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>\n                <span class=\"tag tag-blue\" v-if=\"event.siteId === 1\">表演廳</span>\n                <span class=\"tag tag-orange\" v-else>文化館</span>\n                <div>\n                  {{ $moment(event.startDate).format(\"L\") }}\n                  <span v-if=\"event.endDate\">至 {{ $moment(event.endDate).format('L') }}</span>\n                </div>\n\n              </template>\n            </CollapseItem>\n          </li>\n        </ul>\n        <div v-else>本日無活動</div>\n      </div>\n    </div>\n\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-title\">\n            <a :href=\"bubbleInfo.eventLink\" v-if=\"bubbleInfo.eventLink\" target=\"_blank\">{{ bubbleInfo.title }}</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\" v-if=\"bubbleInfo.notification.length > 0\">\n            <span class=\"text-danger\">\n              <i class=\"icon icon-bell\"></i>\n              請於 {{ $moment(bubbleInfo.notification[0].expectedDate).format('L') }} 前繳清\n              {{ bubbleInfo.notification[0].chargeName }}\n            </span>\n          </div>\n\n        </div>\n      </div>\n    </Transition>\n  </div>\n</template>\n<script>\nimport _ from 'lodash';\nimport { mapState } from 'pinia';\nimport { useUserEvents } 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      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  },\n  computed: {\n    selectedEvents() {\n      const selectedDate = this.selectedDate.getTime();\n      return _.filter(\n        this.userEventsPassedOnly,\n        ({ startDate, endDate }) => {\n          if (endDate) return this.$moment(selectedDate).isBetween(startDate, endDate);\n          return this.$moment(startDate).isSame(selectedDate, 'day');\n        },\n      );\n    },\n    userScheduleDots() {\n      return _.chain(this.userEventsPassedOnly)\n        .map(({ startDate, endDate, siteId }) => _.map(this.dateDurationToArray(startDate, endDate), (item) => ({ ...item, siteId })))\n        .flatMap()\n        .uniqWith(_.isEqual)\n        .reduce((result, { startDate, siteId }) => {\n          if (!result[startDate]) result[startDate] = [];\n          result[startDate].push(siteId);\n          return result;\n        }, {})\n        .toPairs()\n        .map((item) => ({\n          startDate: item[0],\n          type: _.sortBy(item[1]),\n        }))\n        .value();\n    },\n    ...mapState(useUserEvents, ['userEventsPassedOnly']),\n  },\n};\n</script>\n","import { render } from \"./UserSchedule.vue?vue&type=template&id=1eb94976\"\nimport script from \"./UserSchedule.vue?vue&type=script&lang=js\"\nexport * from \"./UserSchedule.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":""}