{"version":3,"sources":["webpack:///./src/styles/css/myAppointments.css?5686","webpack:///./src/views/customer/appointment/myAppointments.vue?d92d","webpack:///./src/components/AppointmentCard/AppointmentCard.vue?a316","webpack:///src/components/AppointmentCard/AppointmentCard.vue","webpack:///./src/components/AppointmentCard/AppointmentCard.vue?30b3","webpack:///./src/components/AppointmentCard/AppointmentCard.vue","webpack:///./src/components/AppointmentCard/CustomerAppointmentCard.vue?3ed2","webpack:///src/components/AppointmentCard/CustomerAppointmentCard.vue","webpack:///./src/components/AppointmentCard/CustomerAppointmentCard.vue?23ab","webpack:///./src/components/AppointmentCard/CustomerAppointmentCard.vue","webpack:///./src/components/AppointmentCard/CustomerAppointmentDeactiveCard.vue?387c","webpack:///src/components/AppointmentCard/CustomerAppointmentDeactiveCard.vue","webpack:///./src/components/AppointmentCard/CustomerAppointmentDeactiveCard.vue?a7d4","webpack:///./src/components/AppointmentCard/CustomerAppointmentDeactiveCard.vue","webpack:///src/views/customer/appointment/myAppointments.vue","webpack:///./src/views/customer/appointment/myAppointments.vue?c408","webpack:///./src/views/customer/appointment/myAppointments.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","$i18n","locale","staticClass","_v","_s","headerText","CustomerAppointments","length","$t","_e","appointmentOptions","item","value","model","callback","$$v","selectedAppointment","expression","_l","customerAppointment","index","key","is_active_card","on","$event","listeyiYenile","staticRenderFns","class","isExpired","appointment","end_date","is_active","$store","getters","scopedSlots","_u","fn","isCancelVerify","start_date","appointmentCancel","time_table_detail_id","doorOpen","time_table_id","proxy","activity_name","formattedDayNumber","formattedMonthName","formattedYearNumber","startTime","endTime","company_branch_name","room_name","person_name","last_name","name","props","type","Object","required","data","ml","components","BRow","BCol","BCard","BTab","BTabs","BCardText","BCardTitle","BButton","BFormSelect","BPopover","VBPopover","BCardBody","BAlert","BImg","BMediaAside","methods","moment","Date","getTime","$swal","title","text","icon","showCancelButton","confirmButtonText","cancelButtonText","customClass","confirmButton","cancelButton","buttonsStyling","hour","split","formattedHMS","val","component","AppointmenActivity","AppointmentTimeTable","AppointmentCompanyBranch","AppointmentRoom","AppointmentTrainer","first_name","staticStyle","is_canceled_button","AppointmentStudioDoor","is_door","is_door_button","company_branch_id","reloadPage","coutDownTimer","pgvalue","window","location","reload","watch","computed","created","mounted","AppointmentCard","CustomerAppointmentCard","CustomerAppointmentDeactiveCard","Ripple","BFormGroup","vSelect","getSelectText","directives"],"mappings":"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","file":"js/customer.appointment.myAppointments.02cb332f.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!./myAppointments.css?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{attrs:{\"id\":\"card-navigation\"}},[_c('b-alert',{attrs:{\"variant\":\"light\",\"show\":\"\"}},[(_vm.$i18n.locale === 'tr')?_c('h4',{staticClass:\"alert-heading bg-primary bg-lighten-1 text-white rounded\"},[_vm._v(\" \"+_vm._s(_vm.headerText)+\" \"),_c('b',[_vm._v(_vm._s(_vm.CustomerAppointments.length))]),_vm._v(\" \"+_vm._s(_vm.$t('Pieces'))+\" \")]):_vm._e()]),_c('b-row',{staticClass:\"mb-2 rounded\"},[_c('b-col',{attrs:{\"sm\":\"6\"}},[_c('b-form-group',[_c('v-select',{staticClass:\"select-config\",attrs:{\"options\":_vm.appointmentOptions,\"value\":\"value\",\"label\":\"text\",\"reduce\":function (item) { return item.value; }},model:{value:(_vm.selectedAppointment),callback:function ($$v) {_vm.selectedAppointment=$$v},expression:\"selectedAppointment\"}})],1)],1)],1),_c('b-row',_vm._l((_vm.CustomerAppointments),function(customerAppointment,index){return _c('b-col',{key:index,attrs:{\"md\":\"6\",\"sm\":\"12\"}},[(customerAppointment.is_active_card== true)?_c('CustomerAppointmentCard',{attrs:{\"customerAppointment\":customerAppointment},on:{\"randevuIptal\":function($event){return _vm.listeyiYenile()}}}):_vm._e(),(customerAppointment.is_active_card == false)?_c('CustomerAppointmentDeactiveCard',{attrs:{\"customerAppointment\":customerAppointment},on:{\"randevuIptal\":function($event){return _vm.listeyiYenile()}}}):_vm._e()],1)}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{staticClass:\"custom-shadow\",class:_vm.isExpired(_vm.appointment.end_date) \n        || _vm.appointment.is_active == false ? (_vm.$store.getters['appConfig/skin']) === 'dark' ? 'bg-expired-dark' : 'bg-expired' : '',scopedSlots:_vm._u([{key:\"footer\",fn:function(){return [(_vm.appointment.is_active == true && !_vm.isExpired(_vm.appointment.end_date) && _vm.isCancelVerify(_vm.appointment.start_date))?_c('div',{staticClass:\"float-right\"},[_c('b-button',{attrs:{\"variant\":\"danger ml-1\"},on:{\"click\":function($event){return _vm.appointmentCancel(_vm.appointment.time_table_detail_id)}}},[_vm._v(_vm._s(_vm.$t('Cancellation')))])],1):_vm._e(),(_vm.appointment.is_active == false)?_c('div',[_c('p',{staticClass:\"text-primary appointment-canceled\"},[_vm._v(_vm._s(_vm.$t('Appointment Canceled')))])]):_vm._e(),(_vm.isExpired(_vm.appointment.end_date))?_c('div',[_c('p',{staticClass:\"text-primary appointment-canceled\"},[_vm._v(_vm._s(_vm.$t('Appointment Has Expired')))])]):_vm._e(),_c('div',{staticClass:\"float-right\"},[_c('b-button',{attrs:{\"variant\":\"success\"},on:{\"click\":function($event){return _vm.doorOpen(_vm.appointment.time_table_id, _vm.appointment.time_table_detail_id)}}},[_vm._v(\"Kapı aç\")])],1)]},proxy:true}])},[_c('b-tabs',{staticClass:\"appointment-block\",attrs:{\"nav-class\":\"mb-2 ml-2\"}},[_c('b-tab',{staticClass:\"ml-2\",attrs:{\"title\":_vm.$t('General Information'),\"active\":\"\"}},[_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('Activity')))]),_vm._v(\" \"+_vm._s(_vm.appointment.activity_name)+\" \")]),_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('Appointment Date'))+\":\")]),_vm._v(\" \"+_vm._s(_vm.formattedDayNumber(_vm.appointment.start_date))+\" \"+_vm._s(_vm.formattedMonthName(_vm.appointment.start_date))+\" \"+_vm._s(_vm.formattedYearNumber(_vm.appointment.start_date))+\" \")]),_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('Start Time'))+\":\")]),_vm._v(\" \"+_vm._s(_vm.startTime(_vm.appointment.start_date))+\" \")]),_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('End Time')))]),_vm._v(\" \"+_vm._s(_vm.endTime(_vm.appointment.end_date))+\" \")])],1),_c('b-tab',{staticClass:\"ml-2\",attrs:{\"title\":_vm.$t('Place')}},[_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('Facility'))+\":\")]),_vm._v(\" \"+_vm._s(_vm.appointment.company_branch_name)+\" \")]),_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('Room'))+\":\")]),_vm._v(\" \"+_vm._s(_vm.appointment.room_name !== null ? _vm.appointment.room_name : 'Belirtilmemiş')+\" \")])],1),_c('b-tab',{staticClass:\"ml-2\",attrs:{\"title\":_vm.$t('Trainer')}},[_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('Trainer Name'))+\":\")]),_vm._v(\" \"+_vm._s(_vm.appointment.person_name)+\" \")]),_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('Trainer Surname'))+\":\")]),_vm._v(\" \"+_vm._s(_vm.appointment.last_name)+\" \")])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card \r\n  class=\"custom-shadow\"\r\n          :class=\"isExpired(appointment.end_date) \r\n          || appointment.is_active == false ? ($store.getters['appConfig/skin']) === 'dark' ? 'bg-expired-dark' : 'bg-expired' : ''\">\r\n    <b-tabs  nav-class=\"mb-2 ml-2\" class=\"appointment-block\">\r\n      <b-tab :title=\"$t('General Information')\" active class=\"ml-2\">\r\n        <b-card-text class=\"text-left pl-1\">\r\n          <b>{{ $t('Activity') }}</b> {{ appointment.activity_name }}\r\n        </b-card-text>\r\n        <b-card-text class=\"text-left pl-1\">\r\n          <b>{{ $t('Appointment Date') }}:</b> {{ formattedDayNumber(appointment.start_date) }}\r\n          {{ formattedMonthName(appointment.start_date) }} {{ formattedYearNumber(appointment.start_date) }}\r\n        </b-card-text>\r\n        <b-card-text class=\"text-left pl-1\">\r\n          <b>{{ $t('Start Time') }}:</b> {{ startTime(appointment.start_date) }}\r\n        </b-card-text>\r\n        <b-card-text class=\"text-left pl-1\">\r\n          <b>{{ $t('End Time') }}</b> {{ endTime(appointment.end_date) }}\r\n        </b-card-text>\r\n      </b-tab>\r\n      <b-tab :title=\"$t('Place')\" class=\"ml-2\">\r\n        <b-card-text class=\"text-left pl-1\">\r\n          <b>{{ $t('Facility') }}:</b> {{ appointment.company_branch_name }}\r\n        </b-card-text>\r\n        <b-card-text class=\"text-left pl-1\">\r\n          <b>{{ $t('Room') }}:</b> {{ appointment.room_name !== null ? appointment.room_name : 'Belirtilmemiş' }}\r\n        </b-card-text>\r\n      </b-tab>\r\n      <b-tab :title=\"$t('Trainer')\" class=\"ml-2\">\r\n        <b-card-text class=\"text-left pl-1\">\r\n          <b>{{ $t('Trainer Name') }}:</b> {{ appointment.person_name }}\r\n        </b-card-text>\r\n        <b-card-text class=\"text-left pl-1\">\r\n          <b>{{ $t('Trainer Surname') }}:</b> {{ appointment.last_name }}\r\n        </b-card-text>\r\n      </b-tab>\r\n    </b-tabs>\r\n    <template #footer class=\"\" >\r\n      <div class=\"float-right\" v-if=\"appointment.is_active == true && !isExpired(appointment.end_date) && isCancelVerify(appointment.start_date)\">\r\n          <b-button @click=\"appointmentCancel(appointment.time_table_detail_id)\" variant=\"danger ml-1\">{{ $t('Cancellation') }}</b-button>\r\n      </div>\r\n       <!-- randevu iptal edilmişse -->\r\n      <div v-if=\"appointment.is_active == false\">\r\n        <p class=\"text-primary appointment-canceled\">{{ $t('Appointment Canceled') }}</p>\r\n      </div>\r\n      <!-- randevu süresi geçti -->\r\n      <div v-if=\"isExpired(appointment.end_date)\">\r\n        <p class=\"text-primary appointment-canceled\">{{ $t('Appointment Has Expired') }}</p>\r\n      </div>\r\n      <div class=\"float-right\">\r\n        <b-button @click=\"doorOpen(appointment.time_table_id, appointment.time_table_detail_id)\" variant=\"success\">Kapı aç</b-button>\r\n      </div>\r\n    </template>\r\n  </b-card>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n      BAlert,\r\n      BButton,\r\n      BCard,\r\n      BCardText,\r\n      BCardTitle,\r\n      BCol,\r\n      BFormSelect,\r\n      BImg,\r\n      BPopover,\r\n      VBPopover,\r\n      BCardBody,\r\n      BMediaAside,\r\n      BRow,\r\n      BTab,\r\n      BTabs\r\n    } from 'bootstrap-vue'\r\nexport default {\r\n  name: 'AppointmentCard',\r\n  props: {\r\n    appointment: {\r\n      type: Object,\r\n      required: true\r\n    },\r\n        },\r\n        diretives: {\r\n            VBPopover: VBPopover\r\n        },\r\n  data() {\r\n    return {\r\n      ml: [\r\n        'January',\r\n        'February',\r\n        'March',\r\n        'April',\r\n        'May',\r\n        'June',\r\n        'July',\r\n        'August',\r\n        'September',\r\n        'October',\r\n        'November',\r\n        'December',\r\n      ],\r\n    }\r\n  },\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n    BCard,\r\n    BTab,\r\n    BTabs,\r\n    BCardText,\r\n    BCardTitle,\r\n    BButton,\r\n    BFormSelect,\r\n    BPopover,\r\n    VBPopover,\r\n    BCardBody,\r\n    BAlert,\r\n    BImg,\r\n    BMediaAside\r\n  },\r\n  methods: {\r\n    isExpired(end_date) {\r\n      return this.moment > new Date(end_date)\r\n    },\r\n    isCancelVerify(start_date) {\r\n      return new Date(start_date).getTime() - new Date().getTime() > 3600000\r\n    },\r\n    appointmentCancel(time_table_detail_id) {\r\n      this.$swal({\r\n        title: this.$t('Are you sure?'),\r\n        text: this.$t('Are You Sure You Want To Cancel Your Appointment?'),\r\n        icon: 'warning',\r\n        showCancelButton: true,\r\n        confirmButtonText: this.$t('Yes'),\r\n        cancelButtonText: this.$t('Cancel'),\r\n        customClass: {\r\n          confirmButton: 'btn btn-primary',\r\n          cancelButton: 'btn btn-danger ml-1',\r\n        },\r\n        buttonsStyling: false,\r\n      })\r\n          .then(result => {\r\n            if (result.value) {\r\n              this.$database.AppointmentService.change_appointment_activity(time_table_detail_id)\r\n                  .then(res => {\r\n                    if (res.IsSuccess === true || res.IsSuccess === 1) {\r\n                        this.$functions.Messages.success(res.Result);\r\n                      //randevu iptali başarılı olduktan sonra emit yayarız ve üst bileşende randevu listesini yenileriz\r\n                        this.$emit(\"randevuIptal\")\r\n                    }\r\n                    else\r\n                    {\r\n                      this.$functions.Messages.error(res.Result)\r\n                    }\r\n                  })\r\n            }\r\n          })\r\n    },\r\n    doorOpen(time_table_id, time_table_detail_id) {\r\n      this.$swal({\r\n        title: this.$t('Are you sure?'),\r\n        text:\"Kapıyı açmak istediğinizden eminmisiniz\", //this.$t('Are You Sure You Want To Cancel Your Appointment?'),\r\n        icon: 'warning',\r\n        showCancelButton: true,\r\n        confirmButtonText: this.$t('Yes'),\r\n        cancelButtonText: this.$t('Cancel'),\r\n        customClass: {\r\n          confirmButton: 'btn btn-primary',\r\n          cancelButton: 'btn btn-danger ml-1',\r\n        },\r\n        buttonsStyling: false,\r\n      })\r\n          .then(result => {\r\n            if (result.value) {\r\n              this.$database.StudioService.StudioDoorOpen(time_table_id, time_table_detail_id)\r\n                  .then(res => {\r\n                    if (res.IsSuccess === true || res.IsSuccess === 1) {\r\n                        this.$functions.Messages.success(res.Result);\r\n                      //randevu iptali başarılı olduktan sonra emit yayarız ve üst bileşende randevu listesini yenileriz\r\n                        this.$emit(\"randevuIptal\")\r\n                    }\r\n                    else\r\n                    {\r\n                      this.$functions.Messages.error(res.Result)\r\n                    }\r\n                  })\r\n            }\r\n          })\r\n    },\r\n    startTime(val) {\r\n      let hour = val.split('T')[1]\r\n      return hour.split(':')[0] + ':' + hour.split(':')[1]\r\n    },\r\n    endTime(val) {\r\n      let date = new Date(val)\r\n      let incrementSecond = date.getTime() + 1000\r\n      let newDate = new Date(incrementSecond)\r\n      let hourMinuteSecond = newDate.toString()\r\n          .split(' ')[4]\r\n      let formattedHMS = hourMinuteSecond.split(':')[0] + ':' + hourMinuteSecond.split(':')[1]\r\n      return formattedHMS\r\n    },\r\n    formattedDayNumber(val) {\r\n      return val.split('T')[0].split('-')[2]\r\n    },\r\n    formattedMonthName(val) {\r\n      return this.$t(this.ml[val.split('T')[0].split('-')[1] - 1])\r\n    },\r\n    formattedYearNumber(val) {\r\n      return val.split('T')[0].split('-')[0]\r\n    },\r\n  }\r\n}\r\n</script>","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=56d3cd4e&\"\nimport script from \"./AppointmentCard.vue?vue&type=script&lang=js&\"\nexport * from \"./AppointmentCard.vue?vue&type=script&lang=js&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{staticClass:\"custom-shadow\"},[_c('b-tabs',{staticClass:\"appointment-block\",attrs:{\"nav-class\":\"mb-2 ml-2\"}},[_c('b-tab',{staticClass:\"ml-2\",attrs:{\"title\":_vm.$t('General Information'),\"active\":\"\"}},[_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('Activity')))]),_vm._v(\" \"+_vm._s(_vm.customerAppointment.AppointmenActivity.activity_name)+\" \")]),_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('Appointment Date'))+\":\")]),_vm._v(\" \"+_vm._s(_vm.formattedDayNumber(_vm.customerAppointment.AppointmentTimeTable.start_date))+\" \"+_vm._s(_vm.formattedMonthName(_vm.customerAppointment.AppointmentTimeTable.start_date))+\" \"+_vm._s(_vm.formattedYearNumber(_vm.customerAppointment.AppointmentTimeTable.start_date))+\" \")]),_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('Start Time'))+\":\")]),_vm._v(\" \"+_vm._s(_vm.startTime(_vm.customerAppointment.AppointmentTimeTable.start_date))+\" \")]),_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('End Time')))]),_vm._v(\" \"+_vm._s(_vm.endTime(_vm.customerAppointment.AppointmentTimeTable.end_date))+\" \")])],1),_c('b-tab',{staticClass:\"ml-2\",attrs:{\"title\":_vm.$t('Facility')}},[_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('Facility'))+\":\")]),_vm._v(\" \"+_vm._s(_vm.customerAppointment.AppointmentCompanyBranch.company_branch_name)+\" \")]),(_vm.customerAppointment.AppointmentRoom != null)?_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('Room'))+\":\")]),_vm._v(\" \"+_vm._s(_vm.customerAppointment.AppointmentRoom.room_name !== null ? _vm.customerAppointment.AppointmentRoom.room_name : 'Belirtilmemiş')+\" \")]):_vm._e()],1),_c('b-tab',{staticClass:\"ml-2\",attrs:{\"title\":_vm.$t('Trainer')}},[_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('Trainer Name'))+\":\")]),_vm._v(\" \"+_vm._s(_vm.customerAppointment.AppointmentTrainer.first_name)+\" \")]),_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('Trainer Surname'))+\":\")]),_vm._v(\" \"+_vm._s(_vm.customerAppointment.AppointmentTrainer.last_name)+\" \")])],1)],1),_c('div',[_c('hr',{staticStyle:{\"margin-left\":\"-15px\",\"margin-right\":\"-15px\"}}),(_vm.customerAppointment.is_canceled_button == true)?_c('div',{staticClass:\"float-right\"},[_c('b-button',{attrs:{\"variant\":\"outline-danger ml-1\"},on:{\"click\":function($event){return _vm.appointmentCancel(_vm.customerAppointment.AppointmentTimeTable.time_table_detail_id)}}},[_vm._v(_vm._s(_vm.$t('Cancellation')))])],1):_vm._e(),(_vm.customerAppointment.AppointmentStudioDoor != null)?_c('div',[(_vm.customerAppointment.AppointmentStudioDoor.is_door == true)?_c('div',[(_vm.customerAppointment.is_door_button == true)?_c('div',{staticClass:\"float-right\"},[_c('b-button',{attrs:{\"variant\":\"outline-success\"},on:{\"click\":function($event){return _vm.doorOpen(_vm.customerAppointment.AppointmentTimeTable.company_branch_id,_vm.customerAppointment.AppointmentTimeTable.time_table_id, _vm.customerAppointment.AppointmentTimeTable.time_table_detail_id)}}},[_vm._v(_vm._s(_vm.$t('Open the door'))+\" \"),_c('feather-icon',{staticClass:\"ml-1\",attrs:{\"size\":\"16\",\"icon\":\"UnlockIcon\"}})],1)],1):_c('div',{staticClass:\"float-right\"},[_c('b-button',{attrs:{\"id\":_vm.customerAppointment.AppointmentTimeTable.time_table_detail_id,\"variant\":\"outline-warning\"},on:{\"click\":_vm.reloadPage}},[_vm._v(\" \"+_vm._s(_vm.$t(\"Refresh\"))+\" \"),_c('feather-icon',{staticClass:\"ml-1\",attrs:{\"size\":\"16\",\"icon\":\"RefreshCwIcon\"}})],1)],1)]):_vm._e()]):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card class=\"custom-shadow\">\r\n    <b-tabs  nav-class=\"mb-2 ml-2\" class=\"appointment-block\">\r\n      <b-tab :title=\"$t('General Information')\" active class=\"ml-2\">\r\n        <b-card-text class=\"text-left pl-1\">\r\n          <b>{{ $t('Activity') }}</b> {{customerAppointment.AppointmenActivity.activity_name }}\r\n        </b-card-text>\r\n        <b-card-text class=\"text-left pl-1\">\r\n          <b>{{ $t('Appointment Date') }}:</b> {{ formattedDayNumber(customerAppointment.AppointmentTimeTable.start_date) }}\r\n          {{ formattedMonthName(customerAppointment.AppointmentTimeTable.start_date) }} {{ formattedYearNumber(customerAppointment.AppointmentTimeTable.start_date) }}\r\n        </b-card-text>\r\n        <b-card-text class=\"text-left pl-1\">\r\n          <b>{{ $t('Start Time') }}:</b> {{ startTime(customerAppointment.AppointmentTimeTable.start_date) }}\r\n        </b-card-text>\r\n        <b-card-text class=\"text-left pl-1\">\r\n          <b>{{ $t('End Time') }}</b> {{ endTime(customerAppointment.AppointmentTimeTable.end_date) }}\r\n        </b-card-text>\r\n      </b-tab> \r\n      <b-tab :title=\"$t('Facility')\" class=\"ml-2\">\r\n        <b-card-text class=\"text-left pl-1\">\r\n          <b>{{ $t('Facility') }}:</b> {{ customerAppointment.AppointmentCompanyBranch.company_branch_name }}\r\n        </b-card-text>\r\n         <b-card-text class=\"text-left pl-1\" v-if=\"customerAppointment.AppointmentRoom != null\">\r\n          <b>{{ $t('Room') }}:</b> {{customerAppointment.AppointmentRoom.room_name !== null ? customerAppointment.AppointmentRoom.room_name : 'Belirtilmemiş' }}\r\n        </b-card-text>\r\n      </b-tab>\r\n      <b-tab :title=\"$t('Trainer')\" class=\"ml-2\">\r\n        <b-card-text class=\"text-left pl-1\">\r\n          <b>{{ $t('Trainer Name') }}:</b> {{ customerAppointment.AppointmentTrainer.first_name }}\r\n        </b-card-text>\r\n        <b-card-text class=\"text-left pl-1\">\r\n          <b>{{ $t('Trainer Surname') }}:</b> {{ customerAppointment.AppointmentTrainer.last_name }}\r\n        </b-card-text>\r\n      </b-tab>\r\n    </b-tabs>\r\n    <div>\r\n        <hr style=\"margin-left:-15px; margin-right:-15px;\">\r\n      <div class=\"float-right\" v-if=\"customerAppointment.is_canceled_button == true\">\r\n            <b-button @click=\"appointmentCancel(customerAppointment.AppointmentTimeTable.time_table_detail_id)\" variant=\"outline-danger ml-1\">{{ $t('Cancellation') }}</b-button>\r\n      </div> \r\n        <div v-if=\"customerAppointment.AppointmentStudioDoor != null\">\r\n          <div v-if=\"customerAppointment.AppointmentStudioDoor.is_door == true\">\r\n            <div class=\"float-right\" v-if=\"customerAppointment.is_door_button == true\">\r\n              <b-button @click=\"doorOpen(customerAppointment.AppointmentTimeTable.company_branch_id,customerAppointment.AppointmentTimeTable.time_table_id, customerAppointment.AppointmentTimeTable.time_table_detail_id)\" variant=\"outline-success\">{{ $t('Open the door') }}\r\n                <feather-icon  class=\"ml-1\" size=\"16\" icon=\"UnlockIcon\"/>\r\n              </b-button>\r\n            </div>\r\n            <div v-else class=\"float-right\">\r\n              <b-button   :id=\"customerAppointment.AppointmentTimeTable.time_table_detail_id\" @click=\"reloadPage\"  variant=\"outline-warning\"> {{ $t(\"Refresh\") }}\r\n                <feather-icon  class=\"ml-1\" size=\"16\" icon=\"RefreshCwIcon\"/>\r\n              </b-button>\r\n            </div>\r\n          </div>                  \r\n      </div>\r\n    </div>\r\n  </b-card>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n      BAlert,\r\n      BButton,\r\n      BCard,\r\n      BCardText,\r\n      BCardTitle,\r\n      BCol,\r\n      BFormSelect,\r\n      BImg,\r\n      BPopover,\r\n      VBPopover,\r\n      BCardBody,\r\n      BMediaAside,\r\n      BRow,\r\n      BTab,\r\n      BTabs\r\n    } from 'bootstrap-vue'\r\nexport default {\r\n  name: 'CustomerAppointmentCard',\r\n  props: {\r\n    customerAppointment: {\r\n      type: Object,\r\n      required: true\r\n    },\r\n        },\r\n        diretives: {\r\n            VBPopover: VBPopover\r\n        },\r\n  data() {\r\n    return {\r\n      coutDownTimer:0,\r\n      pgvalue :0,\r\n      ml: [\r\n        'January',\r\n        'February',\r\n        'March',\r\n        'April',\r\n        'May',\r\n        'June',\r\n        'July',\r\n        'August',\r\n        'September',\r\n        'October',\r\n        'November',\r\n        'December',\r\n      ],\r\n    }\r\n  },\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n    BCard,\r\n    BTab,\r\n    BTabs,\r\n    BCardText,\r\n    BCardTitle,\r\n    BButton,\r\n    BFormSelect,\r\n    BPopover,\r\n    VBPopover,\r\n    BCardBody,\r\n    BAlert,\r\n    BImg,\r\n    BMediaAside\r\n  },\r\n  methods: {\r\n\r\n    reloadPage() {\r\n      window.location.reload();\r\n    },\r\n\r\n\r\n    isExpired(end_date) {\r\n      return this.moment > new Date(end_date)\r\n    },\r\n    isCancelVerify(start_date) {\r\n      return new Date(start_date).getTime() - new Date().getTime() > 3600000\r\n    },\r\n    appointmentCancel(time_table_detail_id) {\r\n      this.$swal({\r\n        title: this.$t('Are you sure?'),\r\n        text: this.$t('Are You Sure You Want To Cancel Your Appointment?'),\r\n        icon: 'warning',\r\n        showCancelButton: true,\r\n        confirmButtonText: this.$t('Yes'),\r\n        cancelButtonText: this.$t('Cancel'),\r\n        customClass: {\r\n          confirmButton: 'btn btn-primary',\r\n          cancelButton: 'btn btn-danger ml-1',\r\n        },\r\n        buttonsStyling: false,\r\n      })\r\n          .then(result => {\r\n            if (result.value) {\r\n              this.$database.AppointmentService.change_appointment_activity(time_table_detail_id)\r\n                  .then(res => {\r\n                    if (res.IsSuccess === true || res.IsSuccess === 1) {\r\n                        this.$functions.Messages.success(res.Result);\r\n                      //randevu iptali başarılı olduktan sonra emit yayarız ve üst bileşende randevu listesini yenileriz\r\n                        this.$emit(\"randevuIptal\")\r\n                        window.location.reload();\r\n                    }\r\n                    else\r\n                    {\r\n                      this.$functions.Messages.error(res.Result)\r\n                    }\r\n                  })\r\n            }\r\n          })\r\n    },\r\n    doorOpen(company_branch_id,time_table_id, time_table_detail_id) {\r\n      this.$swal({\r\n        title: this.$t('Are you sure?'),\r\n        text:\"Kapıyı açmak istediğinizden eminmisiniz\", //this.$t('Are You Sure You Want To Cancel Your Appointment?'),\r\n        icon: 'warning',\r\n        showCancelButton: true,\r\n        confirmButtonText: this.$t('Yes'),\r\n        cancelButtonText: this.$t('Cancel'),\r\n        customClass: {\r\n          confirmButton: 'btn btn-primary',\r\n          cancelButton: 'btn btn-danger ml-1',\r\n        },\r\n        buttonsStyling: false,\r\n      })\r\n          .then(result => {\r\n            if (result.value) {\r\n              this.$database.StudioService.StudioDoorOpen(company_branch_id, time_table_id, time_table_detail_id)\r\n                  .then(res => {\r\n                    if (res.IsSuccess === true || res.IsSuccess === 1) {\r\n                        this.$functions.Messages.success(res.Result);\r\n                      //randevu iptali başarılı olduktan sonra emit yayarız ve üst bileşende randevu listesini yenileriz\r\n                        this.$emit(\"randevuIptal\")\r\n                    }\r\n                    else\r\n                    {\r\n                      this.$functions.Messages.error(res.Result)\r\n                    }\r\n                  })\r\n            }\r\n          })\r\n    },\r\n    startTime(val) {\r\n      let hour = val.split('T')[1]\r\n      return hour.split(':')[0] + ':' + hour.split(':')[1]\r\n    },\r\n    endTime(val) {\r\n      let date = new Date(val)\r\n      let incrementSecond = date.getTime() + 1000\r\n      let newDate = new Date(incrementSecond)\r\n      let hourMinuteSecond = newDate.toString()\r\n          .split(' ')[4]\r\n      let formattedHMS = hourMinuteSecond.split(':')[0] + ':' + hourMinuteSecond.split(':')[1]\r\n      return formattedHMS\r\n    },\r\n    formattedDayNumber(val) {\r\n      return val.split('T')[0].split('-')[2]\r\n    },\r\n    formattedMonthName(val) {\r\n      return this.$t(this.ml[val.split('T')[0].split('-')[1] - 1])\r\n    },\r\n    formattedYearNumber(val) {\r\n      return val.split('T')[0].split('-')[0]\r\n    },\r\n  },\r\n  watch:{\r\n\r\n  },\r\n  computed:{\r\n  },\r\n  created(){\r\n    \r\n  },\r\nmounted : function(){   \r\n},\r\n}\r\n</script>","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!./CustomerAppointmentCard.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!./CustomerAppointmentCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CustomerAppointmentCard.vue?vue&type=template&id=5114a452&\"\nimport script from \"./CustomerAppointmentCard.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomerAppointmentCard.vue?vue&type=script&lang=js&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{staticClass:\"custom-shadow\"},[_c('b-tabs',{staticClass:\"appointment-block\",attrs:{\"nav-class\":\"mb-2 ml-2\"}},[_c('b-tab',{staticClass:\"ml-2\",attrs:{\"title\":_vm.$t('General Information'),\"active\":\"\"}},[_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('Activity'))+\" : \")]),_vm._v(\" \"+_vm._s(_vm.customerAppointment.AppointmenActivity.activity_name)+\" \")]),_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('Appointment Date'))+\" :\")]),_vm._v(\" \"+_vm._s(_vm.formattedDayNumber(_vm.customerAppointment.AppointmentTimeTable.start_date))+\" \"+_vm._s(_vm.formattedMonthName(_vm.customerAppointment.AppointmentTimeTable.start_date))+\" \"+_vm._s(_vm.formattedYearNumber(_vm.customerAppointment.AppointmentTimeTable.start_date))+\" \")]),_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('Start Time'))+\" :\")]),_vm._v(\" \"+_vm._s(_vm.startTime(_vm.customerAppointment.AppointmentTimeTable.start_date))+\" \")]),_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('End Time'))+\" :\")]),_vm._v(\" \"+_vm._s(_vm.endTime(_vm.customerAppointment.AppointmentTimeTable.end_date))+\" \")])],1),_c('b-tab',{staticClass:\"ml-2\",attrs:{\"title\":_vm.$t('Place')}},[_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('Facility'))+\" :\")]),_vm._v(\" \"+_vm._s(_vm.customerAppointment.AppointmentCompanyBranch.company_branch_name)+\" \")]),(_vm.customerAppointment.AppointmentRoom != null)?_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('Room'))+\" :\")]),_vm._v(\" \"+_vm._s(_vm.customerAppointment.AppointmentRoom.room_name !== null ? _vm.customerAppointment.AppointmentRoom.room_name : 'Belirtilmemiş')+\" \")]):_vm._e()],1),_c('b-tab',{staticClass:\"ml-2\",attrs:{\"title\":_vm.$t('Trainer')}},[_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('Trainer Name'))+\" :\")]),_vm._v(\" \"+_vm._s(_vm.customerAppointment.AppointmentTrainer.first_name)+\" \")]),_c('b-card-text',{staticClass:\"text-left pl-1\"},[_c('b',[_vm._v(_vm._s(_vm.$t('Trainer Surname'))+\" :\")]),_vm._v(\" \"+_vm._s(_vm.customerAppointment.AppointmentTrainer.last_name)+\" \")])],1)],1),_c('div',{staticClass:\"card-padding\",staticStyle:{\"padding-top\":\"0px !important\",\"margin-bottom\":\"0px !important\"}},[_c('hr',{staticStyle:{\"margin-left\":\"-15px\",\"margin-right\":\"-15px\"}}),(_vm.customerAppointment.AppointmentTimeTable.is_active == false)?_c('div',[_c('p',{staticClass:\"text-primary appointment-canceled\"},[_vm._v(_vm._s(_vm.$t('Appointment Canceled')))])]):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card \r\n  class=\"custom-shadow\">\r\n     <b-tabs  nav-class=\"mb-2 ml-2\" class=\"appointment-block\">\r\n      <b-tab :title=\"$t('General Information')\" active class=\"ml-2\">\r\n        <b-card-text class=\"text-left pl-1\">\r\n          <b>{{ $t('Activity') }} : </b> {{customerAppointment.AppointmenActivity.activity_name }}\r\n          <!-- {{ this.customerAppointment.AppointmentTimeTable.is_active }} -->\r\n        </b-card-text>\r\n        <b-card-text class=\"text-left pl-1\">\r\n          <b>{{ $t('Appointment Date') }} :</b> {{ formattedDayNumber(customerAppointment.AppointmentTimeTable.start_date) }}\r\n          {{ formattedMonthName(customerAppointment.AppointmentTimeTable.start_date) }} {{ formattedYearNumber(customerAppointment.AppointmentTimeTable.start_date) }}\r\n        </b-card-text>\r\n        <b-card-text class=\"text-left pl-1\">\r\n          <b>{{ $t('Start Time') }} :</b> {{ startTime(customerAppointment.AppointmentTimeTable.start_date) }}\r\n        </b-card-text>\r\n        <b-card-text class=\"text-left pl-1\">\r\n          <b>{{ $t('End Time') }} :</b> {{ endTime(customerAppointment.AppointmentTimeTable.end_date) }}\r\n        </b-card-text>\r\n      </b-tab> \r\n      <b-tab :title=\"$t('Place')\" class=\"ml-2\">\r\n        <b-card-text class=\"text-left pl-1\">\r\n          <b>{{ $t('Facility') }} :</b> {{ customerAppointment.AppointmentCompanyBranch.company_branch_name }}\r\n        </b-card-text>\r\n        <b-card-text class=\"text-left pl-1\" v-if=\"customerAppointment.AppointmentRoom != null\">\r\n          <b>{{ $t('Room') }} :</b> {{customerAppointment.AppointmentRoom.room_name !== null ? customerAppointment.AppointmentRoom.room_name : 'Belirtilmemiş' }}\r\n        </b-card-text>\r\n      </b-tab>\r\n      <b-tab :title=\"$t('Trainer')\" class=\"ml-2\">\r\n        <b-card-text class=\"text-left pl-1\">\r\n          <b>{{ $t('Trainer Name') }} :</b> {{ customerAppointment.AppointmentTrainer.first_name }}\r\n        </b-card-text>\r\n        <b-card-text class=\"text-left pl-1\">\r\n          <b>{{ $t('Trainer Surname') }} :</b> {{ customerAppointment.AppointmentTrainer.last_name }}\r\n        </b-card-text>\r\n      </b-tab>\r\n    </b-tabs>\r\n     <div  class=\"card-padding\" style=\"padding-top: 0px !important; margin-bottom:0px !important\">\r\n      <hr style=\"margin-left:-15px; margin-right:-15px;\">\r\n      <div  v-if=\"customerAppointment.AppointmentTimeTable.is_active == false\">\r\n        <p class=\"text-primary appointment-canceled\">{{ $t('Appointment Canceled') }}</p>\r\n      </div>\r\n    </div> \r\n  </b-card>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n      BAlert,\r\n      BButton,\r\n      BCard,\r\n      BCardText,\r\n      BCardTitle,\r\n      BCol,\r\n      BFormSelect,\r\n      BImg,\r\n      BPopover,\r\n      VBPopover,\r\n      BCardBody,\r\n      BMediaAside,\r\n      BRow,\r\n      BTab,\r\n      BTabs\r\n    } from 'bootstrap-vue'\r\nexport default {\r\n  name: 'CustomerAppointmentCard',\r\n  props: {\r\n    customerAppointment: {\r\n      type: Object,\r\n      required: true\r\n    },\r\n        },\r\n        diretives: {\r\n            VBPopover: VBPopover\r\n        },\r\n  data() {\r\n    return {\r\n      coutDownTimer:0,\r\n      pgvalue :0,\r\n      ml: [\r\n        'January',\r\n        'February',\r\n        'March',\r\n        'April',\r\n        'May',\r\n        'June',\r\n        'July',\r\n        'August',\r\n        'September',\r\n        'October',\r\n        'November',\r\n        'December',\r\n      ],\r\n    }\r\n  },\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n    BCard,\r\n    BTab,\r\n    BTabs,\r\n    BCardText,\r\n    BCardTitle,\r\n    BButton,\r\n    BFormSelect,\r\n    BPopover,\r\n    VBPopover,\r\n    BCardBody,\r\n    BAlert,\r\n    BImg,\r\n    BMediaAside\r\n  },\r\n  methods: {\r\n\r\n    reloadPage() {\r\n      window.location.reload();\r\n    },\r\n\r\n\r\n    isExpired(end_date) {\r\n      return this.moment > new Date(end_date)\r\n    },\r\n    isCancelVerify(start_date) {\r\n      return new Date(start_date).getTime() - new Date().getTime() > 3600000\r\n    },\r\n  \r\n    startTime(val) {\r\n      let hour = val.split('T')[1]\r\n      return hour.split(':')[0] + ':' + hour.split(':')[1]\r\n    },\r\n    endTime(val) {\r\n      let date = new Date(val)\r\n      let incrementSecond = date.getTime() + 1000\r\n      let newDate = new Date(incrementSecond)\r\n      let hourMinuteSecond = newDate.toString()\r\n          .split(' ')[4]\r\n      let formattedHMS = hourMinuteSecond.split(':')[0] + ':' + hourMinuteSecond.split(':')[1]\r\n      return formattedHMS\r\n    },\r\n    formattedDayNumber(val) {\r\n      return val.split('T')[0].split('-')[2]\r\n    },\r\n    formattedMonthName(val) {\r\n      return this.$t(this.ml[val.split('T')[0].split('-')[1] - 1])\r\n    },\r\n    formattedYearNumber(val) {\r\n      return val.split('T')[0].split('-')[0]\r\n    },\r\n  },\r\n  watch:{\r\n\r\n  },\r\n  computed:{\r\n  },\r\n  created(){\r\n\r\n  },\r\nmounted() {   \r\n\r\n},\r\n}\r\n</script>\r\n\r\n<style src=\"@/styles/css/myAppointments.css\"></style>","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!./CustomerAppointmentDeactiveCard.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!./CustomerAppointmentDeactiveCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CustomerAppointmentDeactiveCard.vue?vue&type=template&id=7bfc0b65&\"\nimport script from \"./CustomerAppointmentDeactiveCard.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomerAppointmentDeactiveCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"@/styles/css/myAppointments.css?vue&type=style&index=0&lang=css&\"\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","<template>\r\n  <section id=\"card-navigation\">\r\n    <b-alert variant=\"light\" show>\r\n      <h4 v-if=\"$i18n.locale === 'tr'\" class=\"alert-heading bg-primary bg-lighten-1 text-white rounded\">\r\n        {{ headerText }}         <b>{{ CustomerAppointments.length }}</b> {{$t('Pieces')}}\r\n      </h4>\r\n    </b-alert>\r\n    <b-row class=\"mb-2 rounded\">\r\n        <b-col sm=\"6\">\r\n            <b-form-group>\r\n                <v-select v-model=\"selectedAppointment\"\r\n                          :options=\"appointmentOptions\"\r\n                          value=\"value\"\r\n                          label=\"text\"\r\n                          :reduce=\"(item) => item.value\"\r\n                          class=\"select-config\">\r\n                </v-select>\r\n            </b-form-group>\r\n        </b-col>\r\n    \r\n    </b-row>\r\n    <b-row>\r\n        <b-col  md=\"6\" sm=\"12\" v-for=\"(customerAppointment,index) in CustomerAppointments\" :key=\"index\"> \r\n            <CustomerAppointmentCard v-if=\"customerAppointment.is_active_card== true\"  :customerAppointment=\"customerAppointment\" @randevuIptal=\"listeyiYenile()\"/>\r\n            <CustomerAppointmentDeactiveCard v-if=\"customerAppointment.is_active_card == false\"  :customerAppointment=\"customerAppointment\" @randevuIptal=\"listeyiYenile()\"/>\r\n        </b-col>\r\n    </b-row>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BAlert,\r\n  BButton,\r\n  BCard,\r\n  BCardBody,\r\n  BPopover,\r\n  BCardText,\r\n  BCardTitle,\r\n  BCol,\r\n  BFormSelect,\r\n  BFormGroup,\r\n  BImg,\r\n  BMediaAside,\r\n  BRow,\r\n  BTab,\r\n  BTabs,\r\n  VBPopover} from 'bootstrap-vue'\r\n\r\n    import vSelect from \"vue-select\";\r\n    import Ripple from 'vue-ripple-directive'\r\n    import AppointmentCard from '@/components/AppointmentCard/AppointmentCard.vue'\r\n    import CustomerAppointmentCard from '@/components/AppointmentCard/CustomerAppointmentCard.vue'\r\n    import CustomerAppointmentDeactiveCard from '@/components/AppointmentCard/CustomerAppointmentDeactiveCard.vue'\r\n    export default {\r\n\r\n  data(){\r\n      return{\r\n        selectedGrid: 6,\r\n          selectedAppointment: {\r\n              value: 1,\r\n              text: this.$t('Upcoming Appointments')\r\n          } ,\r\n        appointmentOptions: [\r\n          // {value:0, text: this.$t('All Appointments')},\r\n          {value:1, text: this.$t('Upcoming Appointments')},\r\n          {value:2, text: this.$t('Expired')},\r\n          {value:3, text: this.$t('Canceled')}\r\n        ],\r\n         myAppointments: [],\r\n        // myBaseAppointments: [],\r\n        headerText:'',\r\n        CustomerAppointments:[]\r\n      }\r\n  },\r\n  components: {\r\n    AppointmentCard,\r\n    CustomerAppointmentCard,\r\n    CustomerAppointmentDeactiveCard,\r\n    BRow,\r\n    BCol,\r\n    BCard,\r\n    BTab,\r\n    BTabs,\r\n    Ripple,\r\n    BCardText,\r\n    BCardTitle,\r\n    BCardBody,\r\n    BPopover,\r\n    BFormGroup,\r\n    VBPopover,\r\n    BButton,\r\n    BFormSelect,\r\n    BAlert,\r\n    BImg,\r\n    BMediaAside,\r\n    vSelect,\r\n  },\r\n  computed: {\r\n    moment(){\r\n      return new Date()\r\n    }\r\n  },\r\n  methods: {\r\n    // time table details tablosundan bana ait randevuları getir\r\n      getMyAppointments(company_branch_id,person_id,appointment_type) \r\n      {\r\n        this.$database.AppointmentService.get_customer_appointments(company_branch_id,person_id,appointment_type)\r\n        .then((res) => {\r\n          if (res.IsSuccess === true || res.IsSuccess === 1) {         \r\n            res.Result.map((el) => {\r\n              this.CustomerAppointments.push(this.$models.CustomerAppointmentModel(\r\n                el.CustomerAppointmentCompanyBranchCard,\r\n                el.CustomerAppointmentTimeTableCard,\r\n                el.CustomerAppointmentRoomCard,\r\n                el.CustomerAppointmentTrainerCard,\r\n                el.CustomerAppointmenActivityCard,\r\n                el.CustomerAppointmentStudioDoorCard,\r\n                el.IsCanceledButton,\r\n                el.IsDoorButton,\r\n                el.IsActiveCard\r\n              ))\r\n          }); \r\n          }\r\n        });\r\n      //     this.myAppointments=[];\r\n      //     this.myBaseAppointments = [];\r\n      // this.$database.AppointmentService.get_my_appointments(\r\n      //     this.$store.getters['auth/userInfo'].company_branch_id,\r\n      //     this.$store.getters['auth/userInfo'].person_id\r\n      // )\r\n      //   .then((res) => {\r\n      //     if (res.is_success === true || res.is_success === 1) {\r\n      //       this.myBaseAppointments = res.result;\r\n      //       this.myAppointments = this.myBaseAppointments;\r\n      //     }\r\n      //   })\r\n    },\r\n    listeyiYenile()\r\n    {\r\n       // this.getMyAppointments()\r\n    },\r\n    getSelectText(val)\r\n    {\r\n        const filterdata=this.appointmentOptions.filter(x=> x.value === val)\r\n        if(filterdata.length > 0)\r\n        {\r\n          this.headerText= filterdata[0].text\r\n        }\r\n    },\r\n  },\r\n  watch: {\r\n    selectedAppointment(val)\r\n    {\r\n        this.getSelectText(val);\r\n          this.CustomerAppointments=[];\r\n          this.getMyAppointments(\r\n          this.$store.getters['auth/userInfo'].company_branch_id,\r\n          this.$store.getters['auth/userInfo'].person_id,\r\n          val);\r\n    }\r\n  },\r\n\r\n\r\n  directives: {\r\n    'b-popover': VBPopover,\r\n    Ripple,\r\n  },\r\n  created(){\r\n      this.getMyAppointments(\r\n          this.$store.getters['auth/userInfo'].company_branch_id,\r\n          this.$store.getters['auth/userInfo'].person_id,\r\n          this.selectedAppointment.value);\r\n          this.headerText=this.selectedAppointment.text;\r\n  },\r\n  mounted()\r\n  {\r\n    \r\n  },\r\n\r\n}\r\n</script>\r\n\r\n<!-- stillendirme -->\r\n<style src=\"@/styles/css/myAppointments.css\"></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!./myAppointments.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!./myAppointments.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./myAppointments.vue?vue&type=template&id=5e049ca6&\"\nimport script from \"./myAppointments.vue?vue&type=script&lang=js&\"\nexport * from \"./myAppointments.vue?vue&type=script&lang=js&\"\nimport style0 from \"@/styles/css/myAppointments.css?vue&type=style&index=0&lang=css&\"\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"],"sourceRoot":""}