{"version":3,"sources":["webpack:///./src/layouts/publicview/views/CallRecording.vue?63ff","webpack:///./src/layouts/publicview/views/CallRecording.vue?89c2","webpack:///src/layouts/publicview/views/CallRecording.vue","webpack:///./src/layouts/publicview/views/CallRecording.vue?aada","webpack:///./src/layouts/publicview/views/CallRecording.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","ref","callLogs","scopedSlots","_u","key","fn","data","_l","log","index","admin","_v","_s","createdOn","status","length","mobile","staticStyle","url","rating","on","$event","openPopup","note","id","getTruncatedNote","slot","allocatableUsers","model","value","callback","$$v","allocateduserdropdown","expression","getCallLogs","showDateFilterPopup","showDailed","showNoAnswer","showNotAvailable","showCompleted","vehicleDeliveredPopUp","updateRatingAndNote","showRatingPopup","callBackConfig","filterFromTime","filterToTime","staticRenderFns","components","BPagination","vSelect","Datepicker","flatPickr","callRecordSearchByMobile","showNotePopup","filterFromDate","filterToDate","enableTime","dateFormat","inline","minTime","maxTime","metaInfo","computed","watch","methods","self","closePopup","getAllocatableUsers","showLoadingOnElement","onSuccess","response","map","x","label","text","onFinally","$refs","$vs","loading","close","$el","$ajaxGet","concat","notify","title","color","position","iconPack","icon","$ajaxPost","element","scale","type","container","substring","initValues","mounted","component"],"mappings":"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","file":"js/chunk-7077e4b0.8fb84954.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.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!./CallRecording.vue?vue&type=style&index=0&id=98c434fc&prod&lang=scss\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"full-page-container\",attrs:{\"id\":\"app\"}},[_c('vs-table',{ref:\"callLogTable\",staticClass:\"vs-con-loading__container full-page-table\",attrs:{\"stripe\":\"\",\"search\":\"\",\"data\":_vm.callLogs},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(log,index){return _c('vs-tr',{key:index,attrs:{\"data\":log}},[_c('vs-td',{attrs:{\"data\":data[index].admin}},[_vm._v(\"\\n          \"+_vm._s(log.admin)+\"\\n        \")]),_c('vs-td',{attrs:{\"data\":data[index].createdOn}},[_vm._v(\"\\n          \"+_vm._s(log.createdOn)+\"\\n        \")]),_c('vs-td',{attrs:{\"data\":data[index].status}},[_vm._v(\"\\n          \"+_vm._s(log.status)+\"\\n        \")]),_c('vs-td',{attrs:{\"data\":data[index].length}},[_vm._v(\"\\n          \"+_vm._s(log.length)+\"\\n        \")]),_c('vs-td',{attrs:{\"data\":data[index].mobile}},[_vm._v(\"\\n          \"+_vm._s(log.mobile)+\"\\n        \")]),_c('vs-td',{staticStyle:{\"width\":\"0px\"},attrs:{\"data\":data[index].url}},[_c('audio',{attrs:{\"src\":log.url,\"controls\":\"\"}},[_c('source',{attrs:{\"src\":log.url,\"type\":\"audio/mpeg\"}})])]),_c('vs-td',{attrs:{\"data\":log.rating}},[_c('div',{on:{\"click\":function($event){return _vm.openPopup(log.rating, log.note, log.id)}}},[_vm._v(_vm._s(log.rating || 'N/A'))])]),_c('vs-td',{attrs:{\"data\":log.note}},[_c('div',{on:{\"click\":function($event){return _vm.openPopup(log.rating, log.note, log.id)}}},[_vm._v(_vm._s(_vm.getTruncatedNote(log.note)))])])],1)})}}])},[_c('div',{staticClass:\"flex flex-wrap-reverse items-center flex-grow\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('div',{staticClass:\"vx-col pl-3 header-container\"},[_c('div',{staticClass:\"vx-row pt-1 align-items-center header-row\"},[_c('div',{staticClass:\"admin-filter-container\"},[_c('span',{staticClass:\"mr-4\"},[_c('h5',[_vm._v(\"Filter by admin:\")])]),_c('v-select',{ref:\"allocateduserdropdown\",staticStyle:{\"min-width\":\"200px\",\"padding-right\":\"10px\"},attrs:{\"options\":_vm.allocatableUsers,\"placeholder\":\"Select a user\"},model:{value:(_vm.allocateduserdropdown),callback:function ($$v) {_vm.allocateduserdropdown=$$v},expression:\"allocateduserdropdown\"}}),_c('vs-button',{staticClass:\"home-search\",staticStyle:{\"background-color\":\"#2E3457 !important\",\"height\":\"43px\"},attrs:{\"id\":\"searchTerm-btn\",\"icon-pack\":\"feather\"},on:{\"click\":function($event){return _vm.getCallLogs()}}},[_vm._v(\"Search\")])],1),_c('div',{staticClass:\"date-filter-button\"},[_c('vs-button',{staticClass:\"home-search\",staticStyle:{\"background-color\":\"#2E3457 !important\",\"height\":\"43px\",\"margin-left\":\"14px\"},attrs:{\"id\":\"searchTerm-btn\",\"icon-pack\":\"feather\"},on:{\"click\":function($event){_vm.showDateFilterPopup = true}}},[_vm._v(\"Filter by date\")])],1),_c('div',{staticClass:\"filter-container\"},[_c('span',{staticClass:\"mr-4\"},[_c('h5',[_vm._v(\"Filter by call status:\")])]),_c('div',{staticClass:\"pl-2\"},[_c('vs-checkbox',{attrs:{\"color\":\"warning\"},model:{value:(_vm.showDailed),callback:function ($$v) {_vm.showDailed=$$v},expression:\"showDailed\"}},[_vm._v(\"Dailed\")])],1),_c('div',{staticClass:\"pl-2\"},[_c('vs-checkbox',{attrs:{\"color\":\"warning\"},model:{value:(_vm.showNoAnswer),callback:function ($$v) {_vm.showNoAnswer=$$v},expression:\"showNoAnswer\"}},[_vm._v(\"No Answer\")])],1),_c('div',{staticClass:\"pl-2\"},[_c('vs-checkbox',{attrs:{\"color\":\"warning\"},model:{value:(_vm.showNotAvailable),callback:function ($$v) {_vm.showNotAvailable=$$v},expression:\"showNotAvailable\"}},[_vm._v(\"Not Available\")])],1),_c('div',{staticClass:\"pl-2\"},[_c('vs-checkbox',{attrs:{\"color\":\"warning\"},model:{value:(_vm.showCompleted),callback:function ($$v) {_vm.showCompleted=$$v},expression:\"showCompleted\"}},[_vm._v(\"Completed\")])],1)])])])]),_c('template',{slot:\"thead\"},[_c('vs-th',{attrs:{\"sort-key\":\"CreaAdmintedOn\"}},[_vm._v(\"Admin\")]),_c('vs-th',{attrs:{\"sort-key\":\"CreatedOn\"}},[_vm._v(\"Started\")]),_c('vs-th',{attrs:{\"sort-key\":\"Status\"}},[_vm._v(\"Status\")]),_c('vs-th',{attrs:{\"sort-key\":\"Length\"}},[_vm._v(\"Duration\")]),_c('vs-th',{attrs:{\"sort-key\":\"Mobile\"}},[_vm._v(\"Mobile\")]),_c('vs-th',{attrs:{\"sort-key\":\"Url\"}},[_vm._v(\"Recording\")]),_c('vs-th',{attrs:{\"sort-key\":\"Rating\"}},[_vm._v(\"Rating\")]),_c('vs-th',{attrs:{\"sort-key\":\"Note\"}},[_vm._v(\"Note\")])],1)],2),_c('b-modal',{staticStyle:{\"margin-top\":\"175px\"},attrs:{\"scrollable\":\"\",\"cancel-title\":\"Back\",\"ok-title\":\"Update\",\"size\":\"l\",\"modal-class\":\"modal-success\",\"centered\":\"\"},on:{\"cancel\":function($event){_vm.vehicleDeliveredPopUp = false},\"ok\":function($event){return _vm.updateRatingAndNote()}},model:{value:(_vm.showRatingPopup),callback:function ($$v) {_vm.showRatingPopup=$$v},expression:\"showRatingPopup\"}},[_c('div',{staticClass:\"vx-row pb-3\"},[_c('div',{staticClass:\"vx-col sm:w-1/1 w-full mb-2\"},[_c('label',[_vm._v(\"Rating\")]),_c('vs-input',{staticClass:\"w-full\",attrs:{\"autocomplete\":\"chrome-off\",\"onClick\":\"this.select();\",\"name\":\"Rating\",\"icon-pack\":\"feather\",\"icon\":\"icon-bar-chart\"},model:{value:(_vm.rating),callback:function ($$v) {_vm.rating=$$v},expression:\"rating\"}})],1)]),_c('div',{staticClass:\"vx-row pb-3\"},[_c('div',{staticClass:\"vx-col sm:w-1/1 w-full mb-2\"},[_c('label',[_vm._v(\"Note\")]),_c('vs-input',{staticClass:\"w-full\",attrs:{\"autocomplete\":\"chrome-off\",\"onClick\":\"this.select();\",\"name\":\"Rating\",\"icon-pack\":\"feather\",\"icon\":\"icon-book\"},model:{value:(_vm.note),callback:function ($$v) {_vm.note=$$v},expression:\"note\"}})],1)])]),_c('b-modal',{staticStyle:{\"margin-top\":\"175px\"},attrs:{\"scrollable\":\"\",\"cancel-title\":\"Back\",\"ok-title\":\"Filter\",\"size\":\"xl\",\"modal-class\":\"modal-success\",\"centered\":\"\"},on:{\"cancel\":function($event){_vm.showDateFilterPopup = false},\"ok\":function($event){return _vm.getCallLogs()}},model:{value:(_vm.showDateFilterPopup),callback:function ($$v) {_vm.showDateFilterPopup=$$v},expression:\"showDateFilterPopup\"}},[_c('div',{staticClass:\"vx-row pb-3\"},[_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-2\"},[_c('label',{staticStyle:{\"padding-right\":\"10px\"}},[_vm._v(\"From:\")]),_c('flat-pickr',{attrs:{\"id\":\"filterFromTime\",\"config\":_vm.callBackConfig},model:{value:(_vm.filterFromTime),callback:function ($$v) {_vm.filterFromTime=$$v},expression:\"filterFromTime\"}})],1),_c('div',{staticClass:\"vx-col sm:w-1/2 w-full mb-2\"},[_c('label',{staticStyle:{\"padding-right\":\"10px\"}},[_vm._v(\"To:\")]),_c('flat-pickr',{attrs:{\"id\":\"filterToTime\",\"config\":_vm.callBackConfig},model:{value:(_vm.filterToTime),callback:function ($$v) {_vm.filterToTime=$$v},expression:\"filterToTime\"}})],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"app\" class=\"full-page-container\">\r\n    <vs-table\r\n      stripe\r\n      ref=\"callLogTable\"\r\n      class=\"vs-con-loading__container full-page-table\"\r\n      search\r\n      :data=\"callLogs\"\r\n    >\r\n      <div slot=\"header\" class=\"flex flex-wrap-reverse items-center flex-grow\">\r\n        <div class=\"vx-col pl-3 header-container\">\r\n          <div class=\"vx-row pt-1 align-items-center header-row\">\r\n            <div class=\"admin-filter-container\">\r\n              <span class=\"mr-4\"><h5>Filter by admin:</h5></span>\r\n              <v-select\r\n                style=\"min-width: 200px; padding-right: 10px;\"\r\n                ref=\"allocateduserdropdown\"\r\n                :options=\"allocatableUsers\"\r\n                v-model=\"allocateduserdropdown\"\r\n                placeholder=\"Select a user\"\r\n              ></v-select>\r\n              <vs-button\r\n                id=\"searchTerm-btn\"\r\n                style=\"background-color: #2E3457 !important; height: 43px;\"\r\n                @click=\"getCallLogs()\"\r\n                class=\"home-search\"\r\n                icon-pack=\"feather\"\r\n              >Search</vs-button>\r\n            </div>\r\n            <div class=\"date-filter-button\">\r\n              <vs-button\r\n                id=\"searchTerm-btn\"\r\n                style=\"background-color: #2E3457 !important; height: 43px; margin-left: 14px;\"\r\n                @click=\"showDateFilterPopup = true\"\r\n                class=\"home-search\"\r\n                icon-pack=\"feather\"\r\n              >Filter by date</vs-button>\r\n            </div>\r\n            <div class=\"filter-container\">\r\n              <span class=\"mr-4\"><h5>Filter by call status:</h5></span>\r\n              <div class=\"pl-2\">\r\n                <vs-checkbox v-model=\"showDailed\" color=\"warning\">Dailed</vs-checkbox>\r\n              </div>\r\n              <div class=\"pl-2\">\r\n                <vs-checkbox v-model=\"showNoAnswer\" color=\"warning\">No Answer</vs-checkbox>\r\n              </div>\r\n              <div class=\"pl-2\">\r\n                <vs-checkbox v-model=\"showNotAvailable\" color=\"warning\">Not Available</vs-checkbox>\r\n              </div>\r\n              <div class=\"pl-2\">\r\n                <vs-checkbox v-model=\"showCompleted\" color=\"warning\">Completed</vs-checkbox>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <template slot=\"thead\">\r\n        <vs-th sort-key=\"CreaAdmintedOn\">Admin</vs-th>\r\n        <vs-th sort-key=\"CreatedOn\">Started</vs-th>\r\n        <vs-th sort-key=\"Status\">Status</vs-th>\r\n        <vs-th sort-key=\"Length\">Duration</vs-th>\r\n        <vs-th sort-key=\"Mobile\">Mobile</vs-th>\r\n        <vs-th sort-key=\"Url\">Recording</vs-th>\r\n        <vs-th sort-key=\"Rating\">Rating</vs-th>\r\n        <vs-th sort-key=\"Note\">Note</vs-th>\r\n      </template>\r\n      <template slot-scope=\"{ data }\">\r\n        <vs-tr :data=\"log\" :key=\"index\" v-for=\"(log, index) in data\">\r\n          <vs-td :data=\"data[index].admin\">\r\n            {{ log.admin }}\r\n          </vs-td>\r\n          <vs-td :data=\"data[index].createdOn\">\r\n            {{ log.createdOn }}\r\n          </vs-td>\r\n          <vs-td :data=\"data[index].status\">\r\n            {{ log.status }}\r\n          </vs-td>\r\n          <vs-td :data=\"data[index].length\">\r\n            {{ log.length }}\r\n          </vs-td>\r\n          <vs-td :data=\"data[index].mobile\">\r\n            {{ log.mobile }}\r\n          </vs-td>\r\n          <vs-td :data=\"data[index].url\" style=\"width: 0px;\">\r\n            <audio :src=\"log.url\" controls>\r\n              <source :src=\"log.url\" type=\"audio/mpeg\" />\r\n            </audio>\r\n          </vs-td>\r\n          <vs-td :data=\"log.rating\">\r\n            <div @click=\"openPopup(log.rating, log.note, log.id)\">{{ log.rating || 'N/A' }}</div>\r\n          </vs-td>\r\n          <vs-td :data=\"log.note\">\r\n            <div @click=\"openPopup(log.rating, log.note, log.id)\">{{ getTruncatedNote(log.note) }}</div>\r\n          </vs-td>\r\n        </vs-tr>\r\n      </template>\r\n    </vs-table>\r\n    <b-modal\r\n      v-model=\"showRatingPopup\"\r\n      scrollable\r\n      style=\"margin-top: 175px\"\r\n      cancel-title=\"Back\"\r\n      @cancel=\"vehicleDeliveredPopUp = false\"\r\n      ok-title=\"Update\"\r\n      @ok=\"updateRatingAndNote()\"\r\n      size=\"l\"\r\n      modal-class=\"modal-success\"\r\n      centered>\r\n      <div class=\"vx-row pb-3\">\r\n        <div class=\"vx-col sm:w-1/1 w-full mb-2\">\r\n          <label>Rating</label>\r\n          <vs-input\r\n            autocomplete=\"chrome-off\"\r\n            onClick=\"this.select();\"\r\n            class=\"w-full\"\r\n            name=\"Rating\"\r\n            icon-pack=\"feather\"\r\n            icon=\"icon-bar-chart\"\r\n            v-model=\"rating\"\r\n          />\r\n        </div>\r\n      </div>\r\n      <div class=\"vx-row pb-3\">\r\n        <div class=\"vx-col sm:w-1/1 w-full mb-2\">\r\n          <label>Note</label>\r\n          <vs-input\r\n            autocomplete=\"chrome-off\"\r\n            onClick=\"this.select();\"\r\n            class=\"w-full\"\r\n            name=\"Rating\"\r\n            icon-pack=\"feather\"\r\n            icon=\"icon-book\"\r\n            v-model=\"note\"\r\n          />\r\n        </div>\r\n      </div>          \r\n    </b-modal>\r\n    <b-modal\r\n      v-model=\"showDateFilterPopup\"\r\n      scrollable\r\n      style=\"margin-top: 175px\"\r\n      cancel-title=\"Back\"\r\n      @cancel=\"showDateFilterPopup = false\"\r\n      ok-title=\"Filter\"\r\n      @ok=\"getCallLogs()\"\r\n      size=\"xl\"\r\n      modal-class=\"modal-success\"\r\n      centered>\r\n      <div class=\"vx-row pb-3\">\r\n        <div class=\"vx-col sm:w-1/2 w-full mb-2\">\r\n          <label style=\"padding-right: 10px;\">From:</label>\r\n            <flat-pickr id=\"filterFromTime\" :config=\"callBackConfig\" v-model=\"filterFromTime\" />\r\n        </div>\r\n        <div class=\"vx-col sm:w-1/2 w-full mb-2\">\r\n          <label style=\"padding-right: 10px;\">To:</label>\r\n            <flat-pickr id=\"filterToTime\" :config=\"callBackConfig\" v-model=\"filterToTime\" />\r\n        </div>\r\n      </div>          \r\n    </b-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BPagination } from 'bootstrap-vue'\r\nimport vSelect from 'vue-select';\r\nimport flatPickr from 'vue-flatpickr-component';\r\nimport 'flatpickr/dist/flatpickr.css';\r\nimport Datepicker from 'vuejs-datepicker';\r\n\r\n\r\nexport default {\r\n  components: {\r\n    BPagination,\r\n    'v-select': vSelect,\r\n    Datepicker,\r\n    flatPickr,\r\n  },\r\n  data () {\r\n    return {\r\n      callLogs:[],\r\n      showDailed:false,\r\n      showNoAnswer: false,\r\n      showNotAvailable: false,\r\n      showCompleted: false,\r\n      callRecordSearchByMobile:\"\",\r\n      allocatableUsers: [],\r\n      allocateduserdropdown: null,\r\n      showRatingPopup: false,\r\n      showNotePopup: false,\r\n      rating: '',\r\n      note: '',\r\n      id:0,\r\n      showDateFilterPopup: false,\r\n      filterFromDate: null,\r\n      filterToDate: null,\r\n      callBackConfig:{\r\n        enableTime: true,\r\n        dateFormat: 'Y-m-d H:i',\r\n        inline: true,\r\n        minTime: \"08:00\",\r\n        maxTime: \"17:00\"\r\n      },\r\n      filterFromTime:'',\r\n      filterToTime:'',\r\n    }\r\n  },\r\n  metaInfo () {\r\n\r\n  },\r\n  computed: {\r\n\r\n  },\r\n  watch: {\r\n    showDailed () {\r\n      this.getCallLogs();\r\n    },\r\n    showNoAnswer () {\r\n      this.getCallLogs();\r\n    },\r\n    showNotAvailable () {\r\n      this.getCallLogs();\r\n    },\r\n    showCompleted () {\r\n      this.getCallLogs();\r\n    },\r\n  }, \r\n  methods: {\r\n    openPopup(rating, note, id) {\r\n      const self = this;\r\n      self.rating = rating;\r\n      self.note = note;\r\n      self.id = id\r\n      self.showRatingPopup = true;\r\n    },\r\n    closePopup() {\r\n      const self = this;\r\n      self.rating = '';\r\n      self.note = '';\r\n      self.showRatingPopup = false;\r\n      self.getCallLogs();\r\n    },\r\n    getAllocatableUsers () {\r\n      const self = this;\r\n      self.showLoadingOnElement('allocateduserdropdown', 0.45, 'material');\r\n      const onSuccess = (response) => {\r\n        self.allocatableUsers = response.data.map((x) => {\r\n          return { label: x.text, value: x.value };\r\n        });\r\n      };\r\n\r\n      const onFinally = function () {\r\n        if (self.$refs.allocateduserdropdown) {\r\n          self.$vs.loading.close(self.$refs.allocateduserdropdown.$el);\r\n        }\r\n      };\r\n      self.$ajaxGet(self, 'user/GetAllAllocatableUsers', onSuccess, onFinally);\r\n    },\r\n    getCallLogs () {\r\n      const self = this;\r\n      const onSuccess = function (response) {\r\n        self.callLogs = response.data;\r\n      };\r\n      self.$ajaxGet(\r\n        self,\r\n        `lead/AllRecordings?dailed=${ \r\n          self.showDailed\r\n          }&showNoAnswer=${ \r\n          self.showNoAnswer\r\n          }&showNotAvailable=${ \r\n          self.showNotAvailable\r\n          }&showCompleted=${ \r\n          self.showCompleted\r\n          }&callRecordSearchByMobile=${ \r\n          self.callRecordSearchByMobile\r\n          }&allocateduserdropdown=${ \r\n          self.allocateduserdropdown ? self.allocateduserdropdown.value : null\r\n          }&filterFromTime=${ \r\n          self.filterFromTime\r\n          }&filterToTime=${ \r\n          self.filterToTime\r\n        }`,\r\n        onSuccess\r\n      );\r\n    },\r\n    updateRatingAndNote(rating, note, id) {\r\n      const self = this;\r\n\r\n      const onFinally = function () {\r\n        self.$vs.notify({\r\n          title: 'Information',\r\n          color: 'success',\r\n          text: 'Data saved',\r\n          position: 'top-right',\r\n          iconPack: 'feather',\r\n          icon: 'icon-save'\r\n        });\r\n        self.closePopup();\r\n      };\r\n     self.$ajaxPost(\r\n        self,\r\n        `lead/UpdateCallLogRatingAndNote?rating=${ \r\n          self.rating\r\n          }&note=${ \r\n          self.note\r\n          }&id=${ \r\n          self.id\r\n          }`, onFinally);\r\n    },\r\n    showLoadingOnElement (element, scale, type) {\r\n      this.$vs.loading({\r\n        type,\r\n        container: this.$refs[element].$el,\r\n        scale\r\n      });\r\n    },\r\n    getTruncatedNote (note) {\r\n      return note ? note.substring(0, 20) : 'N/A';\r\n    },\r\n    initValues () {\r\n    }\r\n  },\r\n  mounted () {\r\n    const self = this;\r\n    self.getCallLogs();\r\n    self.getAllocatableUsers();\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\nhtml, body, #app {\r\n  height: 100%;\r\n  margin: 0;\r\n}\r\n\r\n.full-page-container {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.full-page-table {\r\n  width: 100%;\r\n  flex: 1;\r\n}\r\n\r\n.header-container {\r\n  padding-bottom: 10px;\r\n}\r\n\r\n.header-row {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n}\r\n\r\n.filter-container {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  padding-left: 10px;\r\n}\r\n\r\n.admin-filter-container {\r\n  display: flex;\r\n  align-items: center;\r\n  padding-left: 10px;\r\n  flex-wrap: wrap;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n.date-filter-button {\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  padding-bottom: 5px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .header-row {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .filter-container,\r\n  .admin-filter-container {\r\n    width: 100%;\r\n    justify-content: flex-start;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .date-filter-button {\r\n    width: 100%;\r\n    justify-content: flex-start;\r\n    margin-left: 0;\r\n  }\r\n}\r\n</style>\r\n\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!./CallRecording.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!./CallRecording.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CallRecording.vue?vue&type=template&id=98c434fc\"\nimport script from \"./CallRecording.vue?vue&type=script&lang=js\"\nexport * from \"./CallRecording.vue?vue&type=script&lang=js\"\nimport style0 from \"./CallRecording.vue?vue&type=style&index=0&id=98c434fc&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"],"sourceRoot":""}