{"version":3,"sources":["webpack:///./src/assets/mobileFSFB/icn_backicn_back.png","webpack:///./src/views/mobileFSFB/TikTokVideos.vue?5bcc","webpack:///./src/views/mobileFSFB/TikTokVideos.vue?511c","webpack:///src/views/mobileFSFB/TikTokVideos.vue","webpack:///./src/views/mobileFSFB/TikTokVideos.vue?028b","webpack:///./src/views/mobileFSFB/TikTokVideos.vue","webpack:///./src/assets/mobileFSFB/handIconFSFB.svg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","goToView","view","_v","_l","video","index","key","handlerDrop","handlerDragover","_s","assignTurn","waitingTime","_e","staticRenderFns","name","data","showSignal","videos","props","position","boxAttendee","draggable","listeners","event","x","dx","y","dy","target","style","transform","timer","setTimeout","clearTimeout","options","observer","IntersectionObserver","handlerObserver","document","querySelectorAll","map","$videoColmedica","observe","methods","entries","forEach","entry","isIntersecting","play","pause","console","log","ev","preventDefault","component"],"mappings":"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","file":"js/chunk-1cfee6bd.098ed833.js","sourcesContent":["module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAQBDfkK+AIO/PoGBQb4+/2ZbvgwAAAL1JREFUOMvNUkEShCAMs6XUCujm/6/dg0sFwZk92hNM0oSULm8rpl1UiR9gioaz0jrDD8AkExUJwDGqbwhULzlgu/tsiNzQ452hiH1D7F1WBL5ZBlBzTchDplaTEVwr1kYzbthS8QD9HaXxUBTHk2fFfhEq2XGXdbUZQf28I48WBfr/I9nMY37KUu24HayzrxCpHdts1N1SyPhZ2jeM3z1ZmOyOvjC9C4IUoiwGj93VmnCWRXpce1XZiZeX1RcOUgdAkraJewAAAABJRU5ErkJggg==\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TikTokVideos.vue?vue&type=style&index=0&id=23421af4&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"TikTokVideos\"},[_c('div',{staticClass:\"ContainerHeader pb-5\"},[_c('div',{staticClass:\"d-flex align-items-center justify-content-between\"},[_c('img',{staticClass:\"icn_backicn_back ml-3 backButton\",attrs:{\"src\":require(\"@/assets/mobileFSFB/icn_backicn_back.png\"),\"alt\":\"icn_backicn_back\"},on:{\"click\":function () { return _vm.goToView({ view: 'Turn' }); }}}),_c('h3',{staticClass:\"fontTitleHeader m-0\"},[_vm._v(\"Turno asignado\")]),_c('img',{staticClass:\"icn_backicn_back opacity-0 mr-3\",attrs:{\"src\":require(\"@/assets/mobileFSFB/icn_backicn_back.png\"),\"alt\":\"icn_backicn_back\"}})])]),_c('div',{staticClass:\"TikTokVideosContainer\"},[_vm._l((_vm.videos),function(video,index){return _c('video',{key:index,staticClass:\"VideoColmedica\",attrs:{\"src\":video,\"loop\":\"\",\"controls\":\"\"}})}),_c('div',{staticClass:\"boxAttendee\",on:{\"drop\":_vm.handlerDrop,\"dragover\":_vm.handlerDragover}},[_c('h4',{staticClass:\"text-center AssignmentTextAttendee\"},[_vm._v(\"Turno asignado:\")]),_c('h3',{staticClass:\"text-center font-weight-bold ImportantAsignment\"},[_vm._v(_vm._s(_vm.assignTurn))]),_c('h5',{staticClass:\"mt-1 text-center mb-1 ActualAttendee\"},[_vm._v(\"Espera:\")]),_c('h5',{staticClass:\"text-middle font-larger\"},[_vm._v(_vm._s(_vm.waitingTime))])]),(_vm.showSignal)?_c('div',{staticClass:\"containerDescTikTok\"},[_c('img',{staticClass:\"containerDescTikTok-img\",attrs:{\"src\":require(\"@/assets/mobileFSFB/handIconFSFB.svg\")}})]):_vm._e(),_c('b-button',{staticClass:\"w-100 py-2 mx-1 text-center buttonTurnero2 mt-3\",attrs:{\"variant\":\"bluecolmedica\",\"size\":\"sm\",\"type\":\"button\"},on:{\"click\":function () { return _vm.goToView({ view: 'CancelTurn' }); }}},[_c('span',{staticClass:\"font-md\"},[_vm._v(\"Cancelar turno\")])])],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\r\n.TikTokVideos\r\n  //- Header.absoluteHeader\r\n  .ContainerHeader.pb-5\r\n    .d-flex.align-items-center.justify-content-between\r\n      img(\r\n        src=\"@/assets/mobileFSFB/icn_backicn_back.png\"\r\n        alt=\"icn_backicn_back\"\r\n        @click=\"() => goToView({ view: 'Turn' })\"\r\n      ).icn_backicn_back.ml-3.backButton\r\n      h3.fontTitleHeader.m-0 Turno asignado\r\n      img(src=\"@/assets/mobileFSFB/icn_backicn_back.png\" alt=\"icn_backicn_back\").icn_backicn_back.opacity-0.mr-3\r\n    //- .botton-actions.ml-4.pl-2\r\n    //-   .d-flex.justify-content-start\r\n    //-     button(@click=\"goBack\" type=\"button\").button-without-styles\r\n    //-       svg(width='20' height='19' viewbox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg')\r\n    //-         path(d='M9.55301 16.8398L2.26586 9.55269L9.55301 2.26554M3.27796 9.55269L18.0547 9.55269' stroke='#0058A2' stroke-width='3.12307' stroke-linecap='round' stroke-linejoin='round')\r\n  .TikTokVideosContainer\r\n    video(\r\n      v-for=\"(video, index) in videos\"\r\n      :key=\"index\"\r\n      :src=\"video\"\r\n      loop\r\n      controls\r\n    ).VideoColmedica\r\n    .boxAttendee(\r\n      @drop=\"handlerDrop\"\r\n      @dragover=\"handlerDragover\"\r\n    )\r\n      h4.text-center.AssignmentTextAttendee Turno asignado:\r\n      h3.text-center.font-weight-bold.ImportantAsignment {{ assignTurn }}\r\n      //- h5.mt-1.text-center.mb-1.ActualAttendee Próximo turno:\r\n      //- h5.text-middle.font-larger {{ actualTurn }}\r\n      h5.mt-1.text-center.mb-1.ActualAttendee Espera:\r\n      h5.text-middle.font-larger {{ waitingTime }}\r\n    .containerDescTikTok(v-if=\"showSignal\")\r\n      img.containerDescTikTok-img(src=\"@/assets/mobileFSFB/handIconFSFB.svg\")\r\n    b-button(\r\n      variant=\"bluecolmedica\"\r\n      size=\"sm\"\r\n      @click=\"() => goToView({ view: 'CancelTurn' })\"\r\n      type=\"button\").w-100.py-2.mx-1.text-center.buttonTurnero2.mt-3\r\n      span.font-md Cancelar turno\r\n</template>\r\n\r\n<script>\r\nimport interact from \"interactjs\";\r\nimport { mapActions } from \"vuex\";\r\n\r\nexport default {\r\n  name: \"TikTokVideos\",\r\n\r\n  data: () => ({\r\n    showSignal: true,\r\n    videos: [\r\n      \"https://cdn.videvo.net/videvo_files/video/free/2021-04/large_watermarked/210329_06B_Bali_1080p_013_preview.mp4\",\r\n      \"https://static.videezy.com/system/resources/previews/000/033/826/original/pattaya-aerial-view30.mp4\",\r\n      \"https://static.videezy.com/system/resources/previews/000/038/090/original/guitar_string4.mp4\",\r\n      \"https://cdn.videvo.net/videvo_files/video/free/2017-12/large_watermarked/171124_B1_HD_001_preview.mp4\"\r\n    ]\r\n  }),\r\n\r\n  props: [\"actualTurn\", \"assignTurn\", \"goBack\", \"waitingTime\"],\r\n\r\n  mounted() {\r\n    const position = { x: 0, y: 0 };\r\n    const boxAttendee = interact(\".boxAttendee\");\r\n\r\n    boxAttendee.draggable({\r\n      listeners: {\r\n        move(event) {\r\n          position.x += event.dx;\r\n          position.y += event.dy;\r\n\r\n          event.target.style.transform = `translate(${position.x}px, ${position.y}px)`;\r\n        }\r\n      }\r\n    });\r\n\r\n    const timer = setTimeout(() => {\r\n      this.showSignal = false;\r\n\r\n      clearTimeout(timer);\r\n    }, 3500);\r\n    const options = {};\r\n\r\n    this.observer = new IntersectionObserver(this.handlerObserver, options);\r\n\r\n    [...document.querySelectorAll(\".VideoColmedica\")].map($videoColmedica => {\r\n      this.observer.observe($videoColmedica);\r\n    });\r\n  },\r\n\r\n  methods: {\r\n    ...mapActions({\r\n      goToView: \"mobileFSFB/goToView\"\r\n    }),\r\n    handlerObserver(entries) {\r\n      entries.forEach(entry => {\r\n        if (!entry.isIntersecting) {\r\n          entry.target.pause();\r\n        } else {\r\n          [...document.querySelectorAll(\".VideoColmedica\")].map(\r\n            $videoColmedica => {\r\n              $videoColmedica.pause();\r\n            }\r\n          );\r\n          entry.target.play();\r\n        }\r\n      });\r\n    },\r\n    handlerDrop(event) {\r\n      console.log(\"Fichero(s) arrastrados\", event);\r\n    },\r\n    handlerDragover(ev) {\r\n      console.log(\"File(s) in drop zone\");\r\n\r\n      // Prevent default behavior (Prevent file from being opened)\r\n      ev.preventDefault();\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.TikTokVideosContainer {\r\n  -ms-scroll-snap-type: y mandatory;\r\n  scroll-snap-type: y mandatory;\r\n  border-radius: 15px 15px 0 0;\r\n  height: calc(100vh - 144px - 90px);\r\n  overflow: auto;\r\n}\r\n\r\n.TikTokVideos {\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  overflow: auto;\r\n  background-color: #fafafb;\r\n\r\n  .absoluteHeader {\r\n    position: fixed;\r\n    top: 15px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n  }\r\n\r\n  .VideoColmedica {\r\n    width: 100%;\r\n    height: 100%;\r\n    scroll-snap-align: center;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .buttonTurnero2 {\r\n    position: fixed;\r\n    bottom: 36px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n\r\n    font-size: 16px;\r\n    line-height: 23px;\r\n    text-align: center;\r\n    text-decoration-line: underline;\r\n    color: #009de0;\r\n    background: none;\r\n    border: none;\r\n  }\r\n\r\n  .boxAttendee {\r\n    width: 100%;\r\n    max-width: 150px;\r\n    padding: 0.5rem;\r\n\r\n    position: fixed;\r\n    top: 96px;\r\n    right: 32px;\r\n    -ms-touch-action: none;\r\n    touch-action: none;\r\n\r\n    border-radius: 15px;\r\n    background: rgba(244, 244, 244, 0.65);\r\n    .ImportantAsignment {\r\n      color: var(--color-radiant);\r\n    }\r\n    .font-larger {\r\n      margin: auto;\r\n      text-align: center;\r\n      font-weight: bold;\r\n      font-size: 14px;\r\n    }\r\n    .AssignmentTextAttendee,\r\n    .ImportantAsignment {\r\n      font-size: 16px;\r\n    }\r\n    .ActualAttendee {\r\n      font-size: 14px;\r\n    }\r\n  }\r\n\r\n  .containerDescTikTok {\r\n    position: fixed;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-items: center;\r\n    align-items: center;\r\n\r\n    filter: drop-shadow(0px 28px 36px rgba(0, 0, 0, 1));\r\n\r\n    img.containerDescTikTok-img {\r\n      max-width: 142px;\r\n      width: 100%;\r\n    }\r\n\r\n    .containerDescTikTok-text {\r\n      color: #f4f4f4;\r\n      text-align: center;\r\n    }\r\n  }\r\n}\r\n\r\n.backButton {\r\n  padding-top: 21px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--11-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!./TikTokVideos.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--11-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!./TikTokVideos.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TikTokVideos.vue?vue&type=template&id=23421af4&scoped=true&lang=pug&\"\nimport script from \"./TikTokVideos.vue?vue&type=script&lang=js&\"\nexport * from \"./TikTokVideos.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TikTokVideos.vue?vue&type=style&index=0&id=23421af4&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  \"23421af4\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/handIconFSFB.5049379b.svg\";"],"sourceRoot":""}