{"version":3,"sources":["webpack:///./src/views/pages/Main.vue?5f8d","webpack:///./src/assets/logo.jpeg","webpack:///./src/views/pages/Main.vue?4ac6","webpack:///src/views/pages/Main.vue","webpack:///./src/views/pages/Main.vue?00c5","webpack:///./src/views/pages/Main.vue","webpack:///./src/views/pages/Main.vue?d282"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","image","_v","_s","date","on","options","ref","uploadFile","deleteMediaFile","_e","videoDataOp","domProps","videoEnded","_l","channel","key","doctor_name","$event","webtoken","room_no","Number","token_no","toString","padStart","staticRenderFns","name","inject","data","active","break","idb_id","media","show","channels","videoindex","beforeValue","PresentValue","a","b","fields","videofiles","audiofiles","room1","room2","updated","created","onStartup","methods","$refs","videosrc","src","type","videoplayer","load","play","url","URL","queryString","hostname","href","confirm","component"],"mappings":"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","file":"js/chunk-2b9d18e2.7c1db579.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--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Main.vue?vue&type=style&index=1&id=46a222fd&lang=sass&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/logo.56534c25.jpeg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row wallpaper dev\",staticStyle:{\"height\":\"100%\",\"padding\":\"0\"}},[_c('div',{staticClass:\"col-8 align-self-center text-center \",staticStyle:{\"width\":\"100%\"}},[_c('h2',{staticClass:\"text-left strokeme \",staticStyle:{\"font-size\":\"2.2vw\",\"width\":\"100%\",\"color\":\"white\"}},[_c('img',{attrs:{\"src\":_vm.image,\"width\":\"20%\",\"height\":\"100px\"}}),_vm._v(\" \"+_vm._s(this.date)+\"    \"),_c('a',{attrs:{\"href\":\"#\"},on:{\"click\":_vm.options}},[_c('span',{staticClass:\"bg-opacity-1\",staticStyle:{\"font-size\":\"2.0rem\"}},[_vm._v(\"🟢\")])])]),(_vm.show)?_c('div',{staticClass:\"col-3 align-self-center text-center d-flex\"},[_c('input',{ref:\"file\",attrs:{\"type\":\"file\",\"accept\":\"video/mp4,video/x-m4v,video/*\",\"id\":\"actual-btn\",\"hidden\":\"\"},on:{\"change\":_vm.uploadFile}}),_c('label',{staticClass:\"btn btn-primary w-30\",staticStyle:{\"height\":\"2.3rem\"},attrs:{\"for\":\"actual-btn\"}},[_vm._v(\"Upload\")]),_vm._v(\"   \"),_c('button',{staticClass:\"btn btn-danger\",staticStyle:{\"height\":\"2.3rem\"},on:{\"click\":_vm.deleteMediaFile}},[_vm._v(\"Delete\")]),_vm._v(\"   \")]):_vm._e(),_c('video',{ref:\"videoplayer\",staticClass:\"bg-balck\",staticStyle:{\"width\":\"100%\"},attrs:{\"src\":_vm.videoDataOp,\"preload\":\"auto\",\"autoplay\":\"\",\"muted\":\"\",\"loop\":\"\"},domProps:{\"muted\":true},on:{\"ended\":_vm.videoEnded}})]),_c('div',{staticClass:\"col-4 \",staticStyle:{\"height\":\"100%\",\"padding\":\"0\",\"width\":\"100%\",\"display\":\"flex\",\"flex-direction\":\"column\"}},[_c('h2',{staticClass:\"text-center strokeme\",staticStyle:{\"font-size\":\"2.2vw\",\"width\":\"100%\",\"color\":\"white\"}},[_vm._v(\" Now Serving \")]),_vm._l((_vm.channels),function(channel){return _c('div',{key:channel.doctor_name,staticClass:\"background-color:black; outline: none;\"},[_c('CRow',{staticClass:\"background-color:black; outline: none;\"},[_c('CCard',{staticClass:\"col-md-12 my-0\",staticStyle:{\"background-color\":\"black\",\"outline\":\"none\"}},[_c('CCardBody',{staticStyle:{\"display\":\"flex\",\"font-size\":\"2.2vw\",\"font-weight\":\"bold\",\"color\":\"white\",\"align-items\":\"center\",\"justify-content\":\"center\"},attrs:{\"align\":\"center\"},on:{\"click\":function($event){return _vm.webtoken(channel.room_no)}}},[_vm._v(\" \"+_vm._s(channel.doctor_name)+\" \")])],1)],1),_c('CRow',{staticClass:\"background-color:black; outline: none;\"},[_c('CCard',{staticClass:\"col-md-8 mx-0 px-0  mt-0\",staticStyle:{\"background-color\":\"white\"}},[_c('CCardBody',{staticClass:\"px-0\",staticStyle:{\"display\":\"flex\",\"font-size\":\"2.5vw\",\"font-weight\":\"bold\",\"color\":\"black\",\"align-items\":\"center\",\"justify-content\":\"center\"},attrs:{\"align\":\"center\"},on:{\"click\":function($event){return _vm.webtoken(channel.room_no)}}},[_vm._v(\" ROOM : \"+_vm._s(channel.room_no)+\" \")])],1),_c('CCard',{staticClass:\"col-md-4  mt-0\",staticStyle:{\"background-color\":\"white\"}},[_c('CCardBody',{staticStyle:{\"display\":\"flex\",\"margin\":\"0\",\"padding\":\"0\",\"color\":\"black\",\"font-size\":\"5.5vw\",\"font-weight\":\"bold\",\"align-items\":\"center\",\"justify-content\":\"center\"},attrs:{\"align\":\"center\"},on:{\"click\":function($event){return _vm.webtoken(channel.room_no)}}},[_vm._v(\" \"+_vm._s(Number(channel.token_no).toString().padStart(2, '0'))+\" \")])],1)],1)],1)})],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"row wallpaper dev\" style=\"height: 100%; padding: 0\">\r\n    <div class=\"col-8 align-self-center text-center \" style=\"width: 100%\">\r\n      <h2 class=\"text-left strokeme \" style=\"font-size: 2.2vw;width:100%; color:white;\">\r\n      <img :src=\"image\" width=\"20%\" height=\"100px\"/>\r\n        {{this.date}} &nbsp;&nbsp;   <a href=\"#\" @click=\"options\"><span style='font-size:2.0rem;' class='bg-opacity-1' >🟢</span></a>\r\n      </h2>\r\n      <div class=\"col-3 align-self-center text-center d-flex\" v-if=show >\r\n        <input type=\"file\" @change=\"uploadFile\"  ref=\"file\" accept=\"video/mp4,video/x-m4v,video/*\" id=\"actual-btn\" hidden>\r\n        <label class=\"btn btn-primary w-30\"  style=\"height:2.3rem;\" for=\"actual-btn\">Upload</label> &nbsp;\r\n        <button @click=\"deleteMediaFile\" style=\"height:2.3rem;\" class=\"btn btn-danger\">Delete</button> &nbsp;\r\n        <!-- <button @click=\"onPlay\" style=\"height:2.3rem;\" class=\"btn btn-success\" >Play</button> -->\r\n      </div>\r\n      <!-- <video muted preload=\"auto\" ref=\"videoplayer\" class=\"bg-primary\" style=\"width:100%\" @ended=\"videoEnded\">\r\n        <source  :src=\"videoDataOp\">\r\n      </video> -->\r\n       <video :src=\"videoDataOp\" class=\"bg-balck\" preload=\"auto\" autoplay muted loop ref=\"videoplayer\" style=\"width:100%\" @ended=\"videoEnded\"></video>\r\n    </div>\r\n    <div class=\"col-4 \" style=\"height: 100%; padding: 0;width:100%; display: flex;flex-direction: column;\">\r\n      <h2 class=\"text-center strokeme\" style=\"font-size: 2.2vw;width:100%;color:white\">\r\n        Now Serving\r\n      </h2>\r\n      <div  v-bind:key=\"channel.doctor_name\" v-for=\"channel in channels\" class=\"background-color:black; outline: none;\">\r\n        <CRow class=\"background-color:black; outline: none;\">\r\n        <CCard class=\"col-md-12 my-0\" style=\"background-color:black; outline: none;\">\r\n          <CCardBody align=\"center\" style=\"display: flex;font-size:2.2vw;font-weight:bold;color:white;align-items:center;justify-content:center;\" @click=\"webtoken(channel.room_no)\">\r\n            {{channel.doctor_name}}\r\n          </CCardBody>\r\n        </CCard>  \r\n        </CRow>\r\n        <CRow class=\"background-color:black; outline: none;\">\r\n        <CCard class=\"col-md-8 mx-0 px-0  mt-0\" style=\"background-color:white;\">\r\n          <CCardBody align=\"center\" class=\"px-0\" style=\"display: flex;font-size:2.5vw;font-weight:bold;color:black;align-items:center;justify-content:center;\" @click=\"webtoken(channel.room_no)\">\r\n            ROOM : {{channel.room_no}}\r\n          </CCardBody>\r\n        </CCard>\r\n        <CCard class=\"col-md-4  mt-0\" style=\"background-color:white;\">\r\n          <CCardBody align=\"center\" style=\"display: flex;margin:0;padding:0;color:black;font-size:5.5vw;font-weight:bold;align-items:center;justify-content:center;\" @click=\"webtoken(channel.room_no)\">\r\n            {{Number(channel.token_no).toString().padStart(2, '0')}}\r\n          </CCardBody>\r\n        </CCard>\r\n        </CRow>\r\n      </div>\r\n    </div>\r\n    \r\n  </div>\r\n</template>\r\n\r\n<script>\r\n/*eslint-disable*/\r\nimport idb from '../../api/idb'\r\nimport image from '../../assets/logo.jpeg'\r\n// import test from 'public/avactors/1.jpg' \r\nexport default {\r\n  name: \"Login\",\r\n  inject: [\"api\"],\r\n  data: function () {\r\n    return {\r\n      active: null,\r\n      room_no: null,\r\n      image: image,\r\n      break: 1,\r\n      idb_id:0,\r\n      media:[],\r\n      show:false,\r\n      videoDataOp:null,\r\n      channels: [],\r\n      videoindex: 0,\r\n      beforeValue: 0,\r\n      PresentValue: 0,\r\n      a: [],\r\n      b: [],\r\n      date: (new Date()).toLocaleString('en-GB'),\r\n      fields: [\r\n        { filter: false, sorter: false, key: \"token_no\", label: \"Token\" ,width:\"10%\"},\r\n       {\r\n          filter: false,\r\n          sorter: false,\r\n          key: \"doctor_name\", width:\"10%\",\r\n          label: \"Doctor Name\",\r\n        }, \r\n        { filter: false, sorter: false, key: \"room_no\", label: \"Room\" },  \r\n      ],\r\n      videofiles: [],\r\n      audiofiles: [],\r\n      // This for loop bug fix to menual\r\n      room1: null,\r\n      room2: null,\r\n      room1: null,\r\n      room2: null,\r\n      r1p: null,\r\n      r2p: null,\r\n      Token1: null,\r\n      Token2: null,\r\n      tokenData:null,\r\n      tokenData1:null,\r\n      tokenData2:null,\r\n      room:[],\r\n      rp:[],\r\n      Token:[],\r\n      rA:[]\r\n    };\r\n  },\r\n \r\n  updated(){\r\n  },\r\n\r\n  created() {\r\n    this.onStartup();\r\n      setInterval(async () => {\r\n        this.date = (new Date()).toLocaleString('en-GB')\r\n      }, 100);\r\n\t\t\tsetInterval(async () => {\r\n        this.getChannels();\r\n      }, 5000);\r\n      \r\n     this.indexDBReload();\r\n  },\r\n  methods: {\r\n\r\n  async indexDBReload(){\r\n    idb.getMedia().then((x)=>  {this.media = x;this.onPlay();})\r\n  },  \r\n  \r\n  async deleteMediaFile(){\r\n    let id = this.idb_id\r\n    let array = this.media.map((i) =>(i.id))\r\n    \r\n    for (let i =0; i < array.length; i++){\r\n      idb.deleteMedia((array[i]));\r\n    }\r\n      this.indexDBReload();\r\n      this.videoDataOp = ''\r\n      this.show = true \r\n    },\r\n\r\n    videoEnded() {\r\n      this.videoindex++;\r\n      if(this.videoindex >= this.videofiles.length){\r\n        this.videoindex = 0;\r\n      }\r\n      this.$refs.videosrc.src = this.videofiles[this.videoindex].src;\r\n      this.$refs.videosrc.type = this.videofiles[this.videoindex].type;\r\n      this.$refs.videoplayer.load()\r\n      this.$refs.videoplayer.play()\r\n    },\r\n// From cloud Video stream\r\n    async loadVideos() {\r\n      this.videofiles = [];\r\n      let result = await this.api.get(\"videolist\");\r\n      let files = result.data;\r\n      let baseurl = this.api.defaults.baseURL\r\n      files.forEach((file) => {\r\n        let video = {\r\n          id: file,\r\n          src: baseurl + \"/videos/\" + file,\r\n          type: \"video/mp4\",\r\n        };\r\n        this.videofiles.push(video); \r\n      });\r\n      let data =this.videofiles\r\n    },\r\n\r\nasync uploadFile(e){\r\n  let videoFile = e.target.files[0]\r\n  let reader = new FileReader();\r\n\t\t\treader.readAsDataURL(videoFile);\r\n      reader.onload = (e) =>{\r\n          let ab = e.target.result;\r\n          this.onUpload(ab)\r\n        };     \r\n},\r\n\r\nasync onUpload(v){\r\n  let ob = {}\r\n      ob.created = new Date(),\r\n      ob.data = v\r\n  await this.$store.dispatch('saveMedia', ob);\r\n  // location.reload(true)\r\n  this.onPlay();\r\n},\r\n\r\nasync onPlay(){\r\n  let av = this.media;\r\n  let videoArray = av.map((x)=>({\"data\":x.data,\"id\":x.id}));\r\n  this.videoDataOp = (videoArray[0].data).toString();\r\n  this.idb_id = videoArray[0].id;\r\n  this.$refs.videoplayer.play()\r\n  this.show = false\r\n},\r\n\r\nasync options(){\r\n    this.show = true\r\n  }, \r\n\r\nasync getChannels() {\r\n      const queryString = window.location\r\n      var url = new URL(queryString);\r\n      var ab = url.hash\r\n      let room_no = ab.split(\"#/room/\")[1]\r\n      let int_room_no = String(room_no).padStart(2, '0')\r\n\r\n      if( room_no !== undefined){\r\n          let result = await this.api.get(`channels/today/${int_room_no}`);\r\n          this.channels = result.data\r\n          this.PresentValue = this.channels[0].token_no\r\n          this.room_no = this.channels[0].room_no\r\n          let PresentValue = this.PresentValue\r\n          let beforeValue = this.beforeValue\r\n          if(beforeValue !== PresentValue){\r\n           // this.onsound();\r\n          }\r\n        }else{\r\n          let result = await this.api.get(`channels/today`);\r\n          this.channels = result.data\r\n          for (let index = 1; index < 10; index++) {\r\n            this.tokendisplay(index.toString().padStart(2, '0'));\r\n            this.tokendisplay(index);\r\n          }\r\n        }\r\n      \r\n    },\r\n   \r\n    async tokendisplay (no ){\r\n      let result = await this.api.get(`channels/today/${no}`);\r\n      var Data1 = result.data\r\n      this.Token[no] = Data1[0].token_no\r\n      this.room[no] = parseInt(Data1[0].room_no)\r\n      this.rp[no] = this.Token[no]\r\n      if( 0 < Data1.length){\r\n        if (this.rp[no] !== this.rA[no]) {\r\n            var msg = new SpeechSynthesisUtterance();\r\n            var voices = window.speechSynthesis.getVoices();\r\n            msg.voice = voices.filter(function(voice) { return voice.name == 'Google UK English Male'; })[0];\r\n             msg.volume = 100;\r\n             msg.lang = 'en-UK';\r\n             msg.text = `Token Number ${this.Token[no]}  Room No ${this.room[no]}`\r\n             window.speechSynthesis.speak(msg);\r\n             this.rA[no] = this.rp[no]\r\n        }\r\n      }else{\r\n        //\r\n      }\r\n    },\r\n    async tokendisplay2 (){\r\n      let result = await this.api.get(`channels/today/02`);\r\n      const Data2 = result.data\r\n      this.room2 = Data2[0].token_no\r\n      this.Token2 = parseInt(Data2[0].room_no)\r\n      this.r2p = this.room2\r\n      if(0 < Data2.length) {\r\n         if(this.r2p !== this.r2A){\r\n           var msg = new SpeechSynthesisUtterance();\r\n             msg.volume = 100;\r\n             msg.rate = 0.7;\r\n             msg.pitch = 5;\r\n             msg.lang = 'en-UK';\r\n             msg.text = `Token Number ${this.room2}  Room No ${this.Token2}`;\r\n            window.speechSynthesis.speak(msg);\r\n            this.r2A = this.r2p\r\n        }   \r\n      }\r\n    },\r\n\r\n    async onsound (){ \r\n      let PresentValue = this.PresentValue\r\n      let RoomNumber = parseInt(this.room_no);\r\n         var msg = new SpeechSynthesisUtterance();\r\n             msg.volume = 100;\r\n             msg.rate = 0.7;\r\n             msg.pitch = 5;\r\n             msg.lang = 'en-UK';\r\n             msg.text = `Token Number ${PresentValue}  Room No ${RoomNumber}`;\r\n        window.speechSynthesis.speak(msg);\r\n        this.beforeValue  = this.PresentValue\r\n    },\r\n    async onStartup() {\r\n      await this.loadVideos();\r\n      this.$refs.videosrc.src = this.videofiles[this.videoindex].src;\r\n      this.$refs.videosrc.type = this.videofiles[this.videoindex].type;\r\n      this.$refs.videoplayer.load()\r\n      this.$refs.videoplayer.play()\r\n       this.getChannels();\r\n\r\n    },\r\n    \r\n    webtoken(room_no){\r\n      let room = room_no\r\n      const queryString = window.location\r\n      var url = new URL(queryString);\r\n      var hostname = url.href\r\n      if (confirm('Are you sure you want to redirect Single TOKEN Display tab?')) {\r\n          // window.location.href = `${hostname}room/${room}`;\r\n          window.open(`${hostname}room/${room}`, '_blank'); // have to new tab\r\n        } else {\r\n          //\r\n        }\r\n      \r\n    }\r\n  },\r\n};\r\n</script>\r\n\r\n<style>\r\n.strokeme\r\n{\r\n    color: white;\r\n    text-shadow:\r\n    -1px -1px 0 #000,\r\n    1px -1px 0 #000,\r\n    -1px 1px 0 #000,\r\n    1px 1px 0 #000;  \r\n}\r\n</style>\r\n<style lang=\"sass\" scoped>\r\n.wallpaper\r\n  position: relative\r\n  background: #979797\r\n  overflow: hidden\r\n.wallpaper .q-page-container\r\n  position: relative\r\n  z-index: 2\r\n  overflow: hidden\r\n.wallpaper:before\r\n  content: ' '\r\n  display: block\r\n  position: absolute\r\n  width: 100%\r\n  height: 100%\r\n  z-index: 0\r\n  opacity: 29\r\n.wallpaper.dev:before\r\n \r\n  background: url(~../../assets/image/back6.jpg) repeat\r\n</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!./Main.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!./Main.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Main.vue?vue&type=template&id=46a222fd&scoped=true&\"\nimport script from \"./Main.vue?vue&type=script&lang=js&\"\nexport * from \"./Main.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Main.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./Main.vue?vue&type=style&index=1&id=46a222fd&lang=sass&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  \"46a222fd\",\n  null\n  \n)\n\nexport default component.exports","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!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Main.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}