{"version":3,"sources":["webpack:///./src/components/appointments/AppointmentRequestCard.vue?a752","webpack:///./src/components/appointments/AppointmentCard.vue?931f","webpack:///./src/server/scheduleEvents.js","webpack:///./src/server/billing.js","webpack:///./src/components/appointments/Appointments.vue","webpack:///./src/components/appointments/AppointmentCard.vue","webpack:///src/components/appointments/AppointmentCard.vue","webpack:///./src/components/appointments/AppointmentCard.vue?1a28","webpack:///./src/components/appointments/AppointmentCard.vue?7cfa","webpack:///./src/components/appointments/AppointmentRequestCard.vue","webpack:///src/components/appointments/AppointmentRequestCard.vue","webpack:///./src/components/appointments/AppointmentRequestCard.vue?3734","webpack:///./src/components/appointments/AppointmentRequestCard.vue?2052","webpack:///./src/signalr/appointments.js","webpack:///src/components/appointments/Appointments.vue","webpack:///./src/components/appointments/Appointments.vue?59e0","webpack:///./src/components/appointments/Appointments.vue?0d6c","webpack:///./src/components/appointments/Appointments.vue?ef0d"],"names":["filter","result","http","post","data","id","patch","scheduleEventId","get","eocId","billingServer","getInvoices","getInvoice","invoiceId","render","_vm","this","_c","_self","staticClass","_v","appointmentsLoaded","_e","staticStyle","attrs","_l","appointmentsUpcomingLoaded","item","index","key","upcomingAppointments","length","maxUpcomingLoaded","on","$event","appointmentsPastLoaded","pastAppointments","maxPastLoaded","patientsCanSelfScheduleAppointments","goToNewAppointmentRequest","appointmentRequests","staticRenderFns","globalMode","loading","appointment","status","cancelAppointment","_s","_f","appointmentDate","appointmentLength","provider","style","color","backgroundColor","joinMeeting","joinTelehealthSession","class","checkedIn","checkNextAppointment","props","methods","appointmentsServer","goToMeetingUrl","url","window","confirm","title","view","removeButtonTitle","cancelButtonTitle","then","options","value","label","name","params","invoices","fromPaywall","action","catch","computed","patientId","currentTenant","signalRAppUrl","component","startDateTime","duration","fullName","service","signalRConnection","SignalRConnection","components","Layout","AppointmentCard","AppointmentRequestCard","signalAppointmentClient","destroyed","config"],"mappings":"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","file":"chunk-563ff826.b220b131.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppointmentRequestCard.vue?vue&type=style&index=0&id=07546397&prod&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppointmentCard.vue?vue&type=style&index=0&id=7640a35c&prod&lang=scss&scoped=true&\"","import http from \"./core\";\r\n\r\nexport default {\r\n  async query(filter) {\r\n    const result = await http.post(`api/portal/ScheduleEvents`, filter);\r\n    return result.data;\r\n  },\r\n  async setCheckedIn(id, data) {\r\n    const result = await http.patch(\r\n      `api/portal/ScheduleEvents/SetCheckedIn/${id}`,\r\n      data\r\n    );\r\n    return result.data;\r\n  },\r\n  async cancelAppointment(id, scheduleEventId) {\r\n    const result = await http.patch(\r\n      `api/portal/ScheduleEvents/CancelAppointment/${id}/${scheduleEventId}`\r\n    );\r\n    return result.data;\r\n  },\r\n  async isPatientOutstandingBalance(id) {\r\n    const result = await http.get(\r\n      `api/portal/ScheduleEvents/IsPatientOutstandingBalance/${id}`\r\n    );\r\n    return result.data;\r\n  },\r\n  async getEventsByEoc(eocId) {\r\n    return await http.get(`api/portal/ScheduleEvents/GetEventsByEoc/${eocId}`);\r\n  }\r\n};\r\n","import http from \"./core\";\r\n\r\nexport const billingServer = {\r\n  getInvoices(id) {\r\n    return http.get(`api/portal/Billing/Invoices/${id}`);\r\n  },\r\n  getInvoice(invoiceId) {\r\n    return http.get(`api/portal/Billing/Invoice/${invoiceId}`);\r\n  }\r\n};\r\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('layout',[_c('div',{staticClass:\"container mt-4\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('b-card',[_c('b-card-text',[_c('h5',{staticClass:\"font-weight-bold\"},[_vm._v(\"Appointments\")])]),_vm._v(\" \"),(!_vm.appointmentsLoaded)?_c('div',{staticClass:\"d-flex flex-row justify-content-center mt-4 mb-4\"},[_c('b-spinner',{staticStyle:{\"width\":\"4rem\",\"height\":\"4rem\"},attrs:{\"variant\":\"primary\",\"label\":\"Spinning\"}})],1):_vm._e(),_vm._v(\" \"),(_vm.appointmentsLoaded)?_c('b-tabs',{attrs:{\"card\":\"\"}},[_c('b-tab',{attrs:{\"title\":\"Upcoming\",\"active\":\"\"}},[_vm._l((_vm.appointmentsUpcomingLoaded),function(item,index){return _c('appointment-card',{key:'au' + index,attrs:{\"appointment\":item}})}),_vm._v(\" \"),(_vm.upcomingAppointments.length < 1)?_c('div',{staticClass:\"d-flex flex-row justify-content-center\"},[_c('p',{staticClass:\"font-weight-bold\",staticStyle:{\"font-size\":\"0.8em\"}},[_vm._v(\"\\n                  NO UPCOMING APPOINTMENTS\\n                \")])]):_vm._e(),_vm._v(\" \"),(_vm.upcomingAppointments.length > _vm.maxUpcomingLoaded)?_c('div',{staticClass:\"d-flex flex-row justify-content-center mt-4\"},[_c('b-button',{attrs:{\"variant\":\"outline-primary\"},on:{\"click\":function($event){_vm.maxUpcomingLoaded += 5}}},[_vm._v(\"\\n                  Load More...\\n                \")])],1):_vm._e()],2),_vm._v(\" \"),_c('b-tab',{attrs:{\"title\":\"Past\"}},[_vm._l((_vm.appointmentsPastLoaded),function(item,index){return _c('appointment-card',{key:'ap' + index,attrs:{\"appointment\":item,\"global-mode\":\"past\"}})}),_vm._v(\" \"),(_vm.appointmentsPastLoaded.length < 1)?_c('div',{staticClass:\"d-flex flex-row justify-content-center\"},[_c('p',{staticClass:\"font-weight-bold\",staticStyle:{\"font-size\":\"0.8em\"}},[_vm._v(\"\\n                  NO PAST APPOINTMENTS\\n                \")])]):_vm._e(),_vm._v(\" \"),(_vm.pastAppointments.length > _vm.maxPastLoaded)?_c('div',{staticClass:\"d-flex flex-row justify-content-center mt-4\"},[_c('b-button',{attrs:{\"variant\":\"outline-primary\"},on:{\"click\":function($event){_vm.maxPastLoaded += 5}}},[_vm._v(\"\\n                  Load More...\\n                \")])],1):_vm._e()],2),_vm._v(\" \"),_c('b-tab',{attrs:{\"title\":\"Requests\"}},[_c('div',{staticClass:\"d-flex justify-content-end\"},[(_vm.patientsCanSelfScheduleAppointments)?_c('b-button',{attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.goToNewAppointmentRequest}},[_vm._v(\"\\n                  New\\n                \")]):_vm._e()],1),_vm._v(\" \"),_vm._l((_vm.appointmentRequests),function(item,index){return _c('appointment-request-card',{key:'ap' + index,attrs:{\"appointment\":item}})}),_vm._v(\" \"),(_vm.appointmentRequests.length < 1)?_c('div',{staticClass:\"d-flex flex-row justify-content-center\"},[_c('p',{staticClass:\"font-weight-bold\",staticStyle:{\"font-size\":\"0.8em\"}},[_vm._v(\"\\n                  NO APPOINTMENTS REQUESTS\\n                \")])]):_vm._e()],2)],1):_vm._e()],1)],1)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container appointment-card\"},[_c('div',{staticClass:\"row\"},[(_vm.globalMode != 'past')?_c('div',[_c('div',{staticClass:\"d-flex flex-column appointment-cell mx-0 px-1\"},[_c('button',{staticClass:\"btn btn-outline-0 text-danger gap-dashboard\",attrs:{\"disabled\":_vm.loading || _vm.appointment.status !== 'Show',\"type\":\"button\"},on:{\"click\":_vm.cancelAppointment}},[_c('i',{staticClass:\"fas fa-ban fa-sm mr-1\"}),_vm._v(\" Cancel\\n        \")])])]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"d-flex flex-column appointment-cell\"},[_c('h6',[_vm._v(\"Date:\")]),_vm._v(\" \"),_c('h6',{staticClass:\"font-weight-bold\"},[_vm._v(\"\\n          \"+_vm._s(_vm._f(\"formatDateOnly\")(_vm.appointment.appointmentDate))+\"\\n        \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"d-flex flex-column appointment-cell\"},[_c('h6',[_vm._v(\"Time:\")]),_vm._v(\" \"),_c('h6',{staticClass:\"font-weight-bold\"},[_vm._v(\"\\n          \"+_vm._s(_vm._f(\"formatTimeOnly\")(_vm.appointment.appointmentDate,\"hh:mm A\"))+\"\\n        \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"d-flex flex-column appointment-cell\"},[_c('h6',[_vm._v(\"Length:\")]),_vm._v(\" \"),_c('h6',{staticClass:\"font-weight-bold\"},[_vm._v(\"\\n          \"+_vm._s(_vm._f(\"humanMillis\")(_vm.appointment.appointmentLength))+\"\\n        \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"d-flex flex-column appointment-cell\"},[_c('h6',[_vm._v(\"Provider:\")]),_vm._v(\" \"),_c('h6',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(_vm.appointment.provider))])])]),_vm._v(\" \"),_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"d-flex flex-row justify-content-center align-items-center appointment-cell\"},[_c('b-badge',{staticClass:\"form-badge\",style:({\n            color: _vm.appointment.color,\n            backgroundColor: _vm.backgroundColor\n          }),attrs:{\"pill\":\"\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.appointment.status)+\"\\n        \")])],1)]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"d-flex flex-row justify-content-center\"},[_c('button',{staticClass:\"btn btn-link btn-outline-primary gap-dashboard mr-3\",attrs:{\"type\":\"button\",\"disabled\":!_vm.joinMeeting ||\n              _vm.globalMode === 'past' ||\n              _vm.appointment.status !== 'Show'},on:{\"click\":_vm.joinTelehealthSession}},[_c('i',{staticClass:\"fas fa-chalkboard-teacher mr-1\"}),_vm._v(\" Join Session\\n        \")]),_vm._v(\" \"),_c('button',{staticClass:\"btn btn-checkedin py-1\",class:{\n            'btn-success': _vm.appointment.checkedIn,\n            'btn-outline-success': !_vm.appointment.checkedIn\n          },attrs:{\"disabled\":_vm.loading || _vm.globalMode === 'past' || _vm.appointment.status !== 'Show',\"type\":\"button\"},on:{\"click\":_vm.checkNextAppointment}},[_c('i',{staticClass:\"fas fa-check mr-1\"}),_vm._v(\"\\n          \"+_vm._s(_vm.appointment.checkedIn ? \"Checked In\" : \"Check In\")+\"\\n        \")]),_vm._v(\" \"),(_vm.loading)?_c('b-spinner',{attrs:{\"variant\":\"primary\",\"label\":\"Spinning\"}}):_vm._e()],1)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container appointment-card\">\r\n    <div class=\"row\">\r\n      <div v-if=\"globalMode != 'past'\">\r\n        <div class=\"d-flex flex-column appointment-cell mx-0 px-1\">\r\n          <button\r\n            :disabled=\"loading || appointment.status !== 'Show'\"\r\n            type=\"button\"\r\n            class=\"btn btn-outline-0 text-danger gap-dashboard\"\r\n            v-on:click=\"cancelAppointment\"\r\n          >\r\n            <i class=\"fas fa-ban fa-sm mr-1\"></i> Cancel\r\n          </button>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"col\">\r\n        <div class=\"d-flex flex-column appointment-cell\">\r\n          <h6>Date:</h6>\r\n          <h6 class=\"font-weight-bold\">\r\n            {{ appointment.appointmentDate | formatDateOnly() }}\r\n          </h6>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"col\">\r\n        <div class=\"d-flex flex-column appointment-cell\">\r\n          <h6>Time:</h6>\r\n          <h6 class=\"font-weight-bold\">\r\n            {{ appointment.appointmentDate | formatTimeOnly(\"hh:mm A\") }}\r\n          </h6>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"col\">\r\n        <div class=\"d-flex flex-column appointment-cell\">\r\n          <h6>Length:</h6>\r\n          <h6 class=\"font-weight-bold\">\r\n            {{ appointment.appointmentLength | humanMillis }}\r\n          </h6>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"col\">\r\n        <div class=\"d-flex flex-column appointment-cell\">\r\n          <h6>Provider:</h6>\r\n          <h6 class=\"font-weight-bold\">{{ appointment.provider }}</h6>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"col\">\r\n        <div\r\n          class=\"d-flex flex-row justify-content-center align-items-center appointment-cell\"\r\n        >\r\n          <b-badge\r\n            pill\r\n            class=\"form-badge\"\r\n            :style=\"{\r\n              color: appointment.color,\r\n              backgroundColor: backgroundColor\r\n            }\"\r\n          >\r\n            {{ appointment.status }}\r\n          </b-badge>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"col-md-4\">\r\n        <div class=\"d-flex flex-row justify-content-center\">\r\n          <button\r\n            type=\"button\"\r\n            class=\"btn btn-link btn-outline-primary gap-dashboard mr-3\"\r\n            v-on:click=\"joinTelehealthSession\"\r\n            :disabled=\"\r\n              !joinMeeting ||\r\n                globalMode === 'past' ||\r\n                appointment.status !== 'Show'\r\n            \"\r\n          >\r\n            <i class=\"fas fa-chalkboard-teacher mr-1\"></i> Join Session\r\n          </button>\r\n          <button\r\n            :disabled=\"\r\n              loading || globalMode === 'past' || appointment.status !== 'Show'\r\n            \"\r\n            type=\"button\"\r\n            class=\"btn btn-checkedin py-1\"\r\n            :class=\"{\r\n              'btn-success': appointment.checkedIn,\r\n              'btn-outline-success': !appointment.checkedIn\r\n            }\"\r\n            v-on:click=\"checkNextAppointment\"\r\n          >\r\n            <i class=\"fas fa-check mr-1\"></i>\r\n            {{ appointment.checkedIn ? \"Checked In\" : \"Check In\" }}\r\n          </button>\r\n          <b-spinner\r\n            v-if=\"loading\"\r\n            variant=\"primary\"\r\n            label=\"Spinning\"\r\n          ></b-spinner>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { lightenDarkenColor } from \"../../helpers/general\";\r\nimport scheduleEvent from \"../../server/scheduleEvents\";\r\nimport { billingServer } from \"../../server/billing\";\r\nimport { appointmentsServer } from \"../../server/appointments\";\r\n\r\nimport moment from \"moment\";\r\nimport { mapActions, mapState } from \"vuex\";\r\n\r\nexport default {\r\n  props: {\r\n    appointment: Object,\r\n    globalMode: String\r\n  },\r\n  data() {\r\n    return {\r\n      loading: false\r\n    };\r\n  },\r\n  methods: {\r\n    ...mapActions(\"appointments\", [\"loadAppointments\"]),\r\n    async checkNextAppointment() {\r\n      var res = await scheduleEvent.isPatientOutstandingBalance(this.patientId);\r\n\r\n      if (this.appointment.checkedIn) {\r\n        this.checkAction();\r\n        return;\r\n      }\r\n\r\n      if (res != \"\") {\r\n        this.showPayBalanceWarning(\"checkNextAppointment\");\r\n      } else {\r\n        this.checkAction();\r\n      }\r\n    },\r\n    async checkAction() {\r\n      this.loading = true;\r\n      var result = await scheduleEvent.setCheckedIn(\r\n        this.appointment.episodeOfCareId,\r\n        {\r\n          checkedIn: !this.appointment.checkedIn\r\n        }\r\n      );\r\n      appointmentsServer.sendToMainApp(this.currentTenant, this.appointment.id, this.signalRAppUrl);\r\n      this.appointment.checkedIn = result.checkedIn;\r\n      this.loading = false;\r\n    },\r\n    goToMeetingUrl() {\r\n      this.loading = true;\r\n      var url = null;\r\n      if (this.appointment.teamsMeetingUrl) {\r\n        url = this.appointment.teamsMeetingUrl;\r\n      }\r\n      if (this.appointment.zoomMeetingUrl) {\r\n        url = this.appointment.zoomMeetingUrl;\r\n      }\r\n      window.open(url, \"_blank\");\r\n      this.loading = false;\r\n    },\r\n    async joinTelehealthSession() {\r\n      var result = await scheduleEvent.isPatientOutstandingBalance(\r\n        this.patientId\r\n      );\r\n      if (result != \"\") {\r\n        this.showPayBalanceWarning(\"joinTelehealthSession\");\r\n      } else {\r\n        this.goToMeetingUrl();\r\n      }\r\n    },\r\n    async cancelAppointment() {\r\n      var date = moment(String(this.appointment.appointmentDate)).format(\r\n        \"MM/DD/YYYY hh:mm a\"\r\n      );\r\n      this.$dialog\r\n        .confirm(\r\n          {\r\n            title: `Are you sure you want to cancel your appointment with ${this.appointment.provider} on ${date}?`\r\n          },\r\n          {\r\n            view: \"confirm-delete\",\r\n            removeButtonTitle: \"Yes\",\r\n            cancelButtonTitle: \"Close\"\r\n          }\r\n        )\r\n        .then(async () => {\r\n          var result = await scheduleEvent.cancelAppointment(\r\n            this.appointment.episodeOfCareId,\r\n            this.appointment.id\r\n          );\r\n          this.appointment.status = result.scheduleEventStatus.name;\r\n          appointmentsServer.sendToMainApp(\r\n            this.currentTenant,\r\n            this.appointment.id,\r\n            this.signalRAppUrl\r\n          );\r\n          this.loadAppointments();\r\n        });\r\n    },\r\n    async showPayBalanceWarning(action) {\r\n      this.$dialog\r\n        .confirm(\r\n          {\r\n            title:\r\n              \"Hello! <br/><br/> Your account currently has a balance. Please follow the prompts below to ensure you understand the cost of services and do not accumulate a large balance.\"\r\n          },\r\n          {\r\n            view: \"payment-options-confirm\",\r\n            options: [{ value: true, label: \"Yes\" }]\r\n          }\r\n        )\r\n        .then(async option => {\r\n          if (option.data == \"payNow\") {\r\n            var response = await billingServer.getInvoices(this.patientId);\r\n            this.$router.push({\r\n              name: \"InvoicePayment\",\r\n              params: {\r\n                invoices: response.data,\r\n                fromPaywall: true\r\n              }\r\n            });\r\n          } else {\r\n            action == \"joinTelehealthSession\"\r\n              ? this.goToMeetingUrl()\r\n              : this.checkAction();\r\n          }\r\n        })\r\n        .catch(function() {});\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapState(\"session\", {\r\n      patientId: state => state.user.PatientId,\r\n      currentTenant: state => state.systemSettings.currentTenant,\r\n      signalRAppUrl: state => state.systemSettings.signalRAppUrl\r\n    }),\r\n    backgroundColor() {\r\n      return lightenDarkenColor(this.appointment.color, 85);\r\n    },\r\n    joinMeeting() {\r\n      return (\r\n        this.appointment.teamsMeetingUrl ||\r\n        (this.appointment.zoomMeetingUrl && !this.loading)\r\n      );\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.btn-success,\r\n.btn-warning {\r\n  color: white !important;\r\n}\r\n.appointment-card {\r\n  background-color: #f5f6f9;\r\n  border-radius: 10px;\r\n  padding: 15px 20px;\r\n  margin-bottom: 1.5em;\r\n\r\n  .appointment-cell {\r\n    height: 100%;\r\n    border-right: 2px #efeff2 solid;\r\n\r\n    h6 {\r\n      font-size: 0.8em;\r\n      margin: 0;\r\n\r\n      &:first-child {\r\n        margin-bottom: 5px;\r\n      }\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 768px) {\r\n    .appointment-cell {\r\n      border-right: none;\r\n      margin-bottom: 1em;\r\n    }\r\n  }\r\n\r\n  .form-badge {\r\n    padding: 5px 10px;\r\n    margin-right: 20px;\r\n    font-size: 0.8em;\r\n    width: 100%;\r\n    max-width: 100px;\r\n\r\n    &.completed {\r\n      background: #ccf9cf;\r\n      color: #01be0e;\r\n    }\r\n\r\n    &.pending {\r\n      background: #fff3ca;\r\n      color: #ffc300;\r\n    }\r\n  }\r\n\r\n  .gap-dashboard {\r\n    margin-right: 20px;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppointmentCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppointmentCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppointmentCard.vue?vue&type=template&id=7640a35c&scoped=true&\"\nimport script from \"./AppointmentCard.vue?vue&type=script&lang=js&\"\nexport * from \"./AppointmentCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppointmentCard.vue?vue&type=style&index=0&id=7640a35c&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7640a35c\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container appointment-card mt-4\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-2\"},[_c('div',{staticClass:\"d-flex flex-column appointment-cell\"},[_c('h6',[_vm._v(\"Appointment Date:\")]),_vm._v(\" \"),_c('h6',{staticClass:\"font-weight-bold\"},[_vm._v(\"\\n          \"+_vm._s(_vm._f(\"formatDateOnly\")(_vm.appointment.startDateTime))+\"\\n        \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-2\"},[_c('div',{staticClass:\"d-flex flex-column appointment-cell\"},[_c('h6',[_vm._v(\"Appointment Time:\")]),_vm._v(\" \"),_c('h6',{staticClass:\"font-weight-bold\"},[_vm._v(\"\\n          \"+_vm._s(_vm._f(\"formatTimeOnly\")(_vm.appointment.startDateTime))+\"\\n        \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-2\"},[_c('div',{staticClass:\"d-flex flex-column appointment-cell\"},[_c('h6',[_vm._v(\"Appointment Length:\")]),_vm._v(\" \"),_c('h6',{staticClass:\"font-weight-bold\"},[_vm._v(\"\\n          \"+_vm._s(_vm._f(\"humanMillis\")(_vm.duration))+\"\\n        \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-2\"},[_c('div',{staticClass:\"d-flex flex-column appointment-cell\"},[_c('h6',[_vm._v(\"Provider:\")]),_vm._v(\" \"),_c('h6',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(_vm.appointment.provider.fullName))])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-2\"},[_c('div',{staticClass:\"d-flex flex-column appointment-cell\"},[_c('h6',[_vm._v(\"Service:\")]),_vm._v(\" \"),_c('h6',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(_vm.appointment.service.name))])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-2 d-flex flex-row justify-content-center align-items-center\"},[_c('b-badge',{class:`form-badge ${\n            _vm.appointment.status === 'Pending' ? 'pending' : 'completed'\n          }`,attrs:{\"pill\":\"\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.appointment.status)+\"\\n      \")])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container appointment-card mt-4\">\r\n    <div class=\"row\">\r\n      <div class=\"col-md-2\">\r\n        <div class=\"d-flex flex-column appointment-cell\">\r\n          <h6>Appointment Date:</h6>\r\n          <h6 class=\"font-weight-bold\">\r\n            {{ appointment.startDateTime | formatDateOnly() }}\r\n          </h6>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"col-md-2\">\r\n        <div class=\"d-flex flex-column appointment-cell\">\r\n          <h6>Appointment Time:</h6>\r\n          <h6 class=\"font-weight-bold\">\r\n            {{ appointment.startDateTime | formatTimeOnly() }}\r\n          </h6>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"col-md-2\">\r\n        <div class=\"d-flex flex-column appointment-cell\">\r\n          <h6>Appointment Length:</h6>\r\n          <h6 class=\"font-weight-bold\">\r\n            {{ duration | humanMillis }}\r\n          </h6>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"col-md-2\">\r\n        <div class=\"d-flex flex-column appointment-cell\">\r\n          <h6>Provider:</h6>\r\n          <h6 class=\"font-weight-bold\">{{ appointment.provider.fullName }}</h6>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"col-md-2\">\r\n        <div class=\"d-flex flex-column appointment-cell\">\r\n          <h6>Service:</h6>\r\n          <h6 class=\"font-weight-bold\">{{ appointment.service.name }}</h6>\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        class=\"col-md-2 d-flex flex-row justify-content-center align-items-center\"\r\n      >\r\n        <b-badge\r\n          pill\r\n          :class=\"\r\n            `form-badge ${\r\n              appointment.status === 'Pending' ? 'pending' : 'completed'\r\n            }`\r\n          \"\r\n        >\r\n          {{ appointment.status }}\r\n        </b-badge>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { lightenDarkenColor } from \"../../helpers/general\";\r\nimport { calculateDurationToMilliseconds } from \"../../helpers/date\";\r\n\r\nexport default {\r\n  props: {\r\n    appointment: Object\r\n  },\r\n  computed: {\r\n    backgroundColor() {\r\n      return lightenDarkenColor(\"#FO56b\", 85);\r\n    },\r\n    duration() {\r\n      return calculateDurationToMilliseconds(\r\n        this.appointment.startDateTime,\r\n        this.appointment.endDateTime\r\n      );\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.appointment-card {\r\n  background-color: #f5f6f9;\r\n  border-radius: 10px;\r\n  padding: 15px 20px;\r\n  margin-bottom: 1.5em;\r\n\r\n  .appointment-cell {\r\n    height: 100%;\r\n    border-right: 2px #efeff2 solid;\r\n\r\n    h6 {\r\n      font-size: 0.8em;\r\n      margin: 0;\r\n\r\n      &:first-child {\r\n        margin-bottom: 5px;\r\n      }\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 768px) {\r\n    .appointment-cell {\r\n      border-right: none;\r\n      margin-bottom: 1em;\r\n    }\r\n  }\r\n\r\n  .form-badge {\r\n    padding: 5px 10px;\r\n    font-size: 0.8em;\r\n    width: 100%;\r\n    max-width: 100px;\r\n\r\n    &.completed {\r\n      background: #ccf9cf;\r\n      color: #01be0e;\r\n    }\r\n\r\n    &.pending {\r\n      background: #fff3ca;\r\n      color: #ffc300;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppointmentRequestCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppointmentRequestCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppointmentRequestCard.vue?vue&type=template&id=07546397&scoped=true&\"\nimport script from \"./AppointmentRequestCard.vue?vue&type=script&lang=js&\"\nexport * from \"./AppointmentRequestCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppointmentRequestCard.vue?vue&type=style&index=0&id=07546397&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"07546397\",\n  null\n  \n)\n\nexport default component.exports","import SignalRConnection from \"./index\";\r\n\r\nconst signalRConnection = new SignalRConnection();\r\n\r\nexport default signalRConnection;\r\n","<template>\r\n  <layout>\r\n    <div class=\"container mt-4\">\r\n      <div class=\"row\">\r\n        <div class=\"col-12\">\r\n          <b-card>\r\n            <b-card-text>\r\n              <h5 class=\"font-weight-bold\">Appointments</h5>\r\n            </b-card-text>\r\n\r\n            <div\r\n              v-if=\"!appointmentsLoaded\"\r\n              class=\"d-flex flex-row justify-content-center mt-4 mb-4\"\r\n            >\r\n              <b-spinner\r\n                style=\"width: 4rem; height: 4rem\"\r\n                variant=\"primary\"\r\n                label=\"Spinning\"\r\n              ></b-spinner>\r\n            </div>\r\n\r\n            <b-tabs v-if=\"appointmentsLoaded\" card>\r\n              <b-tab title=\"Upcoming\" active>\r\n                <appointment-card\r\n                  v-for=\"(item, index) in appointmentsUpcomingLoaded\"\r\n                  :appointment=\"item\"\r\n                  :key=\"'au' + index\"\r\n                />\r\n\r\n                <div\r\n                  class=\"d-flex flex-row justify-content-center\"\r\n                  v-if=\"upcomingAppointments.length < 1\"\r\n                >\r\n                  <p class=\"font-weight-bold\" style=\"font-size:0.8em;\">\r\n                    NO UPCOMING APPOINTMENTS\r\n                  </p>\r\n                </div>\r\n\r\n                <div\r\n                  v-if=\"upcomingAppointments.length > maxUpcomingLoaded\"\r\n                  class=\"d-flex flex-row justify-content-center mt-4\"\r\n                >\r\n                  <b-button\r\n                    variant=\"outline-primary\"\r\n                    @click=\"maxUpcomingLoaded += 5\"\r\n                  >\r\n                    Load More...\r\n                  </b-button>\r\n                </div>\r\n              </b-tab>\r\n\r\n              <b-tab title=\"Past\">\r\n                <appointment-card\r\n                  v-for=\"(item, index) in appointmentsPastLoaded\"\r\n                  :appointment=\"item\"\r\n                  :key=\"'ap' + index\"\r\n                  global-mode=\"past\"\r\n                />\r\n\r\n                <div\r\n                  class=\"d-flex flex-row justify-content-center\"\r\n                  v-if=\"appointmentsPastLoaded.length < 1\"\r\n                >\r\n                  <p class=\"font-weight-bold\" style=\"font-size:0.8em;\">\r\n                    NO PAST APPOINTMENTS\r\n                  </p>\r\n                </div>\r\n\r\n                <div\r\n                  v-if=\"pastAppointments.length > maxPastLoaded\"\r\n                  class=\"d-flex flex-row justify-content-center mt-4\"\r\n                >\r\n                  <b-button\r\n                    variant=\"outline-primary\"\r\n                    @click=\"maxPastLoaded += 5\"\r\n                  >\r\n                    Load More...\r\n                  </b-button>\r\n                </div>\r\n              </b-tab>\r\n              <b-tab title=\"Requests\">\r\n                <div class=\"d-flex justify-content-end\">\r\n                  <b-button\r\n                    v-if=\"patientsCanSelfScheduleAppointments\"\r\n                    variant=\"primary\"\r\n                    @click=\"goToNewAppointmentRequest\"\r\n                  >\r\n                    New\r\n                  </b-button>\r\n                </div>\r\n                <appointment-request-card\r\n                  v-for=\"(item, index) in appointmentRequests\"\r\n                  :appointment=\"item\"\r\n                  :key=\"'ap' + index\"\r\n                />\r\n                <div\r\n                  class=\"d-flex flex-row justify-content-center\"\r\n                  v-if=\"appointmentRequests.length < 1\"\r\n                >\r\n                  <p class=\"font-weight-bold\" style=\"font-size:0.8em;\">\r\n                    NO APPOINTMENTS REQUESTS\r\n                  </p>\r\n                </div>\r\n              </b-tab>\r\n            </b-tabs>\r\n          </b-card>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </layout>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters, mapActions, mapState } from \"vuex\";\r\nimport Layout from \"../workspace/Layout.vue\";\r\nimport AppointmentCard from \"./AppointmentCard.vue\";\r\nimport AppointmentRequestCard from \"./AppointmentRequestCard.vue\";\r\nimport signalAppointmentClient from \"../../signalr/appointments.js\";\r\nimport { appointmentsServer } from \"../../server/appointments\";\r\n\r\nexport default {\r\n  name: \"Appointments\",\r\n  components: {\r\n    Layout,\r\n    AppointmentCard,\r\n    AppointmentRequestCard\r\n  },\r\n  data() {\r\n    return {\r\n      maxUpcomingLoaded: 5,\r\n      maxPastLoaded: 5\r\n    };\r\n  },\r\n  async mounted() {\r\n    await this.loadCurrentLocation();\r\n    await this.loadAppointmentRequests();\r\n    await this.loadAppointments();\r\n    signalAppointmentClient.initialize(\r\n      \"appointments\",\r\n      this.$store.state.session.systemSettings.signalRAppUrl\r\n    );\r\n    signalAppointmentClient.start();\r\n\r\n    signalAppointmentClient.on(\"UpdatePortalAppAppointment\", result => {\r\n      if (result && result.tenantName === this.config.currentTenant) {\r\n        const isUpcomingRenderedEvent = this.appointmentsUpcomingLoaded.find(\r\n          appointment => appointment.id === result.scheduleEventId\r\n        );\r\n        const isPastRenderedEvent = this.appointmentsPastLoaded.find(\r\n          appointment => appointment.id === result.scheduleEventId\r\n        );\r\n\r\n        if (isUpcomingRenderedEvent || isPastRenderedEvent) {\r\n          this.loadAppointments();\r\n        }\r\n      }\r\n    });\r\n  },\r\n  destroyed() {\r\n    signalAppointmentClient.stop();\r\n  },\r\n  methods: {\r\n    ...mapActions(\"session\", [\"loadCurrentLocation\"]),\r\n    ...mapActions(\"appointments\", [\r\n      \"loadAppointmentRequests\",\r\n      \"loadAppointments\"\r\n    ]),\r\n    goToNewAppointmentRequest() {\r\n      this.$router.replace({\r\n        name: \"AppointmentRequestAdd\"\r\n      });\r\n    },\r\n    async sendMessageToMainApp() {\r\n      appointmentsServer.sendToPortal();\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters(\"appointments\", [\r\n      \"appointments\",\r\n      \"appointmentRequests\",\r\n      \"upcomingAppointments\",\r\n      \"pastAppointments\",\r\n      \"appointmentsLoaded\"\r\n    ]),\r\n    ...mapState(\"session\", {\r\n      config: state => state.systemSettings\r\n    }),\r\n    appointmentsUpcomingLoaded() {\r\n      return this.upcomingAppointments.slice(0, this.maxUpcomingLoaded);\r\n    },\r\n    appointmentsPastLoaded() {\r\n      return this.pastAppointments.slice(0, this.maxPastLoaded);\r\n    },\r\n    patientsCanSelfScheduleAppointments() {\r\n      return this.config.appointmentRequestEnable ? true : false;\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.card-header {\r\n  padding: 0 15px 12px;\r\n  background-color: transparent;\r\n  border: none;\r\n}\r\n\r\n.tab-pane {\r\n  padding: 20px 0;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Appointments.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Appointments.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Appointments.vue?vue&type=template&id=2c31fcd1&\"\nimport script from \"./Appointments.vue?vue&type=script&lang=js&\"\nexport * from \"./Appointments.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Appointments.vue?vue&type=style&index=0&id=2c31fcd1&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Appointments.vue?vue&type=style&index=0&id=2c31fcd1&prod&lang=scss&\""],"sourceRoot":""}