{"version":3,"sources":["webpack:///./src/views/auth/ViewAuthLobby.vue?3b8d","webpack:///src/views/auth/ViewAuthLobby.vue","webpack:///./src/views/auth/ViewAuthLobby.vue?6fb5","webpack:///./src/views/auth/ViewAuthLobby.vue","webpack:///./src/views/auth/ViewAuthLobby.vue?9e85"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","$t","pending","on","$event","preventDefault","enterToRoom","scopedSlots","_u","error","key","fn","staticClass","_v","_s","proxy","model","value","callback","$$v","room","_n","expression","enterDisabled","exitUser","_e","staticRenderFns","name","components","AuthInput","LayoutAuthForm","AuthButton","computed","template","hide_landing","length","watch","methods","enterToRoomAction","hasType","logout","component"],"mappings":"+IAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,mBAAmB,CAACE,MAAM,CAAC,aAAaN,EAAIO,GAAG,eAAe,QAAUP,EAAIQ,SAASC,GAAG,CAAC,OAAS,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBX,EAAIY,YAAYF,KAAUG,YAAYb,EAAIc,GAAG,CAAId,EAAIe,MAAO,CAACC,IAAI,QAAQC,GAAG,WAAW,MAAO,CAACb,EAAG,OAAO,CAACc,YAAY,SAAS,CAAClB,EAAImB,GAAGnB,EAAIoB,GAAGpB,EAAIe,YAAYM,OAAM,GAAM,MAAM,MAAK,IAAO,CAACjB,EAAG,aAAa,CAACE,MAAM,CAAC,KAAO,SAAS,YAAcN,EAAIO,GAAG,qBAAqBe,MAAM,CAACC,MAAOvB,EAAQ,KAAEwB,SAAS,SAAUC,GAAMzB,EAAI0B,KAAK1B,EAAI2B,GAAGF,IAAMG,WAAW,UAAUxB,EAAG,cAAc,CAACE,MAAM,CAAC,SAAWN,EAAI6B,cAAc,KAAO,SAAS,OAAS,KAAK,CAAC7B,EAAImB,GAAG,IAAInB,EAAIoB,GAAGpB,EAAIO,GAAG,iBAAiB,OAAQP,EAAkB,eAAEI,EAAG,cAAc,CAACK,GAAG,CAAC,MAAQT,EAAI8B,WAAW,CAAC9B,EAAImB,GAAG,IAAInB,EAAIoB,GAAGpB,EAAIO,GAAG,iBAAiB,OAAOP,EAAI+B,MAAM,IACh2BC,EAAkB,G,yHC8CtB,GACEC,KAAM,gBACNC,WAAY,CACVC,UAAJ,OACIC,eAAJ,OACIC,WAAJ,QAEE,OACE,MAAO,CACLX,KAAM,GACNX,MAAO,GACPP,SAAS,IAGb8B,SAAU,OAAZ,OAAY,CAAZ,kBACA,uBACI,SAAJ,UAFA,IAII,iBACE,OAAQrC,KAAKsC,SAASC,cAExB,gBACE,OAAO,GAAGvC,KAAKyB,MAAOe,OAAS,KAGnCC,MAAO,CACL,OACEzC,KAAKc,MAAQ,KAGjB4B,QAAS,OAAX,OAAW,CAAX,iCACA,uBACI,OAAJ,UAEA,uBACI,kBAAJ,UALA,IAOI,oBACE,IAAI1C,KAAK4B,cAAT,CACA5B,KAAKO,SAAU,EACf,IACEP,KAAKc,MAAQ,SACPd,KAAK2C,kBAAkB,CAArC,iBACA,SACY7B,EAAM8B,SAAW9B,EAAM8B,QAAQ,EAA3C,wCACU5C,KAAKc,MAAQd,KAAKM,GAAG,4BAErBN,KAAKc,MAAQd,KAAKM,GAAG,yBAP9B,QAUON,KAAKO,SAAU,KAGnB,WACEP,KAAK6C,aCrG2V,I,wBCQlWC,EAAY,eACd,EACAhD,EACAiC,GACA,EACA,KACA,WACA,MAIa,aAAAe,E,2CCnBf,yBAA+nB,EAAG","file":"js/ViewAuthLobby.3d6ac366.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('layout-auth-form',{attrs:{\"promo-text\":_vm.$t('Lobby.title'),\"loading\":_vm.pending},on:{\"submit\":function($event){$event.preventDefault();return _vm.enterToRoom($event)}},scopedSlots:_vm._u([(!!_vm.error)?{key:\"error\",fn:function(){return [_c('span',{staticClass:\"error\"},[_vm._v(_vm._s(_vm.error))])]},proxy:true}:null],null,true)},[_c('auth-input',{attrs:{\"type\":\"number\",\"placeholder\":_vm.$t('Lobby.roomNumber')},model:{value:(_vm.room),callback:function ($$v) {_vm.room=_vm._n($$v)},expression:\"room\"}}),_c('auth-button',{attrs:{\"disabled\":_vm.enterDisabled,\"type\":\"submit\",\"filled\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"common.login\"))+\" \")]),(_vm.isLogoutButton)?_c('auth-button',{on:{\"click\":_vm.exitUser}},[_vm._v(\" \"+_vm._s(_vm.$t(\"Lobby.logout\"))+\" \")]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <layout-auth-form\n    :promo-text=\"$t('Lobby.title')\"\n    :loading=\"pending\"\n    @submit.prevent=\"enterToRoom\"\n  >\n    <auth-input\n      v-model.number=\"room\"\n      type=\"number\"\n      :placeholder=\"$t('Lobby.roomNumber')\"\n    />\n    <auth-button\n      :disabled=\"enterDisabled\"\n      type=\"submit\"\n      filled\n    >\n      {{ $t(\"common.login\") }}\n    </auth-button>\n    <auth-button v-if=\"isLogoutButton\" @click=\"exitUser\">\n      {{ $t(\"Lobby.logout\") }}\n    </auth-button>\n    <template v-if=\"!!error\" #error>\n      <span class=\"error\">{{ error }}</span>\n    </template>\n  </layout-auth-form>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from \"vuex\";\nimport { auth, landing, room } from \"@/store/modules/store.namespaces\";\nimport { LOGOUT } from \"@/store/modules/auth/action-types\";\nimport { TEMPLATE } from \"@/store/modules/landing/getter-types\";\nimport { ENTER_TO_ROOM } from \"@/store/modules/common/action-types\";\nimport { wsErrorType } from \"@/utils/errors\";\nimport AuthButton from \"@/components/common/auth/AuthButton\";\nimport LayoutAuthForm from \"@/components/layouts/LayoutAuthForm\";\nimport AuthInput from \"@/components/common/auth/AuthInput\";\n/**\n * Страница Лоби для участника или монитора здесь происходит вход в комнату\n *\n * @vue-data {String} room - Тип иконки regular\n * @vue-data {String} error - Ошибка при заходе в комнату\n * @vue-data {Boolean} pending - Ожидние входа в комнату\n * @vue-computed {String} template - Настройки лендинга\n * @vue-computed {Boolean} isLogoutButton - При скрытом лендинге нельзя на него перейти\n * @vue-computed {Boolean} enterDisabled - Комната должна быть из 4 символов и выше\n */\nexport default {\n  name: \"ViewAuthLobby\",\n  components: {\n    AuthInput,\n    LayoutAuthForm,\n    AuthButton,\n  },\n  data() {\n    return {\n      room: \"\",\n      error: \"\",\n      pending: false,\n    };\n  },\n  computed: {\n    ...mapGetters(landing, {\n      template: TEMPLATE,\n    }),\n    isLogoutButton() {\n      return !this.template.hide_landing;\n    },\n    enterDisabled() {\n      return `${this.room}`.length < 4;\n    },\n  },\n  watch: {\n    room() {\n      this.error = \"\";\n    },\n  },\n  methods: {\n    ...mapActions(auth, {\n      logout: LOGOUT,\n    }),\n    ...mapActions(room, {\n      enterToRoomAction: ENTER_TO_ROOM,\n    }),\n    async enterToRoom() {\n      if (this.enterDisabled) return;\n      this.pending = true;\n      try {\n        this.error = \"\";\n        await this.enterToRoomAction({ room: this.room });\n      } catch (error) {\n        if (error.hasType && error.hasType(wsErrorType.ROOM_ENTER_ERROR_NO_GUEST_ALLOWED)) {\n          this.error = this.$t(\"Lobby.unavailableToGuest\");\n        } else {\n          this.error = this.$t(\"Lobby.errorUnexpected\");\n        }\n      } finally {\n        this.pending = false;\n      }\n    },\n    exitUser() {\n      this.logout();\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"less\">\n@ws-grey: #414141;\n@ws-fs1: 16px;\n@ws-lh1: normal;\n\n.login {\n  position: relative;\n  margin: 0 auto;\n  min-height: 100%;\n  background-repeat: no-repeat;\n  .error {\n    display: block;\n    margin: 10px auto;\n  }\n  .ch-room {\n    margin-bottom: 40px;\n\n    input {\n      -webkit-appearance: none;\n      border-radius: 0;\n    }\n  }\n  .login-loader {\n    margin-top: 15px;\n  }\n  .main-login-btn {\n    margin-bottom: 15px;\n  }\n  .form-title.select-lang-form {\n    text-align: center;\n    padding-top: 5px;\n    margin-bottom: 20px;\n  }\n  input[type=\"text\"] {\n    border: none;\n    width: 100%;\n    padding: 10px 2px;\n    border-bottom: 1px solid @ws-grey;\n    font-size: @ws-fs1;\n    line-height: @ws-lh1;\n    background: none;\n    color: inherit;\n  }\n  input[type=\"password\"] {\n    border: none;\n    width: 100%;\n    padding: 10px 2px;\n    border-bottom: 1px solid @ws-grey;\n    font-size: @ws-fs1;\n    line-height: @ws-lh1;\n    background: none;\n    color: inherit;\n  }\n  button.button.big {\n    margin-top: 15px;\n    width: 100%;\n    max-width: 100%;\n    height: auto;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    border-color: var(--base-color);\n    a {\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n  a.button.bottom {\n    margin-top: 10px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    border-color: var(--base-color);\n  }\n}\n.login {\n  form {\n    margin: 20px;\n    width: 310px;\n    padding: 20px;\n    box-sizing: border-box;\n    background-color: var(--login-form-color);\n    border-radius: 5px;\n\n    @media (max-width: 768px) {\n      margin: 20px 5px;\n    }\n  }\n}\n.enterRoom {\n  input[type=\"text\"] {\n    border: none;\n    width: 100%;\n    padding: 10px 2px;\n    border-bottom: 1px solid @ws-grey;\n    font-size: @ws-fs1;\n    line-height: @ws-lh1;\n    background: none;\n    color: inherit;\n  }\n}\n\n.social-prompt {\n  text-align: center;\n  margin-top: 25px;\n  margin-bottom: -10px;\n  font-size: 13px;\n  color: #9c9c9c;\n}\n\n.ulogin-block {\n  text-align: center;\n  margin-top: 30px;\n}\n\n.error {\n  text-align: center;\n  color: #ff2416;\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!./ViewAuthLobby.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!./ViewAuthLobby.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ViewAuthLobby.vue?vue&type=template&id=2034e394&scoped=true&\"\nimport script from \"./ViewAuthLobby.vue?vue&type=script&lang=js&\"\nexport * from \"./ViewAuthLobby.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ViewAuthLobby.vue?vue&type=style&index=0&id=2034e394&scoped=true&lang=less&\"\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  \"2034e394\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ViewAuthLobby.vue?vue&type=style&index=0&id=2034e394&scoped=true&lang=less&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ViewAuthLobby.vue?vue&type=style&index=0&id=2034e394&scoped=true&lang=less&\""],"sourceRoot":""}