{"version":3,"sources":["webpack:///./src/components/chat/ChatHelpModel.vue","webpack:///src/components/chat/ChatHelpModel.vue","webpack:///./src/components/chat/ChatHelpModel.vue?3e8a","webpack:///./src/components/chat/ChatHelpModel.vue?1bae","webpack:///./src/components/chat/ChatHelpModel.vue?5ee9"],"names":["render","_vm","this","_c","_self","class","hasMonitor","staticClass","attrs","model","_v","_s","changeName","artisticName","roomTemp","on","toggleCheck","temporalMonitor","staticRenderFns","props","computed","profileUser","$store","state","user","profile","_this$model$temporalM","id","modelName","toUpperCase","substring","isCurrentMonitor","_id","methods","body","modelId","assing","picture","$axios","put","msg","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,MAAMJ,EAAIK,WAAa,sBAAwB,eAAe,CAACH,EAAG,MAAM,CAACI,YAAY,uBAAuB,CAACJ,EAAG,SAAS,CAACI,YAAY,kBAAkBC,MAAM,CAAC,KAAOP,EAAIQ,SAASN,EAAG,MAAM,CAACI,YAAY,2BAA2B,CAACJ,EAAG,OAAO,CAACI,YAAY,gCAAgC,CAACN,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,WAAWX,EAAIQ,MAAMI,kBAAkBV,EAAG,OAAO,CAACI,YAAY,gCAAgC,CAACN,EAAIS,GAAGT,EAAIU,GAAGV,EAAIQ,MAAMK,gBAAgB,GAAGX,EAAG,QAAQ,CAACE,MAAMJ,EAAIK,WAAa,eAAiB,iBAAiB,CAACH,EAAG,QAAQ,CAACI,YAAY,aAAaC,MAAM,CAAC,KAAO,YAAYO,GAAG,CAAC,OAASd,EAAIe,eAAgBf,EAAIK,WAAYH,EAAG,SAAS,CAACI,YAAY,mBAAmBC,MAAM,CAAC,KAAOP,EAAIQ,MAAMQ,mBAAmBd,EAAG,SAAS,CAACK,MAAM,CAAC,KAAO,YAAY,MAEtzBU,EAAkB,GCgBtB,GACAC,MAAA,gBAEAC,SAAA,CACAC,cACA,YAAAC,OAAAC,MAAAC,KAAAC,SAEAnB,aAAA,IAAAoB,EACA,gBAAAA,EAAA,KAAAjB,MAAAQ,uBAAA,IAAAS,MAAAC,KAEAf,aACA,gBAAAgB,GACA,OAAAA,EAAA,GAAAC,cAAAD,EAAAE,UAAA,KAGAC,mBACA,YAAAzB,YAAA,KAAAG,MAAAQ,gBAAAU,KAAA,KAAAN,YAAAW,MAGAC,QAAA,CACAjB,cACA,SAAAe,kBAAA,KAAAzB,WACA,OAGA,MAAA4B,EAAA,CACAC,QAAA,KAAA1B,MAAAuB,IACAI,QAAA,KAAAL,kBAGAd,EAAA,CACAU,GAAA,KAAAN,YAAAW,IACAR,KAAA,KAAAH,YAAAG,KACAa,QAAA,KAAAhB,YAAAgB,SAGA,KAAA5B,MAAAQ,gBAAA,KAAAc,iBAAA,KAAAd,EAEA,KAAAqB,OAAAC,IAAA,cAAAC,IAAAR,IAAAE,MCxDqW,I,wBCQjWO,EAAY,eACd,EACAzC,EACAkB,GACA,EACA,KACA,KACA,MAIa,aAAAuB,E,6CCnBf,W","file":"js/chunk-1bf91f57.f7de009c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:_vm.hasMonitor ? 'is-monitor-assigned' : 'help-models'},[_c('div',{staticClass:\"help-models-profile\"},[_c('Avatar',{staticClass:\"help-models-img\",attrs:{\"user\":_vm.model}}),_c('div',{staticClass:\"help-models-description\"},[_c('span',{staticClass:\"help-models-description-name\"},[_vm._v(_vm._s(_vm.changeName(_vm.model.artisticName)))]),_c('span',{staticClass:\"help-models-description-city\"},[_vm._v(_vm._s(_vm.model.roomTemp))])])],1),_c('label',{class:_vm.hasMonitor ? 'block-events' : 'checkboxModel'},[_c('input',{staticClass:\"help-check\",attrs:{\"type\":\"checkbox\"},on:{\"change\":_vm.toggleCheck}}),(_vm.hasMonitor)?_c('Avatar',{staticClass:\"help-check-image\",attrs:{\"user\":_vm.model.temporalMonitor}}):_c('iconic',{attrs:{\"name\":\"check\"}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"hasMonitor ? 'is-monitor-assigned' : 'help-models'\">\n    <div class=\"help-models-profile\">\n      <Avatar class=\"help-models-img\" :user=\"model\" />\n      <div class=\"help-models-description\">\n        <span class=\"help-models-description-name\">{{ changeName(model.artisticName) }}</span>\n        <span class=\"help-models-description-city\">{{ model.roomTemp }}</span>\n      </div>\n    </div>\n    <label :class=\"hasMonitor ? 'block-events' : 'checkboxModel'\">\n      <input class=\"help-check\" type=\"checkbox\" @change=\"toggleCheck\" />\n      <Avatar v-if=\"hasMonitor\" class=\"help-check-image\" :user=\"model.temporalMonitor\" />\n      <iconic v-else name=\"check\" />\n    </label>\n  </div>\n</template>\n\n<script>\n  export default {\n    props: [\"msg\", \"model\"],\n\n    computed: {\n      profileUser() {\n        return this.$store.state.user.profile;\n      },\n      hasMonitor() {\n        return !!this.model.temporalMonitor?.id;\n      },\n      changeName() {\n        return function(modelName) {\n          return modelName[0].toUpperCase() + modelName.substring(1);\n        };\n      },\n      isCurrentMonitor() {\n        return this.hasMonitor && this.model.temporalMonitor.id === this.profileUser._id;\n      },\n    },\n    methods: {\n      toggleCheck() {\n        if (!this.isCurrentMonitor && this.hasMonitor) {\n          return;\n        }\n\n        const body = {\n          modelId: this.model._id,\n          assing: !this.isCurrentMonitor,\n        };\n\n        const temporalMonitor = {\n          id: this.profileUser._id,\n          user: this.profileUser.user,\n          picture: this.profileUser.picture,\n        };\n\n        this.model.temporalMonitor = this.isCurrentMonitor ? null : temporalMonitor;\n\n        this.$axios.put(`/chat/${this.msg._id}`, body);\n      },\n    },\n  };\n</script>\n\n<style lang=\"scss\">\n  .is-monitor-assigned,\n  .help-models {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n    height: 50px;\n    background-color: white;\n    padding: 5px 10px;\n    border-radius: 27px;\n    margin: 10px 0;\n\n    .help-models-profile {\n      display: flex;\n      align-items: center;\n\n      .help-models-img {\n        width: 30px;\n        height: 30px;\n        border-radius: 50%;\n        margin-right: 10px;\n        object-fit: cover;\n      }\n\n      .help-models-description {\n        display: flex;\n        flex-direction: column;\n        height: 40px;\n\n        span {\n          font-size: 13px;\n        }\n\n        .help-models-description-city {\n          border-radius: 9px;\n          width: 120px;\n          height: 20px;\n          text-align: center;\n          padding: 0 3px;\n          text-transform: uppercase;\n          font-weight: 600;\n          color: #fff;\n          background-color: #bd0909;\n        }\n      }\n    }\n  }\n  .handleCheck {\n    pointer-events: none;\n    opacity: 0.2;\n  }\n  .help-check-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 20px;\n    height: 20px;\n    object-fit: cover;\n  }\n\n  .block-events,\n  .checkboxModel {\n    position: relative;\n    text-align: center;\n    font-size: 12px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background-color: #5b5957;\n    color: #fff;\n    cursor: pointer;\n    input[type=\"checkbox\"] {\n      position: absolute;\n      width: 0;\n      height: 0;\n      opacity: 0;\n    }\n    * {\n      pointer-events: none;\n    }\n  }\n  .is-monitor-assigned {\n    background-color: #5b5957;\n    .help-models-description-name {\n      color: #fff;\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!./ChatHelpModel.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!./ChatHelpModel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ChatHelpModel.vue?vue&type=template&id=15730420\"\nimport script from \"./ChatHelpModel.vue?vue&type=script&lang=js\"\nexport * from \"./ChatHelpModel.vue?vue&type=script&lang=js\"\nimport style0 from \"./ChatHelpModel.vue?vue&type=style&index=0&id=15730420&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!./ChatHelpModel.vue?vue&type=style&index=0&id=15730420&prod&lang=scss\""],"sourceRoot":""}