{"version":3,"sources":["webpack:///./src/views/messages/Chat.vue","webpack:///src/views/messages/Chat.vue","webpack:///./src/views/messages/Chat.vue?1e1b","webpack:///./src/views/messages/Chat.vue?15e5","webpack:///./src/views/messages/Chat.vue?e2ed"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","message","creationDate","description","attrs","on","$event","preventDefault","sendMessage","apply","arguments","model","value","answer","callback","$$v","$set","expression","class","inPending","errors","staticRenderFns","name","data","id","components","Errors","mixins","methods","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,KAAK,CAACE,YAAY,cAAc,CAACJ,EAAIK,GAAG,aAAaH,EAAG,IAAI,CAACE,YAAY,kBAAkB,CAACJ,EAAIK,GAAG,IAAIL,EAAIM,GAAGN,EAAIO,QAAQC,cAAc,OAAON,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACJ,EAAIK,GAAG,IAAIL,EAAIM,GAAGN,EAAIO,QAAQE,aAAa,OAAOP,EAAG,OAAO,CAACQ,MAAM,CAAC,OAAS,IAAIC,GAAG,CAAC,OAAS,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBb,EAAIc,YAAYC,MAAM,KAAMC,cAAc,CAACd,EAAG,WAAW,CAACE,YAAY,mBAAmB,CAACF,EAAG,QAAQ,CAACF,EAAIK,GAAG,sBAAsBH,EAAG,cAAc,CAACQ,MAAM,CAAC,KAAO,OAAO,YAAc,iBAAiBO,MAAM,CAACC,MAAOlB,EAAImB,OAAOV,YAAaW,SAAS,SAAUC,GAAMrB,EAAIsB,KAAKtB,EAAImB,OAAQ,cAAeE,IAAME,WAAW,yBAAyB,GAAGrB,EAAG,SAAS,CAACE,YAAY,WAAWoB,MAAMxB,EAAIyB,UAAY,cAAgB,GAAGf,MAAM,CAAC,KAAO,SAAS,SAAWV,EAAIyB,YAAY,CAACzB,EAAIK,GAAG,aAAaH,EAAG,SAAS,CAACQ,MAAM,CAAC,OAASV,EAAI0B,WAAW,QAEz+BC,EAAkB,G,oCC+BP,GACfC,YAEAC,WACAJ,aACAlB,SACAE,eACAD,iBAEAW,QACAW,KACArB,kBAIAsB,YACAC,eAGAC,QACAP,QAGA,sBACA,uBAGAQ,YACA,gCACA,yBASApB,kBCvE6S,I,wBCQzSqB,EAAY,eACd,EACApC,EACA4B,GACA,EACA,KACA,WACA,MAIa,aAAAQ,E,6CCnBf","file":"js/chunk-7e7eb334.cdbb47bf.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"chat_wrapper\"},[_c('div',{staticClass:\"chat\"},[_c('h1',{staticClass:\"chat_title\"},[_vm._v(\"Message\")]),_c('p',{staticClass:\"chat_text date\"},[_vm._v(\" \"+_vm._s(_vm.message.creationDate)+\" \")]),_c('div',{staticClass:\"chat_text letter\"},[_vm._v(\" \"+_vm._s(_vm.message.description)+\" \")]),_c('form',{attrs:{\"action\":\"\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.sendMessage.apply(null, arguments)}}},[_c('md-field',{staticClass:\"custom-textarea\"},[_c('label',[_vm._v(\"Texte de message\")]),_c('md-textarea',{attrs:{\"type\":\"text\",\"placeholder\":\"Votre message\"},model:{value:(_vm.answer.description),callback:function ($$v) {_vm.$set(_vm.answer, \"description\", $$v)},expression:\"answer.description\"}})],1),_c('button',{staticClass:\"btn-send\",class:_vm.inPending ? 'disable-btn' : '',attrs:{\"type\":\"submit\",\"disabled\":_vm.inPending}},[_vm._v(\"Envoyer\")]),_c('Errors',{attrs:{\"errors\":_vm.errors}})],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"chat_wrapper\">\r\n       <div class=\"chat\">\r\n           <h1 class=\"chat_title\">Message</h1>\r\n           <p class=\"chat_text date\"> {{ message.creationDate }} </p>\r\n           <div class=\"chat_text letter\">\r\n               {{ message.description }}\r\n           </div>\r\n           <form action=\"\" @submit.prevent=\"sendMessage\">\r\n\r\n               <md-field class=\"custom-textarea\">\r\n                   <label>Texte de message</label>\r\n                   <md-textarea\r\n                       type=\"text\"\r\n                       v-model=\"answer.description\"\r\n                       placeholder=\"Votre message\"\r\n                   />\r\n               </md-field>\r\n\r\n               <button type=\"submit\" class=\"btn-send\" :class=\"inPending ? 'disable-btn' : ''\" :disabled=\"inPending\">Envoyer</button>\r\n\r\n               <Errors :errors=\"errors\"></Errors>\r\n\r\n           </form>\r\n\r\n       </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport Errors from \"@/components/Errors\"\r\nimport {errors} from \"@/mixins/errors\"\r\nimport {mapActions} from \"vuex\";\r\n\r\nexport default {\r\n    name: 'chat',\r\n\r\n    data: () => ({\r\n        inPending: false,\r\n        message: {\r\n            description: '',\r\n            creationDate: ''\r\n        },\r\n        answer: {\r\n            id: 0,\r\n            description: ''\r\n        }\r\n    }),\r\n\r\n    components: {\r\n        Errors\r\n    },\r\n\r\n    mixins: [\r\n        errors,\r\n    ],\r\n\r\n    async mounted() {\r\n       await this.getMessageData()\r\n    },\r\n\r\n    methods: {\r\n        ...mapActions(['getMessages']),\r\n        async getMessageData() {\r\n//           const id = this.$route.params.id\r\n//            await this.$axios\r\n//               .get(process.env.VUE_APP_API_URL + `/bgfMessage/${id}`)\r\n//               .then(({data}) => {\r\n//                   this.message.description = data.description\r\n//                   this.message.creationDate = data.creationDate ? this.$moment(data.creationDate).format('YYYY-MM-DD HH:mm:ss') : ''\r\n//               })\r\n        },\r\n        sendMessage() {\r\n//            this.clearErrors()\r\n//            this.inPending = true\r\n//            this.$axios\r\n//                .post(process.env.VUE_APP_API_URL + '/bgfMessage/Edit', this.answer)\r\n//                .then((response) => {\r\n//                    if(response.data.success) {\r\n//                        this.inPending = false\r\n//                        this.getMessages()\r\n//                        this.$router.push('/messages')\r\n//                    } else {\r\n//                        this.setErrors([response.data.error])\r\n//                    }\r\n//                })\r\n//                .catch(err => {\r\n//                    this.setErrors(err.response.data.errors)\r\n//                })\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.disable-btn {\r\n  background-color: #aaafbd!important;\r\n}\r\n.chat {\r\n    &_wrapper {\r\n        padding-left: 30px;\r\n    }\r\n    &_title {\r\n        font-weight: 900;\r\n        font-size: 36px;\r\n        line-height: 52px;\r\n        margin-bottom: 15px;\r\n    }\r\n    &_text {\r\n        width: 100%;\r\n        max-width: 760px;\r\n        font-weight: normal;\r\n        font-size: 16px;\r\n        line-height: 24px;\r\n    }\r\n    .date {\r\n        margin-bottom: 25px;\r\n    }\r\n    .letter {\r\n        padding-bottom: 35px;\r\n        border-bottom: 1px solid #000000;\r\n        margin-bottom: 55px;\r\n    }\r\n    .custom-textarea{\r\n        border: 1px solid #CDD0D9;\r\n        max-width: 760px;\r\n        height: 220px;\r\n        font-size: 16px;\r\n        line-height: 24px;\r\n        border-radius: 6px;\r\n        padding: 0;\r\n        margin-bottom: 20px;\r\n\r\n        label {\r\n            opacity: 1;\r\n            font-size: 16px;\r\n            line-height: 24px;\r\n            color: black;\r\n            top: -25px!important;\r\n            left: 0;\r\n        }\r\n        textarea {\r\n            height: 100%;\r\n            padding: 20px 25px!important;\r\n        }\r\n    }\r\n    .md-field.md-theme-default.md-has-textarea:not(.md-autogrow):before {\r\n        border: none;\r\n    }\r\n    .md-field.md-theme-default.md-has-textarea:not(.md-autogrow):after {\r\n        border: none;\r\n    }\r\n    .btn-send {\r\n        width: 120px;\r\n        height: 48px;\r\n        border-radius: 6px;\r\n        font-weight: bold;\r\n        font-size: 16px;\r\n        line-height: 24px;\r\n        outline: none;\r\n        border: none;\r\n        cursor: pointer;\r\n        color: #FFFFFF;\r\n        background-color: #0045FF;\r\n    }\r\n}\r\n</style>\r\n\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../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!./Chat.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../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!./Chat.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Chat.vue?vue&type=template&id=0c52c296&scoped=true&\"\nimport script from \"./Chat.vue?vue&type=script&lang=js&\"\nexport * from \"./Chat.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Chat.vue?vue&type=style&index=0&id=0c52c296&prod&lang=scss&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  \"0c52c296\",\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!./Chat.vue?vue&type=style&index=0&id=0c52c296&prod&lang=scss&scoped=true&\""],"sourceRoot":""}