{"version":3,"sources":["webpack:///./src/components/modals/ModalFinishStreaming.vue","webpack:///src/components/modals/ModalFinishStreaming.vue","webpack:///./src/components/modals/ModalFinishStreaming.vue?44b1","webpack:///./src/components/modals/ModalFinishStreaming.vue?d0d2","webpack:///./src/components/modals/ModalFinishStreaming.vue?5150"],"names":["render","_vm","this","_c","_self","staticClass","attrs","appsSendToClose","length","on","close","sendApps","scopedSlots","_u","key","fn","_v","proxy","_l","appsActive","app","class","selected","click","setAppClose","_s","name","staticRenderFns","components","Modal","data","appsToClose","keyUser","computed","user","$store","state","ModelFinish","filter","map","methods","newVal","forEach","appKey","sessionsApi","post","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,QAAQ,CAACE,YAAY,cAAcC,MAAM,CAAC,iBAAmBL,EAAIM,gBAAgBC,QAAQC,GAAG,CAAC,SAAWR,EAAIS,MAAM,SAAWT,EAAIU,UAAUC,YAAYX,EAAIY,GAAG,CAAC,CAACC,IAAI,SAASC,GAAG,WAAW,MAAO,CAACZ,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,KAAK,CAACE,YAAY,sBAAsB,CAACJ,EAAIe,GAAG,qBAAqBC,OAAM,GAAM,CAACH,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACZ,EAAG,MAAM,CAACE,YAAY,qBAAqBJ,EAAIiB,GAAIjB,EAAIkB,YAAY,SAASC,EAAIN,GAAK,OAAOX,EAAG,SAAS,CAACW,IAAIA,EAAIO,MAAM,CAAC,sBAAuBD,EAAIE,UAAY,+BAA+Bb,GAAG,CAAC,MAAQc,IAAMtB,EAAIuB,YAAYJ,KAAO,CAACnB,EAAIe,GAAG,IAAIf,EAAIwB,GAAGL,EAAIM,MAAM,UAAS,KAAKT,OAAM,GAAM,CAACH,IAAI,SAASC,GAAG,aAA6BE,OAAM,QAE3vBU,EAAkB,G,YCCP,GACfC,WAAA,CACAC,UAAA,6CAEAC,OACA,OACAC,YAAA,CACA,CACAL,KAAA,YACAJ,UAAA,EACAU,QAAA,YAEA,CACAN,KAAA,SACAJ,UAAA,EACAU,QAAA,0BAEA,CACAN,KAAA,YACAJ,UAAA,EACAU,QAAA,gCAKAC,SAAA,CACAC,OACA,YAAAC,OAAAC,MAAAF,KAAAG,aAEA9B,kBACA,YAAAY,WAAAmB,OAAA,EAAAhB,iBAAAiB,IAAA,EAAAb,cAEAP,aACA,YAAAY,YAAAO,OAAA,EAAAN,aAAA,KAAAE,KAAAF,MAGAQ,QAAA,CACAhB,YAAAJ,GACA,MAAAqB,GAAArB,EAAAE,SAEA,cAAAF,EAAAM,MAAAe,EACA,KAAAV,YAAAW,QAAAC,KAAArB,SAAAmB,GAIArB,EAAAE,SAAAmB,GAEA/B,QACA,KAAAyB,OAAAC,MAAAF,KAAAG,YAAA,IAEA,iBACA,KAAA9B,gBAAAC,eAIAoC,OAAAC,KAAA,qBAAAX,KAAA,KAAAA,KAAAH,YAAA,KAAAxB,kBAEA,KAAAG,YC5D4W,I,wBCQxWoC,EAAY,eACd,EACA9C,EACA2B,GACA,EACA,KACA,KACA,MAIa,aAAAmB,E,2CCnBf,W","file":"js/chunk-024002cb.73ce6e7a.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('Modal',{staticClass:\"modalFinish\",attrs:{\"isDisableSubmit\":!_vm.appsSendToClose.length},on:{\"onCancel\":_vm.close,\"onSubmit\":_vm.sendApps},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('div',{staticClass:\"modalFinish__header\"},[_c('h2',{staticClass:\"modalFinish__title\"},[_vm._v(\"Desconexión\")])])]},proxy:true},{key:\"body\",fn:function(){return [_c('div',{staticClass:\"modalFinish__body\"},_vm._l((_vm.appsActive),function(app,key){return _c('button',{key:key,class:['modalFinish__reason', app.selected && 'modalFinish__reason--active'],on:{\"click\":() => _vm.setAppClose(app)}},[_vm._v(\" \"+_vm._s(app.name)+\" \")])}),0)]},proxy:true},{key:\"footer\",fn:function(){return undefined},proxy:true}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport sessionsApi from \"../../common/api/sessionsAxios\";\n\nexport default {\n  components: {\n    Modal: () => import(\"@/components/modals/Modal.vue\"),\n  },\n  data() {\n    return {\n      appsToClose: [\n        {\n          name: 'MySpace1A',\n          selected: false,\n          keyUser: 'isOnline'\n        },\n        {\n          name: 'Jasmin',\n          selected: false,\n          keyUser: 'isBroadcastingOnJasmin'\n        },\n        {\n          name: 'Streamate',\n          selected: false,\n          keyUser: 'isBroadcastingOnStreamate'\n        },\n      ]\n    };\n  },\n  computed: {\n    user() {\n      return this.$store.state.user.ModelFinish;\n    },\n    appsSendToClose(){\n      return this.appsActive.filter(({ selected }) => selected).map(({name}) => name)\n    },\n    appsActive(){\n      return this.appsToClose.filter(({ keyUser }) => this.user[keyUser])\n    }\n  },\n  methods: {\n    setAppClose(app){      \n      const newVal = !app.selected\n\n      if (app.name === \"MySpace1A\" && newVal){\n        this.appsToClose.forEach(appKey => appKey.selected = newVal)\n        return\n      }\n\n      app.selected = newVal\n    },\n    close() {\n      this.$store.state.user.ModelFinish = {};\n    },\n    async sendApps() {\n      if (!this.appsSendToClose.length){\n        return;\n      } \n\n      await sessionsApi.post(`/session/closeApp`, { user: this.user,  appsToClose: this.appsSendToClose });      \n  \n      this.close();\n    },\n  },\n};\n</script>\n\n<template>\n  <Modal class=\"modalFinish\" :isDisableSubmit=\"!appsSendToClose.length\" @onCancel=\"close\" @onSubmit=\"sendApps\">\n    <template v-slot:header>\n      <div class=\"modalFinish__header\">\n        <h2 class=\"modalFinish__title\">Desconexión</h2>\n      </div>\n    </template>\n    <template v-slot:body>\n      <div class=\"modalFinish__body\">\n        <button :class=\"['modalFinish__reason', app.selected && 'modalFinish__reason--active']\" v-for=\"(app, key) in appsActive\" @click=\"() => setAppClose(app)\" :key=\"key\">\n          {{app.name}}\n        </button>\n      </div>\n    </template>\n    <template v-slot:footer></template>\n  </Modal>\n</template>\n\n<style lang=\"scss\">\n.modalFinish {\n  .modal-g__container {\n    padding: $mpadding * 1.5 $mpadding;\n    max-width: 300px;\n    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);\n  }\n  .modal-g__buttons {\n    @include Flex(row);\n  }\n  .modal-g__button {\n    @include Flex(row);\n    width: 110px;\n    height: 36px;\n    padding: 8px;\n    font-weight: bold;\n    color: $primary-color;\n    background: white;\n    border: 1px solid $primary-color;\n    border-radius: 6px;\n  }\n  .modal-g__button.submit {\n    color: white;\n    background: $primary-color;\n  }\n  &__header {\n    text-align: center;\n  }\n  &__header,\n  &__body {\n    width: 100%;\n  }\n  &__body {\n    @include Flex(column);\n    padding: $mpadding/2;\n  }\n  &__reason {\n    @include Flex(row, space-around);\n    width: 140px;\n    height: 50px;\n    padding: 10px 19px;\n    margin: $mpadding/2 0;\n    border: none;\n    border-radius: 6px;\n    background: #efefef;\n    cursor: pointer;\n    &--active {\n      background: $primary-color;\n      color: white;\n      font-weight: bold;\n      transition: 0.3s ease-in-out;\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!./ModalFinishStreaming.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!./ModalFinishStreaming.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ModalFinishStreaming.vue?vue&type=template&id=596710e8\"\nimport script from \"./ModalFinishStreaming.vue?vue&type=script&lang=js\"\nexport * from \"./ModalFinishStreaming.vue?vue&type=script&lang=js\"\nimport style0 from \"./ModalFinishStreaming.vue?vue&type=style&index=0&id=596710e8&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!./ModalFinishStreaming.vue?vue&type=style&index=0&id=596710e8&prod&lang=scss\""],"sourceRoot":""}