{"version":3,"sources":["webpack:///./src/views/Waiting.vue?8d2a","webpack:///src/views/Waiting.vue","webpack:///./src/views/Waiting.vue?ef2c","webpack:///./src/views/Waiting.vue","webpack:///./src/views/Waiting.vue?c0d0","webpack:///../../../src/components/VGrid/grid.ts","webpack:///../../../src/components/VGrid/VContainer.ts"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","countdown","staticStyle","$store","state","tokenInfo","availableStartTime","subject","staticRenderFns","component","VCard","VCol","VContainer","VIcon","VRow","name","functional","props","id","tag","type","default","children","data","classes","Object","key","value","h","fluid","mergeData","class","Array"],"mappings":"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","file":"js/chunk-0f136644.60e28ce3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',{staticClass:\"app-background\",attrs:{\"flat\":\"\",\"height\":\"100%\"}},[_c('v-card',{staticClass:\"card-background rounded-lg\"},[_c('v-container',{staticClass:\"ma-0 pa-0\",attrs:{\"fill-height\":\"\",\"fluid\":\"\"}},[_c('v-row',{attrs:{\"align\":\"center\",\"justify\":\"center\",\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"align\":\"center\",\"justify\":\"center\",\"no-gutters\":\"\"}},[_c('p',{staticClass:\"welcome\"},[_vm._v(\"Welcome to Your Virtual Meeting\")]),_c('v-row',{staticClass:\"card-header\",attrs:{\"align\":\"center\",\"justify\":\"center\",\"no-gutters\":\"\"}},[_c('span',{staticClass:\"quick-start\"},[_vm._v(\"Please wait for the host to start this meeting\")])]),_c('v-col',{staticClass:\"ma-0 pa-0\"},[_c('p',{staticClass:\"form-title\"},[_vm._v(\"Meeting Starts in\")]),_c('p',{staticClass:\"form-title\"},[_vm._v(_vm._s(_vm.countdown))]),_c('div',{staticStyle:{\"height\":\"30px\"}}),_c('v-icon',{staticClass:\"circle-ripple\",attrs:{\"size\":\"60\",\"color\":\"#00cf4a\"}},[_vm._v(\" \"+_vm._s(\"mdi-check-circle\")+\" \")]),_c('div',{staticStyle:{\"height\":\"40px\"}}),_c('p',{staticClass:\"center-text\"},[_vm._v(\"Start Time: \"+_vm._s(this.$store.state.tokenInfo.availableStartTime))]),_c('p',{staticClass:\"center-text\"},[_vm._v(\"Subject: \"+_vm._s(this.$store.state.tokenInfo.subject))]),_c('div',{staticStyle:{\"height\":\"40px\"}})],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<v-card flat class=\"app-background\" height=\"100%\">\n  <v-card class=\"card-background rounded-lg\">\n    <v-container fill-height fluid class=\"ma-0 pa-0\">\n        <v-row align=\"center\" justify=\"center\" no-gutters>\n            <v-col align=\"center\" justify=\"center\" no-gutters>\n                <p class=\"welcome\">Welcome to Your Virtual Meeting</p>\n                <v-row class=\"card-header\" align=\"center\" justify=\"center\" no-gutters>\n                    <span class=\"quick-start\">Please wait for the host to start this meeting</span>\n                </v-row>\n                <v-col class=\"ma-0 pa-0\">\n                    <p class=\"form-title\">Meeting Starts in</p>\n                    <p class=\"form-title\">{{ countdown }}</p>\n                    <div style=\"height: 30px;\"/>\n                    <v-icon size=\"60\" class=\"circle-ripple\" color=\"#00cf4a\">\n                        {{\"mdi-check-circle\"}}\n                    </v-icon>\n\n                    <div style=\"height: 40px;\"/>\n                    <p class=\"center-text\">Start Time: {{ this.$store.state.tokenInfo.availableStartTime }}</p>\n                    <p class=\"center-text\">Subject: {{ this.$store.state.tokenInfo.subject }}</p>\n\n                    <div style=\"height: 40px;\"/>\n                </v-col>\n            </v-col>\n        </v-row>\n    </v-container>\n  </v-card>\n</v-card>\n</template>\n\n<script>\n    import moment from 'moment';\n\n    export default {\n        name: 'Waiting',\n\n        components: {\n\n        },\n\n        data() {\n            return {\n                startTime: this.$store.state.tokenInfo.availableStartTime,\n\n                interval: null,\n                countdown: \"00:00:00\",\n            };\n        },\n\n        mounted() {\n            this.update();\n            this.interval = setInterval(this.update, 1000);\n        },\n\n        beforeDestroy: function() {\n            clearInterval(this.interval);\n        },\n\n        methods: {\n            update() {\n                var start = moment(this.startTime, \"YYYY/MM/DD HH:mm:ss\");\n                var now = moment();\n\n                if(now.isBefore(start)){\n                    var diff = start.diff(now);\n                    this.countdown = Math.floor(moment.duration(diff).asHours()) + ':' + moment.utc(diff).format('mm:ss');\n                }else{\n                    const urlParams = new URLSearchParams(window.location.search);\n                    this.$router.push(urlParams.get('redirect'));\n                    //this.$router.push(this.$route.query.redirect); //this way maybe better\n                }\n            },\n        }\n    };\n</script>\n\n<style scoped>\n    @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');\n\n    .app-background{\n        background-image: linear-gradient(to bottom, #fbfbfb, #f4f8fc);\n    }\n\n    .card-background {\n        height: 100%;\n        margin: 32px 28px 0px 28px;\n        background-image: linear-gradient(to bottom, #f9f9f9, #f4f8fc);\n    }\n\n    .welcome {\n        padding: 0px;\n        margin: 0 0 48px 0;\n        font-size: 35px;\n        font-family: 'Lato';\n        font-weight: bold;\n        font-stretch: normal;\n        font-style: normal;\n        line-height: normal;\n        letter-spacing: normal;\n        color: #243c49;\n    }\n\n    .card {\n        width: 45%;\n        padding: 0;\n        margin: 0;\n    }\n\n    .card-header {\n        padding: 0;\n        margin: 0;\n        height: 5%;\n    }\n\n    .quick-start {\n        padding: 0px;\n        margin: 0 0 27px 0;\n        font-size: 28px;\n        font-family: 'Lato';\n        font-weight: bold;\n        font-stretch: normal;\n        font-style: normal;\n        line-height: normal;\n        letter-spacing: normal;\n        color: #007fb2;\n    }\n\n    .form-row {\n        padding: 0px;\n        margin: 0px;\n\n    }\n\n    .form-title {\n        padding: 0px;\n        margin: 0 0 10px 0;\n        font-size: 14px;\n        font-family: 'Lato';\n        font-weight: 500;\n        font-stretch: normal;\n        font-style: normal;\n        line-height: normal;\n        letter-spacing: normal;\n        color: #606060;\n    }\n\n    .center-text {\n        padding: 0px;\n        margin: 0 0 7px 0;\n        font-size: 20px;\n        font-family: 'Lato';\n        font-weight: 500;\n        font-stretch: normal;\n        font-style: normal;\n        line-height: normal;\n        letter-spacing: normal;\n        color: #243c49;\n        text-align: center;\n    }\n\n    .circle-ripple {\n        width: 50px;\n        height: 50px;\n        margin: 23px 0 40px 0;\n        border-radius: 50%;\n        animation: ripple 3s linear infinite;\n    }\n\n    @keyframes ripple {\n        0% {\n            box-shadow: 0 0 0 0 rgba(0, 207, 74, 0.3),\n                        0 0 0 0px rgba(0, 207, 74, 0.3);\n        }\n        25% {\n            box-shadow: 0 0 0 0 rgba(0, 207, 74, 0.3),\n                        0 0 0 30px rgba(0, 207, 74, 0.3);\n        }\n        50% {\n            box-shadow: 0 0 0 60px rgba(0, 207, 74, 0),\n                        0 0 0 60px rgba(0, 207, 74, 0);\n        }\n    }\n\n    @media screen and (max-width: 960px) {\n        .card-background {\n            background-image: linear-gradient(to bottom, #f9f9f9, #f4f8fc);\n            height: 100%;\n            margin: 0px;\n        }\n\n        .card {\n            width: 90%;\n            padding: 0;\n            margin: 0;\n        }\n\n        .welcome {\n            padding: 0px;\n            margin: 0 0 48px 0;\n            font-size: 20px;\n            font-family: 'Lato';\n            font-weight: bold;\n            font-stretch: normal;\n            font-style: normal;\n            line-height: normal;\n            letter-spacing: normal;\n            color: #243c49;\n        }\n\n        .quick-start {\n            padding: 0px;\n            margin: 0 0 27px 0;\n            font-size: 18px;\n            font-family: 'Lato';\n            font-weight: 500;\n            font-stretch: normal;\n            font-style: normal;\n            line-height: normal;\n            letter-spacing: normal;\n            color: #007fb2;\n        }\n\n        .form-title {\n            padding: 0px;\n            margin: 0 0 10px 0;\n            font-size: 14px;\n            font-family: 'Lato';\n            font-weight: 500;\n            font-stretch: normal;\n            font-style: normal;\n            line-height: normal;\n            letter-spacing: normal;\n            color: #606060;\n        }\n\n        .center-text {\n            padding: 0px;\n            margin: 0 0 7px 0;\n            font-size: 14px;\n            font-family: 'Lato';\n            font-weight: 500;\n            font-stretch: normal;\n            font-style: normal;\n            line-height: normal;\n            letter-spacing: normal;\n            color: #243c49;\n            text-align: center;\n        }\n    }\n</style>\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!./Waiting.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!./Waiting.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Waiting.vue?vue&type=template&id=22e89d39&scoped=true&\"\nimport script from \"./Waiting.vue?vue&type=script&lang=js&\"\nexport * from \"./Waiting.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Waiting.vue?vue&type=style&index=0&id=22e89d39&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"22e89d39\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCard,VCol,VContainer,VIcon,VRow})\n","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!./Waiting.vue?vue&type=style&index=0&id=22e89d39&scoped=true&lang=css&\"","// Types\nimport Vue, { VNode } from 'vue'\n\nexport default function VGrid (name: string) {\n  /* @vue/component */\n  return Vue.extend({\n    name: `v-${name}`,\n\n    functional: true,\n\n    props: {\n      id: String,\n      tag: {\n        type: String,\n        default: 'div',\n      },\n    },\n\n    render (h, { props, data, children }): VNode {\n      data.staticClass = (`${name} ${data.staticClass || ''}`).trim()\n\n      const { attrs } = data\n      if (attrs) {\n        // reset attrs to extract utility clases like pa-3\n        data.attrs = {}\n        const classes = Object.keys(attrs).filter(key => {\n          // TODO: Remove once resolved\n          // https://github.com/vuejs/vue/issues/7841\n          if (key === 'slot') return false\n\n          const value = attrs[key]\n\n          // add back data attributes like data-test=\"foo\" but do not\n          // add them as classes\n          if (key.startsWith('data-')) {\n            data.attrs![key] = value\n            return false\n          }\n\n          return value || typeof value === 'string'\n        })\n\n        if (classes.length) data.staticClass += ` ${classes.join(' ')}`\n      }\n\n      if (props.id) {\n        data.domProps = data.domProps || {}\n        data.domProps.id = props.id\n      }\n\n      return h(props.tag, data, children)\n    },\n  })\n}\n","import './_grid.sass'\nimport './VGrid.sass'\n\nimport Grid from './grid'\n\nimport mergeData from '../../util/mergeData'\n\n/* @vue/component */\nexport default Grid('container').extend({\n  name: 'v-container',\n  functional: true,\n  props: {\n    id: String,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    fluid: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  render (h, { props, data, children }) {\n    let classes\n    const { attrs } = data\n    if (attrs) {\n      // reset attrs to extract utility clases like pa-3\n      data.attrs = {}\n      classes = Object.keys(attrs).filter(key => {\n        // TODO: Remove once resolved\n        // https://github.com/vuejs/vue/issues/7841\n        if (key === 'slot') return false\n\n        const value = attrs[key]\n\n        // add back data attributes like data-test=\"foo\" but do not\n        // add them as classes\n        if (key.startsWith('data-')) {\n          data.attrs![key] = value\n          return false\n        }\n\n        return value || typeof value === 'string'\n      })\n    }\n\n    if (props.id) {\n      data.domProps = data.domProps || {}\n      data.domProps.id = props.id\n    }\n\n    return h(\n      props.tag,\n      mergeData(data, {\n        staticClass: 'container',\n        class: Array<any>({\n          'container--fluid': props.fluid,\n        }).concat(classes || []),\n      }),\n      children\n    )\n  },\n})\n"],"sourceRoot":""}