{"version":3,"sources":["webpack:///./src/components/ChatAudioPlayer.vue?7edd","webpack:///./src/components/ChatAudioPlayer.vue?91aa","webpack:///src/components/ChatAudioPlayer.vue","webpack:///./src/components/ChatAudioPlayer.vue?042f","webpack:///./src/components/ChatAudioPlayer.vue","webpack:///src/components/HistoryAudioPlayer.vue","webpack:///./src/components/InitialsAvatar.vue?e729","webpack:///src/components/InitialsAvatar.vue","webpack:///./src/components/InitialsAvatar.vue?a916","webpack:///./src/components/InitialsAvatar.vue","webpack:///./src/views/history/History.vue?9057","webpack:///./src/views/history/History.vue?6a7a","webpack:///./src/components/HistoryAudioPlayer.vue?89bc","webpack:///./src/components/HistoryAudioPlayer.vue?586c","webpack:///./src/components/HistoryAudioPlayer.vue","webpack:///./src/components/HistoryAudioDelete.vue?d8ba","webpack:///src/components/HistoryAudioDelete.vue","webpack:///./src/components/HistoryAudioDelete.vue?53e5","webpack:///./src/components/HistoryAudioDelete.vue","webpack:///src/views/history/History.vue","webpack:///./src/views/history/History.vue?dd14","webpack:///./src/views/history/History.vue","webpack:///./src/components/HistoryAudioDelete.vue?7e6b","webpack:///./src/components/InitialsAvatar.vue?c1c9"],"names":["render","_vm","this","_h","$createElement","_c","_self","audioLoaded","_e","_v","staticClass","ref","staticStyle","attrs","playerid","on","$event","isPlaying","url","directives","name","rawName","value","expression","toggleAudio","audioDuration","domProps","playbackTime","target","_s","elapsedTime","totalTime","staticRenderFns","props","required","type","default","setup","audio","audio2","cleanupListeners","convertTime","endListener","initSlider","onTick","playbackListener","watch","mounted","methods","listeners","component","components","ChatAudioPlayer","mediaUri","mediaId","data","src","beforeMount","responseType","_b","text","variant","title","$attrs","BAvatar","inheritAttrs","familyName","givenName","showTitle","computed","hash","fields","appels","scopedSlots","_u","key","fn","formatDate","item","date","class","isUnread","sendListen","id","listenBys","liste","preventDefault","openModalListenBys","_l","slice","listenBy","userId","userLastName","userFirstName","callRecording","listener","closeModalListenBys","isListenedByUser","openModalDeleteVoiceMail","composing","comment","cancelDeleteVoiceMail","deleteVoiceMail","BModal","BButton","commentError","youngId","BCard","BTable","BTab","BTabs","HistoryAudioPlayer","InitialsAvatar","HistoryAudioDelete","youngLastName","youngFirstName","youngPhoneNumber","nom","prenom","telephone","callId","loading","store","PageNumber","PageSize","pageNumber","onMounted","listElm","loadMore","sortable","nextItem","showRecordedCalls"],"mappings":"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ACAO,qBACAC,sBACAC,sBAGA5E,QACA,WACA,sBACA,uBACA,sBACA,sBACA,uBAEA,mFAEA,4FACA,MACA6E,gBACAC,iBACAC,sBACA,GACA,EAEA,OACAC,MACAC,SACAC,eACA,OAIA,gGACA,MACAL,gBACAC,iBACAC,sBACA,GACA,EAEA,OACAC,MACAC,SACAC,eACA,OAEA,GAEA,iDAEA,eACA,oCACA,OAEA,SACAC,SACAzC,8BACAY,kBACAE,iCACAD,wCAEA,2CAGA,OACA6B,WACAC,0CACAC,mBACAC,mBAGAC,YAGAC,4BACA,GACAJ,4CAGAA,0CACAC,mBACAC,mBAGAC,WAEA,mDACAE,iCACA,8CACAC,QAKA,SACA,CAAArD,WAAAsD,aACA,CAAAtD,gBAAAsD,aACA,CAAAtD,UAAAsD,aACA,CAAAtD,aAAAsD,aACA,CAAAtD,qBAAAsD,cAGA,OACAzD,SACAD,SACAuB,gBACAkC,WACAE,WACAT,UACA5C,kBACAK,aACAS,SACA1C,YACAgC,aAGA1B,OACA,OACA4E,uBAGAnF,SACAuC,sBACA,iBACA,kCAEAS,sBACA,iCACA,qBC9NgW,ICQ5V,G,UAAY,eACd,EACAhG,EACAgC,GACA,EACA,KACA,KACA,OAIa,e,kECnBf,W,kCCAA","file":"js/chunk-5e1c4bfe.6be97d8a.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatAudioPlayer.vue?vue&type=style&index=0&id=7ab34c0a&prod&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(!_vm.audioLoaded)?_c('div',[_c('span',[_vm._v(\"Chargement du média...\")])]):_vm._e(),(_vm.url)?_c('div',{staticClass:\"chat-audio\"},[_c('div',[_c('audio',{ref:\"player\",staticStyle:{\"display\":\"none\"},attrs:{\"id\":_vm.playerid},on:{\"play\":function($event){_vm.isPlaying = true}}},[_c('source',{attrs:{\"src\":_vm.url,\"type\":\"audio/mpeg\"}})])]),_c('div',{staticClass:\"chat-audio-player\"},[_c('div',{staticClass:\"d-flex flex-wrap\"},[_c('div',{staticClass:\"flex-initial d-flex justify-content-center align-items-center\"},[_c('svg',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isPlaying),expression:\"!isPlaying\"}],staticClass:\"chat-audio-player-button\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 20 20\",\"fill\":\"currentColor\"},on:{\"click\":function($event){return _vm.toggleAudio()}}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"d\":\"M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z\",\"clip-rule\":\"evenodd\"}})]),_c('svg',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isPlaying),expression:\"isPlaying\"}],staticClass:\"chat-audio-player-button text-orange-400 hover:text-orange-400 cursor-pointer\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 20 20\",\"fill\":\"currentColor\"},on:{\"click\":function($event){return _vm.toggleAudio()}}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"d\":\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zM7 8a1 1 0 012 0v4a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v4a1 1 0 102 0V8a1 1 0 00-1-1z\",\"clip-rule\":\"evenodd\"}})])]),_c('div',{staticClass:\"chat-audio-progress-bar position-relative flex-grow-1 border\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.playbackTime),expression:\"playbackTime\"}],staticClass:\"test-miam slider w-100 h-100\",attrs:{\"id\":\"position\",\"type\":\"range\",\"min\":\"0\",\"max\":_vm.audioDuration,\"name\":\"position\"},domProps:{\"value\":(_vm.playbackTime)},on:{\"__r\":function($event){_vm.playbackTime=$event.target.value}}}),_c('div',{staticClass:\"d-flex justify-content-center align-items-center position-absolute w-100 h-100 chat-audio-player-elapsed-time-overlay\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.elapsedTime())}},[_vm._v(\" 00:00 \")]),_c('span',[_vm._v(\"/\")]),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.totalTime())}},[_vm._v(\" 00:00 \")])])])])])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div v-if=\"!audioLoaded\">\n      <span>Chargement du média...</span>\n    </div>\n    <div v-if=\"url\" class=\"chat-audio\">\n      <div>\n        <audio :id=\"playerid\" ref=\"player\" style=\"display:none\" @play=\"isPlaying = true\">\n          <source :src=\"url\" type=\"audio/mpeg\">\n        </audio>\n      </div>\n\n      <div class=\"chat-audio-player\">\n        <div class=\"d-flex flex-wrap\">\n          <div class=\"flex-initial d-flex justify-content-center align-items-center\">\n            <svg v-show=\"!isPlaying\" class=\"chat-audio-player-button\" xmlns=\"http://www.w3.org/2000/svg\"\n                 viewBox=\"0 0 20 20\" fill=\"currentColor\" @click=\"toggleAudio()\">\n              <path fill-rule=\"evenodd\"\n                    d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z\"\n                    clip-rule=\"evenodd\" />\n            </svg>\n            <svg v-show=\"isPlaying\" class=\"chat-audio-player-button text-orange-400 hover:text-orange-400 cursor-pointer\"\n                 xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" @click=\"toggleAudio()\">\n              <path fill-rule=\"evenodd\"\n                    d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zM7 8a1 1 0 012 0v4a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v4a1 1 0 102 0V8a1 1 0 00-1-1z\"\n                    clip-rule=\"evenodd\" />\n            </svg>\n          </div>\n\n          <div class=\"chat-audio-progress-bar position-relative flex-grow-1 border\">\n            <input id=\"position\" v-model=\"playbackTime\" type=\"range\" min=\"0\" :max=\"audioDuration\"\n                   class=\"test-miam slider w-100 h-100\" name=\"position\">\n\n            <div\n              class=\"d-flex justify-content-center align-items-center position-absolute w-100 h-100 chat-audio-player-elapsed-time-overlay\">\n              <span v-html=\"elapsedTime()\"> 00:00 </span>\n              <span>/</span>\n              <span v-html=\"totalTime()\"> 00:00 </span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { ref } from '@vue/composition-api'\n\nexport default {\n  props: {\n    playerid: {\n      required: true,\n      type: Number,\n    },\n    url: {\n      default: '',\n      type: String,\n    },\n  },\n  /**\n   * audioDuration = duration of audio file in seconds\n   * isPlaying = boolean (true if audio is playing)\n   * playbackTime = local var that syncs to audio.currentTime\n   *\n   * */\n  setup() {\n    const audioDuration = ref(100)\n    const audioLoaded = ref(false)\n    const isPlaying = ref(false)\n    const playbackTime = ref(0)\n\n    // Set the range slider max value equal to audio duration\n    function initSlider() {\n      const audio = this.$refs.player\n      if (audio) {\n        this.audioDuration = Math.round(audio.duration)\n      }\n    }\n    // Convert audio current time from seconds to min:sec display\n    function convertTime(seconds) {\n      const format = val => `0${Math.floor(val)}`.slice(-2)\n      const minutes = (seconds % 3600) / 60\n      return [minutes, seconds % 60].map(format).join(':')\n    }\n\n    // Show the total duration of audio file\n    function totalTime() {\n      const audio = this.$refs.player\n      if (audio) {\n        const seconds = audio.duration\n        return this.convertTime(seconds)\n      }\n      return '00:00'\n    }\n    // Display the audio time elapsed so far\n    function elapsedTime() {\n      const audio = this.$refs.player\n      if (audio) {\n        const seconds = audio.currentTime\n        return this.convertTime(seconds)\n      }\n      return '00:00'\n    }\n    // Playback listener function runs every 100ms while audio is playing\n    function playbackListener() {\n      const audio = this.$refs.player\n      // Sync local 'playbackTime' var to audio.currentTime and update global state\n      this.playbackTime = audio.currentTime\n\n      // Add listeners for audio pause and audio end events\n      audio.addEventListener('ended', this.endListener)\n      audio.addEventListener('pause', this.endListener)\n    }\n    // Function to run when audio play reaches the end of file\n    function endListener() {\n      this.isPlaying = false\n      this.listenerActive = false\n      this.cleanupListeners()\n    }\n    // Remove listeners after audio play stops\n    function cleanupListeners() {\n      const audio = this.$refs.player\n      audio.removeEventListener('timeupdate', this.playbackListener)\n      audio.removeEventListener('ended', this.endListener)\n      audio.removeEventListener('pause', this.endListener)\n    }\n    function toggleAudio() {\n      const audio = this.$refs.player\n      // var audio = document.getElementById('audio-player')\n      if (audio.paused) {\n        audio.play()\n        this.isPlaying = true\n      } else {\n        audio.pause()\n        this.isPlaying = false\n      }\n    }\n    function onTick() {\n      const audio = this.$refs.player\n      // Wait for audio to load, then run initSlider() to get audio duration and set the max value of our slider\n      if (!audio) { return }\n      audio.addEventListener(\n        'loadedmetadata',\n        () => {\n          this.initSlider()\n        },\n      )\n      audio.addEventListener(\n        'canplay',\n        () => {\n          this.audioLoaded = true\n        },\n      )\n      // Wait for audio to begin play, then start playback listener function\n      this.$watch('isPlaying', () => {\n        if (this.isPlaying) {\n          const audio2 = this.$refs.player\n          this.initSlider()\n          //  prevent starting multiple listeners at the same time\n          if (!this.listenerActive) {\n            this.listenerActive = true\n            // for a more consistent timeupdate, include freqtimeupdate.js and replace both instances of 'timeupdate' with 'freqtimeupdate'\n            audio2.addEventListener('timeupdate', this.playbackListener)\n          }\n        }\n      })\n      // Update current audio position when user drags progress slider\n      this.$watch('playbackTime', () => {\n        const audio2 = this.$refs.player\n        const diff = Math.abs(this.playbackTime - this.$refs.player.currentTime)\n\n        // Throttle synchronization to prevent infinite loop between playback listener and this watcher\n        if (diff > 0.01) {\n          audio2.currentTime = this.playbackTime\n        }\n      })\n    }\n\n    return {\n      audioDuration,\n      audioLoaded,\n      cleanupListeners,\n      convertTime,\n      elapsedTime,\n      endListener,\n      initSlider,\n      isPlaying,\n      onTick,\n      playbackTime,\n      playbackListener,\n      toggleAudio,\n      totalTime,\n    }\n  },\n  watch: {\n    url() {\n      if (this.url) {\n        this.$nextTick(this.onTick)\n        this.listeners()\n      }\n    },\n  },\n  mounted() {\n    this.$nextTick(this.onTick)\n  },\n  methods: {\n    listeners() {\n      const audio = this.$refs.player\n      if (!audio) { return }\n      audio.addEventListener(\n        'loadedmetadata',\n        () => {\n          this.initSlider()\n        },\n      )\n      audio.addEventListener(\n        'canplay',\n        () => {\n          this.audioLoaded = true\n        },\n      )\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" >\n.callHistory__audio-bold  {\n  input[type=\"range\"] {\n    accent-color: orange;\n    background: orange;\n  }\n}\n\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatAudioPlayer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChatAudioPlayer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChatAudioPlayer.vue?vue&type=template&id=7ab34c0a&\"\nimport script from \"./ChatAudioPlayer.vue?vue&type=script&lang=js&\"\nexport * from \"./ChatAudioPlayer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChatAudioPlayer.vue?vue&type=style&index=0&id=7ab34c0a&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","<template>\n  <ChatAudioPlayer :url=\"src\" :playerid=\"mediaId\" />\n</template>\n\n<script>\nimport ChatAudioPlayer from '@/components/ChatAudioPlayer.vue'\nimport axiosIns from '@/libs/axiosIns'\n\nexport default {\n  components: {\n    ChatAudioPlayer,\n  },\n  props: {\n    mediaUri: {\n      default: '',\n      type: String,\n    },\n    mediaId: {\n      type: Number,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      src: '',\n    }\n  },\n  beforeMount() {\n    this.getMediaUri()\n  },\n  methods: {\n    async getMediaUri() {\n      try {\n        const data = await axiosIns.get(this.mediaUri, {\n          responseType: 'arraybuffer',\n        })\n        const contentType = data.headers['content-type']\n        const mediab64 = Buffer.from(data.data, 'binary').toString('base64')\n        this.src = `data:${contentType};base64, ${mediab64}`\n      } catch (error) {\n        this.src = this.mediaUri\n      }\n    },\n  },\n}\n</script>\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"initials-avatar\"},[_c('b-avatar',_vm._b({staticClass:\"user-select-none\",attrs:{\"text\":_vm.text,\"variant\":_vm.variant,\"title\":_vm.title}},'b-avatar',_vm.$attrs,false))],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"initials-avatar\">\n    <b-avatar class=\"user-select-none\"\n              :text=\"text\"\n              :variant=\"variant\"\n              :title=\"title\"\n              v-bind=\"$attrs\" />\n  </div>\n</template>\n\n<script>\n  import { BAvatar } from 'bootstrap-vue'\n\n  const variants = ['light-primary', 'light-secondary', 'light-success', 'light-danger', 'light-warning', 'light-info']\n\n  export default {\n    name: 'InitialsAvatar',\n    components: {\n      BAvatar,\n    },\n    inheritAttrs: false,\n    props: {\n      familyName: {\n        type: String,\n        required: true,\n        default: '',\n      },\n      givenName: {\n        type: String,\n        required: true,\n        default: '',\n      },\n      showTitle: {\n        type: Boolean,\n        default: false,\n      },\n    },\n    computed: {\n      name() {\n        return `${this.familyName.toLowerCase()}${this.givenName.toLowerCase()}`\n      },\n      text() {\n        return `${this.familyName.charAt(0).toUpperCase()}${this.givenName.charAt(0).toUpperCase()}`\n      },\n      title() {\n        return this.showTitle ? `${this.familyName} ${this.givenName}` : null\n      },\n      variant() {\n        let hash = 0\n        for (let i = 0; i < this.name.length; i += 1) {\n          hash = ((hash << 5) - hash) + this.name.charCodeAt(i) // eslint-disable-line\n          hash &= hash // eslint-disable-line\n        }\n        return variants[Math.abs(hash) % variants.length]\n      },\n    },\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  @import '~@core/scss/base/bootstrap-extended/include';\n  @import '~@core/scss/base/components/variables-dark';\n\n  .initials-avatar {\n    background: #fff;\n    border-radius: 50% !important;\n  }\n\n  .dark-layout {\n\n    .initials-avatar {\n      background: $theme-dark-body-bg;\n\n      .b-avatar .b-avatar-text span {\n        color: inherit !important;\n      }\n    }\n  }\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InitialsAvatar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InitialsAvatar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InitialsAvatar.vue?vue&type=template&id=906519ca&scoped=true&\"\nimport script from \"./InitialsAvatar.vue?vue&type=script&lang=js&\"\nexport * from \"./InitialsAvatar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InitialsAvatar.vue?vue&type=style&index=0&id=906519ca&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  \"906519ca\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./History.vue?vue&type=style&index=0&id=5aa25e70&prod&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-tabs',{attrs:{\"content-class\":\"mt-3\"}},[_c('b-tab',{attrs:{\"title\":\"Enregistrement Répondeur\",\"active\":\"\"}},[_c('div',{staticClass:\"callHistory\"},[_c('b-card',{staticClass:\"callHistory__card\",attrs:{\"id\":\"callHistoryCard\"}},[_c('b-table',{staticClass:\"position-relative\",attrs:{\"fields\":_vm.fields,\"items\":_vm.appels},scopedSlots:_vm._u([{key:\"cell(date)\",fn:function(data){return [_c('div',[_vm._v(\" \"+_vm._s(_vm.formatDate(data.item.date))+\" \")])]}},{key:\"cell(enregistrement)\",fn:function(mediaUri){return [_c('div',{staticClass:\"callHistory__audio-div\",class:{ 'callHistory__audio-bold': _vm.isUnread(mediaUri.item) }},[_c('div',{on:{\"click\":function($event){return _vm.sendListen(mediaUri.item.id, mediaUri.item.listenBys)}}},[_c('HistoryAudioPlayer',{attrs:{\"media-uri\":mediaUri.item.mediaUri,\"media-id\":mediaUri.item.id}})],1),(_vm.isUnread(mediaUri.item))?_c('p',{staticClass:\"callHistory__unread-text\"},[_vm._v(\" Non lu par vous \")]):_vm._e(),(!mediaUri.item.liste)?_c('div',{staticClass:\"callHistory__initials\",on:{\"click\":function($event){$event.preventDefault();return _vm.openModalListenBys(mediaUri.item.listenBys)}}},_vm._l((mediaUri.item.listenBys.slice(0, 3)),function(listenBy){return _c('initials-avatar',{key:listenBy.userId,attrs:{\"size\":\"26\",\"family-name\":listenBy.userLastName,\"given-name\":listenBy.userFirstName,\"show-title\":true}})}),1):_vm._e(),_c('HistoryAudioDelete',{attrs:{\"media-uri\":mediaUri.item}})],1)]}}])})],1)],1)]),(_vm.showRecordedCalls)?_c('b-tab',{attrs:{\"title\":\"Enregistrement Appels\"}},[_c('div',{staticClass:\"callRecording\"},[_c('b-card',{staticClass:\"callRecording__card\",attrs:{\"id\":\"callRecordingCard\"}},[_c('b-table',{staticClass:\"position-relative\",attrs:{\"fields\":_vm.fields,\"items\":_vm.callRecording},scopedSlots:_vm._u([{key:\"cell(date)\",fn:function(data){return [_c('div',[_vm._v(\" \"+_vm._s(_vm.formatDate(data.item.date))+\" \")])]}},{key:\"cell(enregistrement)\",fn:function(mediaUri){return [(mediaUri.item.mediaUri)?_c('div',[_c('HistoryAudioPlayer',{attrs:{\"media-uri\":mediaUri.item.mediaUri,\"media-id\":mediaUri.item.id}})],1):_vm._e()]}}],null,false,768760134)})],1)],1)]):_vm._e()],1),_c('b-modal',{ref:\"modalListenBys\",attrs:{\"hide-header\":\"\",\"hide-footer\":\"\",\"title\":\"Personnes ayant écouté le message\"}},[_c('h2',{staticClass:\"text-primary text-center mb-2\"},[_vm._v(\" Personnes ayant écouté le message \")]),_vm._l((_vm.listeners),function(listener){return _c('p',{key:listener.userId,staticClass:\"text-center\"},[_vm._v(\" \"+_vm._s(listener.userFirstName)+\" \"+_vm._s(listener.userLastName)+\" le \"+_vm._s(_vm.formatDate(listener.date))+\" \")])}),_c('div',{staticClass:\"d-flex justify-content-end\"},[_c('b-button',{staticClass:\"mr-2\",attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.closeModalListenBys()}}},[_vm._v(\" Fermer \")])],1)],2)],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('ChatAudioPlayer',{attrs:{\"url\":_vm.src,\"playerid\":_vm.mediaId}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HistoryAudioPlayer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HistoryAudioPlayer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HistoryAudioPlayer.vue?vue&type=template&id=67fc7c56&\"\nimport script from \"./HistoryAudioPlayer.vue?vue&type=script&lang=js&\"\nexport * from \"./HistoryAudioPlayer.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('div',{staticClass:\"callHistoryDelete\"},[_c('div',{staticClass:\"callHistoryDelete__buttons\"},[_c('b-button',{attrs:{\"disabled\":!_vm.isListenedByUser(_vm.mediaUri.listenBys),\"variant\":\"danger\"},on:{\"click\":function($event){return _vm.openModalDeleteVoiceMail()}}},[_vm._v(\" Supprimer le message \")])],1),_c('b-modal',{ref:\"modalDeleteVoiceMail\",attrs:{\"hide-header\":\"\",\"hide-footer\":\"\",\"title\":\"Supprimer le message\"}},[_c('h2',{staticClass:\"text-primary text-center mb-2\"},[_vm._v(\" Supprimer le message \")]),_c('p',{staticClass:\"text-center\"},[_vm._v(\" Le message sera supprimé dès lors que vous aurez écrit un commentaire. En supprimant ce message vocal, il ne sera plus disponible à aucun des autres écoutants/coordinateur : le jeune ayant laissé le message sera alors considéré comme ayant été pris en charge \")]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.comment),expression:\"comment\"}],staticClass:\"callHistoryDelete__add-comment form-control mb-1\",attrs:{\"rows\":\"4\",\"type\":\"text\"},domProps:{\"value\":(_vm.comment)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.comment=$event.target.value}}}),_vm._v(\" \"),(_vm.commentError)?_c('p',{staticClass:\"text-danger text-center\"},[_vm._v(\" Le commentaire ne peut pas être vide \")]):_vm._e(),_c('div',{staticClass:\"d-flex justify-content-end\"},[_c('b-button',{staticClass:\"mr-2\",attrs:{\"variant\":\"danger\"},on:{\"click\":function($event){return _vm.cancelDeleteVoiceMail()}}},[_vm._v(\" Annuler \")]),_c('b-button',{attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.deleteVoiceMail()}}},[_vm._v(\" Valider \")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"callHistoryDelete\">\n    <div class=\"callHistoryDelete__buttons\">\n      <b-button :disabled=\"!isListenedByUser(mediaUri.listenBys)\" variant=\"danger\" @click=\"openModalDeleteVoiceMail()\">\n        Supprimer le message\n      </b-button>\n    </div>\n    <b-modal ref=\"modalDeleteVoiceMail\" hide-header hide-footer title=\"Supprimer le message\">\n      <h2 class=\"text-primary text-center mb-2\">\n        Supprimer le message\n      </h2>\n      <p class=\"text-center\">\n        Le message sera supprimé dès lors que vous aurez écrit un commentaire. En supprimant ce message vocal, il ne\n        sera plus disponible à aucun des autres écoutants/coordinateur : le jeune ayant laissé le message sera alors\n        considéré comme ayant été pris en charge\n      </p>\n      <textarea v-model=\"comment\" rows=\"4\" type=\"text\" class=\"callHistoryDelete__add-comment form-control mb-1\" />\n      <p v-if=\"commentError\" class=\"text-danger text-center\">\n        Le commentaire ne peut pas être vide\n      </p>\n      <div class=\"d-flex justify-content-end\">\n        <b-button variant=\"danger\" class=\"mr-2\" @click=\"cancelDeleteVoiceMail()\">\n          Annuler\n        </b-button>\n        <b-button variant=\"primary\" @click=\"deleteVoiceMail()\">\n          Valider\n        </b-button>\n      </div>\n    </b-modal>\n  </div>\n</template>\n\n<script>\n// eslint-disable-next-line import/no-cycle\nimport store from '@/store'\nimport {\n  BModal,\n  BButton,\n} from 'bootstrap-vue'\nimport { ref, computed } from '@vue/composition-api'\n\n// eslint-disable-next-line import/no-cycle\nimport { formatDate } from '@core/utils/filter'\n\nexport default {\n  name: 'HistoryAudioDelete',\n  components: {\n    BModal,\n    BButton,\n  },\n\n  props: {\n    mediaUri: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  setup() {\n    const comment = ref('')\n    const commentError = ref(false)\n\n    const userId = ref(computed(() => store.getters['users/currentUser']))\n\n    const isListenedByUser = computed(() => listenBys => listenBys.some(listenByUser => listenByUser.userId === userId.value.id))\n\n    return {\n      comment,\n      isListenedByUser,\n      commentError,\n    }\n  },\n\n  methods: {\n    openModalDeleteVoiceMail() {\n      this.$refs.modalDeleteVoiceMail.show()\n    },\n\n    cancelDeleteVoiceMail() {\n      this.$refs.modalDeleteVoiceMail.hide()\n    },\n\n    async deleteVoiceMail() {\n      if (!this.comment) {\n        this.commentError = true\n        return\n      }\n      this.commentError = false\n      const body = {\n        comment: `Commentaire lié à la suppression du message vocal du ${formatDate(this.mediaUri.date, 'DD/MM/YYYY')}: ${this.comment}`,\n        youngId: this.mediaUri.youngId,\n      }\n\n      await store.dispatch('youngs/addComment', body)\n      this.$refs.modalDeleteVoiceMail.hide()\n      this.comment = ''\n      await store.dispatch('users/deleteCallVoicemail', this.mediaUri.id)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.callHistoryDelete {\n  &__buttons {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    margin-top: 3rem;\n\n    @media (max-width: 1402px) {\n      margin-top: 4.5rem;\n    }\n\n    @media (max-width: 1200px) {\n      margin-top: 6rem;\n    }\n  }\n\n  &__add-comment {\n    margin-top: 1.5rem;\n    resize: none;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HistoryAudioDelete.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HistoryAudioDelete.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HistoryAudioDelete.vue?vue&type=template&id=f4538162&scoped=true&\"\nimport script from \"./HistoryAudioDelete.vue?vue&type=script&lang=js&\"\nexport * from \"./HistoryAudioDelete.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HistoryAudioDelete.vue?vue&type=style&index=0&id=f4538162&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  \"f4538162\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div>\n    <b-tabs content-class=\"mt-3\">\n      <b-tab title=\"Enregistrement Répondeur\" active>\n        <div class=\"callHistory\">\n          <b-card id=\"callHistoryCard\" class=\"callHistory__card\">\n            <b-table class=\"position-relative\" :fields=\"fields\" :items=\"appels\">\n              <template #cell(date)=\"data\">\n                <div>\n                  {{ formatDate(data.item.date) }}\n                </div>\n              </template>\n              <template #cell(enregistrement)=\"mediaUri\">\n                <div class=\"callHistory__audio-div\" :class=\"{ 'callHistory__audio-bold': isUnread(mediaUri.item) }\">\n                  <div @click=\"sendListen(mediaUri.item.id, mediaUri.item.listenBys)\">\n                    <HistoryAudioPlayer :media-uri=\"mediaUri.item.mediaUri\" :media-id=\"mediaUri.item.id\" />\n                  </div>\n                  <p v-if=\"isUnread(mediaUri.item)\" class=\"callHistory__unread-text\">\n                    Non lu par vous\n                  </p>\n                  <div v-if=\"!mediaUri.item.liste\" class=\"callHistory__initials\"\n                    @click.prevent=\"openModalListenBys(mediaUri.item.listenBys)\">\n                    <initials-avatar v-for=\"listenBy in mediaUri.item.listenBys.slice(0, 3)\" :key=\"listenBy.userId\"\n                      size=\"26\" :family-name=\"listenBy.userLastName\" :given-name=\"listenBy.userFirstName\"\n                      :show-title=\"true\" />\n                  </div>\n                  <HistoryAudioDelete :media-uri=\"mediaUri.item\" />\n                </div>\n              </template>\n            </b-table>\n          </b-card>\n        </div>\n      </b-tab>\n      <b-tab v-if=\"showRecordedCalls\" title=\"Enregistrement Appels\">\n        <div class=\"callRecording\">\n          <b-card id=\"callRecordingCard\" class=\"callRecording__card\">\n            <b-table class=\"position-relative\" :fields=\"fields\" :items=\"callRecording\">\n              <template #cell(date)=\"data\">\n                <div>\n                  {{ formatDate(data.item.date) }}\n                </div>\n              </template>\n              <template #cell(enregistrement)=\"mediaUri\">\n                <div v-if=\"mediaUri.item.mediaUri\">\n                  <HistoryAudioPlayer :media-uri=\"mediaUri.item.mediaUri\" :media-id=\"mediaUri.item.id\" />\n                </div>\n              </template>\n            </b-table>\n          </b-card>\n        </div>\n      </b-tab>\n    </b-tabs>\n    <b-modal ref=\"modalListenBys\" hide-header hide-footer title=\"Personnes ayant écouté le message\">\n      <h2 class=\"text-primary text-center mb-2\">\n        Personnes ayant écouté le message\n      </h2>\n      <p v-for=\"listener in listeners\" :key=\"listener.userId\" class=\"text-center\">\n        {{ listener.userFirstName }} {{ listener.userLastName }} le {{ formatDate(listener.date) }}\n      </p>\n      <div class=\"d-flex justify-content-end\">\n        <b-button variant=\"primary\" class=\"mr-2\" @click=\"closeModalListenBys()\">\n          Fermer\n        </b-button>\n      </div>\n    </b-modal>\n  </div>\n</template>\n\n<script>\n// eslint-disable-next-line import/no-cycle\nimport store from '@/store'\nimport {\n  BCard,\n  BTable,\n  BTab,\n  BTabs,\n  BModal,\n  BButton,\n} from 'bootstrap-vue'\nimport { ref, onMounted, computed } from '@vue/composition-api'\nimport HistoryAudioPlayer from '@/components/HistoryAudioPlayer.vue'\nimport HistoryAudioDelete from '@/components/HistoryAudioDelete.vue'\nimport InitialsAvatar from '@/components/InitialsAvatar.vue'\n\n// eslint-disable-next-line import/no-cycle\nimport { formatDate } from '@core/utils/filter'\n\nexport default {\n  components: {\n    BCard,\n    BTable,\n    BTab,\n    BTabs,\n    BModal,\n    BButton,\n    HistoryAudioPlayer,\n    InitialsAvatar,\n    HistoryAudioDelete,\n  },\n\n  setup() {\n    const SHOW_RECORDED_CALLS = false\n    const nextItem = ref(1)\n    const loading = ref(false)\n    const pageSize = ref(7)\n    const pageNumber = ref(1)\n    const listeners = ref([])\n\n    const userId = ref(computed(() => store.getters['users/currentUser']))\n\n    const appels = ref(computed(() => store.getters['users/getHistoryCall'].map(obj => {\n      const {\n        youngLastName: nom,\n        youngFirstName: prenom,\n        youngPhoneNumber: telephone,\n        ...rest\n      } = obj\n\n      return {\n        nom,\n        prenom,\n        telephone,\n        ...rest,\n      }\n    })))\n\n    const callRecording = SHOW_RECORDED_CALLS ? ref(computed(() => store.getters['users/getCallRecording'].map(obj => {\n      const {\n        youngLastName: nom,\n        youngFirstName: prenom,\n        youngPhoneNumber: telephone,\n        ...rest\n      } = obj\n\n      return {\n        nom,\n        prenom,\n        telephone,\n        ...rest,\n      }\n    }))) : []\n\n    const isUnread = mediaUri => mediaUri.listenBys.every(listenBy => listenBy.userId !== userId.value.id)\n\n    const sendListen = async (mediaId, listenBys) => {\n      if (listenBys.some(listenByUser => listenByUser.userId === userId.value.id)) {\n        return\n      }\n      const body = {\n        callId: mediaId,\n        date: new Date().toISOString(),\n        userId: userId.value.id,\n        userFirstName: userId.value.given_name,\n        userLastName: userId.value.family_name,\n      }\n      await store.dispatch('users/updateListenBy', body)\n    }\n\n    const loadMore = () => {\n      loading.value = true\n      store.dispatch('users/fetchHistoryCall', {\n        PageNumber: pageNumber.value,\n        PageSize: pageSize.value,\n      })\n\n      pageNumber.value += 1\n    }\n\n    onMounted(() => {\n      if (SHOW_RECORDED_CALLS) {\n        store.dispatch('users/fetchCallRecording')\n      }\n\n      store.dispatch('users/fetchHistoryCall', {\n        PageNumber: pageNumber.value,\n        PageSize: pageSize.value,\n      })\n\n      pageNumber.value += 1\n\n      const listElm = document.querySelector('#callHistoryCard')\n      listElm.addEventListener('scroll', () => {\n        if (listElm.scrollTop + listElm.clientHeight + 1 >= listElm.scrollHeight) {\n          loadMore()\n        }\n      })\n    })\n\n    const fields = [\n      { key: 'date', sortable: true },\n      { key: 'telephone', sortable: false },\n      { key: 'nom', sortable: true },\n      { key: 'prenom', sortable: true },\n      { key: 'enregistrement', sortable: true },\n    ]\n\n    return {\n      appels,\n      fields,\n      callRecording,\n      loadMore,\n      nextItem,\n      loading,\n      formatDate,\n      sendListen,\n      userId,\n      listeners,\n      isUnread,\n    }\n  },\n  data() {\n    return {\n      showRecordedCalls: false, // this was added as a non permanent change. This may be removed when the client ask to make this functionnality available again.\n    }\n  },\n  methods: {\n    openModalListenBys(listeners) {\n      this.listeners = listeners\n      this.$refs.modalListenBys.show()\n    },\n    closeModalListenBys() {\n      this.$refs.modalListenBys.hide()\n      this.listeners = []\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\">\n.callHistory {\n  &__card {\n    overflow: auto;\n    height: 60vh;\n  }\n\n  .card-body {\n    padding: 0;\n  }\n\n  thead {\n    z-index: 1;\n    position: sticky;\n    top: 0;\n  }\n\n  th,\n  td {\n    padding: 2rem 2rem;\n    border-top-width: 0px;\n  }\n\n  svg {\n    min-width: 25px;\n  }\n\n  &__audio-bold {\n    font-weight: bold;\n  }\n\n  &__unread-text {\n    margin-top: 6px;\n    padding-left: 2rem;\n    position: absolute;\n\n    @media (max-width: 1402px) {\n      margin-top: 2rem;\n    }\n\n    @media (max-width: 1200px) {\n      padding-left: 0;\n    }\n  }\n\n  &__initials {\n    margin-top: 6px;\n    right: 2rem;\n    position: absolute;\n    display: flex;\n    flex-direction: row;\n    gap: 4px;\n\n    @media (max-width: 1402px) {\n      margin-top: 2rem;\n    }\n\n    @media (max-width: 1200px) {\n      margin-top: 3.5rem;\n    }\n  }\n\n  &__initials:hover {\n    cursor: pointer;\n  }\n}\n\n.callRecording {\n  &__card {\n    overflow: auto;\n  }\n\n  .card-body {\n    padding: 0;\n  }\n\n  thead {\n    z-index: 1;\n    position: sticky;\n    top: 0;\n  }\n\n  th,\n  td {\n    padding: 2rem 2rem;\n    border-top-width: 0px;\n  }\n\n  svg {\n    min-width: 25px;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./History.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./History.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./History.vue?vue&type=template&id=5aa25e70&\"\nimport script from \"./History.vue?vue&type=script&lang=js&\"\nexport * from \"./History.vue?vue&type=script&lang=js&\"\nimport style0 from \"./History.vue?vue&type=style&index=0&id=5aa25e70&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--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HistoryAudioDelete.vue?vue&type=style&index=0&id=f4538162&prod&lang=scss&scoped=true&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InitialsAvatar.vue?vue&type=style&index=0&id=906519ca&prod&lang=scss&scoped=true&\""],"sourceRoot":""}