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